.range-input{appearance:none;cursor:pointer;background:0 0;border-radius:9999px;outline:none;flex:1;min-width:0;transition:all .2s}.range-input::-webkit-slider-runnable-track{width:100%;height:var(--track-height,6px);background:var(--colors-neutral-light);border-radius:9999px}.range-input::-moz-range-track{width:100%;height:var(--track-height,6px);background:var(--colors-neutral-light);border-radius:9999px}.range-input::-webkit-slider-thumb{appearance:none;background:var(--colors-brand);cursor:pointer;border:none;border-radius:50%;transition:all .2s}.range-input:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--colors-brand-lighter);transform:scale(1.1)}.range-input:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--colors-brand-light)}.range-input:disabled::-webkit-slider-thumb{cursor:not-allowed;background:var(--colors-neutral-medium);box-shadow:none;transform:none}.range-input::-moz-range-thumb{appearance:none;background:var(--colors-brand);cursor:pointer;border:none;border-radius:50%;transition:all .2s}.range-input:hover::-moz-range-thumb{box-shadow:0 0 0 4px var(--colors-brand-lighter);transform:scale(1.1)}.range-input:focus::-moz-range-thumb{box-shadow:0 0 0 4px var(--colors-brand-light)}.range-input:disabled::-moz-range-thumb{cursor:not-allowed;background:var(--colors-neutral-medium);box-shadow:none;transform:none}.range-input[data-size=sm]{--track-height:4px;--thumb-size:16px;height:16px}.range-input[data-size=sm]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px}.range-input[data-size=sm]::-moz-range-thumb{width:16px;height:16px}.range-input[data-size=md]{--track-height:6px;--thumb-size:20px;height:20px}.range-input[data-size=md]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7px}.range-input[data-size=md]::-moz-range-thumb{width:20px;height:20px}.range-input[data-size=lg]{--track-height:8px;--thumb-size:24px;height:24px}.range-input[data-size=lg]::-webkit-slider-thumb{width:24px;height:24px;margin-top:-8px}.range-input[data-size=lg]::-moz-range-thumb{width:24px;height:24px}.range-input[data-color=primary]::-webkit-slider-thumb{background:var(--colors-brand)}.range-input[data-color=primary]::-moz-range-thumb{background:var(--colors-brand)}.range-input[data-color=primary]:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--colors-brand-lighter)}.range-input[data-color=primary]:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--colors-brand-light)}.range-input[data-color=secondary]::-webkit-slider-thumb{background:var(--colors-brand-secondary)}.range-input[data-color=secondary]::-moz-range-thumb{background:var(--colors-brand-secondary)}.range-input[data-color=secondary]:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--colors-brand-secondary-lighter)}.range-input[data-color=secondary]:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--colors-brand-secondary-light)}.range-input[data-color=neutral]::-webkit-slider-thumb{background:var(--colors-neutral-dark)}.range-input[data-color=neutral]::-moz-range-thumb{background:var(--colors-neutral-dark)}.range-input[data-color=neutral]:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--colors-neutral-lighter)}.range-input[data-color=neutral]:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--colors-neutral-light)}.range-input[data-error=true]::-webkit-slider-thumb{background:var(--colors-danger)}.range-input[data-error=true]::-moz-range-thumb{background:var(--colors-danger)}.range-input[data-error=true]:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--colors-danger-lighter)}.range-input[data-error=true]:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--colors-danger-light)}.range-input:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.range-input{transition:none}.range-input::-webkit-slider-thumb{transition:none}.range-input::-moz-range-thumb{transition:none}.range-input:hover::-webkit-slider-thumb{transform:none}.range-input:hover::-moz-range-thumb{transform:none}}