.cvs{padding:32px 0}.cvs__header{margin-bottom:20px}.cvs__title{margin:0}.cvs__wrap{position:relative}.cvs__track{overflow:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}.cvs__track::-webkit-scrollbar{display:none}.cvs__track:active{cursor:grabbing}.cvs__items{display:flex;gap:var(--cvs-gap);padding:2px}.cvs__slide{scroll-snap-align:start;flex:0 0 calc((100% - ((var(--cvs-per-view) - 1) * var(--cvs-gap))) / var(--cvs-per-view));min-width:0}@media(min-width:990px){.cvs{--cvs-per-view: var(--cvs-per-desktop)}}@media(min-width:750px)and (max-width:989px){.cvs{--cvs-per-view: var(--cvs-per-tablet)}}@media(max-width:749px){.cvs{--cvs-per-view: var(--cvs-per-mobile)}}.cvs__nav{position:relative;margin-top:16px}.cvs__dots{display:flex;justify-content:center;gap:10px;margin-top:0}.cvs__dot{width:5px;height:5px;border-radius:999px;border:0;padding:0;cursor:pointer;background:rgba(var(--color-foreground),.25);transition:transform .2s ease,background .2s ease,opacity .2s ease}.cvs__dot[aria-current=true]{background:rgba(var(--color-foreground),.75);transform:scale(1.2)}.cvs__dot:hover{background:rgba(var(--color-foreground),.5)}.cvs__arrows{position:absolute;top:-260px;left:0;right:0;height:0;pointer-events:none;z-index:20}.cvs__arrow{position:absolute;top:0;width:44px;height:44px;border:none;background:rgba(var(--color-background),.5);color:rgb(var(--color-foreground));cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:auto;z-index:21;transform:scale(.96);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;box-shadow:0 4px 16px #0000001f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cvs__arrow--prev{left:12px}.cvs__arrow--next{right:12px}.cvs__wrap:hover .cvs__arrow,.cvs__wrap:focus-within .cvs__arrow{opacity:1;visibility:visible;transform:scale(1)}.cvs__arrow:hover{transform:scale(1.04)}.cvs__arrow[disabled]{opacity:.35!important;cursor:not-allowed;transform:scale(1)}.cvs__header--with-cta{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}.cvs__header-text{display:flex;flex-direction:column;gap:8px}.cvs__header-text .cvs__desc{margin:0}.cvs__header-cta{display:flex;align-items:flex-end;justify-content:flex-end}@media(max-width:749px){.cvs__arrows{display:none!important}.cvs__dots{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-color-variant-slider.css.map */