.product-media-modal__content.kion-modal-track{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0!important;margin:0!important;width:100%!important;max-height:100vh!important;height:100%}.product-media-modal__content.kion-modal-track::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:no-preference){.product-media-modal__content.kion-modal-track{scroll-behavior:smooth}}.kion-modal-track>.kion-modal-slide{display:flex!important;flex:0 0 100%!important;max-width:100%!important;width:100%!important;margin:0!important;align-items:center;justify-content:center;scroll-snap-align:center;scroll-snap-stop:always;box-sizing:border-box;padding:7rem 2rem}@media screen and (min-width:750px){.kion-modal-track>.kion-modal-slide{padding:7rem 9rem}}.kion-modal-slide img,.kion-modal-slide video{max-width:100%;max-height:calc(100vh - 14rem);width:auto;height:auto;object-fit:contain;margin:0 auto;display:block}.kion-modal-slide .global-media-settings,.kion-modal-slide .deferred-media,.kion-modal-slide product-model,.kion-modal-slide .product-media-modal__model{max-width:90rem;width:100%;margin:0 auto}.kion-modal-controls-prev,.kion-modal-controls-next,.kion-modal-counter{display:none}.product-media-modal[data-media-count-gt-1] .kion-modal-controls-prev,.product-media-modal[data-media-count-gt-1] .kion-modal-controls-next{display:flex}.product-media-modal[data-media-count-gt-1] .kion-modal-counter{display:block}.kion-modal-controls-prev,.kion-modal-controls-next{position:fixed;top:50%;transform:translateY(-50%);z-index:3;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.15);background-color:rgba(var(--color-background),.94);color:rgb(var(--color-foreground));cursor:pointer;padding:0;transition:border-color .2s ease,opacity .2s ease}.kion-modal-controls-prev{left:1rem}.kion-modal-controls-next{right:1rem}@media screen and (min-width:750px){.kion-modal-controls-prev{left:3rem}.kion-modal-controls-next{right:3rem}}.kion-modal-controls-prev:hover:not([disabled]),.kion-modal-controls-next:hover:not([disabled]){border-color:rgba(var(--color-foreground),.4)}.kion-modal-controls-prev[disabled],.kion-modal-controls-next[disabled]{opacity:.3;cursor:default;pointer-events:none}.kion-modal-controls-prev .svg-wrapper,.kion-modal-controls-next .svg-wrapper{width:1.4rem;height:1.4rem}.kion-modal-controls-prev .icon{height:.7rem;transform:rotate(90deg)}.kion-modal-controls-next .icon{height:.7rem;transform:rotate(-90deg)}.kion-modal-counter{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:3;font-size:1.2rem;letter-spacing:.06em;padding:.7rem 1.6rem;border-radius:999px;background-color:rgba(var(--color-background),.94);border:.1rem solid rgba(var(--color-foreground),.12);color:rgba(var(--color-foreground),.75)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-kion-media-modal.css.map */