.spinner{border:2px solid var(--color-accent);border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spinner-turn;display:inline-block}@keyframes spinner-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}
.shell-body:has(>.sign-in-page){padding:0;display:flex}.sign-in-page{flex:1;justify-content:center;align-items:center;min-width:0;padding:40px 20px;display:flex}.sign-in-column{flex-direction:column;gap:14px;width:360px;max-width:100%;display:flex}.sign-in-page>h1,.sign-in-column h1{font-size:30px}.sign-in-column h1{margin:0}.sign-in-lockup{align-items:center;gap:10px;margin-bottom:4px;display:flex}.sign-in-mark{flex-shrink:0;display:flex}.sign-in-method{justify-content:center;width:100%;min-height:42px}.sign-in-page .input{min-height:42px}.sign-in-page .input:read-only{opacity:.45;cursor:not-allowed}.sign-in-column form{flex-direction:column;gap:14px;display:flex}.sign-in-column .field{flex-direction:column;gap:6px;display:flex}.sign-in-column .field>.sign-in-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);font-size:11px}.sign-in-sent{color:color-mix(in srgb, var(--color-text) 75%, transparent);text-wrap:pretty;margin:0;font-size:14px}.sign-in-note{text-align:center;color:var(--color-muted);margin:0;font-size:12px}.providers{flex-direction:column;gap:10px;display:flex}.or{color:var(--color-muted);align-items:center;gap:10px;margin:0;font-size:12px;display:flex}.or:before,.or:after{content:"";background:var(--color-divider);flex:1;height:1px}.sign-in-back{align-self:center}.sign-in-why{color:var(--color-muted);margin:0;font-size:12px}