@layer components{.k-range{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;cursor:pointer}.k-range::-webkit-slider-runnable-track{height:2px;background:var(--k-color-border-strong);border-radius:var(--k-radius-xs)}.k-range::-moz-range-track{height:2px;background:var(--k-color-border-strong);border-radius:var(--k-radius-xs)}.k-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:6px;height:18px;margin-top:-8px;background:var(--k-color-accent);border:0;border-radius:var(--k-radius-xs);transition:transform var(--k-transition-fast)}.k-range::-moz-range-thumb{width:6px;height:18px;background:var(--k-color-accent);border:0;border-radius:var(--k-radius-xs)}.k-range:hover::-webkit-slider-thumb{transform:scaleX(1.5)}.k-range:hover::-moz-range-thumb{transform:scaleX(1.5)}.k-range:focus-visible{outline:none}.k-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--k-color-surface),0 0 0 4px var(--k-color-focus)}.k-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--k-color-surface),0 0 0 4px var(--k-color-focus)}}