.sign-in{background:var(--background-surface);min-height:100svh;display:flex}.sign-in__panel{box-sizing:border-box;width:100%;max-width:31.25rem;padding:var(--space-12) var(--space-8);gap:var(--space-6);flex-direction:column;margin-block:auto;display:flex}.sign-in__logo{width:auto;height:4.75rem;margin-inline:auto;display:block}.sign-in__title{margin:0 0 var(--space-6);text-align:center;font-size:var(--font-size-3xl);font-weight:var(--font-weight-medium);color:var(--text-primary)}.sign-in__google{width:100%}.sign-in__or{text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.sign-in__form{gap:var(--space-4);flex-direction:column;display:flex}.sign-in__submit{width:100%}.sign-in__test-accounts{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.sign-in__test-accounts-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-primary);margin:0}.sign-in__test-accounts-hint{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.sign-in__test-accounts-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sign-in__test-account{box-sizing:border-box;width:100%;padding:var(--space-2) var(--space-3);gap:var(--space-1);text-align:start;font:inherit;font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--background-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;display:flex}.sign-in__test-account b{color:var(--text-primary);font-weight:var(--font-weight-medium)}.sign-in__test-account:hover{border-color:var(--border-strong)}.sign-in__test-account:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.sign-in__photo{background:url(/sign-in-photo.jpg) 50%/cover no-repeat;flex:auto;min-height:100svh}@media (max-width:48rem){.sign-in__panel{max-width:none;padding-inline:var(--space-4)}.sign-in__photo{display:none}}