@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--float-distance, 10px)*-1))}}.user-menu__trigger{display:flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:999px;border:1px solid hsla(0,0%,100%,.08);background:transparent;color:#fff;font-size:.85rem;cursor:pointer}.user-menu__trigger:hover{background:#ffffff0a}.user-menu__trigger--compact{padding:0;border:none;background:transparent}.user-menu__trigger--compact:hover{background:transparent}.user-menu__avatar{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:linear-gradient(135deg,#00d2a0,#4982d6);color:#fff;font-size:.75rem;font-weight:700}.user-menu__list{list-style:none;margin:0;padding:.25rem;min-width:160px}.user-menu__option{display:flex;align-items:center;width:100%;padding:.5rem .75rem;border:none;border-radius:.5rem;background:transparent;color:#fff;font-size:.9rem;text-align:left;cursor:pointer}.user-menu__option:hover{background:#ffffff0a}