.cleogene-media-slider{--slider-gap: 1rem;--slide-width: calc((100% - (var(--slider-gap) * 3)) / 4);--media-shrink-offset: calc(var(--slide-width) * .1)}.cleogene-media-slider__header{max-width:var(--page-width);margin:0 auto 1.8rem;padding-inline:1.5rem}.cleogene-media-slider__header--align-left{text-align:left}.cleogene-media-slider__header--align-center{text-align:center}.cleogene-media-slider__header--align-right{text-align:right}.cleogene-media-slider__heading{margin:0 0 1rem}.cleogene-media-slider__text{margin:0}.cleogene-media-slider__viewport{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;padding-inline:0}.cleogene-media-slider__viewport::-webkit-scrollbar{display:none}.cleogene-media-slider__track{display:flex;gap:var(--slider-gap);width:max-content;min-width:100%;align-items:center;padding-bottom:5rem;padding-top:5rem}.cleogene-media-slider__slide{width:var(--slide-width);min-width:var(--slide-width);transition:transform .25s ease}.cleogene-media-slider.is-static .cleogene-media-slider__viewport{overflow:hidden}.cleogene-media-slider.is-static .cleogene-media-slider__track{width:100%;min-width:100%}.cleogene-media-slider.is-static .cleogene-media-slider__slide{min-width:0;width:calc((100% - (var(--slider-gap) * (var(--media-count) - 1))) / var(--media-count))}.cleogene-media-slider__media-wrap{position:relative}.cleogene-media-slider__media-button{-webkit-appearance:none;appearance:none;width:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.cleogene-media-slider__frame{width:100%;aspect-ratio:4 / 5;overflow:hidden;background:rgb(var(--color-foreground) / .08);clip-path:inset(0 0 0 0);transition:clip-path .25s ease,opacity .25s ease}.cleogene-media-slider__img,.cleogene-media-slider__video,.cleogene-media-slider__frame .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.cleogene-media-slider__slide:not(.is-active) .cleogene-media-slider__frame{clip-path:inset(8% 0 8% 0);opacity:.92}.cleogene-media-slider__mute-btn{position:absolute;top:1rem;right:1rem;z-index:3;border:0;width:3.6rem;height:3.6rem;padding:0;border-radius:50%;background:#fff;color:#000;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.cleogene-media-slider__mute-icon{display:inline-flex;width:1.8rem;height:1.8rem}.cleogene-media-slider__mute-icon svg{width:100%;height:100%;display:block;fill:currentColor!important}.cleogene-media-slider__mute-icon svg path{fill:currentColor!important}.cleogene-media-slider__mute-icon--on,.cleogene-media-slider__mute-btn.is-unmuted .cleogene-media-slider__mute-icon--off{display:none}.cleogene-media-slider__mute-btn.is-unmuted .cleogene-media-slider__mute-icon--on{display:inline-flex}.cleogene-media-slider__buy-btn{position:absolute;left:2rem;right:2rem;bottom:2rem;z-index:3;justify-content:center;text-align:center}.cleogene-media-slider__mute-btn[hidden],.cleogene-media-slider__buy-btn[hidden]{display:none}.cleogene-media-slider__product{display:grid;grid-template-columns:6.6rem 1fr;gap:1rem;margin-top:1.1rem;text-decoration:none;color:inherit;transform:translateY(0);transition:transform .25s ease}.cleogene-media-slider__slide:not(.is-active) .cleogene-media-slider__product{transform:translateY(calc(-1 * var(--media-shrink-offset)))}.cleogene-media-slider__product-img-wrap{width:6.6rem;height:6.6rem;overflow:hidden}.cleogene-media-slider__product-img{width:100%;height:100%;object-fit:cover}.cleogene-media-slider__product-info{display:flex;flex-direction:column;justify-content:center;gap:.5rem;min-width:0}.cleogene-media-slider__product-title{font-size:1.2rem;line-height:1.18;overflow:hidden;text-overflow:ellipsis}.cleogene-media-slider__product-price{font-size:1.5rem;line-height:1.1;font-family:Gotham Medium!important}@media screen and (max-width:989px){.cleogene-media-slider{--slide-width: calc((100% - (var(--slider-gap) * 3)) / 4)}.cleogene-media-slider__product-title{font-size:1.7rem}.cleogene-media-slider__product-price{font-size:1.9rem}}@media screen and (max-width:749px){.cleogene-media-slider{--slide-width: calc((100% - (var(--slider-gap) * 4)) / 5)}.cleogene-media-slider__header{padding-inline:1rem}.cleogene-media-slider__mute-btn{top:.8rem;right:.8rem}}@media(prefers-reduced-motion:reduce){.cleogene-media-slider__viewport{scroll-behavior:auto}.cleogene-media-slider__slide,.cleogene-media-slider__frame{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/cleogene-media-slider.css.map */