.code-input-wrapper{display:flex;gap:.5rem;height:3rem}@media(min-width:1024px){.code-input-wrapper{height:58px}}.code-input-wrapper input{background-color:#ffffff05;border-color:#73737347;border-radius:.5rem;border-width:1px;height:100%;width:2.5rem;--tw-text-opacity:1;color:rgb(217 217 217/var(--tw-text-opacity,1))}@media(min-width:1024px){.code-input-wrapper input{width:3rem}}.code-input-wrapper input{outline:none;transition:all .15s ease}.code-input-wrapper input:-webkit-autofill,.code-input-wrapper input:-webkit-autofill:active,.code-input-wrapper input:-webkit-autofill:focus,.code-input-wrapper input:-webkit-autofill:hover{-webkit-background-clip:text;-webkit-text-fill-color:#d9d9d9}.code-input-wrapper input:focus{--tw-border-opacity:1;background-color:#00d2ff0f;border-color:rgb(0 210 255/var(--tw-border-opacity,1));--tw-shadow-color:rgba(0,210,255,.06);--tw-shadow:var(--tw-shadow-colored);box-shadow:0 0 0 4px var(--tw-shadow)}.code-input-wrapper__invalid input,.code-input-wrapper__invalid input:focus{--tw-border-opacity:1;background-color:#ff4d4d0f;border-color:rgb(255 77 77/var(--tw-border-opacity,1))}.code-input-wrapper__invalid input:focus{--tw-shadow-color:rgba(255,77,77,.06);--tw-shadow:var(--tw-shadow-colored);box-shadow:0 0 0 4px var(--tw-shadow)}