.s-cs{position:relative;padding:2.4rem 0 3.2rem;background-color:var(--cs-section-bg, #ffffff);font-size:62.5%}.s-cs *,.s-cs *:before,.s-cs *:after{box-sizing:border-box}.s-cs .cs-header{text-align:center;padding:0 1.6rem;margin-bottom:1.6rem}.s-cs .cs-title{margin:0;font-family:Oswald,sans-serif;font-weight:700;font-size:2.6rem;line-height:1.15;letter-spacing:.01em;text-transform:uppercase;color:var(--cs-title-color, #14205a)}.s-cs .cs-content{position:relative}.s-cs .cs-track{display:flex;gap:1.2rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:.4rem 1.6rem;margin:0;list-style:none;scrollbar-width:none}.s-cs .cs-track::-webkit-scrollbar{display:none}.s-cs .cs-card-wrap{flex:0 0 78%;scroll-snap-align:center;list-style:none;margin:0;padding:0}.s-cs .cs-card{position:relative;display:block;width:100%;aspect-ratio:1 / 1;border-radius:1.4rem;overflow:hidden;text-decoration:none;background-color:#e9edf3}.s-cs .cs-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.s-cs .cs-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#d6dbe5}.s-cs .cs-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b8,#00000073 18%,#0000 42%);pointer-events:none}.s-cs .cs-card__label{position:absolute;left:1.6rem;bottom:1.6rem;margin:0;font-family:Oswald,sans-serif;font-weight:600;font-size:1.6rem;line-height:1.1;color:#fff;text-transform:uppercase;letter-spacing:.02em}.s-cs .cs-dots{margin-top:1.6rem;display:flex;justify-content:center;gap:.8rem}.s-cs .cs-dot{width:.9rem;height:.9rem;border-radius:50%;background:#cdd3de;border:none;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease}.s-cs .cs-dot.is-active{background:#8a8f9c;transform:scale(1.05)}@media(min-width:750px){.s-cs{padding:4.8rem 0 5.6rem}.s-cs .cs-header{margin-bottom:2.8rem}.s-cs .cs-title{font-size:3.6rem}.s-cs .cs-track{gap:2rem;padding:.4rem 4rem}.s-cs .cs-card-wrap{flex:0 0 calc((100% - 8rem - 4rem) / 3)}.s-cs .cs-card__label{left:2rem;bottom:2rem}}@media(min-width:1100px){.s-cs .cs-track{padding:.4rem max(4rem,calc((100% - 120rem)/2))}.s-cs .cs-card-wrap{flex:0 0 calc((120rem - 4rem) / 3)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-collections-slider-codd.css.map */
