.range-slider{box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;padding:0 12px}.range-slider-inner{align-items:center;width:100%;height:16px;display:flex;position:relative}.range-slider-track{background:var(--surface-muted);border-radius:var(--radius-slider-track);height:1px;position:absolute;left:0;right:0}.range-slider-range{background:var(--surface-action-slider-connector-active);border-radius:var(--radius-slider-track);height:1px;box-shadow:0 0 0 var(--border-width-3)var(--border-action-slider-ring-active);position:absolute}.range-slider-handle{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4)var(--space-8);background:var(--surface-strong);border:var(--border-width-1)solid var(--surface-strong);border-radius:var(--radius-compact);cursor:grab;z-index:1;outline:none;transition:box-shadow .15s,border-color .15s;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.range-slider-handle:active{cursor:grabbing}.range-slider-handle:hover,.range-slider-handle:focus-visible{box-shadow:0 0 0 var(--border-width-3)var(--border-action-slider-ring-active)}.range-slider-grip{background:var(--surface-muted);width:1px;height:8px}