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