main.auth-page,main.state-page{max-width:25rem;padding:calc(var(--space-12) * 2) var(--layout-gutter-narrow) var(--space-8);gap:var(--space-4);justify-items:start;min-width:0;margin:0 auto;display:grid}.auth-page .brand,.state-page .brand{margin-bottom:var(--space-4)}.auth-page h1,.state-page h1{font-family:var(--font-sans);font-size:var(--type-display-size);line-height:var(--type-display-line);font-weight:var(--type-display-weight);overflow-wrap:anywhere;margin:0}.auth-page p,.state-page p{max-width:100%;font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-line);overflow-wrap:anywhere;margin:0}.auth-page .auth-context{color:var(--color-text-secondary)}.auth-page .notice{width:100%;padding:0}.auth-page a.button,.auth-page button.primary{min-height:calc(var(--space-8) + var(--space-1));min-width:calc(var(--space-12) * 2.5);padding:var(--space-2) var(--space-6);font-weight:var(--weight-strong);justify-content:center;align-items:center;display:inline-flex}.auth-page .auth-aside{color:var(--color-text-secondary);font-size:var(--type-body-size);line-height:var(--type-body-line)}.state-page .illus{width:auto;height:var(--space-12);color:var(--color-text-secondary)}.state-page .button-link,.auth-page .button-link{text-decoration:none}.state-page .state-actions{gap:var(--space-2) var(--space-4);flex-wrap:wrap;align-items:center;display:flex}@media (max-width:37.4375rem){main.auth-page,main.state-page{padding-top:var(--space-12)}.auth-page h1,.state-page h1{font-size:1.75rem;line-height:2.25rem}.auth-page a.button,.auth-page button.primary{width:100%;min-height:var(--layout-touch)}}