.autocomplete-ui {
  position: relative;

  @include e(container) {
    width: 100%;
    background-color: var(--color-white);
    box-shadow: $box-shadow-default;
    border-radius: calc-rem($border-radius-large);
    z-index: 1000;
  }

  @include m(item) {
    @include fontSize(14px);

    position: relative;
    background-color: var(--color-white);
    width: 100%;
    padding: calc-rem(12px);
    color: var(--color-black);
    cursor: pointer;

    &::after {
      @extend %pseudos;

      bottom: 0;
      left: 0;
      right: 0;
      height: 1px;
      background-color: var(--color-gray-50);
    }

    &:last-of-type {
      &:after {
        background-color: transparent;
      }
    }

    &.active {
      background-color: var(--color-brand-light2)
    }
  }
}