body,html{margin:0;height:100%}#root{width:100%;height:100%;min-height:100vh}.wrapper{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.navigator{display:flex;justify-content:space-evenly}.menu-item{flex-grow:1;text-align:center}.menu-item[data-is-current=true]{font-weight:bold}.menu-item:hover{cursor:pointer}.content-wrapper{flex-grow:1;display:grid;grid-template-rows:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr}.blockly-container{height:100%;width:100%;grid-area:blockly;position:relative}#blocklyDiv{position:absolute;width:100%;height:100%}.game-area{height:100%;width:100%;grid-area:game;display:grid;background-color:#f5f5f5;grid-template-columns:1fr;grid-template-rows:min-content 1fr}.settings{height:100%;width:100%;grid-area:settings;background-color:#f5f5f5}.content-wrapper.is-code{grid-template-areas:"blockly blockly blockly blockly" "blockly blockly blockly blockly" "blockly blockly blockly blockly" "blockly blockly blockly blockly"}.content-wrapper.is-settings{grid-template-areas:"settings settings settings settings" "settings settings settings settings" "settings settings settings settings" "settings settings settings settings"}.content-wrapper.is-app{grid-template-areas:"game game game game" "game game game game" "game game game game" "game game game game"}.content-wrapper.is-mix{grid-template-areas:"blockly blockly game game" "blockly blockly game game" "blockly blockly game game" "blockly blockly game game"}*{box-sizing:border-box}canvas{background-color:#000}label{min-width:10rem;padding-right:.5rem;text-align:right;font-weight:bold}.innerWrapper{width:100%;margin:0 auto;display:flex;flex-direction:column;max-width:20rem}.settings{position:relative}