.ui-slider{min-width:0;position:relative}.ui-slider-track{gap:var(--slider-gap,18px);scroll-snap-type:x mandatory;scroll-padding-inline:var(--slider-pad,2px);padding:12px var(--slider-pad,2px) 60px;margin-block:0 -42px;margin-inline:calc(-1 * var(--slider-bleed,0px));scrollbar-width:none;overscroll-behavior-x:contain;list-style:none;display:flex;overflow-x:auto}.ui-slider-track::-webkit-scrollbar{display:none}@media (hover:hover) and (pointer:fine){.ui-slider-track{cursor:grab}}.ui-slider-track.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none;scroll-snap-type:none;scroll-behavior:auto}.ui-slider-track.is-dragging *{cursor:grabbing}.ui-slide{flex:0 0 var(--slide-w,86%);scroll-snap-align:start;min-width:0;display:flex}.ui-slide>*{flex:1;min-width:0}@media (min-width:640px){.ui-slide{--slide-w:calc((100% - var(--slider-gap,18px)) / 2)}}@media (min-width:1024px){.ui-slide{--slide-w:calc((100% - 2 * var(--slider-gap,18px)) / 3)}}.ui-slider-bar{justify-content:center;align-items:center;gap:14px;margin-top:6px;display:flex}.ui-slider-dots{align-items:center;gap:8px;display:flex}.ui-slider .ui-slider-dot{min-width:0;min-height:0;box-shadow:none;background:color-mix(in oklab, var(--accent-ink) 22%, transparent);cursor:pointer;border:0;border-radius:3px;flex:none;width:10px;height:10px;padding:0;transition:width .35s cubic-bezier(.16,1,.3,1),background .25s;position:relative}.ui-slider-dot:after{content:"";position:absolute;inset:-12px -4px}.ui-slider .ui-slider-dot.is-active{background:var(--accent-fill);width:34px}.ui-slider-dot:focus-visible{outline:3px solid var(--accent-fill);outline-offset:3px}.ui-slider-key{border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.ui-slider-key svg{width:22px;height:22px}.ui-slider-key:disabled{opacity:.35;pointer-events:none}@media (max-width:639px){.ui-slider-key{width:40px;height:40px}.ui-slider-bar{gap:10px}}.ui-slider-key:not(.site-key):not(.cp-key){border:1px solid var(--border);background:var(--surface-1);color:var(--ink)}.ui-kpi{--slider-gap:12px;--slider-bleed:16px;--slider-pad:16px}.ui-kpi .ui-slider-track{padding:6px var(--slider-pad) 40px;margin-block:-2px -34px}.ui-kpi .ui-slide{--slide-w:62%}@media (min-width:640px){.ui-kpi .ui-slider-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;display:grid;overflow:visible}.ui-kpi-3 .ui-kpi .ui-slider-track{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-kpi .ui-slider-bar{display:none}}@media (min-width:1024px){.ui-kpi-4 .ui-kpi .ui-slider-track{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.ui-slider-dot{transition:none}}
