.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:var(--spacing-5xl);padding:var(--spacing-2xl)}.oauthProviders{min-width:12rem;min-height:4rem;padding:var(--spacing-3xl);background:#fff;border-radius:var(--radius-sm);corner-shape:squircle;display:flex;justify-content:center;align-items:center;transition:opacity var(--transition-base);position:relative}.oauthProviders:not(.ready):before{content:"";position:absolute;width:24px;height:24px;border:3px solid var(--color-primary-light-3);border-top-color:var(--color-primary-base);border-radius:50%;animation:spin 1s linear infinite}.oauthProviders.ready{opacity:1}.oauthProviders>div{transform:scale(1.1);transform-origin:center}@keyframes spin{to{transform:rotate(360deg)}}.loginLegal{font-size:.875rem;color:var(--color-text-secondary);text-align:center;margin:0;max-width:400px;line-height:1.5}.loginLegal a{color:var(--color-primary-base);text-decoration:none;transition:color var(--transition-base)}:is(.loginLegal a):focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}:is(.loginLegal a):hover{color:var(--color-primary-dark-1);text-decoration:underline}:is(.loginLegal a):focus-visible{border-radius:2px}.loginFallback{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center;max-width:300px}.loginFallback p{margin:0;color:var(--color-error);font-weight:500}.loginFallback .subtext{font-size:.9rem;color:var(--color-text-secondary);font-weight:400}