@ozen-ui/kit/__inner__/cjs/components/Autocomplete/Autocomplete.css

React component library

.Autocomplete {
  --autocomplete-gutter-x: 0 var(--textfield-gutter-x);
}

  .Autocomplete_hasChevron.Autocomplete_size_2xs {
      --autocomplete-gutter-x: 0 var(--control-padding-2xs) 0
        var(--control-padding-xs);
    }

  .Autocomplete_hasChevron.Autocomplete_size_xs {
      --autocomplete-gutter-x: 0 var(--control-padding-2xs) 0
        var(--control-padding-xs);
    }

  .Autocomplete_hasChevron.Autocomplete_size_s {
      --autocomplete-gutter-x: 0 var(--control-padding-2xs) 0
        var(--control-padding-s);
    }

  .Autocomplete_hasChevron.Autocomplete_size_m {
      --autocomplete-gutter-x: 0 var(--control-padding-2xs) 0
        var(--control-padding-m);
    }

  .Autocomplete_hasChevron.Autocomplete_size_l {
      --autocomplete-gutter-x: 0 var(--control-padding-2xs) 0
        var(--control-padding-l);
    }

  .Autocomplete-RenderRight {
    display: flex;
    gap: var(--spacing-2xs);
  }

  .Autocomplete-ClearButton {
    visibility: hidden;
    transition: visibility var(--transition-default);
  }

  .Autocomplete-ClearButton_visibility {
      visibility: visible;
    }

  .Autocomplete .Input-Body {
    padding: var(--autocomplete-gutter-x);
  }