.account-forms{gap:var(--page-2xlarge-gap);margin-block:var(--page-xlarge-gap);display:grid}@media (width>=640px){.account-forms{grid-template-columns:1fr 1fr}}.account-form{gap:var(--page-large-gap);padding:var(--page-xlarge-gap);border:1px solid var(--color-gray-300);border-radius:.5rem;align-content:start;display:grid}.account-form h2{color:var(--color-primary-900);font-size:1.1rem}.account-form label{gap:var(--page-small-gap);display:grid}.account-form input{padding:var(--page-normal-gap);border:1px solid var(--color-gray-300);border-radius:.25rem}.account-form input:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:1px}.account-form button,.account-sign-out{padding:var(--page-normal-gap) var(--page-xlarge-gap);border:1px solid var(--color-primary-700);background-color:var(--color-primary-700);color:#fff;cursor:pointer;border-radius:.25rem;justify-self:start}.account-form button:hover:not(:disabled),.account-sign-out:hover:not(:disabled){background-color:var(--color-primary-900);border-color:var(--color-primary-900)}.account-form button:disabled,.account-sign-out:disabled{opacity:.6;cursor:default}.account-signed-in{gap:var(--page-xlarge-gap);margin-block:var(--page-xlarge-gap);justify-items:start;display:grid}.account-error{margin-block:var(--page-xlarge-gap);padding:var(--page-large-gap);border-left:3px solid var(--color-accent);background-color:var(--color-gray-50)}