.account-link {
  min-height: 42px;
  margin-left: 4px;
  padding: 0 13px !important;
  border: 1px solid rgba(118, 208, 250, .45);
  border-radius: 8px;
  color: #eef8ff !important;
  white-space: nowrap;
}

.account-link::before {
  content: "";
  width: 15px;
  height: 15px;
  margin-right: 7px;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 35%, currentColor 0 2px, transparent 2.5px),
    radial-gradient(ellipse at 50% 105%, currentColor 0 5px, transparent 5.5px);
  opacity: .9;
}

.account-link:hover {
  border-color: #65dffc;
  background: rgba(39, 153, 234, .14);
}

.main-nav a:focus-visible,
.main-nav button:focus-visible,
.button:focus-visible,
.domain-search-control input:focus-visible,
.domain-search-control button:focus-visible {
  outline: 3px solid rgba(95, 221, 252, .7);
  outline-offset: 3px;
}

.infra-points article {
  align-items: flex-start;
}

@media (width <= 1180px) and (width > 1020px) {
  .main-nav {
    gap: 2px;
  }

  .main-nav > a:not(.nav-cta),
  .nav-group > button {
    padding-inline: 8px;
    font-size: .82rem;
  }

  .account-link {
    padding-inline: 9px !important;
  }
}

@media (width <= 1020px) {
  .account-link {
    width: 100%;
    min-height: 52px;
    margin: 0;
    padding: 0 !important;
    border: 0;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    color: var(--ink) !important;
  }

  .account-link:hover {
    background: transparent;
  }
}