:host {
  display: block;
}

  :host * {
    box-sizing: border-box;
  }

.autocomplete--inactive .autocomplete__listbox-container {
    display: none;
  }

.autocomplete__listbox-container {
  position: fixed;
  z-index: var(--s-z-40);
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 18rem;
  padding-top: var(--s-space-8);
  padding-bottom: var(--s-space-8);
  border-radius: var(--s-border-radius-sm);
  background: var(--s-translucent-low-default);
  -webkit-backdrop-filter: blur(var(--s-blur-l));
          backdrop-filter: blur(var(--s-blur-l));
  animation: autocomplete-enter 0.1s;
  box-shadow: var(--s-shadow-level-1);
}

.autocomplete__listbox-container:empty {
    display: none;
  }

.autocomplete__spinner {
  display: flex;
  padding: var(--s-space-16);
  justify-content: center;
  align-items: center;
}

.autocomplete__multi-select-tags {
  margin-top: var(--swirl-autocomplete-tags-margin-top);
  margin-bottom: var(--s-space-4);
}

@keyframes autocomplete-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}