.codeInput{margin-bottom:15px}.codeInput>div{margin:0 auto}.vi__wrapper{position:relative;width:-moz-min-content;width:min-content}.vi__container{display:flex;gap:8px;height:50px;width:300px}.vi__character{height:100%;flex-grow:1;flex-basis:0;text-align:center;font-size:36px;line-height:50px;color:#000;background-color:#fff;border:1px solid black;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.vi__character--inactive{color:#696969;background-color:#d3d3d3}.vi__character--selected{outline:2px solid cornflowerblue;color:#6495ed}