.auth-code_wrapper[data-v-e4058ff0]{flex-wrap:wrap;justify-content:center;display:flex}@media screen and (width<=767px){.auth-code_wrapper[data-v-e4058ff0]{grid-template-columns:repeat(3,1fr);justify-content:center;align-items:center;width:auto;margin:auto;display:inline-grid}}.auth-code_container[data-v-e4058ff0]{justify-content:center;width:100%;display:flex}.error[data-v-e4058ff0]{background-color:var(--c-danger);color:#fff;padding:var(--spacer-sm);margin:var(--spacer-sm) 0;border-radius:2px;font-weight:700}.auth-code_input-box[data-v-e4058ff0]{width:72px;height:72px;margin:0 var(--spacer-xs);justify-content:center;align-items:center;display:flex}@media screen and (width<=767px){.auth-code_input-box[data-v-e4058ff0]{margin:var(--spacer-xs)}}.auth-code_input-box[data-v-e4058ff0]:nth-child(3n){margin:0 var(--spacer-sm) 0 var(--spacer-xs)}@media screen and (width<=767px){.auth-code_input-box[data-v-e4058ff0]:nth-child(3n){margin:0 var(--spacer-xs)}}.auth-code_input-box[data-v-e4058ff0]:nth-child(4n){margin:0 var(--spacer-xs) 0 var(--spacer-sm)}@media screen and (width<=767px){.auth-code_input-box[data-v-e4058ff0]:nth-child(4n){margin:0 var(--spacer-xs)}}.auth-code_input[data-v-e4058ff0]{text-align:center;width:64px;height:64px;color:var(--c-text-lighten);background:var(--c-white);box-sizing:border-box;-webkit-appearance:none;border:1px solid #d6d6d6;border-radius:2px;padding:0;font-size:32px;font-weight:700;line-height:64px}.auth-code_input[data-v-e4058ff0]:focus{border:1px solid var(--c-primary);outline:none}.sf-button--auth[data-v-e4058ff0]{margin:var(--spacer-2xl) auto 0}