.spectrum-Rating.is-focused {
    box-shadow: 0 0 0 2px rgb(20, 115, 230);
  }
.spectrum-Rating:hover .spectrum-Rating-icon {
      color: rgb(162, 162, 162);
    }
.spectrum-Rating:hover .spectrum-Rating-icon:hover {
        color: rgb(200, 200, 200);
      }
.spectrum-Rating:hover .spectrum-Rating-icon:active {
        color: rgb(239, 239, 239);
      }
.spectrum-Rating:hover .spectrum-Rating-icon.is-currentValue:after {
          background: currentColor;
        }
.spectrum-Rating-icon {
  color: rgb(162, 162, 162);
}
.spectrum-Rating-icon.is-selected {
    color: rgb(38, 128, 235);
  }
.spectrum-Rating-icon:hover ~ .spectrum-Rating-icon {
      color: rgb(162, 162, 162);
    }
.spectrum-Rating--quiet .spectrum-Rating-icon {
    color: rgb(162, 162, 162);
  }
.spectrum-Rating--quiet .spectrum-Rating-icon.is-selected {
      color: rgb(162, 162, 162);
    }
.spectrum-Rating--quiet:hover .spectrum-Rating-icon {
      color: rgb(162, 162, 162);
    }
.spectrum-Rating--quiet:hover .spectrum-Rating-icon:hover {
        color: rgb(200, 200, 200);
      }
.spectrum-Rating--quiet:hover .spectrum-Rating-icon:active {
        color: rgb(239, 239, 239);
      }
.spectrum-Rating.is-disabled .spectrum-Rating-icon {
      color: rgb(73, 73, 73);
    }
.spectrum-Rating.is-disabled .spectrum-Rating-icon.is-selected {
        color: rgb(73, 73, 73);
      }