.CodeInput_visually-hidden__LBPK9{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.CodeInput_root__SXK1T{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:calc(8/var(--vw-screen)*100*1vw);gap:calc(8/var(--vw-screen)*100*1vw);justify-content:center;max-width:100%}@media(max-width:1279px){.CodeInput_root__SXK1T{grid-template-columns:repeat(4,1fr)}}@media(min-width:0px)and (max-width:767px){.CodeInput_root__SXK1T{gap:calc(6/var(--vw-screen)*100*1vw)}}.CodeInput_input__Ui9jm{width:100%;height:calc(72/var(--vw-screen)*100*1vw);font-size:calc(28/var(--vw-screen)*100*1vw);font-weight:700;color:#424242;text-align:center;background:var(--white);border:2px solid #e0e0e0;border-radius:calc(16/var(--vw-screen)*100*1vw);outline:none;transition:all .2s ease}@media(min-width:0px)and (max-width:767px){.CodeInput_input__Ui9jm{height:calc(64/var(--vw-screen)*100*1vw);font-size:calc(24/var(--vw-screen)*100*1vw);border-radius:calc(14/var(--vw-screen)*100*1vw)}}.CodeInput_input__Ui9jm:focus{border-color:#2196f3;box-shadow:0 0 0 4px rgba(33,150,243,.1)}.CodeInput_input__Ui9jm.CodeInput_filled__SCT7u{border-color:#4caf50;color:#4caf50}.CodeInput_input__Ui9jm.CodeInput_error__i4auK{border-color:#f44336;color:#f44336}.CodeInput_input__Ui9jm:disabled{opacity:.5;cursor:not-allowed}