.dropdown-menu[popover]{position:fixed;inset:auto 16px auto auto;top:calc(var(--toolbar-height) + var(--banner-height) + 4px);margin:0;border:none;border-radius:1rem;background-color:var(--surface-container-low);color:var(--on-background);box-shadow:0 4px 24px #00000040;padding:0;width:280px;max-height:calc(100vh - var(--toolbar-height) - 1rem);overflow-y:auto;box-sizing:border-box;opacity:0;transform-origin:100% 0%;transform:scale(0);transition:opacity .25s ease-in-out,transform .25s ease-in-out,display .25s allow-discrete,overlay .25s allow-discrete}.dropdown-menu[popover]:not(:popover-open){display:none!important}.dropdown-menu:popover-open{opacity:1;transform:scale(1)}@starting-style{.dropdown-menu:popover-open{opacity:0;transform:scale(0)}}.dropdown-header{display:flex;align-items:center;gap:.5rem;padding:1rem 1rem 0rem}.dropdown-divider{height:1px;background-color:var(--outline-variant);width:100%;margin:.5rem 0}.dropdown-body{display:flex;flex-direction:column;margin-top:.5rem;margin-bottom:.5rem}.dropdown-form{margin:0;padding:0;width:100%}.dropdown-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:none;color:var(--on-background);font-family:inherit;font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:background-color .25s ease-in-out;text-decoration:none;box-sizing:border-box}.dropdown-item:hover{background-color:var(--elevation-light)}.dropdown-item:active{background-color:var(--elevation)}.dropdown-item .icon{flex-shrink:0}@media (min-width: 1024px){.profile-dropdown-container{display:inline-flex!important}}