main.svelte-zf0sho{height:100%;width:100%;display:flex;justify-content:center;flex-flow:column;align-items:center}.app-container.svelte-zf0sho{display:flex;flex-flow:column;align-items:center;width:100%;height:100%;max-width:350px}.green{background-color:#8fce00 !important;color:#ffffff !important}.yellow{background-color:#ffd966 !important;color:#ffffff !important}.gray{background-color:#808080 !important;color:#ffffff !important}.nav.svelte-1mkxvup{height:40px;width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid black;padding:1em;box-sizing:border-box}.app-name.svelte-1mkxvup{font-weight:bold;font-size:16px}.left-menu.svelte-1mkxvup{font-size:16px}.canvas.svelte-dsfo2d{display:flex;flex-flow:column;flex-grow:1;width:100%}.web-keyboard.svelte-1jpygvb{display:flex;flex-grow:1;flex-flow:column;justify-content:space-evenly;align-items:center}.row.svelte-1jpygvb{display:flex;justify-content:space-evenly;width:100%}.center.svelte-1jpygvb{width:90%}.guess-board.svelte-let120{display:grid;grid-gap:10px;grid-template-columns:auto auto auto auto auto;height:360px}.notification-container.svelte-1le0k0b{display:flex;flex-grow:1;align-items:center;justify-content:center}.notification.svelte-1le0k0b{display:flex;position:fixed}.char-input.svelte-18a0klb{width:100%;height:100%;position:relative}.flip-box.svelte-18a0klb{background-color:transparent;width:100%;height:100%;perspective:1000px}.flip-box-inner.svelte-18a0klb{position:relative;width:100%;height:100%;text-align:center;transition:transform 0.8s;transform-style:preserve-3d}.flip.svelte-18a0klb{transform:rotateX(180deg)}.key.svelte-1unuzz4{display:flex;height:58px;color:#000000;background-color:gainsboro;align-items:center;justify-content:center;min-width:30px}.key.svelte-1unuzz4:focus{border-color:transparent}.key.svelte-1unuzz4:active{filter:brightness(0.85)}.char-input.svelte-7xpfz{display:flex;width:100%;height:100%;border:2px solid grey;align-items:center;justify-content:center;font-weight:bold}.char-border.svelte-7xpfz{border:2px solid black}.front.svelte-7xpfz,.back.svelte-7xpfz{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.back.svelte-7xpfz{transform:rotateX(180deg)}