.code{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;max-width:100%;text-align:center;width:-moz-max-content;width:max-content}.code__inputs{display:flex;flex-direction:row;gap:10px}.code__error{color:#d92d20;display:block;font-weight:400;text-align:center;width:100%}.code__input{background:#fff;border:1px solid #717680;border-radius:4px;font-family:Inter,sans-serif;font-size:28px;height:48px;text-align:center;width:56px}.code__input::-webkit-inner-spin-button,.code__input::-webkit-outer-spin-button{-webkit-appearance:none}.code__input:focus{border:1px solid #000}.code__input--dark{background:#1a1a1a;border:1px solid #a4a7ae;color:#fff}.code__input--dark:focus{border:1px solid #fff}.code__input--error{border:1px solid #d92d20}