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