[data-v-846c4af3]:root{--content-width:100%!important}.code-input>span[data-v-846c4af3]{font-weight:500}.code-input__error[data-v-846c4af3]{color:var(--corporate-palette-7-main-color,#f42057)}.code-input__inputs[data-v-846c4af3]{display:flex;justify-content:space-between;margin:16px 0 0}.code-input__inputs input[data-v-846c4af3]{max-width:23%;color:#111827;font-size:14px;font-weight:500;line-height:130%;letter-spacing:.02em;padding:13px 20px;border:2px solid #e5e7eb;border-radius:8px;text-align:center}.code-input__controls[data-v-846c4af3]{margin-top:16px;display:flex;align-items:flex-end}.code-input__controls button[data-v-846c4af3]{border:0;background:none;color:#9ca3af;font-size:14px;font-weight:500;line-height:130%;letter-spacing:.02em;display:flex;align-items:center;transition:all .2s linear;cursor:pointer}.code-input__controls button svg[data-v-846c4af3]{stroke:#9ca3af;color:transparent;width:10px;height:10px;margin-right:10px;transition:all .2s linear}.code-input__controls button[data-v-846c4af3]:hover{color:#f42057}.code-input__controls button:hover svg[data-v-846c4af3]{stroke:#f42057}.code-input__time[data-v-846c4af3]{margin-left:12px;color:#6b7280;font-size:14px;font-weight:500;line-height:130%;letter-spacing:.02em}@media(min-width:992px){.code-input__btn[data-v-846c4af3],.code-input__code[data-v-846c4af3]{max-width:unset}.code-input__inputs input[data-v-846c4af3]{padding:15px 20px;font-size:16px;border-radius:8px}.code-input__inputs input[data-v-846c4af3]:focus{border-color:#f42057;outline:none}.code-input__controls button[data-v-846c4af3]{font-size:16px}.code-input__controls button svg[data-v-846c4af3]{width:13px;height:13px}.code-input__time[data-v-846c4af3]{font-size:16px}}