.trading{background-color:#d3d3d3;height:100%;padding-bottom:100px;z-index:-999}.trading .productShowing{background-color:#fff;display:flex;flex-direction:column;gap:0;margin-bottom:30px;position:relative;width:100%;z-index:8}.trading .productShowing img{-webkit-filter:blur(2px);filter:blur(2px);-webkit-filter:brightness(50%);filter:brightness(50%);height:45vh;object-fit:cover;object-position:center;width:100%;z-index:-1}.trading .productShowing .showingtitle{color:#fff;cursor:pointer;font-size:20px;left:50%;position:absolute;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.trading .productShowing .showingtitle svg{vertical-align:text-bottom}.trading .wrapper{background-color:#fff;display:grid;padding:0}.trading .wrapper .tcontainer{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;justify-content:center}.trading .wrapper .tcontainer .tracking{padding:20px 0;width:30%}.trading .wrapper .tcontainer .trackingurl{width:70%}.trading .wrapper .infocolumn{border-bottom:.5px solid #d3d3d3;display:flex;flex-direction:column;font-size:14px;padding:15px;text-align:left}.trading .wrapper .infocolumn .qrcode{align-items:center;display:flex;justify-content:center}.trading .wrapper .infocolumn .qrcode img{max-width:450px}.trading .wrapper .infocolumn p{margin:0}.trading .wrapper .infocolumn button{margin-top:15px}.trading .wrapper .infocolumn .updatedfile{align-items:center;border:1px solid var(--primary-color);border-radius:5px;color:var(--primary-color);display:flex;justify-content:center;margin-top:20px;overflow:hidden;padding:80px;position:relative}.trading .wrapper .infocolumn .updatedfile span{align-items:center;display:flex;gap:5px;justify-content:center;z-index:2}.trading .wrapper .infocolumn .updatedfile .active{color:#fff}.trading .wrapper .infocolumn .updatedfile img{-webkit-filter:brightness(.5);filter:brightness(.5);position:absolute;width:100%}.trading .wrapper .infocolumn .imgupload{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.trading .wrapper .infocolumn .checkinfo{display:flex;flex-direction:column;gap:20px;margin-top:20px}.trading .wrapper .infocolumn .checkinfo span{color:gray;font-size:12px}.trading .wrapper .infocolumn .updatedimg{align-items:center;display:flex;flex-direction:column}.trading .columnbody span{right:0}.trading .columntitle{background-color:hsla(0,0%,83%,.495);border-bottom:1px solid hsla(0,0%,83%,.479);font-weight:600;padding:20px 30px;text-align:left}.trading .bankTitle{height:50px;justify-content:space-between;width:100%}.trading .bankTitle,.trading .copyicon{align-items:center;display:flex}.trading .post{border-bottom:1px solid #d3d3d3;display:grid;grid-template-columns:1fr 2fr 2fr;height:100px;padding:20px 0;width:100%}.trading .postLeft{align-items:center;display:flex;height:100px;justify-content:center}.trading .postLeft img{border-radius:5px;height:100%;object-fit:cover;width:60px}.trading .postCenter{display:grid;grid-template-rows:.5fr 1fr;text-align:left}.trading .postCenter .postTitle{font-size:18px;font-weight:900}@media screen and (max-width:520px){.trading .postCenter{font-size:14px}}.trading .postCenter .checkid{color:gray;font-size:10px}.trading .postRight{align-items:flex-end;color:gray;display:flex;flex-direction:column;font-size:12px;gap:5px;justify-content:center;padding-right:10px}.trading .postRight .status_check{background-color:var(--primary-color);color:#fff}.trading .postRight .status_check,.trading .postRight .status_complete{align-items:center;border-radius:2px;display:flex;height:30px;justify-content:center;width:120px}.trading .postRight .status_complete{background-color:var(--complete-color);color:#4d4d4d}.tradingStepBtn{background-color:#fff;border-bottom:1px solid #d3d3d3;padding:20px 0 15px;position:-webkit-sticky;position:sticky;top:0;z-index:99}.cartcontainer{display:table;overflow:hidden;padding-top:20px;width:100%}.car{-webkit-animation:carMove .3s infinite;animation:carMove .3s infinite;height:5em;margin-left:auto;margin-right:auto;opacity:1;position:relative;width:8em;z-index:4}.car .body{background:var(--primary-color);height:4em;left:.35em;position:absolute;top:0;width:5.75em}.car .body:before{background:gray;content:"";height:.3em;left:-.1em;width:6.1em;z-index:2}.car .body div,.car .body:before{border-radius:10px 10px 10px 10px;position:absolute}.car .body div{background:var(--primary-color);bottom:-.25em;height:1.5em;width:7.25em}.car .body div:before{border-radius:0 25px 0 0;right:0;top:-.725em;-webkit-transform:rotate(17deg);transform:rotate(17deg);width:2em}.car .body div:after,.car .body div:before{background:var(--primary-color);content:"";height:1em;position:absolute;z-index:1}.car .body div:after{border-radius:10px 0 0 0;right:.25em;top:-2.05em;-webkit-transform:rotate(75deg);transform:rotate(75deg);width:2.25em}.car .wheel{-webkit-animation:carMove .3s .2s;animation:carMove .3s .2s;background:gray;bottom:0;height:1.5em;left:1.2em;width:1.5em;z-index:14}.car .wheel,.car .wheel:before{border-radius:50%;position:absolute}.car .wheel:before{background:#fff;content:"";height:.6em;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:.6em}.car .wheel:nth-of-type(2){left:5.25em}.car .decos{height:4.2em;left:.35em;position:absolute;top:0;width:7.25em;z-index:12}.car .line-bot{background:#e1e8ef;bottom:.225em;height:3px;position:absolute;width:100%}.car .door{background:var(--primary-color);border:3px solid #e1e8ef;border-bottom:0;border-radius:10px 10px 0 0;bottom:0;height:3.525em;left:2.75em;position:absolute;width:1.5em}.car .door:after{background:#fff;border-radius:4px;content:"";height:1em;left:.175em;position:absolute;top:.15em;width:1.15em}.car .door .handle{background:#e1e8ef;border-radius:50%;height:.25em;position:absolute;right:.25em;top:1.75em;width:.25em}.car .door .handle:after{background:#e1e8ef;border-radius:10px;content:"";height:.1em;left:-.125em;margin-top:-.05em;position:absolute;top:50%;width:.5em}.car .door .bottom{bottom:.15em;height:.3em;left:.275em;position:absolute;width:.95em}.car .door .bottom:after,.car .door .bottom:before{background:#e1e8ef;border-radius:10px;content:"";display:block;height:.075em;height:.1em;margin-bottom:.1em;width:100%}.car .window{background:#fff;border-radius:10px 10px 0 10px;height:1.8em;left:5em;position:absolute;top:.45em;width:.8em}.car .window:before{border-radius:0 10px 10px 10px;bottom:0;left:0;width:100%;width:1.175em}.car .window:after,.car .window:before{background:#fff;content:"";height:.5em;position:absolute}.car .window:after{border-radius:10px 10px 10px 10px;left:-.325em;top:.425em;-webkit-transform:rotate(74deg);transform:rotate(74deg);-webkit-transform-origin:bottom;transform-origin:bottom;width:1.675em}.car .ice-cream{color:#fff;font-size:10px;font-weight:600;height:2.5em;left:.5em;position:absolute;top:1.25em;width:3em}.wind{height:100%;margin-right:-.5em;right:100%;z-index:-1}.wind,.wind .p{position:absolute}.wind .p{background:var(--primary-color);border-radius:.25em;height:.25em}.wind .p1{-webkit-animation:wind 1s linear -1s infinite;animation:wind 1s linear -1s infinite;position:absolute;right:0;top:.625em;width:1.75em}.wind .p2{-webkit-animation:wind 1s linear -2s infinite;animation:wind 1s linear -2s infinite;right:1em;top:1.5em;width:2.5em}.wind .p3{-webkit-animation:wind 1s linear -1s infinite;animation:wind 1s linear -1s infinite;right:0;top:2.625em;width:1.25em}.wind .p4{-webkit-animation:wind 1s linear 1s infinite;animation:wind 1s linear 1s infinite;right:2.5em;top:3.375em;width:1.5em}.wind .p5{-webkit-animation:wind 1s linear -1.5s infinite;animation:wind 1s linear -1.5s infinite;right:.75em;top:3.625em;width:1.75em}.car-wrapper_inner{position:relative;z-index:4}@-webkit-keyframes carMove{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes carMove{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-1px);transform:translateY(-1px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes wind{0%{opacity:1;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:0;-webkit-transform:translateX(-400%);transform:translateX(-400%)}}@keyframes wind{0%{opacity:1;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:0;-webkit-transform:translateX(-400%);transform:translateX(-400%)}}.car_outter{-webkit-animation:carDrive 5s cubic-bezier(.88,.08,.16,1.1) 1s infinite;animation:carDrive 5s cubic-bezier(.88,.08,.16,1.1) 1s infinite;position:relative;-webkit-transform:translateX(-100%);transform:translateX(-100%)}@-webkit-keyframes carDrive{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}25%{-webkit-transform:translateX(0);transform:translateX(0)}70%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes carDrive{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}25%{-webkit-transform:translateX(0);transform:translateX(0)}70%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes wrapperIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes wrapperIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=358.7d5d3c8c.chunk.css.map*/