media-gallery slideshow-slide{perspective:1400px;perspective-origin:50% 45%}media-gallery .product-media__image{will-change:transform,opacity}@supports (animation-timeline: view(inline)){@media(prefers-reduced-motion:no-preference){media-gallery slideshow-slide .product-media__image{animation:om-page linear both;animation-timeline:var(--slideshow-timeline);animation-range:cover 0% cover 100%}@keyframes om-page{0%{transform:translate(7%) scale(1.07) rotateY(5deg);opacity:.3;filter:saturate(.82)}42%,58%{transform:none;opacity:1;filter:none}to{transform:translate(-7%) scale(1.07) rotateY(-5deg);opacity:.3;filter:saturate(.82)}}}}media-gallery slideshow-slide[aria-hidden=false] .product-media__image{box-shadow:0 36px 60px -40px #14201a8c}media-gallery .slideshow-controls__thumbnail{position:relative;border-radius:14px;overflow:hidden;transition:transform .35s var(--ease-ui),box-shadow .35s var(--ease-ui),opacity .35s var(--ease-ui);opacity:.62}media-gallery .slideshow-controls__thumbnail:hover{transform:translateY(-3px);opacity:1}media-gallery .slideshow-controls__thumbnail[aria-selected=true]{opacity:1;box-shadow:0 0 0 2px #1e3029,0 12px 20px -14px #14201acc}media-gallery .slideshow-controls__thumbnail img{transition:transform .5s var(--ease-ui)}media-gallery .slideshow-controls__thumbnail:hover img{transform:scale(1.08)}media-gallery .slideshow-control--previous,media-gallery .slideshow-control--next{transition:transform .3s var(--ease-ui),background-color .3s var(--ease-ui),box-shadow .3s var(--ease-ui);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}media-gallery .slideshow-control--previous:hover,media-gallery .slideshow-control--next:hover{transform:scale(1.08);box-shadow:0 14px 24px -14px #14201acc}media-gallery .slideshow-control--previous:active,media-gallery .slideshow-control--next:active{transform:scale(.96)}@media(prefers-reduced-motion:reduce){media-gallery .product-media__image{animation:none;transform:none;opacity:1;filter:none}media-gallery .slideshow-controls__thumbnail,media-gallery .slideshow-controls__thumbnail img,media-gallery .slideshow-control--previous,media-gallery .slideshow-control--next{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/ortho-gallery.css.map */