.sk-codeinput-x{width:100%;height:100%}.sk-codeinput-x .is-border{border:1px solid #DCDFE6}.sk-codeinput-x .is-danger{border:none;border-bottom:1px solid #F56C6C}.sk-code-input{border-radius:3px;box-sizing:border-box;text-align:center;height:calc(100% - 10px);margin:5px;border:none;border-bottom:1px solid #DCDFE6;flex:1}.sk-code-input:focus{outline:0;border:none;border-bottom:2px solid #DCDFE6}.sk-code-input:focus.is-border{outline:0;border:2px solid #DCDFE6}.sk-code-input:focus.is-danger:not(.is-border){outline:0;border-bottom:2px solid #F56C6C}.sk-code-input:focus.is-danger.is-border{outline:0;border:2px solid #F56C6C}