.search-input[data-v-a03725d7] {
  position: relative;
  display: inline-flex;
  overflow: hidden;
  align-items: center;
  min-height: 2.8rem;
  padding: 0.5rem 0.25rem;
  border-radius: var(--border-radius-md);
}
.search-input.always-open[data-v-a03725d7] {
  display: flex;
  padding: 0.425rem 0.25rem;
  cursor: text;
}
.field[data-v-a03725d7] {
  position: relative;
  width: 0;
  transition: transform 0.2s ease-out, opacity 0.4s ease-in;
  transform: translateX(15rem);
  opacity: 0;
}
.close[data-v-a03725d7] {
  display: none;
  transition: all 0.2s ease-out;
  opacity: 0;
}
.is-open[data-v-a03725d7] {
  border: solid 3px var(--border-color);
}
.is-open .close[data-v-a03725d7] {
  display: inline-block;
  opacity: 1;
}
.is-open .field[data-v-a03725d7] {
  flex: 1;
  width: 100%;
  transform: translateX(0);
  opacity: 1;
}
.is-open .search[data-v-a03725d7] {
  cursor: text;
}
.has-focus[data-v-a03725d7] {
  border-color: var(--primary);
}