.auth-buttons {
  --gap: 4.2666666667vw;
}
@media (min-width: 720px) {
  .auth-buttons {
    --gap: 1.25vw;
  }
}
@media (min-width: 1281px) {
  .auth-buttons {
    --gap: 1.6666666667vw;
  }
}
@media (min-width: 2400px) {
  .auth-buttons {
    --gap: 40px;
  }
}
.auth-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap);
}
.auth-buttons__separator {
  --width: 0.8vw;
}
@media (min-width: 720px) {
  .auth-buttons__separator {
    --width: 0.234375vw;
  }
}
@media (min-width: 1281px) {
  .auth-buttons__separator {
    --width: 0.15625vw;
  }
}
@media (min-width: 2400px) {
  .auth-buttons__separator {
    --width: 3.75px;
  }
}
.auth-buttons__separator {
  width: var(--width);
  color: var(--color-wetty-asphalt);
}
.auth-buttons__profile-name {
  --gap: 4.2666666667vw;
}
@media (min-width: 720px) {
  .auth-buttons__profile-name {
    --gap: 1.25vw;
  }
}
@media (min-width: 1281px) {
  .auth-buttons__profile-name {
    --gap: 0.8333333333vw;
  }
}
@media (min-width: 2400px) {
  .auth-buttons__profile-name {
    --gap: 20px;
  }
}
.auth-buttons__profile-name {
  display: flex;
  gap: var(--gap);
}
.auth-buttons__profile-link {
  color: var(--color-brand);
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.auth-buttons__profile-photo {
  width: var(--button-size-m-height);
  height: var(--button-size-m-height);
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.auth-buttons__login-button {
  color: var(--color-wetty-asphalt);
}
.auth-buttons__logout-icon {
  --width: 6.4vw;
}
@media (min-width: 720px) {
  .auth-buttons__logout-icon {
    --width: 1.875vw;
  }
}
@media (min-width: 1281px) {
  .auth-buttons__logout-icon {
    --width: 1.25vw;
  }
}
@media (min-width: 2400px) {
  .auth-buttons__logout-icon {
    --width: 30px;
  }
}
.auth-buttons__logout-icon {
  width: var(--width);
}
.auth-buttons__notification-icon {
  --width: 8.5333333333vw;
}
@media (min-width: 720px) {
  .auth-buttons__notification-icon {
    --width: 2.5vw;
  }
}
@media (min-width: 1281px) {
  .auth-buttons__notification-icon {
    --width: 1.6666666667vw;
  }
}
@media (min-width: 2400px) {
  .auth-buttons__notification-icon {
    --width: 40px;
  }
}
.auth-buttons__notification-icon {
  width: var(--width);
}
.auth-buttons_authorized {
  --gap: 4.2666666667vw;
  --flex-direction: column;
  --flex-wrap: wrap;
}
@media (min-width: 720px) {
  .auth-buttons_authorized {
    --gap: 2.1875vw;
  }
}
@media (min-width: 720px) {
  .auth-buttons_authorized {
    --flex-direction: row;
  }
}
@media (min-width: 720px) {
  .auth-buttons_authorized {
    --flex-wrap: wrap;
  }
}
@media (min-width: 1281px) {
  .auth-buttons_authorized {
    --gap: 1.4583333333vw;
  }
}
@media (min-width: 1281px) {
  .auth-buttons_authorized {
    --flex-direction: row;
  }
}
@media (min-width: 1281px) {
  .auth-buttons_authorized {
    --flex-wrap: nowrap;
  }
}
@media (min-width: 2400px) {
  .auth-buttons_authorized {
    --gap: 35px;
  }
}
@media (min-width: 2400px) {
  .auth-buttons_authorized {
    --flex-direction: row;
  }
}
@media (min-width: 2400px) {
  .auth-buttons_authorized {
    --flex-wrap: nowrap;
  }
}
.auth-buttons_authorized {
  flex-direction: var(--flex-direction);
  flex-wrap: var(--flex-wrap);
}