@keyframes zoomInEffect{0%{transform:scale(1.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomOutEffect{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}video{background:rgba(var(--color-foreground),.1)}video::-webkit-media-controls-enclosure{display:none!important}video::cue{display:none}.media-wrapper--style{display:block;position:relative;overflow:hidden;box-sizing:border-box;border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:var(--media-radius)}.media-wrapper--style:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-gradient, rgba(var(--overlay-color), var(--overlay-opacity, 0)));border-radius:var(--media-radius);pointer-events:none}.media-wrapper--style[style*=--overlay-gradient]:after{opacity:var(--overlay-opacity, 1);height:100%;inset-block-start:auto}.media-wrapper--style img,.media-wrapper--style iframe,.media-wrapper--style model-viewer,.media-wrapper--style video,.media-wrapper--style .placeholder-svg{border-radius:calc(var(--media-radius) - var(--media-border-width))}.media-wrapper--style:has(:is(.media--circle)){--media-radius: 50%}.media{display:block;position:relative;overflow:hidden;line-height:var(--line-height-base, 0);background-color:rgba(var(--color-foreground),.1)}.media--transparent{background-color:transparent}video-media.media{background-color:rgba(var(--global-color-foreground),.3)}.media--height{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.media--fit{max-width:var(--media-max-width, 100%)}.media--fixed{clip-path:inset(0)}.media--square{padding-bottom:100%}.media--portrait{padding-bottom:150%}.media--landscape{padding-bottom:75%}.media--wide{padding-bottom:56.25%}.media--tall{padding-bottom:177.78%}.media--classic{padding-bottom:125.765%}.media--circle{padding-bottom:100%;border-radius:50%}.media--ratio{--ratio: min(var(--max-height), var(--ratio-mobile));padding-bottom:max(var(--min-height, 0%),var(--ratio, var(--min-height, 0%)))}.media.media-pswp-opener{pointer-events:auto;cursor:pointer}.media>img,.media>svg,.media>iframe,.media>video,picture>img{position:absolute;top:0;left:0;height:100%;width:100%;max-width:100%;object-fit:cover;object-position:center}.media--ratio>img,.media--ratio>svg,.media--ratio>picture>img{object-fit:cover;object-position:center}.media--zoom>img{transition:transform var(--duration-default) cubic-bezier(0,0,.17,.61)}.media--fade>img{transition:opacity var(--duration-default) cubic-bezier(0,0,.17,.61)}.media.media--zoom>img+img,.media.media--fade>img+img{opacity:0}.media>video,.media>iframe{object-fit:cover;object-position:center;border:none}.media--fit>img,.media--fit>svg,.media--fit>picture>img{position:relative;top:unset;left:unset;height:auto}.media-fit-contain>img,.media-fit-contain>picture>img{object-fit:contain}.media-fit-cover>img,.media-fit-cover>picture>img{object-fit:cover}.media--fixed>img,.media--fixed>svg,.media--fixed>picture>svg{position:fixed;height:100vh}.media__label{position:absolute;top:1.6rem;right:1.6rem;bottom:1.6rem;left:1.6rem;inset-block-start:auto}.media__label .label{display:inline-block;font-size:calc(var(--font-body-scale) * 1.2rem);line-height:var(--body-line-height, 1.5);padding:.8rem;color:#000;background:#ecf5d8;font-weight:600}.media__control-button,.media__sound-button{-webkit-appearance:none;appearance:none;width:4rem;height:4rem;border-radius:.8rem;border:none;background:rgba(var(--color-black),.25);color:rgba(var(--color-white),1);position:absolute;bottom:1.6rem;right:1.6rem;z-index:var(--z-index-flat, 1);display:none;cursor:pointer}.media__control-button:before,.media__sound-button:before{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}video-media[loaded] .media__control-button,video-media[loaded] .media__sound-button{display:flex;justify-content:center;align-items:center}.media__control-button .media__icon-play,.media__control-button .media__icon-pause,.media__sound-button .media__icon-muted,.media__sound-button .media__icon-unmuted{line-height:var(--line-height-base, 0)}.media__control-button .icon,.media__sound-button .icon{width:2.4rem;height:2.4rem}.media__control-button.is-play .media__icon-pause,.media__control-button.is-pause .media__icon-play,.media__sound-button.is-muted .media__icon-unmuted,.media__sound-button.is-unmuted .media__icon-muted{display:block}.media__control-button.is-play .media__icon-play,.media__control-button.is-pause .media__icon-pause,.media__sound-button.is-muted .media__icon-muted,.media__sound-button.is-unmuted .media__icon-unmuted{display:none}.media__poster{-webkit-appearance:none;appearance:none;position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;color:currentColor;border:none;padding:0;cursor:pointer}.media__poster:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#0003 0% 100%);z-index:var(--z-index-flat, 1)}.media__poster--transparent:before{background:transparent}.media__poster>img,.media__poster>.placeholder-svg{position:absolute;top:0;left:0;height:100%;width:100%;max-width:100%;object-fit:cover;object-position:center center}.media__poster-play{position:absolute;top:50%;left:50%;z-index:var(--z-index-flat, 1);transform:translate(-50%,-50%);color:rgba(var(--color-white),1)}.media__poster-play .svg-wrapper{width:4rem;height:4rem}.media__poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-flat, 1);outline-offset:-.3rem}.media__poster:focus:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.media__poster:focus-visible:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.media__poster:focus:not(:focus-visible):after{box-shadow:none;outline:0}.media__poster:focus{box-shadow:none;outline:0}.media:not([loaded])>template{z-index:var(--z-index-lowest, -1)}.media[loaded]>.media__poster:not(.video-empty),.media[loaded]~.poster__button{display:none}[data-image-animate^=zoom-fade]>*{opacity:0}.no-js [data-image-animate^=zoom-fade]>*{opacity:1}[data-image-animate^=zoom-fade-in][loaded]>*{animation:zoomInEffect var(--duration-extra-long) ease forwards}[data-image-animate^=zoom-fade-out][loaded]>*{animation:zoomOutEffect var(--duration-extra-long) ease forwards}.video-media-controls{position:absolute;bottom:1.6rem;right:1.6rem;z-index:var(--z-index-flat, 1)}.video-media-controls__button{-webkit-appearance:none;appearance:none;width:4rem;height:4rem;border-radius:.8rem;border:none;background:rgba(var(--color-black),.25);color:rgba(var(--color-white),1);cursor:pointer}.video-media-controls__button:before{content:"";position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.video-media-controls__button .media__icon-play,.video-media-controls__button .media__icon-pause{line-height:var(--line-height-base, 0)}.video-media-controls__button .icon{width:2.4rem;height:2.4rem}.video-media-controls__button.is-play .media__icon-pause,.video-media-controls__button.is-pause .media__icon-play{display:block}.video-media-controls__button.is-play .media__icon-play,.video-media-controls__button.is-pause .media__icon-pause{display:none}@media (prefers-reduced-motion: no-preference){@keyframes AmbientEffect{0%{transform:rotate(0) translate(1em) rotate(0) scale(1.2)}to{transform:rotate(360deg) translate(1em) rotate(-360deg) scale(1.2)}}.media--ambient>img,.media--ambient>picture>img,.media--ambient>svg{animation:AmbientEffect 30s linear infinite}}@media screen and (hover: hover){.media--zoom:hover>img:first-child:not(:only-child),.media--fade:hover>img:first-child:not(:only-child),.banner--hover:hover .media--zoom>img:first-child:not(:only-child),.banner--hover:hover .media--fade>img:first-child:not(:only-child){opacity:0}.media--zoom:hover>img+img,.media--fade:hover>img+img,.banner--hover:hover .media--zoom>img+img,.banner--hover:hover .media--fade>img+img{opacity:1}.media--zoom:hover>img:first-child:only-child,.media--zoom:hover>img+img,.banner--hover:hover .media--zoom>img:first-child:only-child,.banner--hover:hover .media--zoom>img+img{transform:scale(1.15)}.card-product:hover .media--zoom>img:first-child:only-child,.card-product:hover .media--zoom>img+img{transform:scale(1.01)}.media__control-button:hover,.media__sound-button:hover,.video-media-controls__button:hover{background:rgba(var(--color-black),1);color:rgba(var(--color-white),1)}}@media screen and (max-width: 749px){.media__label{top:.8rem;right:.8rem;bottom:.8rem;left:.8rem;inset-block-start:auto}.media__label .label{font-size:1.2rem;font-weight:400;text-transform:uppercase}}@media screen and (min-width: 750px){.media--ratio{--ratio: min(var(--max-height), var(--ratio-desktop));padding-bottom:max(var(--min-height, 0%),var(--ratio, var(--min-height, 0%)))}.media__poster-play .svg-wrapper{width:5.6rem;height:5.6rem}}@media screen and (min-width: 1033px){.media__poster-play .svg-wrapper{width:8rem;height:8rem}}
/*# sourceMappingURL=/cdn/shop/t/125/assets/component-media.css.map */