.ws-state-autocomplete {
  display: block;
  .ws-state-input__container {
    &.is-error {
      .v-text-field--outlined {
        fieldset {
          border: solid 1px var(--v-alert-base);
        }
      }
      .ws-state__block {
        &:before {
          border-width: 2px;
          border-color: var(--v-alert-base);
        }
        .after-icon {
          color: var(--v-alert-base);
        }
      }
      .ws-state__detail {
        &:before {
          border-width: 2px;
          border-color: var(--v-alert-base);
        }
        .after-icon {
          color: var(--v-alert-base);
        }
        .v-icon {
          color: var(--v-alert-base);
        }
        p {
          color: var(--v-alert-base);
        }
      }
    }
    &.is-disabled {
      .v-text-field--outlined {
        background-color: #eee;
      }
    }
    .v-text-field--outlined {
      border-radius: 8px;
      fieldset {
        border: solid 1px var(--v-inputBorder-base);
      }
    }
  }
}

.v-menu__content {
  border-radius: 8px;
  .v-list-item {
    padding: 0 10px;
    .v-list-item__title {
      font-size: 0.875rem;
      line-height: 1.43;
    }
  }
}