@use "../theme.scss" as *;
@use "../token.scss" as *;
@use "../input.scss" as *;

.token-input.input-field {
  height: unset;
  min-height: $input-height;
  flex-wrap: wrap;
  > .input,
  > .input:focus-visible {
    width: auto;
    min-width: 8em;
    padding-left: 0.2em;
    padding-right: 0.2em;
  }

  .token-container {
    padding-left: 0.2em;
    padding-right: 0.2em;
    .token {
      margin-top: 0.2em;
      margin-bottom: 0.2em;
    }
  }
}