.otp6__row{justify-content:center;align-items:center;gap:12px;display:flex}.otp6__input{text-align:center;letter-spacing:.02em;color:#eaf2ff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;outline:none;width:48px;height:56px;font-size:20px;font-weight:800;transition:border-color .15s,box-shadow .15s,transform 50ms;box-shadow:inset 0 1px #ffffff0f,0 10px 24px #0003}.otp6__input:hover{border-color:#ffffff2e}@media (max-width:420px){.otp6__row{gap:10px}.otp6__input{border-radius:12px;width:42px;height:52px;font-size:18px}}.otp6__row{justify-content:space-around;align-items:center;gap:12px;padding-top:4px;padding-bottom:24px;display:flex}.otp6__input{text-align:center;color:#eaf2ff;caret-color:#0866ff;background:linear-gradient(#ffffff0d,#ffffff08);border:1px solid #ffffff1a;border-radius:16px;outline:none;width:50px;height:58px;font-size:20px;font-weight:800;transition:all .15s;box-shadow:inset 0 1px #ffffff0f,inset 0 -6px 18px #0000002e,0 10px 24px #0000002e}.otp6__input.is-filled{background:linear-gradient(#ffffff14,#ffffff0a);border-color:#ffffff2e}.otp6__input:focus{border-color:var(--activeborder);box-shadow:var(--activeshadow);transform:translateY(-1px)}.otp6__input.is-error{border-color:#ef4444a6;box-shadow:0 0 0 4px #ef44441f}.otp6__error{color:#ef4444f2;text-align:center;margin-top:10px;font-size:12px}@media (max-width:420px){.otp6__row{gap:10px}.otp6__input{border-radius:14px;width:44px;height:54px;font-size:18px}}