.account-logout{
  position:relative;
}
.account-email-tooltip{
  position:absolute;
  z-index:1000;
  right:0;
  top:calc(100% + 10px);
  width:max-content;
  max-width:min(320px,80vw);
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:9px;
  background:rgba(18,18,24,.97);
  color:#f3f0f5;
  font-size:11px;
  font-weight:600;
  letter-spacing:.01em;
  line-height:1.2;
  box-shadow:0 10px 28px rgba(0,0,0,.32);
  opacity:0;
  visibility:hidden;
  transform:translateY(-3px);
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
  pointer-events:none;
  white-space:nowrap;
}
.account-email-tooltip::before{
  content:"";
  position:absolute;
  right:18px;
  top:-5px;
  width:9px;
  height:9px;
  background:rgba(18,18,24,.97);
  border-left:1px solid rgba(255,255,255,.16);
  border-top:1px solid rgba(255,255,255,.16);
  transform:rotate(45deg);
}
.account-logout:hover .account-email-tooltip,
.account-logout:focus-visible .account-email-tooltip{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
@media(max-width:700px){
  .account-email-tooltip{display:none}
}