.nav-dropdown{position:relative}.nav-dropdown-toggle{display:flex;align-items:center;gap:.3rem;border:0;background:transparent;cursor:pointer;font-family:inherit}.nav-dropdown-toggle span{font-size:.75rem;transition:transform .16s ease}.nav-dropdown.open .nav-dropdown-toggle span{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;z-index:80;top:calc(100% + .45rem);left:0;display:grid;width:max-content;min-width:210px;max-width:min(320px,calc(100vw - 2rem));padding:.45rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-md)}.nav-dropdown-end .nav-dropdown-menu{right:0;left:auto}.nav-dropdown-menu a,.nav-dropdown-action{display:block;width:100%;padding:.65rem .75rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font:inherit;font-size:.9rem;font-weight:700;text-align:left;text-decoration:none;cursor:pointer}.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus,.nav-dropdown-menu a.active,.nav-dropdown-action:hover,.nav-dropdown-action:focus{background:var(--color-primary-soft);color:var(--color-primary);outline:none}.nav-dropdown-menu form{margin:0}@media(max-width:820px){.nav-dropdown-toggle{justify-content:space-between;width:100%}.nav-dropdown-menu{position:static;width:100%;max-width:none;margin:.15rem 0 .4rem;padding:.25rem .25rem .25rem 1rem;border:0;border-left:2px solid var(--color-border);border-radius:0;box-shadow:none}.nav-dropdown-menu a,.nav-dropdown-action{padding:.65rem}.notification-bell{align-self:flex-start}}