.dsl{--dsl-ink:var(--color-frost);--dsl-line:color-mix(in srgb, var(--color-frost) 38%, transparent);--dsl-tick:color-mix(in srgb, var(--color-frost) 30%, transparent);min-width:0;display:block}.dsl-head{color:var(--color-mist);align-items:center;gap:.4rem;font-size:11.5px;line-height:1.2;display:flex}.dsl-icon{color:var(--color-frost);opacity:.78;flex:none}.dsl-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dsl-rail{height:42px;margin:0 7px;display:block;position:relative}.dsl-track{background:var(--dsl-line);height:1px;position:absolute;top:22px;left:0;right:0}.dsl-fill{height:2px;width:var(--p);background:var(--color-pulse);position:absolute;top:-.5px;left:0}.dsl-track>i{background:var(--dsl-tick);width:1px;height:4px;margin-left:-.5px;position:absolute;top:-3px}.dsl-track>i.is-major{background:var(--dsl-line);height:7px;top:-5px}.dsl-track>i[data-on]{background:color-mix(in srgb, var(--color-pulse) 70%, transparent)}.dsl-value{top:0;left:var(--p);white-space:nowrap;pointer-events:none;font-family:var(--font-mono);letter-spacing:.02em;color:var(--dsl-ink);font-size:10.5px;line-height:1;transition:transform .18s cubic-bezier(.2,.8,.2,1);position:absolute;transform:translate(-50%)}.dsl-value.is-start{transform:translate(-7px)}.dsl-value.is-end{transform:translate(calc(7px - 100%))}.dsl.is-held .dsl-value{color:var(--color-pulse)}.dsl-handle{top:22px;left:var(--p);pointer-events:none;background:var(--color-abyss);border:1px solid var(--dsl-ink);width:14px;height:14px;box-shadow:inset 0 1px 0 #ffffff8c, 0 1px 0 color-mix(in srgb, var(--color-frost) 25%, transparent), 0 3px 6px -2px #00000047;border-radius:1px;justify-content:center;align-items:center;gap:2px;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s,background-color .16s;display:flex;position:absolute;transform:translate(-50%,-50%)}.dsl-handle b{background:color-mix(in srgb, var(--color-frost) 55%, transparent);width:1px;height:6px;display:block}.dsl:hover .dsl-handle{box-shadow:inset 0 1px 0 #fff9, 0 1px 0 color-mix(in srgb, var(--color-frost) 25%, transparent), 0 6px 10px -3px #0000004d;transform:translate(-50%,calc(-50% - 1px))}.dsl.is-held .dsl-handle{background:var(--color-panel);border-color:var(--color-pulse);transform:translate(-50%,-50%)scale(.92);box-shadow:inset 0 1px 2px #0000002e,0 1px 1px -1px #0000004d}.dsl.is-held .dsl-handle b{background:var(--color-pulse)}.dsl:has(input:focus-visible) .dsl-handle{outline:2px solid color-mix(in srgb, var(--color-pulse) 55%, transparent);outline-offset:2px}.dsl-min,.dsl-max{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-dim);pointer-events:none;white-space:nowrap;font-size:9px;line-height:1;position:absolute;top:31px}.dsl-min{left:-7px}.dsl-max{right:-7px}.dsl-rail input{opacity:0;cursor:grab;touch-action:pan-y;width:calc(100% + 14px);height:28px;margin:0;position:absolute;top:8px;left:-7px;right:-7px}.dsl-rail input:active{cursor:grabbing}.dsl-warn{color:var(--color-warn);margin-top:.1rem;font-size:11px;font-style:normal;display:block}@media (prefers-reduced-motion:reduce){.dsl-handle,.dsl-value{transition:none}}