.melatonic-product-slider__wrapper{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1rem;border-radius:2rem 2rem 0 0;background-color:#f1f0ed}.melatonic-product-slider__wrapper .swiper-slide-thumb-active .melatonic-product-slider__image-thumbs{border:.1rem solid #000}@media screen and (min-width: 1023px){.melatonic-product-slider__wrapper{position:sticky;top:3rem;border-radius:3rem;gap:2rem}}@media screen and (min-width: 1480px){.melatonic-product-slider__wrapper{flex-direction:row-reverse;margin-bottom:initial;max-width:initial;margin-left:initial;margin-right:initial}}.melatonic-product-slider__big{position:relative;width:100%}.melatonic-product-slider__thumbs{position:absolute;bottom:1rem;left:50%;padding-left:1rem;padding-right:1rem;width:75%;flex-shrink:0;padding-bottom:.2rem;transform:translate(-50%)}.melatonic-product-slider__thumbs .swiper-slide{opacity:.3}.melatonic-product-slider__thumbs .swiper-slide-thumb-active{opacity:1}@media screen and (min-width: 550px){.melatonic-product-slider__big{width:100%;margin-left:initial}.melatonic-product-slider__thumbs{margin-left:initial;padding-left:initial;padding-right:initial}}@media screen and (min-width: 992px){.melatonic-product-slider__thumbs{display:block;flex-shrink:0;padding-bottom:.2rem}.melatonic-product-slider__thumbs .swiper-wrapper .swiper-slide:last-child{margin-right:initial!important}}@media screen and (min-width: 1023px){.melatonic-product-slider__thumbs{max-height:44rem;width:8rem;left:2rem;bottom:2rem;height:70%;transform:initial}}@media screen and (min-width: 1180px){.melatonic-product-slider__thumbs{width:8rem}}@media screen and (min-width: 1280px){.melatonic-product-slider__thumbs{width:9rem}}@media screen and (min-width: 1480px){.melatonic-product-slider__thumbs{width:12rem}}.melatonic-product-slider__image-thumbs img{border-radius:0rem}:is(.melatonic-product-slider__image-thumbs,.melatonic-product-slider__image-big) img{height:auto;width:100%;object-fit:cover}.melatonic-product-slider__image-thumbs{display:flex;max-width:initial;height:100%;border-radius:1rem;overflow:hidden;cursor:pointer;border:.1rem solid transparent;transition:border .3s linear}@media screen and (min-width: 1480px){.melatonic-product-slider__image-thumbs{max-width:16rem}}.melatonic-product-slider__image-big{display:flex;height:100%}
/*# sourceMappingURL=/cdn/shop/t/4/assets/melatonic-product-slider.css.map */