.koios-benefit-carousel{--kbc-canvas: #f8fafc;--kbc-eyebrow: #5c6b7a;--kbc-header-start: #1a2332;--kbc-header-end: #243040;--kbc-header-text: #ffffff;--kbc-primary: #1565c0;--kbc-accent: #1565c0;--kbc-line: #e2e8f0;--kbc-muted: #5c6b7a;--kbc-radius: 16px;--kbc-content-max: 1200px;--kbc-carousel-max-md: 1520px;--kbc-carousel-max: 1680px;--kbc-pad-x: clamp(16px, 4vw, 32px);--kbc-pad-x-carousel: clamp(16px, 4vw, 32px);--kbc-edge-pad: 0px;--kbc-font-heading: var(--font-heading--family, var(--font-heading-family, inherit));--kbc-font-body: var(--font-body--family, var(--font-body-family, inherit));padding-bottom:clamp(48px,8vw,80px);background:var(--kbc-canvas);color:var(--kbc-eyebrow);font-family:var(--kbc-font-body);box-sizing:border-box}.koios-benefit-carousel *,.koios-benefit-carousel *:before,.koios-benefit-carousel *:after{box-sizing:border-box}.koios-benefit-carousel__eyebrow-wrap{max-width:var(--kbc-content-max);margin:0 auto;padding:clamp(28px,5vw,44px) var(--kbc-pad-x) 16px}.koios-benefit-carousel__eyebrow{margin:0;max-width:44ch;font-size:clamp(15px,2.2vw,18px);font-weight:500;line-height:1.5;letter-spacing:-.01em;color:var(--kbc-eyebrow)}.koios-benefit-carousel__header{background:linear-gradient(180deg,var(--kbc-header-start) 0%,var(--kbc-header-end) 100%);color:var(--kbc-header-text);padding:clamp(36px,6vw,56px) var(--kbc-pad-x) clamp(28px,5vw,40px);text-align:center}.koios-benefit-carousel__heading{margin:0 auto;max-width:20ch;font-family:var(--kbc-font-heading);font-size:clamp(26px,5vw,44px);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--kbc-header-text)}.koios-benefit-carousel__heading-line{display:block;font-size:.5em;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.88;margin-bottom:.4em}.koios-benefit-carousel__body{max-width:100%;margin:0 auto;padding:clamp(20px,4vw,32px) var(--kbc-pad-x) 0}.koios-benefit-carousel.is-full-width .koios-benefit-carousel__body{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:var(--kbc-edge-pad);padding-right:var(--kbc-edge-pad);padding-top:clamp(20px,4vw,32px)}.koios-benefit-carousel.is-full-width.is-flush .koios-benefit-carousel__viewport{border-radius:0;box-shadow:none}.koios-benefit-carousel__carousel{position:relative}.koios-benefit-carousel__viewport{position:relative;overflow:hidden;border-radius:var(--kbc-radius);box-shadow:0 20px 60px #1a233224;touch-action:pan-y}.koios-benefit-carousel__track{display:flex;will-change:transform;transition:transform .5s cubic-bezier(.22,1,.36,1)}.koios-benefit-carousel__slide{flex:0 0 100%;min-width:0;margin:0;padding:0;width:100%;display:block;background:#1a2332}.koios-benefit-carousel__media{position:relative;width:100%;aspect-ratio:2.44 / 1;overflow:hidden;background:#1a2332}.koios-benefit-carousel__media img,.koios-benefit-carousel__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.koios-benefit-carousel__ph{display:grid;place-items:center;width:100%;height:100%;min-height:120px;font-size:13px;font-weight:600;letter-spacing:.06em;color:#ffffff8c;background:linear-gradient(135deg,#243040,#1a2332)}.koios-benefit-carousel__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:#1a23328c;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s ease,transform .2s ease}.koios-benefit-carousel__nav:hover:not(:disabled){background:#1565c0d9;transform:translateY(-50%) scale(1.04)}.koios-benefit-carousel__nav:disabled{opacity:.3;cursor:not-allowed}.koios-benefit-carousel__nav svg{width:20px;height:20px}.koios-benefit-carousel__nav--prev{left:clamp(8px,2vw,16px)}.koios-benefit-carousel__nav--next{right:clamp(8px,2vw,16px)}.koios-benefit-carousel__dots{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:clamp(20px,3vw,28px) 0 0;padding:0;list-style:none}.koios-benefit-carousel__dots li{list-style:none}.koios-benefit-carousel__dot{width:44px;height:44px;padding:0;border:none;border-radius:999px;background:transparent;cursor:pointer;display:grid;place-items:center}.koios-benefit-carousel__dot:after{content:"";width:8px;height:8px;border-radius:999px;background:var(--kbc-line);transition:width .25s ease,background .25s ease}.koios-benefit-carousel__dot.is-active:after{width:28px;background:var(--kbc-accent)}.koios-benefit-carousel__dot:focus-visible{outline:2px solid var(--kbc-accent);outline-offset:2px}.koios-benefit-carousel.is-single .koios-benefit-carousel__nav{display:none}.koios-benefit-carousel__empty{margin:0;padding:24px;text-align:center;font-size:14px;color:var(--kbc-muted);border:1px dashed var(--kbc-line);border-radius:var(--kbc-radius)}.is-theme-bound.koios-benefit-carousel{--kbc-canvas: var(--color-background-secondary, var(--color-background, #f8fafc));--kbc-eyebrow: var(--color-foreground-muted, #5c6b7a);--kbc-font-heading: var(--font-heading--family, var(--font-heading-family, inherit));--kbc-font-body: var(--font-body--family, var(--font-body-family, inherit))}@media(min-width:768px){.koios-benefit-carousel:not(.is-full-width) .koios-benefit-carousel__body{max-width:min(94vw,var(--kbc-carousel-max-md));padding-top:clamp(28px,4vw,40px);padding-left:var(--kbc-pad-x-carousel);padding-right:var(--kbc-pad-x-carousel)}.koios-benefit-carousel__nav{width:52px;height:52px}.koios-benefit-carousel.is-full-width .koios-benefit-carousel__body{padding-top:clamp(28px,4vw,40px)}}@media(min-width:1200px){.koios-benefit-carousel:not(.is-full-width) .koios-benefit-carousel__body{max-width:min(96vw,var(--kbc-carousel-max))}}@media(max-width:767px){.koios-benefit-carousel.is-full-width .koios-benefit-carousel__body{padding-left:max(var(--kbc-edge-pad),var(--kbc-pad-x));padding-right:max(var(--kbc-edge-pad),var(--kbc-pad-x))}}@media(prefers-reduced-motion:reduce){.koios-benefit-carousel__track,.koios-benefit-carousel__nav{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/koios-benefit-carousel.css.map */