.kumiki-slider{--kumiki-slider-track-bg:var(--kumiki-color-line);--kumiki-slider-range-bg:var(--kumiki-color-accent);--kumiki-slider-range-bg-soft:oklch(70% .18 35);--kumiki-slider-thumb-bg:var(--kumiki-color-accent-fg);--kumiki-slider-thumb-border:var(--kumiki-color-accent);--kumiki-slider-thumb-size:1.125rem;--kumiki-slider-track-height:.375rem;--kumiki-slider-outline-focus:var(--kumiki-color-accent);--kumiki-slider-pct:0%;width:100%;height:var(--kumiki-slider-track-height);background:linear-gradient(to right, var(--kumiki-slider-range-bg) 0%, var(--kumiki-slider-range-bg-soft) var(--kumiki-slider-pct), var(--kumiki-slider-track-bg) var(--kumiki-slider-pct), var(--kumiki-slider-track-bg) 100%);touch-action:none;cursor:pointer;border-radius:999px;position:relative;box-shadow:inset 0 1px 1px oklch(0% 0 0/.06)}.kumiki-slider[data-orientation=vertical]{width:var(--kumiki-slider-track-height);background:linear-gradient(to top, var(--kumiki-slider-range-bg) 0%, var(--kumiki-slider-range-bg-soft) var(--kumiki-slider-pct), var(--kumiki-slider-track-bg) var(--kumiki-slider-pct), var(--kumiki-slider-track-bg) 100%);height:100%}.kumiki-slider[data-disabled]{opacity:.5;cursor:not-allowed}.kumiki-slider [data-component-part=thumb]{top:50%;left:var(--kumiki-slider-pct,0%);width:var(--kumiki-slider-thumb-size);height:var(--kumiki-slider-thumb-size);background:var(--kumiki-slider-thumb-bg);box-shadow:0 1px 3px oklch(0% 0 0/.22), 0 1px 2px oklch(0% 0 0/.06), inset 0 0 0 1.5px var(--kumiki-slider-thumb-border);cursor:grab;border:0;border-radius:50%;transition:transform .14s cubic-bezier(.32,.72,0,1),box-shadow .14s cubic-bezier(.32,.72,0,1);display:block;position:absolute;transform:translate(-50%,-50%)}.kumiki-slider[data-orientation=vertical] [data-component-part=thumb]{top:var(--kumiki-slider-pct,0%);left:50%}.kumiki-slider [data-component-part=thumb]:hover,.kumiki-slider[data-orientation=vertical] [data-component-part=thumb]:hover{transform:translate(-50%,-50%)scale(1.08)}.kumiki-slider [data-component-part=thumb]:active{cursor:grabbing;box-shadow:0 2px 6px oklch(0% 0 0/.24), 0 1px 2px oklch(0% 0 0/.08), inset 0 0 0 1.5px var(--kumiki-slider-thumb-border), 0 0 0 4px color-mix(in oklab, var(--kumiki-color-accent) 18%, transparent);transform:translate(-50%,-50%)scale(1.12)}.kumiki-slider [data-component-part=thumb]:focus-visible{box-shadow:0 1px 3px oklch(0% 0 0/.22), inset 0 0 0 1.5px var(--kumiki-slider-thumb-border), 0 0 0 2px var(--kumiki-color-accent-fg), 0 0 0 4px var(--kumiki-slider-outline-focus);outline:0}:root[data-theme=dark] .kumiki-slider{--kumiki-slider-track-bg:var(--kumiki-color-surface-sunken);--kumiki-slider-range-bg:var(--kumiki-color-accent);--kumiki-slider-range-bg-soft:var(--kumiki-color-accent-hover);--kumiki-slider-thumb-bg:var(--kumiki-color-surface);--kumiki-slider-thumb-border:var(--kumiki-color-accent);--kumiki-slider-outline-focus:var(--kumiki-color-accent)}:root[data-theme=dark] .kumiki-slider [data-component-part=thumb]:focus-visible{box-shadow:0 1px 3px oklch(0% 0 0/.34), inset 0 0 0 1.5px var(--kumiki-slider-thumb-border), 0 0 0 2px var(--kumiki-color-bg), 0 0 0 4px var(--kumiki-slider-outline-focus)}@media (prefers-reduced-motion:reduce){.kumiki-slider [data-component-part=thumb]{transition:none}}