.mobile-nav-floating{transition:opacity .4s ease-in-out,transform .3s ease-out;background-color:hsla(0,0%,100%,.9);border-radius:0;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:50}.mobile-nav-floating.visible{opacity:1;pointer-events:auto}.mobile-nav-floating.hidden{opacity:0;pointer-events:none}.nav-avatar{width:32px!important;height:32px!important}.menu-toggle{position:relative;z-index:60}.mobile-nav-menu{position:absolute;top:100%;right:0;background-color:hsla(0,0%,100%,.9);backdrop-filter:blur(4px);border-radius:0;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;transform-origin:top right;transition:all .3s cubic-bezier(.34,1.56,.64,1);padding:0;max-height:0;min-width:0;opacity:0;z-index:55}.mobile-nav-menu.open{padding:16px;min-width:120px;max-height:300px;opacity:1}.main-nav-menu{position:absolute;top:100%;right:0;background-color:hsla(0,0%,100%,.9);backdrop-filter:blur(4px);border-radius:0;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;transform-origin:top right;transition:all .3s cubic-bezier(.34,1.56,.64,1);padding:0;max-height:0;min-width:0;opacity:0;z-index:55}.main-nav-menu.open{padding:16px;min-width:120px;max-height:300px;opacity:1}.main-nav-menu .menu-links,.mobile-nav-menu .menu-links{opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .3s ease;transition-delay:0s}.main-nav-menu.open .menu-links,.mobile-nav-menu.open .menu-links{opacity:1;transform:translateY(0);transition-delay:.1s}@media (display-mode:standalone){.mobile-nav-container{padding-top:env(safe-area-inset-top)}.mobile-nav-floating{top:calc(env(safe-area-inset-top) + 1rem);right:calc(env(safe-area-inset-right) + 1rem)}}