.account-drawer{inset-block:0;inset-inline-start:0;inset-inline-end:auto;margin:0;padding:0;inline-size:min(20rem,calc(100% - 2rem));max-inline-size:20rem;block-size:100dvh;max-block-size:100dvh;overflow:hidden;border:none;background:var(--color-surface);color:var(--color-ink)}.account-drawer::backdrop{background:rgb(42 33 24/40%)}.account-drawer-shell{display:flex;flex-direction:column;min-block-size:100dvh;padding-block-start:env(safe-area-inset-top);padding-block-end:env(safe-area-inset-bottom)}.account-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 4);border-block-end:1px solid var(--color-border)}.account-drawer-list{flex:1 1 auto;min-block-size:0;overflow-y:auto;padding:calc(var(--spacing) * 2)}.account-drawer-link,.account-drawer-logout{display:flex;align-items:center;gap:calc(var(--spacing) * 3);min-block-size:calc(var(--spacing) * 12);padding-inline:calc(var(--spacing) * 3);border-radius:var(--radius-sm);color:var(--color-ink);font-size:var(--text-small)}.account-drawer-link:hover{background:var(--color-sand)}.account-drawer-logout{inline-size:100%;margin-block-start:calc(var(--spacing) * 2);border-block-start:1px solid var(--color-border);color:var(--color-danger)}.account-drawer-logout:hover{background:var(--color-sand)}.mega-menu-panel{position:absolute;inset-inline:0;inset-block-start:100%;z-index:50;margin-block-start:calc(var(--spacing) * 1);padding:calc(var(--spacing) * 4);overflow:auto;max-block-size:min(70vh,32rem);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card)}.mega-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--spacing) * 6)}.mega-menu-root{font-weight:700;color:var(--color-olive)}.mega-menu-link,.mega-menu-root{display:flex;align-items:center;min-block-size:calc(var(--spacing) * 11)}.mega-menu-link{padding-inline:calc(var(--spacing) * 2);color:var(--color-ink);font-size:var(--text-small)}.mega-menu-link:hover,.mega-menu-root:hover{background:var(--color-sand);border-radius:var(--radius-sm)}.mega-menu-children{padding-inline-start:calc(var(--spacing) * 2)}.mega-menu-summary::-webkit-details-marker{display:none}