.codeinput{align-items:center;display:flex;gap:2px;justify-content:center}.body{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.dash{color:#e0e0de;margin-left:2px;margin-right:2px}.codeinput span,input{align-items:center;background-color:#f6f6f6;border:2px solid #f5f4f2;border-radius:8px;caret-color:transparent;color:#e2e2de;display:flex;font-size:18px;height:28px;justify-content:center;outline:none;padding:5px 0;text-align:center;width:25px}input::placeholder{color:#d4d4d1;font-size:18px;text-align:center}.focused-input{border:1px solid #007bff;border-radius:8px;height:28px;pointer-events:none;transform:translate(27px);transition:ease .2s;width:25px}.wrong{animation:wrong .2s ease-in-out}@keyframes wrong{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.text-animation{animation:text-opacity .2s ease-in-out}@keyframes text-opacity{0%{opacity:0}to{opacity:1}}