.slider{-webkit-appearance:none;width:100%;height:8px;background:#d1d5db;border-radius:9999px;outline:none;position:relative}.slider::-webkit-slider-runnable-track{height:8px;background:linear-gradient(to right,var(--color-primary-700),var(--color-primary-700),var(--range-percent),#eef0f4 var(--range-percent),#eef0f4 100%);border-radius:9999px}.slider::-moz-range-track{height:8px;background:linear-gradient(to right,var(--color-primary-700),var(--color-primary-700),#eef0f4 var(--range-percent),#eef0f4 100%);border-radius:9999px}.slider::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;background:#f3f4f6;border:2px solid #9ca3af;border-radius:50%;cursor:pointer;margin-top:-4px;position:relative;z-index:10}.slider::-moz-range-thumb{height:16px;width:16px;background:#f3f4f6;border:2px solid #9ca3af;border-radius:50%;cursor:pointer}.no-spinner::-webkit-inner-spin-button,.no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinner{-moz-appearance:textfield}