.product__media-list{display:flex;flex-direction:column;width:100%;padding:0;margin:0;list-style:none}.product__media-item{padding:0;margin-bottom:2rem}.product__media-item:last-child{margin-bottom:0}.product__media-item:first-child{position:sticky;top:0;z-index:1}.product__media-item--variant{display:none}.product__media-item--variant.product__media-item--active{display:block}.product__media-item--variant.product__media-item--active:first-child{position:static}.product__media-item--variant.product__media-item--active+.product__media-item{display:none}.product__media-item--variant.product__media-item--active+.product__media-item--variant.product__media-item--active{display:block}.product__media-icon .icon{width:1.2rem;height:1.4rem}.product__media-icon{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:1rem;top:1rem;z-index:1;transition:color var(--duration-short) ease,background-color var(--duration-short) ease}.product__media-video .product__media-icon{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground))}.product__media-icon:hover{color:rgba(var(--color-foreground),.75)}.product__modal-opener--image .product__media-toggle{cursor:zoom-in}.product__modal-opener:hover .product__media-icon{border:.1rem solid rgba(var(--color-foreground),.1)}.product__modal-opener .product__media-icon--play{left:1.9rem}.product__modal-opener .product__media-icon--play .icon{width:1.2rem;margin-left:.1rem}.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}.product-media-modal__content>*:not(.active){display:none}.product-media-modal__content>*:first-child{padding-top:5rem}.product-media-modal__content>*:last-child{padding-bottom:5rem}.product-media-modal__content img{max-width:100%;height:auto;display:block;margin:0 auto}.product-media-modal__content .product__media-list{padding-left:0}.product-media-modal__content .product__media-item,.product-media-modal__content .media-wrapper{width:100%}.product-media-modal__content .product__media-icon{display:none}.product-media-modal__content .product__media-item--variant{display:block}.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 .product__media-item.product__media-item--variant:first-child{padding-top:6rem}.product-media-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.product-media-modal__toggle .icon{height:auto;margin:0;width:2.2rem}@media screen and (min-width: 750px){.product--thumbnail .product__media-gallery,.product--thumbnail_slider .product__media-gallery{padding-bottom:0}.product__media-container{display:flex}.product__media-container>*{width:100%;height:auto}.product--thumbnail .product__media-container{flex-direction:column-reverse}.product--thumbnail_slider .product__media-container{flex-direction:row}.product__media-icon{bottom:1rem;left:1rem;top:auto}.product__modal-opener .product__media-icon{display:flex}.product__modal-opener:not(.product__modal-opener--image){display:flex;flex-direction:column;align-items:flex-start}.product__modal-opener:not(.product__modal-opener--image) .product__media-toggle{display:flex;flex-direction:column;align-items:flex-start}.product__modal-opener:not(.product__modal-opener--image) .media-wrapper{width:100%}.product__modal-opener--image{width:auto;display:inline-block}.product__modal-opener--image[data-media-id=model]{width:100%}.product__modal-opener--image .media-wrapper{width:auto;display:inline-block}.product__modal-opener--image[data-media-id=model] .media-wrapper,.product__modal-opener--image[data-media-id=model] .product__media-toggle{width:100%}.product__modal-opener--image .product__media-icon{display:none}.product__modal-opener--image .product__media-icon--play{display:flex}}@media screen and (max-width: 749px){.product__media-list{margin-left:-1.5rem;margin-bottom:.5rem;width:calc(100% + 3rem)}.product__media-wrapper slider-component{margin-left:-1.5rem;margin-right:-1.5rem}.slider.product__media-list{padding-bottom:0}.slider.product__media-list::-webkit-scrollbar{height:.2rem;width:.2rem}.product__media-list::-webkit-scrollbar-thumb{background-color:rgb(var(--color-foreground))}.product__media-list::-webkit-scrollbar-track{background-color:rgba(var(--color-foreground),.2)}.product__modal-opener--image .product__media-toggle{cursor:zoom-in}.product__modal-opener:not(.product__modal-opener--image){display:flex;flex-direction:column}.product__modal-opener:not(.product__modal-opener--image) .product__media-toggle{display:flex;flex-direction:column}.product__modal-opener:not(.product__modal-opener--image) .media-wrapper{width:100%}.product__modal-opener--image{width:auto;display:inline-block}.product__modal-opener--image[data-media-id=model]{width:100%}.product__modal-opener--image .media-wrapper{width:auto;display:inline-block}.product__modal-opener--image[data-media-id=model] .media-wrapper,.product__modal-opener--image[data-media-id=model] .product__media-toggle{width:100%}.product__modal-opener--image .product__media-icon{display:none}.product__modal-opener--image .product__media-icon--play{display:flex}}.product__media-icon--play .icon{width:1.4rem}.product__media-wrapper .deferred-media{width:100%;padding-bottom:0}.product-v2 .ruemood-carousel-track{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.product-v2 .ruemood-thumbnail:focus-visible{outline:3px solid rgb(var(--color-foreground));outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/231/assets/product-media.css.map */