.card-slider-bg{position:relative;overflow:hidden;isolation:isolate;background-color:#0a0a0a}.card-slider-bg>*{position:relative;z-index:2}.card-slider-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-repeat:repeat;background-size:220px 220px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.card-slider-bg--photo:before{opacity:.12}.card-slider{--cs-cols: 1;--cs-gap: 16px;--cs-peek: 36px;--cs-radius: 20px;--cs-ratio: 4 / 5;position:relative}.card-slider__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.card-slider__header-text{min-width:0}.card-slider__title{margin:0}.card-slider__subtitle{margin:.4rem 0 0;opacity:.8}.card-slider__banner{margin:clamp(12px,2.5vw,24px) 0 clamp(2px,.8vw,8px);padding-block:clamp(.55em,1.6vw,.9em);background:var(--cs-band-color, #e8641c);color:#fff;text-align:center}.card-slider__banner-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.3em .85em;margin:0 auto;color:inherit;font-weight:400;font-size:clamp(1.3rem,.9rem + 2vw,2.1rem);line-height:1.1;text-transform:uppercase;letter-spacing:.14em}.card-slider__banner-title--display{font-family:"HighVoltage Rough",var(--font-heading-family, inherit),sans-serif}.card-slider__banner-seg{white-space:nowrap}.card-slider__banner-sep{flex:0 0 auto;width:.4em;height:.4em;background:currentColor;transform:rotate(45deg);opacity:.6}.card-slider__header--under-band{text-align:center}.card-slider__header--under-band .card-slider__header-text{margin-inline:auto}@media screen and (max-width:749px){.card-slider__banner{margin:8px 0 2px;padding-block:.5em}.card-slider__banner-title{gap:.25em .6em;letter-spacing:.08em;font-size:clamp(1.1rem,.85rem + 2.6vw,1.5rem)}}.card-slider__track{display:flex;align-items:start;gap:var(--cs-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:0;-webkit-overflow-scrolling:touch;list-style:none;margin:0;padding:0 0 4px;scrollbar-width:none}.card-slider__track::-webkit-scrollbar{display:none}.card-slider__track--center{justify-content:safe center}.card-slider__track--full{padding-inline:15px;scroll-padding-left:15px}@media screen and (min-width:750px){.card-slider__track--full{padding-inline:20px;scroll-padding-left:20px}}@media screen and (min-width:1200px){.card-slider__track--full{padding-inline:30px;scroll-padding-left:30px}}.card-slider__slide{display:block;flex-grow:0;flex-shrink:0;flex-basis:calc((100% - var(--cs-peek) - (var(--cs-cols) - 1) * var(--cs-gap)) / var(--cs-cols) * var(--cs-card-scale, 1));width:calc((100% - var(--cs-peek) - (var(--cs-cols) - 1) * var(--cs-gap)) / var(--cs-cols) * var(--cs-card-scale, 1));max-width:100%;scroll-snap-align:start}@media screen and (min-width:990px){.card-slider--feature-first .card-slider__slide:first-child{flex-basis:calc((100% - var(--cs-peek) - (var(--cs-cols) - 1) * var(--cs-gap)) / var(--cs-cols) * var(--cs-first-scale, 1.3));width:calc((100% - var(--cs-peek) - (var(--cs-cols) - 1) * var(--cs-gap)) / var(--cs-cols) * var(--cs-first-scale, 1.3))}}.card-slider__card{position:relative;display:flex;flex-direction:column;width:100%;aspect-ratio:var(--cs-ratio);min-height:0;border-radius:var(--cs-radius);overflow:hidden;background:var(--cs-card-bg, #2a2a2a);color:var(--cs-card-text, #fff);text-decoration:none;isolation:isolate}a.card-slider__card{transition:transform .2s ease,box-shadow .2s ease}@media(hover:hover){a.card-slider__card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0000002e}}.card-slider__card--top{justify-content:flex-start}.card-slider__card--center{justify-content:center;text-align:center;align-items:center}.card-slider__card--bottom{justify-content:flex-end}.card-slider__image,.card-slider__card svg.placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--cs-img-pos, center);z-index:0}.card-slider__card--fit-contain .card-slider__image{object-fit:contain;padding:clamp(10px,4%,22px)}.card-slider__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--cs-overlay, 0);z-index:1}.card-slider__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:.35em;padding:clamp(16px,6%,32px);max-width:100%}.card-slider__eyebrow{margin:0;font-size:clamp(.72rem,.68rem + .2vw,.85rem);letter-spacing:.08em;text-transform:uppercase;opacity:.9}.card-slider__heading{margin:0;font-weight:700;line-height:1.08}.card-slider__text{margin:.15em 0 0;font-size:clamp(.85rem,.8rem + .3vw,1rem);opacity:.95}.card-slider__button{align-self:flex-start;margin-top:.75em;display:inline-block;padding:.6em 1.2em;border-radius:999px;background:var(--cs-card-text, #fff);color:var(--cs-card-bg, #111);font-size:.9rem;font-weight:600;line-height:1}.card-slider__card--center .card-slider__button{align-self:center}.card-slider__controls{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.card-slider__arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(var(--color-foreground),.2);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:opacity .2s ease,background .2s ease}.card-slider__arrow:hover{background:rgba(var(--color-foreground),.06)}.card-slider__arrow .icon-caret{width:12px}.card-slider__arrow--prev .icon-caret{transform:rotate(90deg)}.card-slider__arrow--next .icon-caret{transform:rotate(-90deg)}.card-slider__arrow[disabled]{opacity:.3;cursor:default}.card-slider__arrow.hidden{display:none}.card-slider .slider-counter{min-width:3ch;text-align:center;font-variant-numeric:tabular-nums}@media screen and (max-width:749px){.card-slider__header{flex-wrap:wrap}.card-slider__header--full{padding-inline:15px}.card-slider__controls{display:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-card-slider.css.map */