.mxs{--mxs-d: 3.8s;--mxs-orb: #ece3f5;--mxs-orb2: #fbe9df;--mxs-card: #c8955a;--mxs-card2: #a8743f;width:320px;max-width:100%;margin-inline:auto}.mxs__stage{position:relative;width:320px;height:190px;overflow:hidden;transform-origin:top left}.mxs__orb{position:absolute;left:30px;bottom:30px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff 0,var(--mxs-orb) 45%,color-mix(in srgb,var(--mxs-orb) 70%,#b39cc9) 100%);box-shadow:inset -10px -14px 26px #785a962e,0 18px 30px -18px #5a466e73}.mxs__base{position:absolute;left:50px;bottom:22px;width:110px;height:16px;border-radius:50%;background:linear-gradient(#d9c9bd,#b9a596);box-shadow:0 6px 10px -6px #00000059}.mxs__road{position:absolute;left:0;right:0;bottom:0;height:24px;background:linear-gradient(#3b4a42,#2c3832)}.mxs__road:after{content:"";position:absolute;left:0;right:0;top:11px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 18px,transparent 18px 34px)}.mxs__prod{position:absolute;left:72px;bottom:112px;width:66px;height:66px;display:grid;place-items:center;z-index:3}.mxs__prod img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 10px rgba(0,0,0,.18))}.mxs__box{position:absolute;left:66px;bottom:34px;width:78px;height:56px;z-index:2}.mxs__body{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border-radius:3px;background:linear-gradient(160deg,var(--mxs-card),var(--mxs-card2));box-shadow:inset 0 -8px 14px #0000001f,0 8px 12px -8px #0006}.mxs__body:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:#0000001f}.mxs__tape{position:absolute;left:50%;top:0;width:14px;height:60%;margin-left:-7px;background:#7e6aa8;opacity:0}.mxs__flap{position:absolute;top:0;width:39px;height:7px;z-index:5;background:linear-gradient(var(--mxs-card),var(--mxs-card2));border-radius:2px}.mxs__flap--back{left:0;transform-origin:0 50%;transform:rotate(-125deg)}.mxs__flap--front{right:0;transform-origin:100% 50%;transform:rotate(125deg)}.mxs__van{position:absolute;left:150px;bottom:16px;width:176px;height:88px;z-index:6;transform:translate(260px)}.mxs__van svg{width:100%;height:auto;display:block}.mxs:is(.is-play,.buyprep.is-on *) .mxs__prod{animation:mxsProd var(--mxs-d) cubic-bezier(.5,0,.3,1) both}.mxs:is(.is-play,.buyprep.is-on *) .mxs__flap--back{animation:mxsFlapL var(--mxs-d) ease both}.mxs:is(.is-play,.buyprep.is-on *) .mxs__flap--front{animation:mxsFlapR var(--mxs-d) ease both}.mxs:is(.is-play,.buyprep.is-on *) .mxs__tape{animation:mxsTape var(--mxs-d) ease both}.mxs:is(.is-play,.buyprep.is-on *) .mxs__box{animation:mxsBox var(--mxs-d) cubic-bezier(.6,0,.3,1) both}.mxs:is(.is-play,.buyprep.is-on *) .mxs__van{animation:mxsVan var(--mxs-d) cubic-bezier(.55,0,.35,1) both}.mxs:is(.is-play,.buyprep.is-on *) .mxs__wheel{animation:mxsWheel var(--mxs-d) linear both}.mxs--loop:is(.is-play,.buyprep.is-on *) :is(.mxs__prod,.mxs__flap,.mxs__tape,.mxs__box,.mxs__van,.mxs__wheel){animation-iteration-count:infinite}.mxs--loop:is(.is-play,.buyprep.is-on *) .mxs__stage{animation:mxsFade var(--mxs-d) ease infinite}@keyframes mxsProd{0%,10%{transform:translateY(-6px);opacity:1}16%{transform:translateY(-12px) rotate(-4deg)}28%{transform:translateY(66px) scale(.7) rotate(0);opacity:1}31%,to{transform:translateY(70px) scale(.6);opacity:0}}@keyframes mxsFlapL{0%,30%{transform:rotate(-125deg)}38%,to{transform:rotate(0)}}@keyframes mxsFlapR{0%,33%{transform:rotate(125deg)}41%,to{transform:rotate(0)}}@keyframes mxsTape{0%,41%{opacity:0}45%,to{opacity:1}}@keyframes mxsVan{0%,36%{transform:translate(260px)}50%,64%{transform:translate(0)}66%{transform:translate(-4px)}88%,to{transform:translate(340px)}}@keyframes mxsBox{0%,52%{transform:none;opacity:1}60%{transform:translate(78px,-6px) scale(.62);opacity:1}62%,to{transform:translate(84px,-6px) scale(.55);opacity:0}}@keyframes mxsWheel{0%,36%{transform:rotate(0)}50%,64%{transform:rotate(-540deg)}88%,to{transform:rotate(540deg)}}@keyframes mxsFade{0%{opacity:0}5%,90%{opacity:1}97%,to{opacity:0}}@media(max-width:400px){.mxs{width:272px}.mxs__stage{transform:scale(.85);margin-bottom:-28px}}@media(prefers-reduced-motion:reduce){.mxs:is(.is-play,.buyprep.is-on *) :is(.mxs__prod,.mxs__flap,.mxs__tape,.mxs__box,.mxs__van,.mxs__wheel,.mxs__stage){animation:none!important}.mxs:is(.is-play,.buyprep.is-on *) .mxs__flap{transform:none}.mxs:is(.is-play,.buyprep.is-on *) .mxs__tape{opacity:1}.mxs:is(.is-play,.buyprep.is-on *) .mxs__prod{opacity:0}}.buyprep--ship .buyprep__in{gap:10px}.buyprep--ship .buyprep__in p{margin-top:6px}.buyprep__sub{margin:0;font-size:14px;color:var(--color-text-soft, #66706a);display:inline-flex;align-items:center;gap:6px}.buyprep__sub svg{width:15px;height:15px;color:var(--color-accent, #4f7a5a)}.otrack__result{margin-top:18px;padding:18px;border-radius:22px;background:#fff;box-shadow:0 18px 40px -26px #1f2a2473,0 0 0 1px #4f7a5a1a}.otrack__result[hidden]{display:none}.otrack__steps{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative;align-items:start}.otrack__steps:before{content:"";position:absolute;left:16%;right:16%;top:14px;height:3px;border-radius:3px;background:linear-gradient(90deg,#4f7a5a 66%,#dfe7dc 66%)}.otrack__steps li{position:relative;display:grid;justify-items:center;gap:6px;text-align:center;font-size:13px;color:#5f6b63}.otrack__steps i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#dfe7dc;color:#fff;font-style:normal;font-size:15px;font-weight:700;box-shadow:0 0 0 4px #fff}.otrack__steps li.is-done i{background:#4f7a5a}.otrack__steps li.is-done strong{color:#24332a}.otrack__steps li.is-now i{background:#fff;color:#4f7a5a;box-shadow:0 0 0 4px #fff,inset 0 0 0 3px #4f7a5a}.otrack__steps strong{font-size:13.5px}.otrack__go{margin-top:14px;display:inline-flex}
/*# sourceMappingURL=/cdn/shop/t/70/assets/mx-ship.css.map */