.nav__main-list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.nav__main-item {
  max-width: 15rem;
  border: 1px solid #f1f3f5;
  padding: 0.8rem 1.2rem;
  border-radius: 0.4rem;

  display: flex;
  gap: 0.8rem;
  align-items: center;

  transition: all 0.3s;
}

.nav__main-item:hover,
.nav__main-item:active {
  background-color: #f1f3f5;
}

.add-contact {
  background-color: #2187af;
  color: #fff;

  transition: all 0.4s;
}

.add-contact:hover,
.add-contact:active {
  background-color: #175f7b;
}

.add-contact-new {
  background-color: #175f7b;
}

.nav__main-item ion-icon {
  font-size: 1.8rem;
}

.nav__tags-container {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.nav__item-color {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

/*
.nav__item-label {}
.nav__tags {}
*/