.range-slider:before{background:var(--border);border-radius:999px;content:"";height:4px;left:0;position:absolute;right:0;top:calc(50% - 2px)}.range-slider input[type=range]{appearance:none;background:none;height:100%;inset:0;margin:0;pointer-events:none;position:absolute;width:100%}.range-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--surface);border:2px solid var(--brand-primary);border-radius:999px;box-shadow:var(--shadow-xs);cursor:grab;height:18px;pointer-events:auto;transition:box-shadow .16s ease,transform .16s ease;width:18px}.range-slider input[type=range]::-moz-range-thumb{background:var(--surface);border:2px solid var(--brand-primary);border-radius:999px;box-shadow:var(--shadow-xs);cursor:grab;height:14px;pointer-events:auto;width:14px}.range-slider input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.1)}.range-slider input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}.range-slider input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(var(--brand-primary-rgb),.24)}.range-slider input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px rgba(var(--brand-primary-rgb),.24)}