@layer components {
  .rs-autocomplete {
    display: grid;
    gap: var(--rs-unit-x2);
  }

  .rs-autocomplete__list {
    max-block-size: 220px;
    overflow: auto;
    border: 1px solid var(--rs-color-border-neutral-faded);
    border-radius: var(--rs-radius-medium);
    padding: var(--rs-unit-x1);
    background: var(--rs-color-background-elevation-overlay);
    box-shadow: var(--rs-shadow-overlay);
  }

  .rs-autocomplete__item[aria-disabled="true"] {
    pointer-events: none;
    color: var(--rs-color-foreground-disabled);
  }

  @keyframes rs-skeleton-pulse {
    0%,
    100% {
      opacity: 1;
    }

    50% {
      opacity: 0.6;
    }
  }

  @keyframes rs-loader-spin {
    0% {
      transform: rotate(0deg);
    }

    50% {
      transform: rotate(540deg);
    }

    100% {
      transform: rotate(1080deg);
    }
  }
}