.key-input-container[data-v-eb6f6dcc]{height:100%;padding:20px;box-sizing:border-box}.input-container[data-v-eb6f6dcc],.key-input-container[data-v-eb6f6dcc]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%}.input-container[data-v-eb6f6dcc]{margin:20px}.input-wrapper[data-v-eb6f6dcc]{position:relative;width:70%}.user-input[data-v-eb6f6dcc]{width:100%;height:1.8em;font-size:5em;text-align:center;border:2px solid #ccc;border-radius:5px;outline:none;caret-color:auto;box-sizing:border-box}.clear-icon[data-v-eb6f6dcc]{position:absolute;right:.3em;top:50%;transform:translateY(-50%);font-size:3em;cursor:pointer;color:#999;font-weight:700;width:1.2em;height:1.2em;text-align:center;line-height:1em;border-radius:50%;transition:all .2s ease}.clear-icon[data-v-eb6f6dcc]:hover{color:#333;background-color:#f0f0f0;transform:translateY(-50%) scale(1.1)}.clear-icon[data-v-eb6f6dcc]:active{transform:translateY(-50%) scale(.95)}.input-error[data-v-eb6f6dcc]{border-color:red;animation:shake-eb6f6dcc .5s}@keyframes shake-eb6f6dcc{0%{transform:translate(1px,1px) rotate(0deg)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}}.errorMsg[data-v-eb6f6dcc]{font-family:Helvetica Neue,sans-serif;font-weight:500;color:red;font-size:1.5em;margin-top:10px}body{background:#efefef}