@layer veneer.inputs{:where([data-scope=slider]){--_v0:0;--_v1:.5;--veneer-sweep-radius:9999px;block-size:max(28px, var(--veneer-hit-min));touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;display:grid;position:relative}:where([data-scope=slider]) :where([data-part=track]:not([data-scope=slider] :is([data-scope=agenda],[data-scope=meter],[data-scope=progress],[data-scope=switch]) :not([data-scope=slider] :is([data-scope=agenda],[data-scope=meter],[data-scope=progress],[data-scope=switch]) [data-scope=slider] *))){border-radius:var(--veneer-radius-round);background:color-mix(in oklab, var(--veneer-color-border-control) 55%, transparent);block-size:4px;position:relative}:where([data-scope=slider]) :where([data-part=range]:not([data-scope=slider] :is([data-scope=availability],[data-scope=meter],[data-scope=progress]) :not([data-scope=slider] :is([data-scope=availability],[data-scope=meter],[data-scope=progress]) [data-scope=slider] *))){inline-size:calc((var(--_v1) - var(--_v0)) * 100%);border-radius:inherit;background:var(--veneer-color-accent-solid);position:absolute;inset-block:0;inset-inline-start:calc(var(--_v0) * 100%);overflow:clip}:where([data-scope=slider]) :where([data-part=thumb]:not([data-scope=slider] :is([data-scope=line-item],[data-scope=scroll-rail],[data-scope=switch]) :not([data-scope=slider] :is([data-scope=line-item],[data-scope=scroll-rail],[data-scope=switch]) [data-scope=slider] *))){z-index:3;box-sizing:border-box;background:var(--veneer-color-surface-raised);border:2px solid var(--veneer-color-accent-solid);block-size:18px;inline-size:18px;box-shadow:var(--veneer-elevation-1);transition:scale var(--veneer-duration-fast) var(--veneer-ease-pop), background-color var(--veneer-duration-base) var(--veneer-ease-out);touch-action:none;border-radius:50%;outline:none;position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--_v) * 100%);translate:-50% -50%}:where([data-scope=slider]) :where([data-part=thumb]):before{content:"";inset:min(-6px, calc((100% - var(--veneer-hit-min)) / 2));border-radius:50%;position:absolute}:where([data-scope=slider]) :where([data-part=thumb]:focus-visible:not([data-scope=slider] :is([data-scope=line-item],[data-scope=scroll-rail],[data-scope=switch]) :not([data-scope=slider] :is([data-scope=line-item],[data-scope=scroll-rail],[data-scope=switch]) [data-scope=slider] *))){box-shadow:0 0 0 3px color-mix(in oklab, var(--veneer-color-sweep) 35%, transparent), var(--veneer-elevation-1)}:where([data-scope=slider]) :where([data-part=thumb][data-dragging]:not([data-scope=slider] :is([data-scope=line-item],[data-scope=scroll-rail],[data-scope=switch]) :not([data-scope=slider] :is([data-scope=line-item],[data-scope=scroll-rail],[data-scope=switch]) [data-scope=slider] *))){background:var(--veneer-color-accent-solid);scale:1.12}:where([data-scope=slider]) :where([data-part=bubble]:not([data-scope=slider] [data-scope=message] :not([data-scope=slider] [data-scope=message] [data-scope=slider] *))){border-radius:var(--veneer-radius-mark);background:var(--veneer-color-surface-inverse);color:var(--veneer-color-on-inverse);font:500 var(--veneer-text-caption-size) / 1.2 var(--veneer-text-body-font);font-variant-numeric:tabular-nums;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--veneer-duration-fast), translate var(--veneer-duration-fast) var(--veneer-ease-out);padding:3px 7px;position:absolute;inset-block-end:calc(100% + 8px);inset-inline-start:50%;translate:-50% 4px}:where([data-scope=slider]) :where([data-part=thumb]:is([data-dragging],:focus-visible):not([data-scope=slider] :is([data-scope=line-item],[data-scope=scroll-rail],[data-scope=switch]) :not([data-scope=slider] :is([data-scope=line-item],[data-scope=scroll-rail],[data-scope=switch]) [data-scope=slider] *))) :where([data-part=bubble]:not([data-scope=slider] [data-scope=message] :not([data-scope=slider] [data-scope=message] [data-scope=slider] *))){opacity:1;translate:-50%}:where([data-pointer=coarse]) :where([data-scope=slider] [data-part=bubble]:not([data-scope=slider] [data-scope=message] :not([data-scope=slider] [data-scope=message] [data-scope=slider] *))){inset-block-end:calc(100% + 22px)}:where([data-scope=slider]) :where([data-part=ticks]){pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset-block-start:calc(50% + 10px);inset-inline:0}:where([data-scope=slider]) :where([data-part=ticks]) :where(span){inline-size:0;color:var(--veneer-color-text-subtle);font-variant-numeric:tabular-nums;justify-items:center;gap:2px;font-size:11px;display:grid}:where([data-scope=slider]) :where([data-part=ticks]) :where(span:first-child){justify-items:start}:where([data-scope=slider]) :where([data-part=ticks]) :where(span:last-child){justify-items:end}:where([data-scope=slider]) :where([data-part=ticks]) :where(span):before{content:"";background:var(--veneer-color-border-strong);block-size:4px;inline-size:1px}:where([data-scope=slider]:has([data-part=ticks])){margin-block-end:18px}:where([data-scope=slider][data-disabled]){opacity:var(--veneer-opacity-disabled);pointer-events:none}:where([data-scope=slider][data-variant=hue]) :where([data-part=track]:not([data-scope=slider] :is([data-scope=agenda],[data-scope=meter],[data-scope=progress],[data-scope=switch]) :not([data-scope=slider] :is([data-scope=agenda],[data-scope=meter],[data-scope=progress],[data-scope=switch]) [data-scope=slider] *))){border-radius:var(--veneer-radius-mark);block-size:12px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--veneer-color-text) 12%, transparent);background:linear-gradient(90deg in hsl longer hue, #f42525, #f42525)}:where([data-scope=slider][data-variant=hue]) :where([data-part=range]:not([data-scope=slider] :is([data-scope=availability],[data-scope=meter],[data-scope=progress]) :not([data-scope=slider] :is([data-scope=availability],[data-scope=meter],[data-scope=progress]) [data-scope=slider] *))){display:none}:where([data-scope=slider][data-variant=hue]) :where([data-part=thumb]:not([data-scope=slider] :is([data-scope=line-item],[data-scope=scroll-rail],[data-scope=switch]) :not([data-scope=slider] :is([data-scope=line-item],[data-scope=scroll-rail],[data-scope=switch]) [data-scope=slider] *))){background:var(--_c,#fff);box-shadow:0 0 0 1px #0000004d, var(--veneer-elevation-1);border:2px solid #fff}:where([data-scope=range-head]){justify-content:space-between;align-items:baseline;gap:var(--veneer-space-related);display:flex}:where([data-scope=range-head])>:where(:first-child){font:var(--veneer-label-float-weight) var(--veneer-label-float-size) / 1.4 var(--veneer-label-font);letter-spacing:var(--veneer-label-float-tracking);text-transform:uppercase;color:var(--veneer-color-label-rest)}:where([data-scope=range-head]) :where(output){font:500 var(--veneer-text-caption-size)/1.25 var(--veneer-font-mono);font-variant-numeric:tabular-nums;color:var(--veneer-color-text)}:where([data-fields=classic]) :where([data-scope=range-head])>:where(:first-child){font:var(--veneer-text-label-weight) var(--veneer-text-label-size) / 1.4 var(--veneer-text-label-font);letter-spacing:0;text-transform:none;color:var(--veneer-color-text)}:where([data-scope=color]){gap:var(--veneer-space-group);display:grid}:where([data-scope=color]) :where([data-part=area]){border-radius:var(--veneer-radius-control);touch-action:none;cursor:crosshair;background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(var(--_hue,152) 100% 50%));block-size:148px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--veneer-color-text) 12%, transparent);position:relative}:where([data-scope=color]) :where([data-part=swatch]:not([data-scope=color] [data-scope=tag] :not([data-scope=color] [data-scope=tag] [data-scope=color] *))){cursor:pointer;border-radius:var(--veneer-radius-mark);background:var(--_c);block-size:24px;inline-size:24px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--veneer-color-text) 15%, transparent);transition:scale var(--veneer-duration-fast) var(--veneer-ease-pop);border:0;padding:0;position:relative}:where([data-scope=color]) :where([data-part=swatch]):before{content:"";inset:min(0px, calc((100% - var(--veneer-hit-min)) / 2));position:absolute}:where([data-scope=color]) :where([data-part=swatch][aria-checked=true]:not([data-scope=color] [data-scope=tag] :not([data-scope=color] [data-scope=tag] [data-scope=color] *))){box-shadow:0 0 0 2px var(--veneer-color-surface), 0 0 0 3.5px var(--veneer-color-sweep)}:where([data-scope=color]) :where([data-part=swatch]:hover:not([data-scope=color] [data-scope=tag] :not([data-scope=color] [data-scope=tag] [data-scope=color] *))){scale:1.08}:where([data-scope=color]) :where([data-part=swatch]:focus-visible:not([data-scope=color] [data-scope=tag] :not([data-scope=color] [data-scope=tag] [data-scope=color] *))){outline:var(--veneer-focus-width) solid var(--veneer-color-focus);outline-offset:3px}:where([data-pointer=coarse]) :where([data-scope=color] [data-part=swatch]:not([data-scope=color] [data-scope=tag] :not([data-scope=color] [data-scope=tag] [data-scope=color] *))){block-size:36px;inline-size:36px}@media (pointer:coarse){:where(:root:not([data-pointer])) :where([data-scope=color] [data-part=swatch]:not([data-scope=color] [data-scope=tag] :not([data-scope=color] [data-scope=tag] [data-scope=color] *))){block-size:36px;inline-size:36px}}}