:root{--ease-out:cubic-bezier(.22,.61,.36,1)}.gal .stage{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--panel);touch-action:pan-y;outline:none}.gal .stage:focus-visible{box-shadow:0 0 0 2px var(--orange)}.gal .stage img.main{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;opacity:0;transform:scale(1.035);transition:opacity .5s ease,transform .9s var(--ease-out);backface-visibility:hidden}.gal .stage img.main.on{opacity:1;transform:none}.gal .stage[data-dir=next] img.main:not(.on){transform:translate3d(-2.5%,0,0) scale(1.01)}.gal .stage[data-dir=prev] img.main:not(.on){transform:translate3d(2.5%,0,0) scale(1.01)}.gal .stage[data-dir=next] img.main.on{animation:g-in-next .9s var(--ease-out)}.gal .stage[data-dir=prev] img.main.on{animation:g-in-prev .9s var(--ease-out)}@keyframes g-in-next{0%{transform:translate3d(3%,0,0) scale(1.03)}to{transform:none}}@keyframes g-in-prev{0%{transform:translate3d(-3%,0,0) scale(1.03)}to{transform:none}}.gnav{position:absolute;top:50%;width:48px;height:48px;margin-top:-24px;display:grid;place-items:center;border:0;border-radius:2px;background:#0b0c0b8c;cursor:pointer;opacity:0;transition:opacity .25s ease,background .2s ease;z-index:2}.gnav svg{width:18px;stroke:#ece7df;fill:none;stroke-width:2}.gnav.prev{left:12px}.gnav.next{right:12px}.gnav:hover{background:#0b0c0bd9}.gal .stage:hover .gnav,.gal .stage:focus-within .gnav{opacity:1}@media(hover:none){.gnav{opacity:.85;width:40px;height:40px;margin-top:-20px}}.gcount{position:absolute;right:12px;bottom:12px;background:#0b0c0b99;color:#ece7df;font:500 15px/1 var(--display);letter-spacing:.14em;padding:7px 9px;z-index:2}.gal .thumbs button{transition:border-color .2s ease,opacity .2s ease;opacity:.7}.gal .thumbs button[aria-pressed=true],.gal .thumbs button:hover{opacity:1}.card .ph img,.bundle .ph img{transition:transform .9s var(--ease-out);backface-visibility:hidden;transform:translateZ(0)}@media(hover:hover)and (pointer:fine){.card:hover .ph img,.bundle .ph:hover img{transform:scale(1.04)}}@media(hover:none){.card:hover .ph img,.bundle .ph:hover img{transform:translateZ(0)}}.gal .stage.zooming{cursor:zoom-in}.gal .stage.zooming img.main.on{transform:scale(2)!important;transform-origin:var(--zx,50%) var(--zy,50%);transition:opacity .5s ease,transform .35s var(--ease-out)!important;animation:none!important}.gal .stage.zooming .gnav,.gal .stage.zooming .gcount{opacity:0}@media(prefers-reduced-motion:reduce){.gal .stage img.main{transition:opacity .45s ease!important;animation:none!important;transform:none}.gal .stage[data-dir] img.main:not(.on){transform:none}.card .ph img,.bundle .ph img{transition:transform .9s var(--ease-out)!important}.gnav{transition:opacity .25s ease,background .2s ease!important}.gal .thumbs button{transition:border-color .2s ease,opacity .2s ease!important}}.track.fade{display:block;position:relative;overflow:hidden;aspect-ratio:2420/904;scroll-snap-type:none;touch-action:pan-y}.sp-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}.track img.sp{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity .55s ease,transform 1s var(--ease-out);backface-visibility:hidden}.track img.sp.on{opacity:1;transform:none}.track[data-dir=next] img.sp:not(.on){transform:translate3d(-2%,0,0)}.track[data-dir=prev] img.sp:not(.on){transform:translate3d(2%,0,0)}.track[data-dir=next] img.sp.on{animation:g-in-next 1s var(--ease-out)}.track[data-dir=prev] img.sp.on{animation:g-in-prev 1s var(--ease-out)}@media(prefers-reduced-motion:reduce){.track img.sp{transition:opacity .5s ease!important;animation:none!important;transform:none}.track[data-dir] img.sp:not(.on){transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/orken-motion.css.map */