.profile-menu{transform-origin:top right}
.profile-menu.open{animation:profile-menu-in .2s cubic-bezier(.2,.8,.2,1) both}
.profile-menu>a{transition:background .16s ease,color .16s ease,transform .16s ease}
.profile-menu>a:hover{transform:translateX(2px)}
.profile-menu .logout:active{transform:translateX(2px) scale(.98)}
.top-profile .top-avatar{transition:transform .2s ease,box-shadow .2s ease}
.top-profile.profile-open .top-avatar{transform:scale(1.05);box-shadow:0 0 0 4px #e5f0ff}
.primary,.outline,.profile-edit,.cover-action{transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.primary:active,.outline:active,.profile-edit:active,.cover-action:active{transform:scale(.98)}
@keyframes profile-menu-in{from{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.profile-menu.open,.profile-menu>a,.top-profile .top-avatar,.primary,.outline,.profile-edit,.cover-action{animation:none;transition:none}}