.code-input__container[data-v-3eac6383]{display:flex;flex-direction:column;gap:1rem}.code-input__boxes[data-v-3eac6383]{display:flex;gap:.5rem;justify-content:center;position:relative}.code-input[data-v-3eac6383]{border:.125rem solid transparent;border-radius:.5rem;color:#000;font-size:1.5rem;font-weight:700;height:3.5rem;line-height:1.3333333333;text-align:center;width:3rem;--ring-width:.0625rem;--ring-color:var(--color-gray-light-2,#c2c2c2);box-shadow:inset 0 0 0 var(--ring-width) var(--ring-color);transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.code-input[data-v-3eac6383]:before{background-color:#d3d3d3;border-radius:9999px;content:"";height:.5rem;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease-in-out;width:.5rem}.code-input[data-v-3eac6383]:not(:-moz-placeholder):before{content:"";opacity:1%}.code-input[data-v-3eac6383]:not(:placeholder-shown):before{content:"";opacity:1%}.code-input[data-v-3eac6383]::-moz-placeholder{color:#d3d3d3}.code-input[data-v-3eac6383]::placeholder{color:#d3d3d3}.code-input[data-v-3eac6383]:focus,.code-input[data-v-3eac6383]:focus-visible{outline:none;--ring-width:.125rem;--ring-color:var(--color-basic,#58595b);animation:blink_input_opacity_to_prevent_scrolling_when_focus-3eac6383 .01s}.code-input.is-filled[data-v-3eac6383]{outline:none;--ring-width:.125rem;--ring-color:var(--color-basic,#58595b)}.code-input.is-filled[data-v-3eac6383]:focus,.code-input.is-filled[data-v-3eac6383]:focus-visible{--ring-color:var(--color-basic,#58595b)}.code-input.is-invalid[data-v-3eac6383]{--ring-width:.125rem;--ring-color:var(--color-red,#e83323);animation:shake-code-3eac6383 .5s ease-in-out;outline:none}.code-input.is-invalid[data-v-3eac6383]:focus,.code-input.is-invalid[data-v-3eac6383]:focus-visible{--ring-color:var(--color-red,#e83323)}.code-input__error[data-v-3eac6383]{color:red;font-size:.875rem;text-align:center}@keyframes blink_input_opacity_to_prevent_scrolling_when_focus-3eac6383{0%{opacity:0}to{opacity:1}}@keyframes shake-code-3eac6383{0%,to{transform:translate(0)}25%{transform:translate(-.25rem)}75%{transform:translate(-.25rem)}}