#accountdropdown {
display: none;
}
@media screen and (min-width: 800px) and (min-height: 760px) {
#PageWrapper:has(#accountflex) { overflow: clip; }
#content #actionlistcol {
position: sticky;
top: calc(var(--headerh, 0px) + 1rem);
align-self: flex-start;
}
}
@media screen and (max-width: 799px) {
#content #actionlistcol {
display: none;
}
#content #actionlistcol.acctoverviewnav {
display: block;
margin-top: 1.5rem;
}
#accountdropdown[data-open] {
display: block;
position: fixed;
top: var(--headerbottom, 4em);
right: 0;
z-index: 60;
width: 16em;
max-width: 90vw;
max-height: calc(100vh - var(--headerbottom, 4em));
overflow-y: auto;
background: var(--panel-bg);
border: 1px solid var(--lightgrey);
border-radius: 0 0 4px 4px;
box-shadow: 0 4px 14px var(--shadow-faint);
padding: 0.8em;
}
#accountdropdown ul.accountactions li {
margin: 0 0 0.4em;
}
#accountdropdown ul.accountactions li a {
min-width: 0;
font-size: 1em;
padding: 0.6em 0.8em;
}
}