.ui-options {
  overflow: hidden;

  > li {
    padding: 10px;
    cursor: pointer;
    background: $color-gray-09;

    &:first-child {
      border-top: none;
    }

    &:nth-of-type(2n) {
      background: $color-gray-08;
    }

    &:hover {
      background: $color-green-06;
    }

    &.is-selected {
      background: $color-green-04;
      color: $color-gray-00;
      font-weight: $font-weight-l;

      a,
      .ui-link,
      .ui-label,
      .ui-label-primary {
        color: $color-gray-01;
        font-weight: $font-weight-l;
        font-size: inherit;
      }
    }
  }
}