.card-slider{--cs-cols: var(--cs-cols-mobile);display:block;background:var(--cs-background);color:var(--cs-text)}.card-slider *,.card-slider *:before,.card-slider *:after{box-sizing:border-box}.card-slider__section{padding:var(--cs-padding-y-mobile) var(--cs-padding-x-mobile)}.card-slider__content--constrained{max-width:var(--cs-max-width);margin-left:auto;margin-right:auto}.card-slider__header{margin-bottom:20px;text-align:var(--cs-heading-align)}.card-slider .card-slider__heading{margin:0;color:inherit;font-size:var(--cs-heading-mobile);line-height:1.1}.card-slider .card-slider__subheading{margin:8px 0 0;color:inherit;font-size:16px;line-height:1.4}.card-slider .card-slider__track{display:flex;gap:var(--cs-gap);margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.card-slider.is-ready .card-slider__track{scrollbar-width:none;-ms-overflow-style:none}.card-slider.is-ready .card-slider__track::-webkit-scrollbar{display:none}.card-slider .card-slider__item{position:relative;display:flex;flex-direction:column;flex:0 0 calc((100% - (var(--cs-cols) - 1) * var(--cs-gap)) / var(--cs-cols));min-width:0;margin:0;padding:0;list-style:none;scroll-snap-align:start}.card-slider .card-slider__item:before,.card-slider .card-slider__frame:before{content:none}.card-slider__bar{position:relative;display:none;height:28px;margin-top:8px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.card-slider.is-ready .card-slider__bar{display:block}.card-slider.is-ready .card-slider__bar[hidden]{display:none}.card-slider__bar:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:currentColor;opacity:.12}.card-slider__bar-thumb{position:absolute;left:0;top:50%;width:40px;height:2px;margin-top:-1px;background:currentColor;transition:height .15s ease,margin-top .15s ease}.card-slider__bar:hover .card-slider__bar-thumb,.card-slider.is-dragging .card-slider__bar-thumb{height:4px;margin-top:-2px}.card-slider.is-dragging .card-slider__bar{cursor:grabbing}.card-slider__media{position:relative;aspect-ratio:var(--cs-ratio);overflow:hidden;border-radius:var(--cs-radius);background:var(--cs-media-background)}.card-slider--highlight .card-slider__item.is-selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border:2px solid var(--cs-text);pointer-events:none}.card-slider__selected{display:block;margin-top:auto;padding:0 8px 12px;text-align:var(--cs-card-align);font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.3;text-transform:uppercase;visibility:hidden}.card-slider__item.is-selected .card-slider__selected{visibility:visible}@media(hover:hover){.card-slider .card-slider__item--single .card-slider__image{transition:transform .6s cubic-bezier(.4,0,.2,1)}.card-slider .card-slider__item--single .card-slider__media:hover .card-slider__image{transform:scale(var(--cs-zoom))}}.card-slider .card-slider__frames{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none}.card-slider .card-slider__frame{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}.card-slider .card-slider__frame.is-active{opacity:1;visibility:visible;transition:opacity .25s ease}.card-slider .card-slider__image{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:var(--cs-fit)}.card-slider .card-slider__media-button,.card-slider .card-slider__swap{-webkit-appearance:none;appearance:none;min-width:0;margin:0;padding:0;border:0;box-shadow:none;font:inherit;line-height:1;text-transform:none}.card-slider .card-slider__swap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:none;width:100%;height:100%;border-radius:0;background:transparent;cursor:default;-webkit-tap-highlight-color:transparent}.card-slider.is-ready .card-slider__swap{display:block}.card-slider__dots{position:absolute;left:0;right:0;bottom:10px;z-index:2;display:none;justify-content:center;gap:6px;pointer-events:none}.card-slider.is-ready .card-slider__media:focus-within .card-slider__dots{display:flex}@media(hover:none){.card-slider.is-ready .card-slider__dots{display:flex}}.card-slider__dot{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #00000040;opacity:.55;transition:opacity .2s ease,transform .2s ease}.card-slider__dot.is-active{opacity:1;transform:scale(1.25)}.card-slider__media-nav{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:none;opacity:0;pointer-events:none;transition:opacity .2s ease}.card-slider.is-ready .card-slider__media-nav{display:block}.card-slider__media:hover .card-slider__media-nav,.card-slider__media:focus-within .card-slider__media-nav{opacity:1}@media(hover:none){.card-slider__media-nav{opacity:1}}.card-slider .card-slider__media-button{position:absolute;top:calc(50% - 16px);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffffff80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#000;cursor:pointer;pointer-events:auto;transition:background-color .15s ease}.card-slider .card-slider__media-button[data-action=media-previous]{left:8px}.card-slider .card-slider__media-button[data-action=media-next]{right:8px}.card-slider .card-slider__media-button:hover{background:#ffffffe6}.card-slider__media-button svg{display:block;width:18px;height:18px}.card-slider__media-count{position:absolute;left:50%;bottom:8px;transform:translate(-50%);padding:3px 9px;border-radius:999px;background:#ffffffb3;color:#000;font-size:11px;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}.card-slider__text{padding:12px 8px;text-align:var(--cs-card-align)}.card-slider .card-slider__title{margin:0;color:inherit;font-size:var(--cs-title-size);font-weight:700;line-height:1.25}.card-slider .card-slider__link{color:inherit;text-decoration:none}.card-slider .card-slider__link:hover,.card-slider .card-slider__link[aria-current=true]{text-decoration:underline;text-underline-offset:3px}.card-slider .card-slider__subtitle{margin:4px 0 0;color:inherit;font-size:var(--cs-subtitle-size);line-height:1.35}.card-slider .card-slider__media-button:focus-visible,.card-slider .card-slider__link:focus-visible,.card-slider .card-slider__track:focus-visible{outline:2px solid var(--cs-text);outline-offset:2px}.card-slider .card-slider__swap:focus-visible{outline:2px solid var(--cs-text);outline-offset:-4px}.card-slider__sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card-slider__setup{padding:24px;border:1px dashed #999999;text-align:center;font-size:14px}.card-slider.has-bleed .card-slider__track{margin-right:calc(-1 * var(--cs-bleed-right, 0px))}.card-slider.has-bleed .card-slider__item{flex-basis:calc((100% - var(--cs-bleed-right, 0px) - (var(--cs-cols) - 1) * var(--cs-gap)) / var(--cs-cols))}.card-slider.has-bleed .card-slider__track:after{content:"";flex:0 0 max(0px,calc(var(--cs-bleed-right, 0px) - var(--cs-gap)))}@media(min-width:768px){.card-slider{--cs-cols: var(--cs-cols-tablet)}}@media(min-width:1024px){.card-slider{--cs-cols: var(--cs-cols-desktop)}.card-slider__section{padding:var(--cs-padding-y-desktop) var(--cs-padding-x-desktop)}.card-slider .card-slider__heading{font-size:var(--cs-heading-desktop)}.card-slider__header{margin-bottom:28px}.card-slider__bar{margin-top:12px}}@media(prefers-reduced-motion:reduce){.card-slider .card-slider__frame,.card-slider .card-slider__frame.is-active,.card-slider__media-nav,.card-slider .card-slider__media-button,.card-slider__bar-thumb,.card-slider__dot{transition:none}.card-slider .card-slider__item--single .card-slider__media:hover .card-slider__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/217/assets/card-slider.css.map */