.odx-magnetic{--odx-magnetic-section-vh: 90;--odx-magnetic-active-vh: 75;--odx-magnetic-inactive-vh: 60;--odx-magnetic-gap: 16px;--odx-magnetic-inset: rgba(255, 255, 255, .12);background:var(--odx-magnetic-bg, #000)}.odx-magnetic__inner{min-height:calc(var(--odx-magnetic-section-vh) * 1vh);display:flex;flex-direction:column;justify-content:center}.odx-magnetic__viewport{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scroll-snap-type:x mandatory}.odx-magnetic__viewport::-webkit-scrollbar{display:none;width:0;height:0}.odx-magnetic__strip{display:flex;flex-direction:row;align-items:center;gap:var(--odx-magnetic-gap);min-height:calc(var(--odx-magnetic-section-vh) * 1vh);width:max-content;position:relative}.odx-magnetic__strip.odx-magnetic__strip--rubber{will-change:transform}.odx-magnetic--single .odx-magnetic__strip{width:100%;justify-content:center}.odx-magnetic__slide{flex:0 0 auto;position:relative;width:calc(var(--odx-magnetic-active-vh) * 1vh * var(--slide-ar, .5625));height:calc(var(--odx-magnetic-active-vh) * 1vh);max-height:calc(var(--odx-magnetic-active-vh) * 1vh);cursor:pointer;-webkit-tap-highlight-color:transparent;scroll-snap-align:center;scroll-snap-stop:normal}.odx-magnetic__frame{position:relative;width:100%;height:100%;border-radius:0;overflow:hidden;background:#000;box-shadow:none}.odx-magnetic__frame-inner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;box-sizing:border-box;transform-origin:var(--odx-magnetic-transform-origin, center center);will-change:transform;transition:transform .14s ease-out;isolation:isolate}.odx-magnetic__video,.odx-magnetic__img{display:block;position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:var(--odx-magnetic-media-position, center center);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.999}.odx-player-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.odx-player-ui button{position:absolute;pointer-events:auto;border:0;background:#00000059;color:#fff;width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .24s ease}.odx-magnetic__slide.odx-controls-active .odx-player-ui button,.odx-magnetic__slide.is-paused .odx-player-ui button{opacity:.75}.odx-player-ui button:hover,.odx-player-ui button:focus-visible{opacity:1}.odx-mute-btn{top:14px;right:14px}.odx-fs-btn{right:14px;bottom:14px}.odx-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .24s ease}.odx-magnetic__slide.is-paused .odx-play-overlay{opacity:1}.odx-play-svg{width:72px;height:72px;fill:#fff}.odx-magnetic__dim{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;box-sizing:border-box;z-index:4;pointer-events:none;background:#000;opacity:0;transform:translateZ(0);transition:opacity .14s ease-out}.odx-magnetic__dim:empty{display:block}@media screen and (max-width:749px){.odx-magnetic__inner,.odx-magnetic__strip{min-height:calc(var(--odx-magnetic-section-vh) * 1svh)}.odx-magnetic__slide{max-width:80vw;width:calc(var(--odx-magnetic-active-vh) * 1svh * var(--slide-ar, .5625));height:calc(var(--odx-magnetic-active-vh) * 1svh);max-height:calc(var(--odx-magnetic-active-vh) * 1svh)}.odx-magnetic__frame-inner{transition:transform .1s ease-out}.odx-magnetic__dim{transition:opacity .1s ease-out}}.odx-magnetic__debug-hud{font:11px/1.35 var(--font-mono-family);margin:8px 0 0;padding:10px 12px;white-space:pre-wrap;word-break:break-word;max-height:220px;overflow:auto;color:#e2e8f0;background:#0f172aeb;border:1px solid #475569;border-radius:6px}@media(prefers-reduced-motion:reduce){.odx-magnetic__frame-inner,.odx-magnetic__dim{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/odx-magnetic-track.css.map */