.account-icon-link{flex:none;align-self:flex-start;display:inline-flex}.account-icon-button{border:1px solid var(--border);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--soft-text);background:var(--surface);cursor:pointer;border-radius:6px;flex:0 0 36px;justify-content:center;align-self:flex-start;align-items:center;padding:0;text-decoration:none;transition:color .18s,border-color .18s,background .18s;display:inline-flex}.account-icon-button:hover,.account-icon-button[aria-pressed=true]{color:var(--mint);background:var(--raised);border-color:#13deb948}.account-icon-button.is-primary{color:var(--canvas);border-color:var(--mint);background:var(--mint)}.account-icon-button.is-primary:hover{color:var(--canvas);background:#36e7c9}.account-icon-button.is-danger{color:var(--red);background:#ff647c08;border-color:#ff647c48}.account-icon-button.is-danger:hover{color:var(--red);background:#ff647c18}.account-icon-button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.account-icon-button:disabled{opacity:.4;cursor:default}.account-icon-glyph{justify-content:center;align-items:center;line-height:1;display:inline-flex}.account-icon-button.is-busy .account-icon-glyph{animation:1s linear infinite account-icon-spin}@keyframes account-icon-spin{to{transform:rotate(1turn)}}@media (pointer:coarse){.account-icon-button{flex-basis:44px;width:44px;min-width:44px;height:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.account-icon-button{transition:none}.account-icon-button.is-busy .account-icon-glyph{animation:none}}