.toolbar {
  display: flex;
  flex-flow: row nowrap;
  column-gap: 12px;
  align-items: center;

  .person {
    cursor: pointer;

    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    background-color: #0074e0;
    background-image:
      linear-gradient(to right, rgb(255 255 255 / 80%), rgb(255 255 255 / 80%)),
      linear-gradient(to right, #0074e0, #0074e0);
    border: 2px solid rgb(255 255 255);
    border-radius: 50%;

    transition: opacity 0.2s ease;

    &:hover {
      opacity: 0.8;
    }
  }

  .search-button {
    cursor: pointer;

    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    font-size: 14px;

    background-color: #0074e0;
    background-image:
      linear-gradient(to right, rgb(255 255 255 / 80%), rgb(255 255 255 / 80%)),
      linear-gradient(to right, #0074e0, #0074e0);
    border: 2px solid white;
    border-radius: 20px;

    transition: opacity 0.2s ease;

    &:hover {
      opacity: 0.8;
    }
  }
}

.menu-item {
  display: flex;
  align-items: center;
}