.signin{width:min(27rem, calc(100% - 2 * var(--gutter)));max-height:calc(100% - 2rem);padding:var(--space-6) var(--space-5) var(--space-5);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper-raised);color:var(--ink);box-shadow:var(--shadow-float);font-family:var(--sans);font-size:var(--text-base);margin:auto;line-height:1.5;overflow-y:auto}.signin::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2020249e}.signin--fallback{z-index:100;height:-moz-fit-content;height:fit-content;box-shadow:0 0 0 100vmax #2020249e, var(--shadow-float);margin:auto;position:fixed;top:0;bottom:0;left:0;right:0}.signin[aria-busy=true]{cursor:progress}.signin[aria-busy=true] button{pointer-events:none}.signin h2{font-family:var(--display);letter-spacing:var(--tracking-tight);margin:0 var(--space-7) var(--space-4) 0;font-size:1.75rem;font-weight:600;line-height:1.2}.signin p{margin-bottom:var(--space-4)}.signin-reason{color:var(--ink-soft)}.signin-close{top:var(--space-4);right:var(--space-4);width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.signin-close:hover{background:var(--paper-sunken);color:var(--ink)}.signin-providers{gap:var(--space-3);display:grid}.signin-providers .btn{width:100%;min-height:3rem;font-weight:600}.signin-or{align-items:center;gap:var(--space-3);margin:var(--space-4) 0;color:var(--ink-soft);font-size:var(--text-sm);display:flex}.signin-or:before,.signin-or:after{content:"";background:var(--line);flex:1;height:1px}.signin form{gap:var(--space-3);display:grid}.signin-field{gap:var(--space-1);font-size:var(--text-sm);font-weight:500;display:grid}.signin-field input{height:3rem;padding:0 var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font:400 var(--text-base) var(--sans)}.signin-field input:focus-visible{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink)}.signin form .signin-note{margin:calc(-1 * var(--space-2)) 0 0}.signin-note{color:var(--ink-soft);font-size:var(--text-sm)}.signin-note a{color:var(--ink)}.signin-submit{width:100%;min-height:3rem;margin-top:var(--space-2)}.signin-link{cursor:pointer;color:var(--ink);font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600}.signin-link:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.signin-forgot{font-size:var(--text-sm);justify-self:end;font-weight:500}.signin-switch{margin:var(--space-5) 0 0;text-align:center;color:var(--ink-soft);font-size:var(--text-sm)}.signin-error{padding:var(--space-3) var(--space-4);border-left:3px solid var(--ink);border-radius:var(--radius-xs);background:var(--paper-sunken);color:var(--ink);font-size:var(--text-sm);margin:0}.signin-busy{margin:var(--space-3) 0 0;color:var(--ink-soft);font-size:var(--text-sm);text-align:center}@media (max-width:479px){.signin{padding:var(--space-5) var(--space-4) var(--space-4);border-radius:var(--radius-lg)}.signin h2{font-size:1.5rem}}