.navbar-level-badge {
  color: #f15016;
  background: linear-gradient(145deg, #fff8f3, #fff);
  border: 1px solid #ffc9ad;
  border-radius: 8px 3px;
  gap: 4px;
  width: 46px;
  padding: 6px 5px 5px;
  display: grid;
  box-shadow: inset 0 0 0 1px #fff;
}

.navbar-level-badge b {
  letter-spacing: .03em;
  white-space: nowrap;
  font-size: 8px;
  font-weight: 950;
  line-height: 1;
}

.navbar-level-badge > i,
.profile-dropdown-level > i {
  background: #e8edf3;
  border-radius: 99px;
  height: 3px;
  display: block;
  overflow: hidden;
}

.navbar-level-badge > i > span,
.profile-dropdown-level > i > span {
  background: linear-gradient(90deg, #ff7a36, #ef4b11);
  border-radius: inherit;
  height: 100%;
  display: block;
  box-shadow: 0 0 8px #ff5b1866;
}

.profile-dropdown-level {
  color: #627187;
  background:
    linear-gradient(90deg, #ff5b1814 1px, transparent 1px) 0 0 / 24px 100%,
    linear-gradient(145deg, #fff8f3, #fff);
  border: 1px solid #ffd0b9;
  border-radius: 10px 3px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px 12px;
  margin: 7px 8px 8px;
  padding: 10px 11px;
  display: grid;
}

.profile-dropdown-level > span {
  gap: 2px;
  display: grid;
}

.profile-dropdown-level strong {
  color: #1d2d44;
  font-size: 11px;
  font-weight: 900;
}

.profile-dropdown-level small {
  color: #738196;
  font-size: 8px;
}

.profile-dropdown-level > b {
  color: #f15016;
  font-size: 9px;
}

.profile-dropdown-level > i {
  grid-column: 1 / -1;
  height: 5px;
}

@media (width >= 1024px) {
  .header-actions > .profile-chip,
  .header-actions.authenticated > .profile-chip {
    grid-template-columns: 48px minmax(0, 1fr) 46px 16px !important;
    min-width: 245px !important;
  }
}

@media (1024px <= width <= 1280px) {
  .navbar-level-badge {
    display: none;
  }

  .header-actions > .profile-chip,
  .header-actions.authenticated > .profile-chip {
    grid-template-columns: 48px minmax(0, 1fr) 16px !important;
    min-width: 185px !important;
  }
}

@media (width <= 720px) {
  .navbar-level-badge {
    display: none;
  }
}