.signin{max-width:22rem;margin:0 auto;padding:var(--sp-e12) var(--sp-e4)}.signin__note{font-size:var(--sp-txt-sm);color:var(--sp-graphite);margin-bottom:var(--sp-e6)}.signin__note--dev{margin-top:var(--sp-e8);padding-top:var(--sp-e6);border-top:1px solid var(--sp-line-2)}.signin__form{gap:var(--sp-e4)}.signin__field,.signin__form{display:flex;flex-direction:column}.signin__field{gap:var(--sp-e1)}.signin__field span{font-size:var(--sp-txt-sm);font-weight:600;color:var(--sp-ink)}.signin__field input{font-family:var(--sp-font-ui);font-size:1rem;color:var(--sp-ink);background:var(--sp-paper-2);border:1px solid var(--sp-line-2);border-radius:var(--sp-radius);padding:var(--sp-e3);min-height:var(--sp-touch)}.signin__field input:focus-visible{outline:2px solid var(--sp-signal);outline-offset:2px}.signin__error{margin:0;font-size:var(--sp-txt-base);color:var(--sp-danger)}.signin__button{font-family:var(--sp-font-ui);font-size:var(--sp-txt-base);font-weight:500;color:var(--sp-paper);background:var(--sp-ink);border:0;border-radius:var(--sp-radius);padding:var(--sp-e3) var(--sp-e5);min-height:var(--sp-touch);cursor:pointer;transition:opacity var(--sp-dur-button) var(--sp-ease-out)}.signin__button:disabled{opacity:.6;cursor:default}@media (hover:hover) and (pointer:fine){.signin__button:hover:not(:disabled){opacity:.88}}