@keyframes userMenu-bounceFade{0%{opacity:0;transform:translateY(0)}30%{color:var(--colors-mono-07);opacity:1;transform:translateY(.3125rem)}35%,45%,55%{opacity:.5;transform:translateY(.125rem)}40%,50%,60%{opacity:1;transform:translateY(.3125rem)}to{color:var(--colors-mono-02);opacity:0;transform:translateY(0)}}.user-menu-toggle{--size: 2.5rem;align-items:center;background-color:transparent;border:none;border-radius:50%;cursor:pointer;display:flex;height:var(--size);justify-content:center;margin:0;padding:0;position:relative;width:var(--size)}.user-menu-toggle i.account-icon{color:var(--colors-mono-10);font-size:var(--size)}.user-menu-toggle:hover i.account-icon,.user-menu-toggle:focus i.account-icon,.user-menu-toggle:active i.account-icon{color:var(--colors-mono-10)}.user-menu-toggle i.menu-icon{animation-name:userMenu-bounceFade;animation-delay:1s;animation-duration:4s;animation-iteration-count:1;bottom:-.75rem;color:var(--colors-mono-11);font-size:1.5rem;margin-left:.03125rem;opacity:0;position:absolute}.user-menu-toggle:hover i.menu-icon{color:var(--colors-dark-contrast4)}.user-menu-heading{align-items:center;display:flex;flex-direction:column;font-size:.85rem;margin-bottom:.5rem;padding:.5rem}.user-menu-heading div:first-child{color:var(--colors-mono-10);font-size:.6rem}.user-menu-heading div:nth-child(2){font-size:1rem;font-weight:600}.user-menu-heading div:nth-child(3){color:var(--colors-mono-10)}.user-menu-logout-form{width:100%}.user-menu-logout-button{background-color:transparent;border:none;color:var(--colors-mono-11);cursor:pointer;display:flex;gap:.5rem;justify-content:start;text-transform:uppercase;transition:all .25s ease-in-out;width:100%}.user-menu-logout-button:hover{box-shadow:none;color:var(--colors-arctic-lime)}.user-menu-logout-button:focus{box-shadow:none;outline:none}