.product-popup-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background:rgba(var(--color-foreground),.5);height:100%}.product-popup-modal[open]{opacity:1;visibility:visible;z-index:101}.product-popup-modal__content{border-radius:var(--popup-corner-radius);background-color:rgb(var(--color-background));overflow:auto;height:80%;margin:0 auto;left:50%;transform:translate(-50%);margin-top:5rem;width:92%;position:absolute;top:0;padding:0;border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:var(--popup-border-width);box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.product-popup-modal__content.focused{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.product-popup-modal__content:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}@media screen and (min-width: 750px){.product-popup-modal__content{top:50%;height:auto;translate:0 -60%;width:50%;min-width:65rem;padding:0}.product-media-modal__dialog .global-media-settings--no-shadow{overflow:visible!important}}.product-popup-modal__content img{max-width:100%}@media screen and (max-width: 749px){.product-popup-modal__content table{display:block;max-width:fit-content;overflow-x:auto;white-space:nowrap;margin:0}.product-media-modal__dialog .global-media-settings,.product-media-modal__dialog .global-media-settings video,.product-media-modal__dialog .global-media-settings model-viewer,.product-media-modal__dialog .global-media-settings iframe,.product-media-modal__dialog .global-media-settings img{border:none;border-radius:0;max-width:100vw;max-height:100vh;object-fit:contain;margin-top:1.5rem}}.product-popup-modal__opener{display:inline-block}.product-popup-modal__button{font-size:1.6rem;padding-right:1.3rem;padding-left:0;min-height:4.4rem;text-underline-offset:.3rem;text-decoration-thickness:.1rem;transition:text-decoration-thickness var(--duration-short) ease}.product-popup-modal__button:hover{text-decoration-thickness:.2rem}.product-popup-modal__content-info{padding-right:0}.product-popup-modal__wrapper{padding:1rem 1.6rem 2.6rem}.product-popup-modal__wrapper .metafield-rich_text_field{font-size:1.4rem}.product-popup-modal__content-info .h2{text-align:center;font-weight:400;text-transform:uppercase;border-bottom:1px solid rgba(var(--color-foreground),.1);padding:1.6rem 4rem 1.6rem 2rem;margin-top:-4rem}.product-popup-modal__content-info>*{height:auto;margin:0 auto;max-width:100%;width:100%}@media screen and (max-width: 749px){.product-popup-modal__content-info>*{max-height:100%}}.product-popup-modal__toggle{background-color:rgb(var(--color-background));border:none;border-radius:50%;color:rgba(var(--color-foreground),.8);display:flex;align-items:center;justify-content:center;cursor:pointer;position:sticky;padding:1.2rem;z-index:2;top:1rem;width:4rem;margin:0 .6rem 0 auto}.product-popup-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.product-popup-modal__toggle .icon{height:auto;margin:0;width:2.2rem}.product__media-list .media>*{overflow:hidden}.thumbnail-list{flex-wrap:wrap;grid-gap:1rem}.slider--mobile.thumbnail-list:after{content:none}@media screen and (min-width: 750px){.product--stacked .thumbnail-list{display:none}.thumbnail-list{display:grid;grid-template-columns:repeat(4,1fr)}}.thumbnail-list_item--variant:not(:first-child){display:none}@media screen and (min-width: 990px){.thumbnail-list{grid-template-columns:repeat(4,1fr)}.product--medium .thumbnail-list{grid-template-columns:repeat(5,1fr)}.product--large .thumbnail-list{grid-template-columns:repeat(6,1fr)}}@media screen and (max-width: 749px){.product__media-item{display:flex;align-items:center}.product__modal-opener{width:auto}.thumbnail-slider{display:flex;align-items:center}.thumbnail-slider .thumbnail-list.slider{display:flex;padding:.5rem;flex:1;scroll-padding-left:.5rem}.thumbnail-list__item.slider__slide{width:calc(33% - .6rem)}}@media screen and (min-width: 750px){.product--thumbnail_slider .thumbnail-slider{display:flex;align-items:center}.thumbnail-slider .thumbnail-list.slider--tablet-up{display:flex;padding:.5rem;flex:1;scroll-padding-left:.5rem}.product__media-wrapper .slider-mobile-gutter .slider-button{display:none}.thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide{width:calc(25% - .8rem)}.product--thumbnail_slider .slider-mobile-gutter .slider-button{display:flex}}@media screen and (min-width: 900px){.product--small .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide{width:calc(25% - .8rem)}.thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide{width:calc(20% - .8rem)}}.thumbnail{position:absolute;top:0;left:0;display:block;height:100%;width:100%;padding:0;color:rgb(var(--color-foreground));cursor:pointer;background-color:transparent}.thumbnail:hover{opacity:.7}.thumbnail.global-media-settings img{border-radius:0}.thumbnail[aria-current]{box-shadow:0 0 0 .1rem rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.image-magnify-full-size{cursor:zoom-out;z-index:1;margin:0;border-radius:calc(var(--media-radius) - var(--media-border-width))}.image-magnify-hover{cursor:zoom-in}.product__modal-opener--image .product__media-zoom-none,.product__media-icon--none{display:none}.product__modal-opener>.loading__spinner{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;display:flex;align-items:center;height:48px;width:48px}.product__modal-opener .path{stroke:rgb(var(--color-button));opacity:.75}@media (hover: hover){.product__media-zoom-hover,.product__media-icon--hover{display:none}}@media screen and (max-width: 749px){.product__media-zoom-hover,.product__media-icon--hover{display:flex}}.js .product__media{overflow:hidden!important}.thumbnail[aria-current]:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5)}.thumbnail[aria-current]:focus,.thumbnail.focused{outline:0;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5)}
/*# sourceMappingURL=/cdn/shop/t/13/assets/product-modal.css.map */