.csss-section{--csss-gap-max: 24px;--csss-card-gap: var(--csss-gap-max);--csss-card-radius: 0px;--csss-overlay: 35;--csss-title-size: 22px;--csss-title-weight: 400;--csss-title-spacing: 3;--csss-section-height: 100vh;--csss-slide-offset: 0px;--csss-current-width: 100%;--csss-current-height: 100%;--csss-stage-width: 100%;position:relative;width:100%;height:var(--csss-section-height);background:var(--section-bg-color, #0a0a0a)!important;overflow:hidden;display:flex;align-items:stretch}.csss-section.gradient{background:var(--section-bg-color, #0a0a0a)!important}.csss-section>.section-full{width:100%;height:100%}.csss-section__inner{position:relative;width:100%;height:100%;padding:clamp(1rem,2vw,2rem);box-sizing:border-box;overflow:hidden}.csss-section>.container.section-full .csss-section__inner,.csss-section>.container-fluid.section-full .csss-section__inner,.csss-section>.strecth-width.section-full .csss-section__inner{padding-left:0;padding-right:0}.csss-section>.full-width.section-full .csss-section__inner{padding-left:0;padding-right:0}.csss-slider,.csss-stage{position:relative;width:100%;height:100%;overflow:hidden}.csss-track{display:flex;align-items:stretch;gap:var(--csss-card-gap);width:100%;height:100%;transform:translate3d(var(--csss-slide-offset, 0px),0,0);will-change:gap,transform}.csss-track--continuous{width:max-content;will-change:transform;animation:csss-marquee-left var(--csss-marquee-duration, 24s) linear infinite}.csss-track--continuous[data-marquee-direction=right]{animation-name:csss-marquee-right}.csss-track--continuous .csss-card{flex:0 0 calc((var(--csss-slider-width, 100%) - (var(--csss-card-gap) * (var(--csss-visible, 3) - 1))) / var(--csss-visible, 3))}@keyframes csss-marquee-left{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes csss-marquee-right{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}.csss-card{flex:0 0 calc((100% - (var(--csss-card-gap) * (var(--csss-visible, 3) - 1))) / var(--csss-visible, 3));min-width:0;height:100%;position:relative;overflow:hidden;border-radius:var(--csss-card-radius);isolation:isolate;background:#1a1a1a}.csss-card__link{display:block;width:100%;height:100%;color:#fff;text-decoration:none}.csss-card__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.csss-card__media img,.csss-card__media .csss-card__placeholder{width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.csss-card__placeholder{display:block;background:linear-gradient(135deg,#ffffff14,#ffffff05),linear-gradient(135deg,#3a3a3a,#1a1a1a);border:1px solid rgba(255,255,255,.08)}.csss-card--placeholder .csss-card__title,.csss-card .csss-card__placeholder+.csss-card__overlay+.csss-card__content .csss-card__title{opacity:.85}.csss-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 30%,rgba(0,0,0,calc(var(--csss-overlay) * .006)) 70%,rgba(0,0,0,calc(var(--csss-overlay) * .009)));transition:opacity .6s ease;pointer-events:none}.csss-card__content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(1.5rem,4vw,3rem);display:flex;align-items:flex-end;justify-content:center}.csss-card__title{margin:0;color:#fff;font-size:var(--csss-title-size);font-weight:var(--csss-title-weight);letter-spacing:calc(var(--csss-title-spacing) * 1px);text-transform:uppercase;line-height:1.2;transform:translateY(0);transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s ease}.csss-card:hover .csss-card__media img,.csss-card:focus-within .csss-card__media img{transform:scale(1.06)}.csss-card:hover .csss-card__overlay,.csss-card:focus-within .csss-card__overlay{opacity:.88}.csss-card:hover .csss-card__title,.csss-card:focus-within .csss-card__title{transform:translateY(-4px)}.csss-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:40px;height:40px;padding:0;border:0;border-radius:999px;background-color:#6c705c99!important;background-image:none!important;background:#6c705c99!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.csss-nav:hover,.csss-nav:active,.csss-nav:focus,.csss-nav:focus-visible{background-color:#6c705cc7!important;background-image:none!important;background:#6c705cc7!important;opacity:1;transform:translateY(-50%);color:#fff;outline:none;box-shadow:none}.csss-nav:disabled{opacity:.25;cursor:not-allowed;transform:translateY(-50%)}.csss-nav--prev{left:clamp(.75rem,2vw,1.5rem)}.csss-nav--next{right:clamp(.75rem,2vw,1.5rem)}.csss-nav__icon{display:block;line-height:1;font-size:28px;font-weight:400;color:#fff;pointer-events:none;padding-bottom:4px}.csss-progress{position:absolute;left:50%;bottom:clamp(.75rem,2vw,1.25rem);transform:translate(-50%);z-index:5;width:min(220px,40vw);height:2px;background:#ffffff2e;border-radius:999px;overflow:hidden}.csss-progress__bar{display:block;height:100%;width:0%;background:#fff;border-radius:inherit;transform-origin:left center;transition:width .08s linear}@media only screen and (max-width:1024px){.csss-section{--csss-section-height: 80vh}.csss-section__inner{padding:.75rem}}@media only screen and (max-width:767px){.csss-section{--csss-section-height: 55vh;--csss-mobile-stage-min: 76%;--csss-mobile-stage-max: 100%}.csss-section__inner{display:flex;align-items:center;justify-content:center;padding:.5rem}.csss-slider--mobile-expanding{display:flex;align-items:center;justify-content:center;overflow:hidden}.csss-slider--mobile-expanding .csss-stage{width:var(--csss-current-width, 100%);height:var(--csss-current-height, 100%);max-width:100%;max-height:100%;margin:0 auto;will-change:width,height;border-radius:var(--csss-card-radius);overflow:hidden}.csss-slider--mobile-expanding .csss-track{width:max-content;height:100%;gap:0}.csss-slider--mobile-expanding .csss-card{flex:0 0 var(--csss-stage-width, 100%);width:var(--csss-stage-width, 100%);max-width:var(--csss-stage-width, 100%)}.csss-card__content{padding:1.25rem .75rem}.csss-card__title{font-size:calc(var(--csss-title-size) * .82)}}@media(prefers-reduced-motion:reduce){.csss-card__media img,.csss-card__overlay,.csss-card__title,.csss-nav{transition:none}.csss-track{will-change:auto}.csss-track--continuous{animation:none}.csss-slider--mobile-expanding .csss-stage{width:var(--csss-mobile-stage-max, 100%)!important;height:var(--csss-mobile-stage-max, 100%)!important}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/collection-scroll-slider.css.map */