.product__media-list._sp{display:none}@media screen and (max-width: 749px){.product__media-list._pc{display:none}.product__media-list._sp{display:block}}@media screen and (max-width: 989px) and (min-width: 750px){.product__media-icon{opacity:0}.product-media-container:hover .product__media-icon{opacity:1}}.no-js .product-form__input input[type=radio]:focus:not(:focus-visible)+label{box-shadow:none}.product__media-list video{border-radius:calc(var(--media-radius) - var(--media-border-width))}@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{width:100%}}.product__media-icon .icon{width:1.2rem;height:1.4rem}.product__media-icon,.thumbnail__badge{background-color:rgb(var(--color-background));border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;position:absolute;left:1.2rem;top:1.2rem;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 rgba(var(--color-foreground),.1)}@media screen and (min-width: 750px){.grid__item.product__media-item--full{width:100%}.product--columns .product__media-item:not(.product__media-item--single):not(:only-child){max-width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}.product--large.product--columns .product__media-item--full .deferred-media__poster-button{height:5rem;width:5rem}.product--medium.product--columns .product__media-item--full .deferred-media__poster-button{height:4.2rem;width:4.2rem}.product--medium.product--columns .product__media-item--full .deferred-media__poster-button .icon{width:1.8rem;height:1.8rem}.product--small.product--columns .product__media-item--full .deferred-media__poster-button{height:3.6rem;width:3.6rem}.product--small.product--columns .product__media-item--full .deferred-media__poster-button .icon{width:1.6rem;height:1.6rem}}@media screen and (min-width: 990px){.product--stacked .product__media-item{max-width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}.product:not(.product--columns) .product__media-list .product__media-item:first-child,.product:not(.product--columns) .product__media-list .product__media-item--full{width:100%;max-width:100%}.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:calc(var(--border-width) * -1);right:calc(var(--border-width) * -1);bottom:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);z-index:2}.product__media-toggle:focus-visible{outline:0;box-shadow:none}@media (forced-colors: active){.product__media-toggle:focus-visible,.product__media-toggle:focus-visible:after,.product-form__input input[type=radio]:focus-visible+label{outline:transparent solid 1px;outline-offset:2px}}.product__media-toggle.focused{outline:0;box-shadow:none}.product__media-toggle:focus-visible:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5);border-radius:var(--media-radius)}.product__media-toggle.focused:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5);border-radius:var(--media-radius)}.product-media-modal{background-color:rgb(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;box-sizing:border-box}.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--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-modal__content>*{display:block;height:auto;margin:auto}.product-media-modal__content .media{background:none}.product-media-modal__model{width:100%}.product-media-modal__toggle{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);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:rgba(var(--color-foreground),.75)}.product-media-modal__toggle .icon{height:auto;margin:0;width:2.2rem}@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}@media (forced-colors: active){.thumbnail[aria-current]:focus,.thumbnail.focused{outline:transparent solid 1px}}.thumbnail[aria-current]:focus:not(:focus-visible){outline:0;box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.product-media-container{--aspect-ratio: var(--preview-ratio);--ratio-percent: calc(1 / var(--aspect-ratio) * 100%);position:relative;width:100%;max-width:calc(100% - calc(var(--media-border-width) * 2))}.product-media-container.constrain-height{--viewport-offset: 400px;--constrained-min-height: 300px;--constrained-height: max(var(--constrained-min-height), calc(100vh - var(--viewport-offset)));margin-right:auto;margin-left:auto}.product-media-container.constrain-height.media-fit-contain{--contained-width: calc(var(--constrained-height) * var(--aspect-ratio));width:min(var(--contained-width),100%)}.product-media-container .media{padding-top:var(--ratio-percent)}.product-media-container.constrain-height .media{padding-top:min(var(--constrained-height),var(--ratio-percent))}@media screen and (max-width: 749px){.product-media-container.media-fit-cover{display:flex;align-self:stretch}.product-media-container.media-fit-cover .media{position:initial}}@media screen and (min-width: 750px){.product-media-container{max-width:100%}.product-media-container:not(.media-type-image){--aspect-ratio: var(--ratio)}.product-media-container.constrain-height{--viewport-offset: 170px;--constrained-min-height: 500px}.product-media-container.media-fit-cover,.product-media-container.media-fit-cover .product__modal-opener,.product-media-container.media-fit-cover .media{height:100%}.product-media-container.media-fit-cover .deferred-media__poster img{object-fit:cover;width:100%}}.product-media-container .product__modal-opener{display:block;position:relative}@media screen and (min-width: 750px){.product-media-container .product__modal-opener:not(.product__modal-opener--image){display:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-main-product.css.map */