[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]{border:2px solid #e5e7eb;border-radius:8px;color:#111827;font-size:14px;font-weight:500;letter-spacing:.02em;line-height:130%;max-width:23%;padding:13px 20px;text-align:center}.code-input__controls[data-v-846c4af3]{align-items:flex-end;display:flex;margin-top:16px}.code-input__controls button[data-v-846c4af3]{align-items:center;background:none;border:0;color:#9ca3af;cursor:pointer;display:flex;font-size:14px;font-weight:500;letter-spacing:.02em;line-height:130%;transition:all .2s linear}.code-input__controls button svg[data-v-846c4af3]{stroke:#9ca3af;color:transparent;height:10px;margin-right:10px;transition:all .2s linear;width:10px}.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]{color:#6b7280;font-size:14px;font-weight:500;letter-spacing:.02em;line-height:130%;margin-left:12px}@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]{border-radius:8px;font-size:16px;padding:15px 20px}.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]{height:13px;width:13px}.code-input__time[data-v-846c4af3]{font-size:16px}}