.sign-in-with{display:flex;flex-direction:column;gap:var(--sp-e2);max-width:20rem;margin:0 auto}.sign-in-with__button{font-family:var(--sp-font-ui);font-size:var(--sp-txt-base);font-weight:500;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) var(--sp-e4);min-height:var(--sp-touch);cursor:pointer;transition:border-color var(--sp-dur-button) var(--sp-ease-out)}@media (hover:hover) and (pointer:fine){.sign-in-with__button:hover{border-color:var(--sp-signal)}}.sign-in-with__button:focus-visible{outline:2px solid var(--sp-signal);outline-offset:2px}.sign-in-with__button:disabled{opacity:.6;cursor:default}.sign-in-with__error{margin:0;font-size:var(--sp-txt-sm);color:var(--sp-danger)}