[data-palladino-account] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.np-account {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid #cbd0c6;
  border-radius: 40px;
  background: transparent;
  color: #111f3d;
  text-decoration: none;
  font:
    700 14px Arial,
    Helvetica,
    sans-serif;
  cursor: pointer;
  list-style: none;
  padding: 0;
}
.np-account svg {
  width: 19px;
  height: 19px;
}
.np-account::-webkit-details-marker {
  display: none;
}
.np-account-menu {
  position: relative;
}
.np-account-panel {
  position: absolute;
  right: 0;
  top: 52px;
  z-index: 50;
  min-width: 200px;
  max-width: min(280px, calc(100vw - 36px));
  padding: 16px;
  background: #f6f8fc;
  color: #111f3d;
  border: 1px solid #d9e3f1;
  border-radius: 12px;
  box-shadow: 0 12px 30px #111f3d22;
  display: grid;
  gap: 13px;
  font:
    14px/1.4 Arial,
    Helvetica,
    sans-serif;
  overflow-wrap: anywhere;
}
.np-account-panel a {
  color: inherit;
  text-decoration: none;
  font-weight: 700;
}
.np-logout {
  background: transparent;
  color: inherit;
  text-align: left;
  border: 0;
  padding: 0;
  cursor: pointer;
  font:
    600 14px Arial,
    Helvetica,
    sans-serif;
}
.np-account:focus-visible,
.np-logout:focus-visible,
.np-account-panel a:focus-visible {
  outline: 3px solid #47a5e7;
  outline-offset: 3px;
}