.header[data-v-4c32b5c0]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap;padding:0 16px;height:40px;color:#000;border-bottom:1px solid #d3d6da}.title[data-v-4c32b5c0]{flex-grow:2;font-weight:700;font-size:28px;letter-spacing:.01em;text-align:left;left:0;right:0;pointer-events:none;position:relative}.icon-menu[data-v-4c32b5c0]{display:flex;justify-content:flex-end}.button[data-v-4c32b5c0]{background:none;border:none;cursor:pointer;padding:0 4px;box-shadow:none;outline:none}button[data-v-4c32b5c0]:focus{box-shadow:none;outline:none!important}.is-centered{display:flex;justify-content:center}.info{width:370px}@media only screen and (max-width:500px){.info{width:370px}}@media only screen and (min-width:320px) and (max-width:360px){.info{width:340px}}.scale[data-v-514c7036]{transform:scale(1.05)}.border-gray-500[data-v-514c7036]{border-color:#000!important}.has-background-warning[data-v-514c7036]{background:#c9b458!important;border-color:#c9b458!important}.has-background-grey-light[data-v-514c7036]{background:#787c7e!important;border-color:#787c7e!important}.has-background-success[data-v-514c7036]{background:#6aaa64!important;border-color:#6aaa64!important}.letter-border[data-v-514c7036]{width:60px;height:60px;font-size:2rem;border:2px solid #d3d6da;box-sizing:border-box;text-transform:uppercase;margin:2px}@media only screen and (max-width:500px){.letter-border[data-v-514c7036]{width:50px;height:50px;line-height:3rem;text-align:center;font-size:25px}}@media only screen and (min-width:320px) and (max-width:359px){.letter-border[data-v-514c7036]{width:27.59px;height:27.59px;line-height:23px;font-size:20px}}.border-gray-500[data-v-760c35cd]{border-color:#000!important}.has-background-warning[data-v-760c35cd]{background:#c9b458!important;border-color:#c9b458!important}.has-background-grey-light[data-v-760c35cd]{background:#787c7e!important;border-color:#787c7e!important}.has-background-success[data-v-760c35cd]{background:#6aaa64!important;border-color:#6aaa64!important}.modal-card[data-v-760c35cd]{max-width:500px!important}.instructions[data-v-760c35cd]{font-size:14px}.examples[data-v-760c35cd]{border-bottom:1px solid;border-top:1px solid}.example[data-v-760c35cd]{margin-top:25px;margin-bottom:10px}.letter[data-v-760c35cd]{width:40px;height:40px;font-size:2rem;border:2px solid #878a8c;box-sizing:border-box;text-transform:uppercase;text-align:center;padding-bottom:20px;line-height:35px}@media only screen and (max-width:500px){.letter[data-v-760c35cd]{width:30px;height:30px;line-height:26px;text-align:center;font-size:24px}}@media only screen and (max-width:500px){p[data-v-760c35cd]{line-height:20px;font-size:16px}.modal-card[data-v-760c35cd]{width:350px;max-height:710px}}@media only screen and (min-width:320px) and (max-width:360px){.letter[data-v-760c35cd]{width:30px;height:30px;box-sizing:border-box;text-align:center;line-height:24px;font-size:25px}p[data-v-760c35cd]{line-height:20px;font-size:15px}.modal-card[data-v-760c35cd]{width:350px;max-height:680px}}.modal-background[data-v-760c35cd],.modal-background[data-v-6986f7bf]{opacity:.3!important}.simple-keyboard.hg-theme-default.myTheme{background:#fff;margin-top:31px;max-width:650px}.simple-keyboard.hg-layout-default .hg-button.key-bg{background:#d3d6da;font-weight:700}.simple-keyboard.hg-layout-default .hg-button.is-warning{background:#c9b458!important;color:#fff}.simple-keyboard.hg-layout-default .hg-button.is-dark{background:#787c7e!important;color:#fff}.simple-keyboard.hg-layout-default .hg-button.is-success{background:#6aaa64!important;color:#fff}.simple-keyboard.hg-layout-default .hg-button.reset-color{background:#d3d6da!important;color:#4a4a4a;font-weight:700}.simple-keyboard.hg-layout-default .hg-button.df-warning{background:#c9b458;color:#fff}.simple-keyboard.hg-layout-default .hg-button.df-dark{background:#787c7e;color:#fff}.simple-keyboard.hg-layout-default .hg-button.df-success{background:#6aaa64;color:#fff}@media only screen and (max-width:350px){.simple-keyboard.hg-theme-default.myTheme{margin-top:30px}}@media only screen and (min-width:320px) and (max-width:359px){.letter-border{width:27.59px;height:27.59px;line-height:23px;font-size:20px}}@media only screen and (min-width:400px) and (max-width:430px){.simple-keyboard.hg-theme-default.myTheme{margin-top:90px}}.modal-background[data-v-33d854fb]{opacity:.3!important}