@mixin autocomplete-menu() { ... }@mixin autocomplete-menu() { 
  position: absolute;
  top: calc(#{common.$height} - #{spacing.get('s2')});
  left: 0;
  z-index: settings.$menu-zindex;
  width: 100%;
 }

@mixin autocomplete-listbox($block) { ... }@mixin autocomplete-listbox($block) { 
  margin: 0;
  padding: 0;
  max-height: settings.$menu-height;
  overflow: auto;
  background-color: settings.$menu-background-color;
  border: unit.rem(2px) solid common.$border-color-emphasis;
  border-top: 0;
  border-radius: 0 0 common.$radius common.$radius;
  list-style: none;

  #{$block}--invalid & {
    border-color: common.$border-color-danger;
  }
 }

@mixin autocomplete-option() { ... }@mixin autocomplete-option() { 
  margin: 0;
  padding: spacing.get('s1', 's4');
  background-color: transparent;
  color: settings.$option-text-color;
  cursor: pointer;
  font-weight: $kib-type-weights-bold;

  &:focus,
  &:hover,
  &.is-active {
    background-color: settings.$option-background-color-emphasis;
  }
 }

@mixin autocomplete-option-hidden() { ... }@mixin autocomplete-option-hidden() { 
  @include kib-core-visually-hidden;
 }

@mixin autocomplete-loader-wrapper() { ... }@mixin autocomplete-loader-wrapper() { 
  @at-root {
    @include kib-spinner.wrapper-animation('kib-spinner-outer');
    @include kib-spinner.path-animation('kib-spinner-path');
  }

  @include kib-spinner.container('kib-spinner-outer');

  margin: 0;
  color: settings.$loader-color;
 }

@mixin autocomplete-loader() { ... }@mixin autocomplete-loader() { 
  @include kib-spinner.path('kib-spinner-path');
 }

@mixin autocomplete-option-highlight() { ... }@mixin autocomplete-option-highlight() { 
  font-weight: $kib-type-weights-regular;
 }

$menu-height: unit.rem(160px) !default;

$menu-background-color: color.get('field', 'primary') !default;

$indexes: kib-core-zindex-set(autocomplete-menu, 1000);

$menu-zindex: kib-core-zindex-get(autocomplete-menu) !default;

$option-background-color-emphasis: color.get('field', '02') !default;

$option-text-color: common.$text-color-emphasis !default;

$loader-color: color.get('text', 'primary') !default;