@layer theme,base;@layer components{.ui-range{--thumb:1.75rem;--rail:.375rem;--rail-off:color-mix(in oklab, var(--color-foreground) 42%, transparent);width:100%;height:var(--tap,44px);cursor:pointer;appearance:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;background:0 0;margin:0;display:block}.ui-range:focus{outline:none}.ui-range:disabled{cursor:not-allowed;opacity:.5}.ui-range::-webkit-slider-runnable-track{height:var(--rail);background:linear-gradient(to right, var(--color-primary) calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--p,0)), var(--rail-off) 0);border-radius:9999px}.ui-range::-moz-range-track{height:var(--rail);background:linear-gradient(to right, var(--color-primary) calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--p,0)), var(--rail-off) 0);border-radius:9999px}.ui-range::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((var(--rail) - var(--thumb)) / 2);border:2px solid var(--color-primary);background:var(--color-background);border-radius:9999px;box-shadow:0 1px 3px #0000004d}.ui-range::-moz-range-thumb{box-sizing:border-box;width:var(--thumb);height:var(--thumb);border:2px solid var(--color-primary);background:var(--color-background);border-radius:9999px;box-shadow:0 1px 3px #0000004d}.ui-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--color-ring)}.ui-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--color-ring)}}@layer utilities;