@adobe/spectrum-css/dist/components/radio/multiStops/lightest.css

The Spectrum CSS top-level backwards compatible package

.spectrum--lightest .spectrum-Radio .spectrum-Radio-input:checked + .spectrum-Radio-button {
    border-color: rgb(38, 128, 235);
  }
.spectrum--lightest .spectrum-Radio-label {
  color: rgb(80, 80, 80);
}
.spectrum--lightest .spectrum-Radio-button {
  background-color: rgb(255, 255, 255);
  border-color: rgb(149, 149, 149);
}
.spectrum--lightest .spectrum-Radio:hover .spectrum-Radio-button {
      border-color: rgb(116, 116, 116);
      box-shadow: none;
    }
.spectrum--lightest .spectrum-Radio:hover .spectrum-Radio-input:checked + .spectrum-Radio-button {
      border-color: rgb(20, 115, 230);

    }
.spectrum--lightest .spectrum-Radio:hover .spectrum-Radio-label {
      color: rgb(50, 50, 50);
    }
.spectrum--lightest .spectrum-Radio:active .spectrum-Radio-button {
      border-color: rgb(80, 80, 80);
    }
.spectrum--lightest .spectrum-Radio:active .spectrum-Radio-input:checked + .spectrum-Radio-button {
      border-color: rgb(13, 102, 208);

    }
.spectrum--lightest .spectrum-Radio:active .spectrum-Radio-label {
      color: rgb(50, 50, 50);
    }
.spectrum--lightest .spectrum-Radio--quiet .spectrum-Radio-input:checked + .spectrum-Radio-button {
    border-color: rgb(116, 116, 116);
  }
.spectrum--lightest .spectrum-Radio--quiet:hover .spectrum-Radio-input:checked + .spectrum-Radio-button {
      border-color: rgb(80, 80, 80);
    }
.spectrum--lightest .spectrum-Radio--quiet:active .spectrum-Radio-input:checked + .spectrum-Radio-button {
      border-color: rgb(50, 50, 50);
    }
.spectrum--lightest .spectrum-Radio.is-invalid:hover .spectrum-Radio-input + .spectrum-Radio-button,
.spectrum--lightest .spectrum-Radio--quiet.is-invalid:hover .spectrum-Radio-input + .spectrum-Radio-button {
      border-color: rgb(215, 55, 63);
    }
.spectrum--lightest .spectrum-Radio.is-invalid:hover .spectrum-Radio-label,
.spectrum--lightest .spectrum-Radio--quiet.is-invalid:hover .spectrum-Radio-label {
      color: rgb(215, 55, 63);
    }
.spectrum--lightest .spectrum-Radio.is-invalid:active .spectrum-Radio-input + .spectrum-Radio-button,
.spectrum--lightest .spectrum-Radio--quiet.is-invalid:active .spectrum-Radio-input + .spectrum-Radio-button {
      border-color: rgb(201, 37, 45);
    }
.spectrum--lightest .spectrum-Radio.is-invalid:active .spectrum-Radio-label,
.spectrum--lightest .spectrum-Radio--quiet.is-invalid:active .spectrum-Radio-label {
      color: rgb(201, 37, 45);
    }
.spectrum--lightest .spectrum-Radio.is-invalid .spectrum-Radio-button,
.spectrum--lightest .spectrum-Radio.is-invalid .spectrum-Radio-input:checked + .spectrum-Radio-button,
.spectrum--lightest .spectrum-Radio--quiet.is-invalid .spectrum-Radio-button,
.spectrum--lightest .spectrum-Radio--quiet.is-invalid .spectrum-Radio-input:checked + .spectrum-Radio-button {
      border-color: rgb(227, 72, 80);
    }
.spectrum--lightest .spectrum-Radio.is-invalid .spectrum-Radio-label,
.spectrum--lightest .spectrum-Radio--quiet.is-invalid .spectrum-Radio-label {
      color: rgb(227, 72, 80);
    }
.spectrum--lightest .spectrum-Radio-input:disabled + .spectrum-Radio-button {
    border-color: rgb(211, 211, 211) !important;
  }
.spectrum--lightest .spectrum-Radio-input:disabled ~ .spectrum-Radio-label {
    color: rgb(188, 188, 188) !important;
  }
.spectrum--lightest .spectrum-Radio .spectrum-Radio-input.focus-ring + .spectrum-Radio-button,
.spectrum--lightest .spectrum-Radio:hover .spectrum-Radio-input.focus-ring + .spectrum-Radio-button,
.spectrum--lightest .spectrum-Radio--quiet .spectrum-Radio-input.focus-ring + .spectrum-Radio-button,
.spectrum--lightest .spectrum-Radio--quiet:hover .spectrum-Radio-input.focus-ring + .spectrum-Radio-button {
      border-color: rgb(55, 142, 240);
      box-shadow: 0 0 0 1px rgb(55, 142, 240);
    }
.spectrum--lightest .spectrum-Radio .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label,
.spectrum--lightest .spectrum-Radio:hover .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label,
.spectrum--lightest .spectrum-Radio--quiet .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label,
.spectrum--lightest .spectrum-Radio--quiet:hover .spectrum-Radio-input.focus-ring ~ .spectrum-Radio-label {
      color: rgb(20, 115, 230);
    }
.spectrum--lightest .spectrum-Radio.is-invalid .spectrum-Radio-input:checked.focus-ring + .spectrum-Radio-button,
.spectrum--lightest .spectrum-Radio--quiet.is-invalid .spectrum-Radio-input:checked.focus-ring + .spectrum-Radio-button {
      border-color: rgb(55, 142, 240);
      box-shadow: 0 0 0 1px rgb(55, 142, 240);
    }