deferred-media{display:block;position:relative}.deferred-media{overflow:hidden;position:relative}.deferred-media__poster{background-color:rgba(var(--color-foreground),.04);border:none;cursor:pointer;display:flex;height:100%;overflow:hidden;position:relative;width:100%}.deferred-media__poster:focus{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.deferred-media__poster img{border:0;height:auto;max-width:100%;width:100%;object-fit:cover}.deferred-media__poster-button{background-color:var(--color-background);border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:var(--color-foreground);display:flex;align-items:center;justify-content:center;height:6rem;width:6rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform var(--duration-short) ease;z-index:1}.deferred-media__poster-button .icon{height:2rem;width:2rem}.deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1.1)}.deferred-media__poster-button:focus{transform:translate(-50%,-50%) scale(1.1);outline:.2rem solid rgba(var(--color-foreground),.5)}.deferred-media[loaded] .deferred-media__poster{display:none}.deferred-media__media{height:auto;max-width:100%;width:100%}.deferred-media__media video{height:auto;max-width:100%;width:100%}.deferred-media__media iframe{border:0;height:100%;width:100%}.media-modal{align-items:center;background-color:rgba(var(--color-foreground),.9);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity var(--duration-short) ease;width:100%;z-index:-1}.media-modal:target{opacity:1;z-index:999}.media-modal__content{height:auto;max-height:100vh;max-width:100%;width:auto;background:var(--color-background)}.media-modal__content>*{display:block;height:auto;max-width:100%;width:auto}.media-modal__toggle{background-color:rgba(var(--color-background),.9);border:.2rem solid transparent;border-radius:50%;color:var(--color-foreground);cursor:pointer;right:2rem;height:4rem;padding:1.2rem;position:fixed;top:2rem;width:4rem;z-index:2}.media-modal__toggle:hover{border-color:rgba(var(--color-foreground),.1)}.media-modal__toggle .icon{height:auto;margin:0;width:auto}.video-wrapper{position:relative;overflow:hidden}.video-wrapper--fullscreen{padding-bottom:56.25%;height:0}.video-wrapper iframe,.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%}.product-media{position:relative}.product-media__item{display:none}.product-media__item.active{display:block}.product-media__item img,.product-media__item video{width:100%;height:auto;display:block}.media-with-text-overlay{position:relative;color:var(--color-background)}.media-with-text-overlay:before{background:rgba(var(--color-foreground),var(--overlay-opacity, .3));content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.media-with-text-overlay>*{position:relative;z-index:2}.media-gallery{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.media-gallery__item{position:relative;overflow:hidden;border-radius:var(--corner-radius)}.media-gallery__item img,.media-gallery__item video{width:100%;height:200px;object-fit:cover;transition:transform var(--duration-short) ease}.media-gallery__item:hover img,.media-gallery__item:hover video{transform:scale(1.05)}.media-gallery__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(var(--color-foreground),.7);color:var(--color-background);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-short) ease}.media-gallery__item:hover .media-gallery__overlay{opacity:1}.audio-player{background:var(--color-background);border:1px solid rgba(var(--color-foreground),.1);border-radius:var(--corner-radius);padding:1rem;margin:1rem 0}.audio-player__controls{display:flex;align-items:center;gap:1rem}.audio-player__button{background:none;border:1px solid rgba(var(--color-foreground),.2);border-radius:50%;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-short) ease}.audio-player__button:hover{background:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.3)}.audio-player__button .icon{width:1.5rem;height:1.5rem}.audio-player__progress{flex:1;height:.4rem;background:rgba(var(--color-foreground),.1);border-radius:.2rem;position:relative;cursor:pointer}.audio-player__progress-bar{height:100%;background:var(--color-accent);border-radius:.2rem;width:0;transition:width .1s ease}.audio-player__time{font-size:1.2rem;color:rgba(var(--color-foreground),.7);min-width:4rem;text-align:center}.media-thumbnails{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.media-thumbnails__item{width:6rem;height:6rem;border:2px solid transparent;border-radius:var(--corner-radius);overflow:hidden;cursor:pointer;transition:border-color var(--duration-short) ease}.media-thumbnails__item.active{border-color:var(--color-accent)}.media-thumbnails__item img{width:100%;height:100%;object-fit:cover}.media-zoom{cursor:zoom-in}.media-zoom.zoomed{cursor:zoom-out}.media-zoom img{transition:transform var(--duration-short) ease}.media-zoom.zoomed img{transform:scale(2)}@media screen and (max-width:749px){.deferred-media__poster-button{height:5rem;width:5rem}.deferred-media__poster-button .icon{height:1.5rem;width:1.5rem}.media-modal__toggle{height:3.5rem;width:3.5rem;padding:1rem;right:1rem;top:1rem}.media-gallery{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.media-gallery__item img,.media-gallery__item video{height:150px}.media-thumbnails__item{width:5rem;height:5rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-media-player.css.map */