.navbar-nav {
  position: relative;
}

.astro-sso-client-container {
  display: block !important;
}

@media only screen and (max-width: 1279.98px) {
  .astro-sso-client-container {
    border-left: 1px solid var(--color-border-width-border-width-default, #fff);
  }
}

#astro-sso-client-app {
  display: flex;
  align-items: center;
  width: 64px;
  justify-content: center;
  margin-top: 4px;
}

.astro-sso-client-app_login,
.astro-sso-client-app_login:hover {
  color: #fff;
  cursor: pointer;
}

.astro-sso-client-app_login.xuan,
.astro-sso-client-app_login.xuan:hover {
  color: var(--color-foreground-foreground-active, #d90368);
}

.astro-sso-client-app_login.awani,
.astro-sso-client-app_login.awani:hover {
  color: var(--color-surface-inverse-neutral, #010414);
}

.astro-sso-client-app_user-icon {
  cursor: pointer;
  fill: var(--color-neutral-0);
}

.astro-sso-client-app_user-icon.xuan {
  fill: var(--color-foreground-foreground-active, #d90368);
}

.astro-sso-client-app_user-icon.awani {
  fill: var(--color-surface-inverse-neutral, #010414);
}

.astro-sso-client-app_user-dropdown {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  background-color: var(--color-neutral-0);
  border-radius: var(--border-radius-md);
  box-shadow: 0px 8px 28px 0px rgba(1, 4, 20, 0.06);
  min-width: 160px;
  z-index: 2;
  height: auto !important;
  margin-top: var(--space-sm);
}

.astro-sso-client-app_user-dropdown--hide {
  display: none !important;
}

.astro-sso-client-app_user-dropdown-list {
  list-style-type: none;
  display: flex;
  flex-direction: column !important;
  padding: 0;
}

.astro-sso-client-app_user-dropdown-list li {
  border-right: unset !important;
  border-left: unset !important;
}

.astro-sso-client-app_user-dropdown-list li a {
  display: inline-block !important;
  padding: 16px !important;
  width: 100% !important;
  height: auto !important;
  font-family: var(--font-family-non-latin);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--color-foreground-foreground-default);
  text-decoration: none;
}

.astro-sso-client-app_user-dropdown-list li a:hover {
  color: var(--color-foreground-foreground-default) !important;
}

.astro-sso-client-app_user-dropdown-list li:last-child a {
  padding-top: 0px !important;
}

.astro-sso-client-app_userprofile {
  display: inline-block !important;
}