.scrub-field{--sf-accent:#f5f5f5;--sf-fill:#0a84ff;--sf-box:#0f0f11;--sf-ghost-ink:#111;--sf-h:30px;--sf-fs:12px;--sf-r:7px;--sf-w:100%;--sf-label-w:92px;--sf-ease-out:cubic-bezier(.23, 1, .32, 1);isolation:isolate;grid-template-columns:minmax(min(2.75em, 32%), min(var(--sf-label-w), 32%)) minmax(16px, 1fr) minmax(44px, 64px) auto auto;width:var(--sf-w);height:var(--sf-h);border-radius:var(--sf-r);font-family:inherit;font-size:var(--sf-fs);color:#ffffffeb;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-items:center;column-gap:8px;padding:0 2px 0 0;line-height:1;transition:background-color .2s,box-shadow .2s;display:grid;position:relative}.scrub-field[data-typing=true]{cursor:text}.scrub-field__track{pointer-events:none;background:#ffffff1f;border-radius:999px;grid-area:1/2;height:3px;position:relative}.scrub-field__fill{border-radius:inherit;background:color-mix(in srgb, var(--sf-fill) 75%, transparent);transform-origin:0;transition:background-color .12s;position:absolute;inset:0}.scrub-field:hover .scrub-field__fill,.scrub-field[data-dragging=true] .scrub-field__fill{background:var(--sf-fill)}.scrub-field__ticks{display:none}.scrub-field__thumb{pointer-events:none;width:11px;height:11px;transition:background-color .12s ease, scale .16s var(--sf-ease-out);background:#e9e9eb;border-radius:999px;position:absolute;top:50%;translate:-50% -50%;box-shadow:0 1px 2px #00000080,0 0 0 .5px #0006}.scrub-field:hover .scrub-field__thumb{background:#fff}.scrub-field[data-dragging=true] .scrub-field__thumb{background:#fff;scale:1.15}.scrub-field[data-disabled=true]{opacity:.5;cursor:default}.scrub-field__handle{text-align:right;min-width:0;height:100%;line-height:var(--sf-h);color:color-mix(in srgb, currentColor 66%, transparent);white-space:nowrap;text-overflow:ellipsis;cursor:inherit;transition:color .12s ease, transform .16s var(--sf-ease-out);grid-area:1/1;padding:0;font-weight:500;display:block;overflow:hidden}@media (hover:hover) and (pointer:fine){.scrub-field:not([data-disabled=true]):hover .scrub-field__handle{color:color-mix(in srgb, currentColor 88%, transparent)}}.scrub-field:not([data-disabled=true]):not([data-typing=true]):active .scrub-field__handle,.scrub-field[data-dragging=true] .scrub-field__handle{color:currentColor;transform:scale(.96)}.scrub-field__input{width:100%;height:calc(var(--sf-h) - 6px);background:var(--sf-box);color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:right;cursor:inherit;border:0;border-radius:6px;outline:0;grid-area:1/3;margin:0;padding:0 8px;font-weight:500;transition:color .12s,box-shadow .12s;box-shadow:inset 0 0 0 1px #ffffff14}.scrub-field:hover .scrub-field__input{box-shadow:inset 0 0 0 1px #ffffff24}.scrub-field[data-dirty=true] .scrub-field__input{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sf-fill) 55%, transparent)}.scrub-field:focus-within .scrub-field__input{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sf-fill) 80%, transparent)}.scrub-field[data-typing=true] .scrub-field__input{cursor:text}.scrub-field:not(:has(.scrub-field__track)) .scrub-field__input{grid-column:2/4;justify-self:end}.scrub-field__trailing{grid-area:1/5;align-items:center;gap:2px;display:inline-flex}.scrub-field[data-over=true] .scrub-field__input{color:color-mix(in srgb, currentColor 55%, transparent)}.scrub-field__suffix{min-width:8px;color:color-mix(in srgb, currentColor 45%, transparent);grid-area:1/4;font-weight:500}.scrub-field__ghost{transform-origin:50% 100%;background:var(--sf-accent);color:var(--sf-ghost-ink);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .125s var(--sf-ease-out), scale .125s var(--sf-ease-out);border-radius:999px;padding:2px 6px;font-size:11px;font-weight:600;line-height:1.4;position:absolute;top:-6px;left:0;translate:0 -100%;scale:.95}.scrub-field[data-dragging=true] .scrub-field__ghost{opacity:1;scale:1}@media (prefers-reduced-motion:reduce){.scrub-field .scrub-field__handle{transition:color .12s;transform:none}.scrub-field .scrub-field__ghost{transition:opacity .2s;scale:1}}