.auth-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:6px 12px;font-family:var(--font-sans);font-size:var(--type-secondary);font-weight:600;color:var(--text-primary);background:var(--bg-2);border:1px solid var(--border-default);border-radius:var(--radius-2);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.auth-button:hover{background:var(--bg-3);border-color:var(--border-strong)}.auth-button:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px}.auth-button__mark{width:14px;height:14px;flex-shrink:0}.signin-popover{position:relative;display:inline-flex}.signin-popover__panel{position:absolute;z-index:1000;min-width:232px;padding:var(--space-3);background:var(--bg-0);border:1px solid var(--border-default);border-radius:var(--radius-3);box-shadow:var(--shadow-modal)}.signin-popover__panel--below{top:calc(100% + var(--space-2))}.signin-popover__panel--above{bottom:calc(100% + var(--space-2))}.signin-popover__panel--end{right:0}.signin-popover__panel--start{left:0}.signin-menu{display:flex;flex-direction:column;gap:var(--space-2)}.signin-menu__copy{margin:0 0 var(--space-1);font-family:var(--font-sans);font-size:var(--type-secondary);color:var(--text-secondary);line-height:var(--leading-body)}