.gab-account-dropdown{
  position:absolute;
  z-index:999;
  min-width:280px;
  max-width:360px;
  padding:12px;
  top:70%;
  left:auto;
  right:auto;
  transform:translateX(-50%);
  margin-top:2px;
  display:none;
  text-align:left;
}
.gab-menu-account{position:relative;}
.gab-menu-account:hover .gab-account-dropdown,
.gab-menu-account:focus-within .gab-account-dropdown{
  display:block;
}
.gab-account-panel{
  background:#ffffff;
  border:1px solid rgba(15,23,42,.12);
  border-radius:14px;
  box-shadow:0 18px 36px rgba(15,23,42,.12);
  padding:14px;
  font-family:inherit;
  text-align:left;
}
.gab-account-panel__head{
  display:flex;
  align-items:center;
  gap:12px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(15,23,42,.08);
  margin-bottom:12px;
}
.gab-account-panel__profile-link{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:inherit;
}
.gab-account-panel__profile-link:hover .gab-account-panel__avatar{
  box-shadow:0 0 0 3px rgba(15,118,110,.12);
}
.gab-account-panel__profile-link:hover .gab-account-panel__name{
  text-decoration:underline;
}
.gab-account-panel__avatar{
  width:40px;
  height:40px;
  border-radius:999px;
  background:rgba(15,118,110,.12);
  color:#0f766e;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:16px;
}
.gab-account-panel__user{
  display:flex;
  flex-direction:column;
  gap:2px;
  align-items:flex-start;
}
.gab-account-panel__name{
  font-weight:800;
  font-size:15px;
  color:#0f172a;
}
.gab-account-panel__email,
.gab-account-panel__org{
  font-size:12px;
  color:rgba(15,23,42,.7);
}
.gab-account-panel__chip{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(15,118,110,.12);
  color:#0f766e;
  font-size:11px;
  font-weight:800;
  margin-top:4px;
}
.gab-account-panel__actions{
  display:flex;
  flex-direction:column;
  gap:6px;
  align-items:stretch;
}
.gab-account-panel__btn{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(15,23,42,.12);
  text-decoration:none;
  font-weight:800;
  font-size:13px;
  color:#0f172a;
  background:#ffffff;
  text-align:left;
}
.gab-account-panel__btn:hover{
  background:rgba(15,23,42,.04);
}
.gab-account-panel__btn--ghost{
  background:rgba(15,23,42,.03);
}
.gab-account-panel__btn--danger{
  background:rgba(239,68,68,.08);
  border-color:rgba(239,68,68,.2);
  color:#b91c1c;
}
.gab-account-panel__btn--danger:hover{
  background:rgba(239,68,68,.14);
}

@media (max-width: 991px){
  .navbar-toggler.small-menu-toggle.gab-account-toggle-hidden{
    display:none !important;
  }
  .gab-account-mobile{
    display:flex;
    align-items:center;
  }
  .gab-account-trigger{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:transparent;
    border:0;
    padding:6px 8px;
    color:inherit;
  }
  .gab-account-trigger svg{
    display:block;
    width:24px;
    height:24px;
  }
  .gab-account-hidden-mobile{
    display:none !important;
  }
  .gab-account-mobile .gab-account-dropdown{
    position:fixed;
    top:64px;
    right:12px;
    left:12px;
    transform:none;
    max-width:none;
    width:auto;
    display:none;
  }
  .gab-account-mobile.is-open .gab-account-dropdown{
    display:block;
  }
}
.gab-account-panel__guest{
  margin-bottom:12px;
}
.gab-account-panel__title{
  font-weight:800;
  font-size:14px;
  margin-bottom:4px;
  color:#0f172a;
}
.gab-account-panel__hint{
  font-size:12px;
  color:rgba(15,23,42,.7);
}