@layer components{.account-nav{position:relative}.account-nav__trigger{align-items:center;gap:var(--s-button-gap);padding:var(--s-button-padding-top) var(--s-button-padding-horizontal);border-radius:var(--s-button-border-radius);border:var(--s-button-border-width) solid var(--s-button-color-tertiary-border);background-color:var(--s-color-surface-subtle);color:var(--s-button-color-tertiary-text);cursor:pointer;list-style:none;transition:background-color .3s;display:inline-flex}.account-nav__trigger::-webkit-details-marker{display:none}.account-nav__trigger::marker{display:none}.account-nav__trigger:hover{color:var(--s-button-color-secondary-fg-hover)}.account-nav__avatar{flex-shrink:0;display:inline-flex}@media (max-width:63.9375em){.account-nav__trigger{background-color:#0000;border:0;gap:0;padding:0}.account-nav__summary-text,.account-nav__arrow{clip:rect(0,0,0,0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.account-nav__arrow{flex-shrink:0;transition:transform .3s ease-in-out;display:flex}.account-nav[open] .account-nav__arrow{transform:rotate(180deg)}.account-nav__dropdown{z-index:1300;border:1px solid var(--s-color-border-subtle);background-color:var(--s-color-surface-default);min-width:250px;margin:0;padding:0;list-style:none;position:absolute;top:100%;right:0}.account-nav__dropdown .menu-item{font-weight:var(--s-type-label-font-weight);background-color:var(--s-color-surface-default);border-bottom:1px solid var(--s-color-border-subtle);cursor:pointer;color:var(--s-color-text-subtle);padding:1rem}.account-nav__dropdown .menu-item:hover{background-color:var(--s-color-surface-subtle)}.account-nav__dropdown .menu-item:last-child{border-bottom:none}.account-nav__dropdown .menu-item .account-nav__action{align-items:center;gap:var(--s-spacing-2);width:100%;font:inherit;font-weight:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;text-decoration:none;display:flex}.account-nav__dropdown .logout .account-nav__action{color:var(--s-color-text-error)}}