/*
 * Page-level <style> blocks from /calculators/backpay and /calculators/hearing
 * (disabled inputs and the range slider).
 * Copied verbatim from berrylaw.com (Webflow site 69cc04b0beb6420ec58d55eb) on 2026-10-13
 * so /disability, /back-pay and /hearing render exactly like the Webflow pages.
 * Re-copy it if the Webflow design changes; do not edit by hand.
 */
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: var(--_background-colors---surface-green);
  opacity: 0.7;
}

input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    height: 4px;
    border-radius: 2px;
    background: var(--_text-colors---silver); /* JS handles this */
  }
  input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--_background-colors---knockout-green);       
    border: 2px solid var(--_border-colors---gold);
    margin-top: -14px;          
  }

  input.slider::-webkit-slider-runnable-track {
    height: 4px;
    border-radius: 100px;
  }

  input.slider::-moz-range-thumb {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--_background-colors---knockout-green);
    border: 2px solid var(--_border-colors---gold);
    cursor: grab;
  }

  input.slider::-moz-range-track {
    height: 4px;
    border-radius: 100px;
    background: var(--_background-colors---silver);
  }

  input.slider::-moz-range-progress {
    height: 4px;
    border-radius: 100px;
    background: var(--_background-colors---gold);
  }