.code-container{display:flex;justify-content:start;flex-wrap:wrap;gap:0 10px}@media(max-width: 1199px){.code-container{gap:0 20px}}.code-container .input__label{display:none;width:100%;font-weight:400;color:var(--text-light)}@media(max-width: 1199px){.code-container .input__label{display:block}}.code-input{width:80px;aspect-ratio:1;border:1px solid var(--border-light);border-radius:6px;font-size:24px;text-align:center;font-family:sans-serif;outline:none;transition:border-color .2s}@media(max-width: 1199px){.code-input{width:60px;font-size:18px;flex-grow:1}}@media(max-width: 719px){.code-input{width:15%}}.code-input{max-width:80px}.code-input:focus{border-color:var(--primary)}