@media screen and (max-width: 749px){.product__media-list{margin-left:-2.5rem;padding-bottom:2rem;margin-bottom:3rem;width:calc(100% + 4rem)}.product__media-wrapper slider-component:not(.thumbnail-slider--no-slide){margin-left:-2rem;margin-right:0}.slider.slider--mobile.product__media-list{padding-bottom:0;margin-left:.5rem;margin-bottom:.5rem}.slider.product__media-list::-webkit-scrollbar{height:.2rem;width:.2rem}.product__media-list::-webkit-scrollbar-thumb{background-color:var(--color-foreground)}.product__media-list::-webkit-scrollbar-track{background-color:var(--color-foreground)}.product__media-list .product__media-item{width:calc(100% - 2rem)}}@media screen and (min-width: 750px){.product__media-item:first-child{width:100%}.product__media-list.grid{margin-left:-2rem}.product__media-item.grid__item{padding-left:2rem;padding-bottom:2rem}.product--thumbnail .product__media-item:not(.is-active),.product--thumbnail_slider .product__media-item:not(.is-active){display:none!important}.product-media-modal__content>.product__media-item--variant.product__media-item--variant{display:none}.product-media-modal__content>.product__media-item--variant:first-child{display:block}}.product__media-item.product__media-item--variant{display:none}.product__media-item--variant:first-child{display:block}@media screen and (max-width: 749px){.product__media-item--variant:first-child{padding-right:1.5rem}}@media screen and (min-width: 750px) and (max-width: 989px){.product__media-list .product__media-item:first-child{padding-left:0}.product--thumbnail_slider .product__media-list{margin-left:0}.product__media-list .product__media-item{padding:0 0 .5rem;width:100%}}.product__media-icon .icon{width:1.2rem;height:1.4rem}.product__media-icon,.thumbnail__badge{background-color:var(--color-styleguide-white);border-radius:50%;border:.1rem solid var(--color-foreground);color:var(--color-foreground);display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;position:absolute;right:1.5rem;bottom:1.5rem;z-index:1;transition:color var(--duration-short) ease,opacity var(--duration-short) ease}.product__media-video .product__media-icon{opacity:1}.product__modal-opener--image .product__media-toggle:hover{cursor:zoom-in}.product__modal-opener:hover .product__media-icon{border:.1rem solid var(--color-foreground)}@media screen and (min-width: 750px){.grid__item.product__media-item--full{width:100%}.grid__item.product__media-item--video .deferred-media{padding-top:100%!important}}@media screen and (min-width: 990px){.product__modal-opener .product__media-icon{opacity:0}.product__modal-opener:hover .product__media-icon,.product__modal-opener:focus .product__media-icon{opacity:1}}.product__media-item>*{display:block;position:relative}.product__media-toggle{display:flex;border:none;background-color:transparent;color:currentColor;padding:0}.product__media-toggle:after{content:"";cursor:pointer;display:block;margin:0;padding:0;position:absolute;top:0;left:0;z-index:2;height:100%;width:100%}.product__media-toggle:focus-visible{outline:0;box-shadow:none}.product__media-toggle.focused{outline:0;box-shadow:none}.product__media-toggle:focus-visible:after{outline:.2rem solid var(--color-foreground);outline-offset:.3rem;box-shadow:0 0 0 .3rem var(--color-background),0 0 .5rem .4rem var(--color-foreground)}.product__media-toggle.focused:after{outline:.2rem solid var(--color-foreground);outline-offset:.3rem;box-shadow:0 0 0 .3rem var(--color-background),0 0 .5rem .4rem var(--color-foreground)}.product-media-modal{background-color:var(--color-background);height:100%;position:fixed;top:0;left:0;width:100%;visibility:hidden;opacity:0;z-index:-1}.product-media-modal[open]{visibility:visible;opacity:1;z-index:101}.product-media-modal__dialog{display:flex;align-items:center;height:100vh}.product-media-modal__content{max-height:100vh;width:100%;overflow:auto}.product-media-modal__content>*:not(.active),.product__media-list .deferred-media{display:none}@media screen and (min-width: 750px){.product-media-modal__content{padding-bottom:2rem}.product-media-modal__content>*:not(.active){display:block}.product__modal-opener:not(.product__modal-opener--image){display:none}.product__media-list .deferred-media{display:block}}@media screen and (max-width: 749px){.product__media-icon svg.icon.icon-play{fill:var(--color-styleguide-black)}.product--thumbnail .is-active>.product__modal-opener:not(.product__modal-opener--image),.product--thumbnail_slider .is-active>.product__modal-opener:not(.product__modal-opener--image){display:none}.product--thumbnail .is-active .deferred-media,.product--thumbnail_slider .is-active .deferred-media{display:block;width:100%}}.product__media-list .deferred-media,.product__media-list .product__modal-opener.card-outline{border:.1rem solid var(--color-border);border-radius:.6rem}.product__media-list .product__modal-opener.card-outline .product__media{border-radius:.6rem}.product__media-badge{position:absolute;top:1.5rem;left:1.5rem;z-index:1;padding:.65rem .85rem;font-family:var(--font-body-family);font-weight:400;font-size:1.8rem;line-height:1;letter-spacing:normal;background-color:var(--color-badge-background);color:var(--color-badge-foreground)}@media screen and (max-width: 749px){.product__media-badge{position:absolute;top:1rem;left:3.5rem}}.product-media-modal__content>*{display:block;height:auto;margin:auto;border:.1rem solid var(--color-border)}.product-media-modal__content .media{background:none}.product-media-modal__model{width:100%}.product-media-modal__toggle{background-color:var(--color-background);border:.1rem solid var(--color-foreground);border-radius:50%;color:var(--color-foreground);display:flex;align-items:center;justify-content:center;cursor:pointer;right:2rem;padding:1.2rem;position:fixed;z-index:2;top:2rem;width:4rem}.product-media-modal__content .deferred-media{width:100%}@media screen and (min-width: 750px){.product-media-modal__content{padding:2rem 11rem}.product-media-modal__content>*{width:100%}.product-media-modal__content>*+*{margin-top:2rem}.product-media-modal__toggle{right:5rem;top:2.2rem}}@media screen and (min-width: 990px){.product-media-modal__content{padding:2rem 11rem}.product-media-modal__content>*+*{margin-top:1.5rem}.product-media-modal__content{padding-bottom:1.5rem}.product-media-modal__toggle{right:5rem}}.product-media-modal__toggle:hover{color:var(--color-foreground)}.product-media-modal__toggle .icon{height:auto;margin:0;width:2.2rem}@media screen and (max-width: 749px){.product-media-modal__content>*{width:auto;height:100vh}}
/*# sourceMappingURL=/cdn/shop/t/190/assets/component-product-gallery.css.map */