//////////////////////////////////////////////////////////////////////////////////////////
//   _  _ ____ _  _ ___  ____                                                           //
//   |_/  |__| |\ | |  \ |  |    This file belongs to Kando, the cross-platform         //
//   | \_ |  | | \| |__/ |__|    pie menu. Read more on github.com/kando-menu/kando     //
//                                                                                      //
//////////////////////////////////////////////////////////////////////////////////////////

// SPDX-FileCopyrightText: Simon Schneegans <code@simonschneegans.de>
// SPDX-License-Identifier: MIT

@use '../../variables.scss' as *;
@use '../../mixins.scss' as *;

.input,
.suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  overflow: hidden;
}

.input {
  @include text-input;

  padding-left: 6px;
  padding-right: 6px;

  input {
    field-sizing: content;
    background-color: transparent;
    border: none;
    font-size: 1rem;
    outline: none;
  }

  &:has(input:focus) {
    outline: $border-focused;
  }
}

.suggestions {
  justify-content: center;
  margin: 4px;
  opacity: 0.8;
  font-size: 0.7em;
}
