.number-slider{display:flex;flex-direction:column;gap:6px;width:100%;user-select:none;-webkit-user-select:none}.number-slider.is-disabled{opacity:.5;pointer-events:none}.number-slider__label{font-size:.8rem;font-weight:600;opacity:.7}.number-slider__value-row{position:relative;display:flex;align-items:baseline;justify-content:center}.number-slider__accessory{position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:.85rem;font-weight:700}.number-slider__value{display:inline-flex;align-items:baseline;gap:3px;font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-base-content)}.number-slider__unit{font-size:.85rem;font-weight:600;opacity:.55}.number-slider__track{position:relative;display:flex;align-items:center;height:72px;border-radius:.85rem;background:var(--color-base-200);overflow:hidden;cursor:grab;touch-action:pan-y}.number-slider__track:active{cursor:grabbing}.number-slider__track:focus-visible{outline:none}.number-slider__track:focus-visible .number-slider__pointer{box-shadow:0 0 0 4px color-mix(in oklch,var(--color-primary) 35%,transparent)}.number-slider__window{position:absolute;inset:0;overflow:hidden}.number-slider__ruler{position:absolute;left:50%;top:0;bottom:0}.number-slider__ticks{position:absolute;left:0;right:0;background-repeat:repeat-x;background-position:0}.number-slider__ticks--minor{top:50%;height:10px;transform:translateY(-50%)}.number-slider__major-tick{position:absolute;bottom:8px;display:flex;flex-direction:column;align-items:center;gap:4px;transform:translateX(-50%)}.number-slider__major-tick-label{font-size:.7rem;font-weight:600;color:var(--color-base-content);opacity:.55;white-space:nowrap;font-variant-numeric:tabular-nums}.number-slider__major-tick-mark{width:2px;height:18px;border-radius:9999px;background:var(--color-base-content);opacity:.35}.number-slider__pointer{position:absolute;left:50%;top:4px;bottom:4px;width:3px;margin-left:-1.5px;border-radius:9999px;background:var(--color-primary);pointer-events:none;transition:width .15s ease,margin-left .15s ease}.number-slider__pointer.is-dragging{width:4px;margin-left:-2px}