.account-menu[data-role]{
  background:rgba(255,255,255,.075)!important;
  animation:account-menu-in .22s cubic-bezier(.2,.8,.2,1) both;
}

.account-menu[data-role] a,
.account-menu[data-role] button{
  transition:background .2s ease,color .2s ease,transform .2s ease;
}

.account-menu[data-role] a:hover,
.account-menu[data-role] button:hover{
  background:rgba(255,255,255,.1)!important;
  transform:translateX(3px);
}

@keyframes account-menu-in{
  from{opacity:0;transform:translateY(-7px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@media(prefers-reduced-motion:reduce){
  .account-menu[data-role],.account-menu[data-role] a,.account-menu[data-role] button{animation:none;transition:none}
}