.search {
  display: flex;
  align-items: center;
  width: 300px;
  height: 100%;
  column-gap: 14px;
  padding: 18px 0;
  transition: width 0.2s;
  &.collapsed {
    width: 24px;
    input {
      width: 0;
      visibility: hidden;
    }
  }
  label {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    line-height: 21px;
    color: var(--black);
    background-color: transparent;
    transition: width 0.2s;
    &::placeholder {
      color: var(--secondary-text);
    }
  }
}
