#student-page-interface #app{width:97vw;min-width:800px;max-width:1800px;padding-top:0}#student-page-interface .parent-container{grid-template:[toolbar]"code-tabs gutter activities-display"40px[code]"code-display gutter activities-display"[resizer]"resizer gutter activities-display"36px[console]"code-output gutter activities-display"200px/[code-start]49%[gutter-start]8px[activities-start]calc(51% - 12px)[activities-end];width:100%;min-width:712px;height:90vh;display:grid;position:relative}#code-tabs{grid-area:code-tabs}#student-page-interface .code-container{grid-area:code-display}#student-page-interface #output-container{grid-area:code-output}#activities-container{border:1px solid #d3d3d3;border-radius:0 15px 15px 0;grid-area:activities-display;justify-content:center;align-items:center;display:flex;overflow:hidden}#student-page-interface .parent-container.panel-animating{transition:grid-template-columns .22s ease-in-out}#activities-container.panel-animating{transition:opacity .22s ease-in-out}#student-page-interface #code-tabs{border-radius:5px 0 0}#student-page-interface #output-container{border-radius:0 0 0 15px;height:auto}#student-page-interface .parent-container.collapsed #code-tabs{border-radius:5px 15px 0 0}#student-page-interface .parent-container.collapsed #output-container{border-radius:0 0 15px 15px}#activities-placeholder{color:#d3d3d3;-webkit-user-select:none;user-select:none;font-size:x-large;font-weight:700}.try-it-out{color:purple;background-color:#d3d3ff;font-weight:700}.code-container button{border-radius:5px;font-size:.7em}#exercise-submit-btn{z-index:999;opacity:.95;color:#00245a;background-color:#a8c8f8;border:1px solid #ccc;border-radius:8px;width:90px;padding:6px 12px;position:absolute;top:45px;right:5px}#exercise-submit-btn:hover{background-color:#7aaef5;border:1px solid #4a90e2}@keyframes flash-tab-change{0%{background-color:#d3d3ff}to{background-color:#fff}}.just-changed-tab{animation-name:flash-tab-change;animation-duration:1.2s}@keyframes flash-instructor-tab{0%{background-color:#d3d3ff}to{background-color:#f4f4f4}}.blink-tab{animation-name:flash-instructor-tab;animation-duration:.8s}@keyframes slow-blink-exercise-tab{0%,to{background-color:#f4f4f4}50%{background-color:#b3b3ff}}.exercise-tab-blink{animation-name:slow-blink-exercise-tab;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.uneditable{background-color:#f5f5f9}