@layer components{.account-nav{display:flex;flex-direction:column;gap:var(--space-3xs);& a{display:flex;gap:var(--space-2xs);align-items:center;padding:var(--space-2xs)var(--space-s);border-radius:var(--radius-m);color:var(--color-text);font-size:var(--size-step--1);font-weight:500;text-decoration:none;&:hover{background:var(--color-accent-surface)}}& a[aria-current=page]{background:var(--color-accent-surface);color:var(--color-accent-strong);font-weight:600}& .account-nav__logout{margin-block-start:var(--space-s);padding-block-start:var(--space-s);border-block-start:1px solid var(--color-border);border-radius:0;color:var(--color-text-muted)}@media(max-width:767px){flex-direction: row; overflow-x: auto; padding-block-end: var(--space-2xs); & a{flex-shrink:0}& .account-nav__logout{margin-block-start:0;padding-block-start:var(--space-2xs);border-block-start:0}}}}