.popper{width:auto;background-color:#fafafa;color:#212121;text-align:center;padding:2px;display:inline-block;border-radius:3px;position:absolute;font-size:14px;font-weight:400;border:1px solid #ebebeb;z-index:200000;box-shadow:0 0 6px 0 #3a3a3a}.popper .popper__arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px}.popper[x-placement^=top]{margin-bottom:5px}.popper[x-placement^=top] .popper__arrow{border-width:5px 5px 0 5px;border-color:#fafafa transparent transparent transparent;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.popper[x-placement^=bottom]{margin-top:5px}.popper[x-placement^=bottom] .popper__arrow{border-width:0 5px 5px 5px;border-color:transparent transparent #fafafa transparent;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.popper[x-placement^=right]{margin-left:5px}.popper[x-placement^=right] .popper__arrow{border-width:5px 5px 5px 0;border-color:transparent #fafafa transparent transparent;left:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.popper[x-placement^=left]{margin-right:5px}.popper[x-placement^=left] .popper__arrow{border-width:5px 0 5px 5px;border-color:transparent transparent transparent #fafafa;right:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.vue-touch-keyboard .keyboard{width:100%;margin:0}.vue-touch-keyboard .keyboard .line{display:flex;justify-content:space-around}.vue-touch-keyboard .keyboard .line:not(:last-child){margin-bottom:.5em}.vue-touch-keyboard .keyboard .key{flex:40;height:2.2em;line-height:2.2em;overflow:hidden;vertical-align:middle;border:1px solid #ccc;color:#333;background-color:#fff;box-shadow:0 2px 2px rgba(0,0,0,.6);border-radius:.35em;font-size:1.25em;text-align:center;white-space:nowrap;user-select:none;cursor:pointer}.vue-touch-keyboard .keyboard .key:not(:last-child){margin-right:.5em}.vue-touch-keyboard .keyboard .key.backspace{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTAgMGg0OHY0OEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik00NCA2SDE0Yy0xLjM4IDAtMi40Ny43LTMuMTkgMS43NkwwIDIzLjk5bDEwLjgxIDE2LjIzQzExLjUzIDQxLjI4IDEyLjYyIDQyIDE0IDQyaDMwYzIuMjEgMCA0LTEuNzkgNC00VjEwYzAtMi4yMS0xLjc5LTQtNC00em0tNiAyNS4xN0wzNS4xNyAzNCAyOCAyNi44MyAyMC44MyAzNCAxOCAzMS4xNyAyNS4xNyAyNCAxOCAxNi44MyAyMC44MyAxNCAyOCAyMS4xNyAzNS4xNyAxNCAzOCAxNi44MyAzMC44MyAyNCAzOCAzMS4xN3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);background-position:50%;background-repeat:no-repeat;background-size:35%}.vue-touch-keyboard .keyboard .key.half{flex:20}.vue-touch-keyboard .keyboard .key.control{color:#fff;background-color:#7d7d7d;border-color:#656565}.vue-touch-keyboard .keyboard .key.featured{color:#fff;background-color:#337ab7;border-color:#2e6da4}.vue-touch-keyboard .keyboard .key:hover{color:#333;background-color:#d6d6d6;border-color:#adadad}.vue-touch-keyboard .keyboard .key:active{transform:scale(.98);color:#333;background-color:#d4d4d4;border-color:#8c8c8c}.vue-touch-keyboard .keyboard .key.activated{color:#fff;background-color:#5bc0de;border-color:#46b8da}.vue-touch-keyboard .keyboard .placeholder{flex:20;height:2.2em;line-height:2.2em}.vue-touch-keyboard .keyboard .placeholder:not(:last-child){margin-right:.5em}.vue-touch-keyboard .keyboard:after,.vue-touch-keyboard .keyboard:before{content:"";display:table}.vue-touch-keyboard .keyboard:after{clear:both}