.editor-row{justify-content:center;width:calc(100% - 1rem);height:calc(100% - 1rem);display:flex;overflow:hidden}.collapsible-file-pane,.collapsible-main-pane{transition:left .3s ease-in-out,right .3s ease-in-out,width .3s ease-in-out,transform .3s ease-in-out,opacity .3s ease-in-out}.with-transitions{transition:left .3s ease-in-out,right .3s ease-in-out,width .3s ease-in-out,transform .3s ease-in-out}.tab-section{flex-shrink:0;place-content:center space-between;align-items:center;width:100%;display:flex}.output-pane{box-sizing:border-box;border:1px solid var(--white-transparent-10);border-radius:5px;flex-direction:column;height:100%;display:flex;overflow:hidden}.split-sash-content.split-sash-content-vscode{background-color:#0000;transition:background-color .2s ease-in-out}.split-sash-content.split-sash-content-vscode.split-sash-content-active{transition:background-color .2s ease-in-out}.split-sash-content.split-sash-content-vscode.split-sash-horizontal{width:100%;height:4px}.split-sash-content.split-sash-content-vscode.split-sash-vertical{width:4px;height:100%}.custom-scrollbar{scrollbar-width:auto}.custom-scrollbar::-webkit-scrollbar{-webkit-appearance:none;width:2rem;height:2rem}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background-clip:content-box;border:3px solid #0000;border-radius:6px}.custom-scrollbar:not(.purple-scrollbar){scrollbar-color:var(--shade-2) transparent}.custom-scrollbar:not(.purple-scrollbar)::-webkit-scrollbar-thumb{background-color:var(--shade-2)}.custom-scrollbar:not(.purple-scrollbar)::-webkit-scrollbar-thumb:hover{background-color:var(--shade-3)}.custom-scrollbar.purple-scrollbar{scrollbar-color:var(--purple-shade-3) transparent}.custom-scrollbar.purple-scrollbar::-webkit-scrollbar-thumb{background-color:var(--purple-shade-3)}.custom-scrollbar.purple-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--purple-shade-4)}.custom-scrollbar.orange-scrollbar{scrollbar-color:#ffa100 transparent}.custom-scrollbar.orange-scrollbar::-webkit-scrollbar-thumb{background-color:#ffa100}.custom-scrollbar.orange-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#e69100}.custom-scrollbar.orange-scrollbar::-webkit-scrollbar-corner{background:0 0}.people{height:300px;margin-top:auto;padding:1rem}.file-menu{cursor:pointer;margin-right:.5rem;position:relative}.file-menu-icon{cursor:pointer;margin-right:.5rem}.lesson-menu-dropdown{background-color:var(--shade-3);box-shadow:0 2px 4px var(--shade-2);z-index:1000;border-radius:4px;width:6rem;padding:10px;display:block;position:fixed;top:100%;right:0}.eye-icon{cursor:pointer;margin-right:.5rem}.add-file-icon{cursor:pointer;margin-left:auto;margin-right:.5rem}.add-file-icon-myproject{cursor:pointer;margin-left:.5rem;margin-right:.5rem}.add-file-icon-rm{margin-right:.4rem}.files-vertical-scroll-1{overflow-y:auto}.file-name-container{white-space:nowrap;align-items:center;margin-bottom:.5rem;display:flex}.chevron-icon,.add-file-icon,.add-file-icon-myproject,.grade-box,.folder-icon{flex-shrink:0}.chevron-icon{cursor:pointer;margin-right:.5rem}.file-name{cursor:pointer;white-space:nowrap;flex:1;width:calc(100% - 5rem);display:flex}.file-right-icons{align-items:center;margin-left:auto;display:flex}.margin-left-auto{margin-left:auto!important}.button-file{width:80%}pre{margin-bottom:0!important}.title-box{justify-content:center!important;height:3rem!important}.folder-icon{margin-right:.3rem;font-size:1.3rem}.folder-icon,.collapse-icon{cursor:pointer}.live-coding-initials-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;margin-right:.7rem;font-size:.7rem;display:flex;width:1.9rem!important;min-width:1.9rem!important;height:1.9rem!important;min-height:1.9rem!important}.live-coding-initials-circle.teacher{background-color:#ff69b4}.broadcast-icon{color:#ff69b4;margin-left:.6rem;font-size:1.5rem}.margin-right-small{margin-right:.6rem}.lessons-dropdown{padding:1rem}.lesson{border-radius:.25rem;justify-content:space-between;align-items:center;margin-bottom:.1rem;display:flex}@keyframes ellipsis{0%{content:"."}33%{content:".."}66%{content:"..."}}.ellipsis:after{content:"";animation:1s step-end infinite ellipsis}.no-files-placeholder{height:100%}.code-panel-stack{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex;overflow:hidden}.code-panel-stack.content-maximized{z-index:1300;background:var(--background-color);padding:12px;position:fixed;inset:0}.floating-content-panel{z-index:1300;background:var(--background-color);border:1px solid var(--gray-700);border-radius:12px;flex-direction:column;min-width:280px;min-height:200px;display:flex;position:fixed;overflow:hidden;box-shadow:0 12px 32px #00000073}.floating-content-panel-bar{background:var(--background-active-layer);cursor:grab;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.floating-content-panel-bar:active{cursor:grabbing}.floating-content-panel-grip{color:var(--gray-400)}.floating-content-panel-body{flex:1 1 0;min-height:0;overflow:auto}.floating-content-panel-resize{cursor:nwse-resize;width:16px;height:16px;position:absolute;bottom:0;right:0}.code-panel-stack>.code-editor-container{flex:1 1 0;height:auto;min-height:0}.code-editor-container{box-sizing:border-box;border:1px solid var(--white-transparent-10);border-radius:5px;flex-direction:column;height:100%;display:flex;overflow:hidden}.tab-header{background-color:var(--shade-2);flex-shrink:0;align-items:center;display:flex}.tabs-wrapper{flex-grow:1;overflow:hidden}.editor-content,.output-section{flex-direction:column;display:flex;position:relative;overflow:hidden}html body #root .editor-navigation-button{background-color:#0000!important}html body #root .editor-navigation-button span{margin:0}.height-with-footer{height:calc(100% - 3.25rem - 72px)}.height-without-footer{height:calc(100% - 3.25rem)}.editor-content-scrollable{top:0;left:0;right:0;bottom:var(--footer-height);position:absolute;overflow:auto}.code-mirror-container{height:100%;position:relative;overflow:auto}.cm-editor{height:100%}.cm-scroller{overflow:auto!important}.cm-gutters{z-index:1;background-color:inherit;position:sticky;left:0}.scrolling-wrapper{height:100%;overflow-y:auto}.tabs-container{white-space:nowrap;border:none;flex-grow:1;display:flex;overflow:hidden}.output-tab-nav-icons{flex-direction:column;justify-content:center;align-items:center;display:flex}.tab-nav-icons{display:flex}.tab-nav-icon{cursor:pointer;margin-left:.5rem;margin-right:.5rem}.tab-name{white-space:nowrap!important;text-overflow:ellipsis!important;border-top:0!important;border-radius:0!important;flex:1!important;min-width:0!important;max-width:100%!important;display:flex!important;overflow:hidden!important}.tab-name-inside{flex:1;display:flex;white-space:nowrap!important;text-overflow:ellipsis!important;background-color:var(--background-inactive-layer)!important;overflow:hidden!important}html .tab-name-inside.teacher-file-tab.nav-link.active,html .tab-name-inside.student-file-tab.nav-link.active,html .teacher-file-tab.nav-link.active.output,html .teacher-file-tab.nav-link.active.main,html .student-file-tab.nav-link.active.output,html .student-file-tab.nav-link.active.main{background-color:var(--light-purple-opacity-10)!important}.tab-name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%!important}.nav-tabs{scrollbar-width:thin;scrollbar-color:#888 transparent;flex-wrap:nowrap;display:flex;overflow:auto hidden}.nav-tabs::-webkit-scrollbar{height:3px}.nav-tabs::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.nav-tabs::-webkit-scrollbar-thumb:hover{background-color:#555}.student-file-tab.nav-link{color:var(--shade-9)!important}.student-file-tab.nav-link.active{border:none!important;border-bottom:3px solid var(--tab-top-border-student)!important}.teacher-file-tab.nav-link{color:var(--shade-9)!important}.nav-tabs{border-bottom:none}.nav-tabs .nav-link{border:none;border-top-left-radius:0;border-top-right-radius:0}.nav-link .bi-x{margin-left:.3rem}.text-highlight-options{z-index:1;padding:1rem;position:absolute;top:2rem;right:3.5rem}.copy-to-projects-container{z-index:1;padding:1rem;position:absolute;right:3.5rem}.ctpc-main{top:2rem}.ctpc-output{top:4rem}.btn-purple{color:var(--shade-7);background-color:var(--purple-main);border-color:var(--purple-main)}.btn-purple:hover{color:var(--foreground-color);background-color:var(--purple-shade-5);border-color:var(--purple-shade-5)}.download-icon{cursor:pointer;margin-right:.3rem}.highlight-icon{cursor:pointer;margin-left:.5rem}.highlight-icon.selected{background-color:gray;color:#0b0b0b!important}.user-indicator-container,.student-submit-restore-section{z-index:1;padding:1rem;position:absolute;bottom:2rem;left:3.5rem}.message-box{background-color:var(--background-color);z-index:1;opacity:1;border-radius:4px;padding:1rem;transition:opacity 1s ease-out;position:absolute;bottom:50%;left:50%;transform:translate(-50%)}.message-box.fade-out{opacity:0}.submit-done-icon{color:green;font-size:10rem}.bold-font{font-weight:700}.button-right-margin{margin-right:1rem}.submit-button-icon{flex-shrink:0;margin-right:.5rem;font-size:1.2rem;transform:translateY(-2px)}.submit-button-container{flex-direction:column;display:flex}.submit-button{white-space:nowrap;align-self:center;max-width:100%;margin-top:1rem;display:flex;overflow:hidden}.submit-button-text{color:var(--shade-9);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden;max-width:calc(100% - 4rem)!important}.message-box-content{text-align:center}.code-editor-footer{z-index:1;flex-shrink:0;padding:1rem;display:flex;position:absolute;bottom:2rem;right:3.5rem}.tab-dropdown-button{background-color:var(--shade-3);border:0;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;margin-right:.5rem;padding:0;display:flex}.p5-sketch-container{flex-direction:column;height:100%;display:flex}.output-controls{flex-direction:row;align-items:center;padding:5px;display:flex}.max-elements-input{background-color:#0000;margin-left:1rem}.follow-tail-checkbox{cursor:pointer;margin-left:1rem}.follow-tail-checkbox input[type=checkbox],.follow-tail-checkbox label{cursor:pointer}#p5-canvas-container{align-items:flex-start;display:flex}#p5-canvas-container canvas{display:block}.autoscroll-checkbox{margin-left:.3rem;margin-right:.3rem}.row{width:100%}.tab-pane.active{height:100%}.turtle-pane-div{background-color:#d3d3d3;flex-shrink:0;justify-content:center;align-items:center;height:400px;display:flex}.output-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.output-navigation{background:var(--background-inactive-layer)}.output-text-container{border:none;flex:1;height:200px;padding:8px;overflow:auto}.input-container{color:var(--foreground-color);background-color:var(--background-color);border-radius:4px;margin-top:10px;padding:5px}.input-container p{margin-bottom:5px}.skulpt-input{border:1px solid #ccc;border-radius:4px;width:100%;padding:5px}.fixed-sash{cursor:col-resize;background-color:#64646466;width:4px;transition:all .2s;cursor:default!important}.fixed-sash:hover,.fixed-sash:active{background-color:#646464b3;cursor:default!important}.output{white-space:pre-wrap;font-family:var(--vscode-editor-font-family);font-size:var(--vscode-editor-font-size);margin:0}.course-body-quick-bar-main{background-color:var(--background-inactive-layer)}.copied-modal{border:1.5px solid var(--light-purple-500);z-index:2000;color:#fff;pointer-events:none;background:#000000f2;border-radius:10px;justify-content:center;align-items:center;gap:15px;padding:8px 20px;transition:opacity .2s ease-in-out;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0009}@media (width<=599.95px){.editor-row{width:calc(100% - 16px);margin-inline:auto}.editor-row.editor-row--mobile-lesson-menu{justify-content:flex-start;width:100%;margin-inline:0;position:relative}.course-body-desktop-nav-panel{display:none!important}.mobile-ide-drawer-content,.mobile-ide-drawer-content .tree-item-row,.mobile-ide-drawer-content .label,.mobile-ide-drawer-content .MuiSelect-select,.mobile-ide-drawer-content .MuiButtonBase-root,.mobile-ide-drawer-content .MuiSvgIcon-root,.mobile-ide-drawer-content .MuiIconButton-root{color:#fff}.mobile-ide-drawer-content aside{background-color:#0000;border:none;border-radius:0;margin-right:0;font-size:16px!important}.mobile-ide-drawer-content .MuiTypography-body2,.mobile-ide-drawer-content .label,.mobile-ide-drawer-content .MuiSelect-select,.mobile-ide-drawer-content .MuiButton-root .MuiTypography-root,.mobile-ide-drawer-content .lesson-files-empty-message{font-size:16px!important}.code-editor-container .tabs-wrapper{-webkit-overflow-scrolling:touch;min-width:0;overflow:auto hidden}.code-editor-container .tabs-container.main{min-width:0}.output-pane .tab-section{-webkit-overflow-scrolling:touch;min-width:0;overflow:auto hidden}.output-pane .tabs-container.output{min-width:0}.output-pane--mobile-console-only .tab-section{display:none}.code-editor-container .tab-name,.output-pane .tab-name{min-width:4.5rem;max-width:11rem;flex:none!important}.code-editor-container .nav-tabs,.output-pane .nav-tabs{flex-wrap:nowrap}.output-pane .tab-name-inside.teacher-file-tab.nav-link{box-shadow:none!important;border:none!important;border-bottom:3px solid #0000!important;outline:none!important;margin-top:0!important;padding:1.25rem 1rem!important}.output-pane .tab-name-inside.teacher-file-tab.nav-link:focus,.output-pane .tab-name-inside.teacher-file-tab.nav-link:focus-visible,.output-pane .tab-name-inside.teacher-file-tab.nav-link:active{box-shadow:none!important;border-top:none!important;outline:none!important}.output-pane .tab-name-inside.teacher-file-tab.nav-link.active,.output-pane .tab-name-inside.teacher-file-tab.tab-console-active{border-top:none!important;border-bottom:3px solid var(--tab-top-border-teacher)!important;padding:1.25rem 1rem!important}.mobile-ide-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px);background-color:var(--background-color)!important}.mobile-ide-bottom-nav .MuiBottomNavigation-root{background-color:#0000;height:72px}.mobile-ide-bottom-nav .MuiBottomNavigationAction-root{color:var(--gray-50);min-width:0;padding-top:8px}.mobile-ide-bottom-nav .MuiBottomNavigationAction-root .MuiSvgIcon-root{font-size:28px}.mobile-ide-bottom-nav .MuiBottomNavigationAction-root.Mui-selected{color:var(--light-purple-500)}.mobile-ide-bottom-nav .MuiBottomNavigationAction-label{font-family:Figtree,sans-serif;font-size:.75rem;line-height:1.2}.mobile-ide-bottom-nav .MuiBottomNavigationAction-root.Mui-selected .MuiBottomNavigationAction-label{font-size:.8125rem}}