.App{width:100%;height:100%}.App__buttons{display:flex;flex-flow:row nowrap;justify-content:center;width:100%;position:fixed;bottom:0}.Svg{width:100%;height:100%;background-color:#f2f2f2}.Label{font-family:Arial;font-size:14px}.Label__text{font-size:15px}.Label__input{width:100%;height:100%;border:none;outline:none;text-align:center;padding:0;background-color:transparent;font-family:Arial;font-size:15px}.Label__input:focus{text-decoration:underline}.Line--draggableX{cursor:ew-resize}.Line--draggableY{cursor:ns-resize}.Corner{cursor:move}.KeyboardButton{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;height:115px;padding:10px}.KeyboardButton__button{width:80px;height:80px;background-color:#ccc;border-radius:5px;border:none;font-size:40px;font-family:Courier New,Mono;cursor:pointer;padding:2px 2px 7px}.KeyboardButton__cap{height:100%;background-color:#f2f2f2;box-shadow:inset 0 0 0 1px #0000001a;border-radius:4px;display:flex;justify-content:center;align-items:center}.KeyboardButton__button--pressed,.KeyboardButton__button:active{box-shadow:0 0 4px #0000ff80;height:76px;padding:2px 2px 3px;margin-top:4px}.KeyboardButton__label{width:70px;text-align:center;font-family:Arial;background-color:#f2f2f2cc;padding:4px;border-radius:4px}.Area{position:fixed;bottom:20px;right:20px;border-radius:4px;border:none;background-color:#e6e6e6cc;padding:10px;font-family:Arial;font-size:20px;cursor:pointer}.AreaModal{position:fixed;bottom:-100px;right:20px;width:200px;height:80px;border-radius:4px;background-color:#e6e6e6cc;padding:5px;font-family:Arial;display:flex;flex-flow:column nowrap;justify-content:space-around}.AreaModal--open{bottom:70px}.AreaModal__line{display:flex;flex-flow:row nowrap;align-items:center}.AreaModal__label{width:60px}.AreaModal__input{width:100px;margin-right:10px}