.ma-mo{--ma-mo-fade: 1.4s;--ma-mo-dur: 7.2s;--ma-mo-bg: #14110f;touch-action:pan-y}.ma-mo__f{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--ma-mo-fade) cubic-bezier(.4,0,.2,1);pointer-events:none;overflow:hidden}.ma-mo__f--first{position:relative;opacity:1;pointer-events:auto}.ma-mo.is-live .ma-mo__f--first:not(.is-on){opacity:0}.ma-mo__f.is-on{opacity:1;z-index:1}.ma-mo__f.is-out{z-index:0}.ma-mo__f:not(.ma-mo__f--first){display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;background:var(--ma-mo-bg)}.ma-mo__f--inset{padding-left:var(--ma-mo-inset, 0%)}.ma-mo__f .ma-mo__img,.ma-mo__f:not(.ma-mo__f--first) img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}.ma-mo__cell{position:relative;overflow:hidden;min-width:0}.ma-mo.is-live .ma-mo__f.is-kb img{animation:maMoKbA var(--ma-mo-dur) linear both;transform-origin:50% 0;will-change:transform}.ma-mo.is-live .ma-mo__f.is-kb.is-alt img{animation-name:maMoKbB}.ma-mo.is-paused .ma-mo__f img{animation-play-state:paused!important}@keyframes maMoKbA{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.06) translate3d(-1.2%,0,0)}}@keyframes maMoKbB{0%{transform:scale(1.06) translate3d(1.2%,0,0)}to{transform:scale(1.01) translateZ(0)}}.ma-mo__ui{position:absolute;z-index:3;right:14px;bottom:14px;display:flex;align-items:center;gap:10px;pointer-events:auto}.ma-mo__dots{display:flex;gap:6px;margin:0;padding:0;list-style:none}.ma-mo__dot{position:relative;width:28px;height:20px;padding:0;border:0;background:none;cursor:pointer}.ma-mo__dot:before,.ma-mo__dot:after{content:"";position:absolute;left:0;right:0;top:9px;height:2px;border-radius:2px;background:#ffffff6b}.ma-mo__dot:after{background:#fff;transform:scaleX(0);transform-origin:0 50%}.ma-mo__dot.is-done:after{transform:scaleX(1)}.ma-mo__dot.is-on:after{animation:maMoBar var(--ma-mo-int, 4.5s) linear both}.ma-mo.is-paused .ma-mo__dot.is-on:after{animation-play-state:paused}@keyframes maMoBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ma-mo__pp{width:30px;height:30px;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:#14110f47;color:#fff;cursor:pointer;display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ma-mo__pp svg{width:10px;height:10px;fill:currentColor}.ma-mo__pp .ma-mo__i-play{display:none}.ma-mo.is-held .ma-mo__pp .ma-mo__i-play{display:block}.ma-mo.is-held .ma-mo__pp .ma-mo__i-pause{display:none}.ma-mo__dot:focus-visible,.ma-mo__pp:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:749px){.ma-mo__ui{right:10px;bottom:10px;gap:8px}.ma-mo__dot{width:22px;height:28px}.ma-mo__dot:before,.ma-mo__dot:after{top:13px}.ma-mo__pp{width:26px;height:26px}}.ma-mo.is-manual .ma-mo__dot.is-on:after{animation:none;transform:scaleX(1)}.ma-mo.is-manual .ma-mo__f{transition-duration:.3s}@media(prefers-reduced-motion:reduce){.ma-mo__f{transition-duration:1ms}.ma-mo__f img{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/ma-alive.css.map */