.code-space-editor.print-mode .print-display-block,.code-space-editor.print-mode.print-display-block{display:block;box-shadow:none;border:none;filter:none}.codespace-blocks{--block-inner-padding: 4px;--block-outer-padding: 2px;--block-vertical-gap: 6px;--block-wrap-vertical-gap: 2px;--block-contents-min-height: calc(var(--block-image-size) + var(--block-inner-padding)*2)}.codespace-blocks.small{--block-image-size: 28px;--block-font-size: 16px}.codespace-blocks.medium{--block-image-size: 34px;--block-font-size: 18px}.codespace-blocks.large{--block-image-size: 38px;--block-font-size: 20px}.codespace-blocks .depth-0{background-color:#fff}.codespace-blocks .depth-1{background-color:hsl(0,0%,90%)}.codespace-blocks .depth-2{background-color:#ccc}.codespace-blocks .depth-3{background-color:hsl(0,0%,70%)}.codespace-blocks .depth-4{background-color:#999}.codespace-blocks .depth-5{background-color:hsl(0,0%,50%)}.codespace-blocks .depth-6{background-color:#666}.codespace-blocks .depth-7{background-color:hsl(0,0%,30%)}.codespace-blocks .depth-8{background-color:#333}.codespace-blocks .depth-9{background-color:hsl(0,0%,10%)}.codespace-blocks .depth-10{background-color:#000}.codespace-blocks [contenteditable]{cursor:text}.codespace-blocks [contenteditable] b{font-weight:normal}.codespace-blocks [contenteditable] i{font-style:normal}.codespace-blocks [contenteditable] img{display:none}.codespace-blocks .code-space-block{font-size:var(--block-font-size)}.codespace-blocks .code-space-block__contents{display:flex;align-items:stretch;border:1px solid #9e9e9e;border-radius:10px;position:relative;cursor:pointer}.codespace-blocks .code-space-block__contents .code-space-display.command{color:#fff;min-height:var(--block-contents-min-height);padding:var(--block-inner-padding);padding-left:4px;flex-wrap:nowrap;white-space:nowrap}.codespace-blocks .code-space-display{background-color:#e0e0e0;font-size:var(--block-font-size);color:#fff}.codespace-blocks .code-space-display.option,.codespace-blocks .code-space-display.argument,.codespace-blocks .code-space-display.constant{background-color:#0d47a1}.codespace-blocks .code-space-display.operator{background-color:#00897b}.codespace-blocks .code-space-display.conditional{background-color:#43a047}.codespace-blocks .code-space-display.assignment{background-color:#ef6c00}.codespace-blocks .code-space-display.property{background-color:#ce93d8}.codespace-blocks .code-space-display.command{background-color:#2196f3}.codespace-blocks .code-space-display.command-output{background-color:#8e24aa}.codespace-blocks .code-space-display.command-events{background-color:#43a047}.codespace-blocks .code-space-display.command-control{background-color:#f9a825}.codespace-blocks .code-space-display.command-input{background-color:#00897b}.codespace-blocks .code-space-display.tag{background-color:#388e3c}.codespace-blocks .code-space-display.identifier{background-color:#1e88e5}.codespace-blocks .code-space-display.any{background-color:#388e3c}.codespace-blocks .code-space-display.command-vars{background-color:#e65100}.codespace-blocks .code-space-display.vartype{background-color:#43a047}.codespace-blocks .code-space-display.function{background-color:#880e4f}.codespace-blocks .code-space-display.action{background-color:#0d47a1}.codespace-blocks .code-space-display.logic{background-color:#8d6e63}.codespace-blocks .code-space-display.media{background-color:#fff}.codespace-blocks .code-space-display.media--empty{background-color:#212121}.codespace-blocks .code-space-display.url{background-color:#424242}.codespace-blocks .code-space-display.clear{background-color:rgba(0,0,0,0)}:root{--code-palette-primary: #AB47BC}.layout{--layout-header-height: 58px;width:100%;height:100%;overflow:hidden}.layout--print{width:auto;height:auto;overflow:visible}.layout__header{position:fixed;top:0;width:100%;height:var(--layout-header-height);z-index:10}.layout__main{position:fixed;display:flex;flex-direction:column;width:100%;height:100%;padding-top:var(--layout-header-height)}.layout__main--fullscreen{padding-top:0;z-index:11}.code-panels{--code-panels-padding: 12px;--code-panels-gap: 12px;position:relative;flex:1;display:flex;padding:var(--code-panels-padding);overflow:hidden}.code-panels--fullscreen{padding:0}.code-panels>*:not(:last-child){padding-right:var(--code-panels-gap)}.code-panels__canvas-wrapper{flex:0 0 50%}.code-canvas{position:relative;overflow:hidden}.code-canvas--fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;padding:0 !important;z-index:10}.code-canvas--playmode{left:0;top:0;padding:0 !important;z-index:10}.code-canvas .code-canvas__iframe{border:none;margin:0;padding:0;width:100%;height:100%;overflow:hidden}.code-canvas .code-canvas__iframe--playmode{position:absolute;width:100vw;height:100vh;margin:0;padding:0;top:0;left:0}.code-canvas__fullscreen-toggle{--fullscreen-toggle-margin: 8px;--pm-button-bg-color: white;position:absolute;margin:var(--fullscreen-toggle-margin);top:0;right:var(--code-panels-padding)}.microbit-simulator-container{display:flex;flex-direction:column;justify-items:center;align-items:center;width:100%;height:100%;overflow-y:auto}.microbit-simulator-container .microbit-simulator-iframe-container{flex:1;width:100%;display:flex;text-align:center;justify-content:center}.microbit-simulator-container .microbit-simulator-iframe-container iframe{flex:1;width:100%;overflow:hidden;border:none}body{width:100%;height:100%;overflow:hidden;background:#fff;visibility:hidden}#codeCanvas{position:absolute}.ui-tabs-panel{background:#fff !important}.tooldiv{cursor:pointer;display:inline-block;font-size:16px}.tooldiv img{vertical-align:middle}.paperclip{position:absolute;z-index:50000;width:300px;height:350px;top:0;left:0}.paperclip div{position:absolute;top:104px;left:80px;width:138px;height:165px;color:#1f002a;font-size:16px;z-index:5000}.version{position:relative;top:-3px;font-size:7pt}.authorTab{opacity:.2}.toolicon{cursor:pointer}.CodeMirror{height:100%;font-size:20px;background:rgba(0,0,0,0)}#easyCodeTab{height:100%;min-height:0;display:flex;position:relative;padding:8px}#code{width:500px}#code .highlight{background:green}#code .aboutToExecute{background:#ff9800}#code textarea{width:100%;height:100%}#vars,#prompt{position:absolute;width:200px;height:200px;padding:4px;border:1px blue solid;border-radius:5px}#rightPanel{width:100%;height:100%;min-width:0;min-height:0;display:flex;flex-direction:column}#codeTab{height:100%;border:1px solid #212121}#table td{vertical-align:top}.inputElement{min-width:80px}.inputElement .numberElement{background:none;min-height:30px;padding:5px}.labelElement{padding:3px;border-radius:5px}.htmlElement:hover,.buttonElement:hover{cursor:pointer;box-shadow:0 1px 2px #fff,0 -1px 1px #666,inset 0 -1px 1px rgba(0,0,0,.5),inset 0 1px 1px hsla(0,0%,100%,.8)}.htmlElement.highlighted{box-shadow:0px 0px 25px 10px #6a1b9a}.buttonElement{border:2px solid green;border-radius:5px;padding:10px 5px;cursor:pointer;font-size:16px;white-space:nowrap;min-height:30px;display:inline-block;min-width:40px;box-shadow:0 1px 2px #fff,0 1px -1px #666,inset 0 1px -1px rgba(0,0,0,.5),inset 0 -1px -1px hsla(0,0%,100%,.8)}.richTextElement{padding:4px}.richTextElement div{overflow:hidden;line-height:normal;white-space:nowrap;cursor:pointer}.richTextElement div p{margin:0;padding:0}.richTextElement.selected div{cursor:text}.codeDialog{position:fixed !important;background:#fff}.codeDialog .ui-dialog-titlebar .ui-button{display:none}#launchFrameCloseButton{position:absolute;top:0;right:0;cursor:pointer;background-color:#fff}#launchFrame{position:absolute;border:none;height:100vh;width:100vw}@media print{@page{size:portrait}}body.print{overflow:hidden !important;background-color:#fff !important}body.print #easyCode-print .easycode-tabs,body.print #easyCode-print .pm-tabs_body,body.print #easyCode-print .pm-tabs,body.print #easyCode-print .easyCodeLines{display:block !important;border:0;padding:0;box-shadow:none;filter:none}body.print #easyCode-print .command{page-break-inside:avoid}body.print #easyCode-print .print-tab-marker{color:#7b1fa2;padding:10px 10px 0 0px;margin-bottom:10px;border-bottom:#7b1fa2 solid 4px}body.print #easyCode-print #easyCodeScrollArea,body.print #easyCode-print #easyCode{height:auto !important}.helpBubble{z-index:15000;position:absolute;border:#000 1px solid;background:#fff;font-size:16px;color:#000;max-width:200px;padding:20px;border-radius:10px}.helpBubbleTop:after,.helpBubbleLeft:after,.helpBubbleBottom:after{content:"";position:absolute;display:block;border-style:solid;border-width:0 15px 15px;width:0;z-index:1}.helpBubbleTop:after{border-color:#fff rgba(0,0,0,0);top:-15px;left:110px}.helpBubbleLeft:after{border-width:15px 15px 15px 0;border-color:rgba(0,0,0,0) #fff;top:45px;left:-15px}.helpBubbleBottom:after{border-width:15px 15px 0;border-color:#fff rgba(0,0,0,0);bottom:-15px;left:110px}.code-header{flex:0;background:#424242}.code-header__body{display:flex;align-items:center;padding:4px 12px;background:#424242}.code-header__body>*:not(:last-child){padding-right:16px}.code-header__content{flex:0 1 auto;overflow:hidden;display:flex;align-items:center;cursor:pointer}.code-header__title{overflow:hidden;text-overflow:ellipsis;padding-right:16px;color:#fff}.code-header__actions{flex:0 0 auto;margin-left:auto}.code-header__design-toggle-btn{--pm-button-bg-color: white}#soundIcon{position:relative;left:-5px;text-align:center;padding-left:10px !important;padding-right:5px}#easyCodeFooter #debugControls{padding-left:8px;padding-right:8px;display:flex;gap:6px}#sliderText{color:#fff;text-align:center;width:60px !important}#debugButtons{display:inline-block}#log{flex:1;font-family:verdana,sans-serif;font-size:14px}#log #logText{overflow-y:auto;height:94px;padding:4px;background:#eee;border:1px solid #bdbdbd;border-radius:5px}#log #logText .error{color:#ef5350}#log #logText .info{color:#1b5e20}#log #logText .selected{background:#9e9e9e}#controls{display:flex;flex-direction:column}#controls>*:not(:last-child){margin-bottom:4px}#controls .controls__col{display:flex;align-items:center;justify-content:space-between}#controls .controls__col>*:not(:last-child){margin-right:8px}.play-buttons{display:flex;gap:4px;padding:4px;box-sizing:border-box;border:1px solid #757575;border-radius:50px}.play-buttons .pm-button{--pm-button-height: 36px}.successPopupDialog{opacity:90}.successPopupDialog .ui-dialog-titlebar{display:none}.successPopupDialog .appearGradual{display:none}.code_hint-dialog-container__codespace{max-height:300px;overflow-y:auto}.lessonDialog{background:#6a388c !important}.lessonDialog .summary{color:#fff;line-height:1.3;padding:3px}.lessonDialog .lessonStage{border-radius:10px 10px 0 10px;margin:10px;padding:10px 30px 10px 10px;background:#fff url("https://static.purplemash.com/client/apps/2code/src/assets//icons/code_lesson.png") no-repeat bottom right;cursor:pointer}.lessonDialog .lessonStage:hover{background-color:#e3d4cb}.lessonStage .summary{color:#6a388c;padding:7px;line-height:1.4}.lessonStage .title{font-weight:bold}.teacherModeDialog{background-color:#6a388c}.teacherModeDialog .teacherStage{height:60px;background-color:#fff;border-radius:10px;padding:10px;margin:10px}.teacherModeDialog .view-stage{float:right}.help-dialog{max-width:90vw;max-height:90vh}.help-dialog .pm-dialog__header{--pm-dialog-header-color: black;--pm-dialog-header-bg-color: white}.help-dialog__container{position:fixed;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:950}.help-dialog__container>*{pointer-events:auto}.help-dialog-body{display:flex}.help-dialog-body__left-panel{flex:1 1 20%}.help-dialog-body__left-panel:empty{display:none}.help-dialog-body__left-panel:not(:empty){margin-right:20px}.help-dialog-body__right-panel{flex:1}.help-dialog-video{background-color:#000}.help-dialog-lottie{background-color:#fff}.lesson-complete-dialog__fireworks{position:fixed;width:100vh;height:100vh;background-color:rgba(0,0,0,0);top:0;left:0;pointer-events:none}.lesson-complete-dialog__title{text-align:center}.lesson-complete-dialog__body{display:inline-block;width:100%;text-align:center}.lesson-complete-dialog__lessons-list{display:inline-block;margin:auto;list-style-type:none;padding-inline:0;margin-bottom:10px}.lesson-complete-dialog__lessons-list-item{text-align:left}.lesson-complete-dialog__score{text-align:center}.lesson-complete-dialog__score-stars>img:not(:last-child){margin-right:10px}.code-sound-player{--code-sound-player-height: 44px;--code-sound-player-bg-color: white;--code-sound-player-border-radius: 50px;--code-sound-player-gap: 8px;--code-sound-player-padding: 4px;display:inline-flex;align-items:center;width:auto;height:var(--code-sound-player-height);border-radius:var(--code-sound-player-border-radius);padding:var(--code-sound-player-padding);background-color:var(--code-sound-player-bg-color)}.code-sound-player,.code-sound-player:before,.code-sound-player:after,.code-sound-player *,.code-sound-player:before,.code-sound-player:after{box-sizing:border-box}.code-sound-player>*:not(:last-child){padding-right:var(--code-sound-player-gap)}.design-elements-panel{--design-elements-gap-x: 4px;--design-elements-gap-y: 4px;--design-element-width: 75px}.design-elements-panel .pm-tabs{--pm-tabs-body-padding-x: 8px;--pm-tabs-body-padding-y: 8px;--design-elements-gap-x: 2px;--design-elements-gap-y: 4px}.design-elements-panel__list{display:grid;grid-template-columns:repeat(auto-fill, var(--design-element-width));gap:var(--design-elements-gap-y) var(--design-elements-gap-x)}.design-element{--design-element-image-max-size: 50px;display:flex;flex-direction:column;overflow:hidden;width:var(--design-element-width);height:90px;border:1px #9e9e9e solid;border-radius:10px;background-color:#fff;text-align:center;cursor:grab;z-index:5}.design-element__img{margin:auto;width:100%;height:auto;max-width:var(--design-element-image-max-size);max-height:var(--design-element-image-max-size)}.design-element__label{width:100%;padding:2px 4px;background-color:#8e24aa;color:#fff}.design-element-property{flex:1}.design-element-property .v-select{background-color:#fff}.design-element-property .vs--single.vs--open .vs__selected{position:relative}.design-element-property .varname-input-container,.design-element-property .tags-input-container{display:flex;flex-direction:column;flex:1}.design-element-property .pm-incremental-value-selector .pm-incremental-value-selector_input{width:100%}.design-element-property .ti-new-tag-input-wrapper input{min-width:auto}.design-element-property .ti-tag{background-color:#9c27b0}.element-properties-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;margin-bottom:8px}.element-properties-panel__header{border-top-left-radius:10px;border-top-right-radius:10px;background-color:#9c27b0;color:#fff;padding:14px;display:flex;justify-content:center;align-items:center;position:relative}.element-properties-panel__header .copyButton{position:absolute;right:5px}.element-properties-panel__body{flex:1 1 auto;overflow-y:auto;padding-right:4px;margin-right:4px}.element-properties-panel__row{display:flex;align-items:stretch}.element-properties-panel__row:nth-child(even){background-color:#eee}.element-properties-panel__row:nth-child(odd){background-color:#fafafa}.element-properties-panel__col{display:flex;align-items:center;padding:8px}.element-properties-panel__col img{width:30px;height:30px;margin-right:3px}.element-properties-panel__col:nth-child(odd){flex:0 0 40%;border-right:1px solid #bdbdbd}.element-properties-panel__col:nth-child(even){flex:1}.easycode-tabs{--easycode-tabs-bg-color: white;height:100%;display:flex;flex-direction:column}.easycode-tabs__header-actions{display:flex;align-items:center;justify-content:center;margin-left:8px;margin-right:8px}.easycode-tabs--none .pm-tabs_body{border-top-left-radius:var(--_pm-tabs-body-border-radius)}.easycode-tabs .pm-tabs{--pm-tabs-border-color: #757575;display:flex;flex-direction:column;height:100%;min-height:0;margin:8px}.easycode-tabs .pm-tabs--highlight{--pm-tabs-border-color: #8E24AA;filter:drop-shadow(0 0 7px #8e24aa)}.easycode-tabs .pm-tabs .pm-tabs_body{flex:1;display:flex;flex-direction:column;min-height:0;padding:0 5px 0 0}.easycode-tabs-main-tab{margin:10px 0;padding:0 5px;height:100%;min-height:0;overflow-y:auto}.easycode-tabs .easycode-tab-title--editable{padding-bottom:0}.easycode-tabs .easycode-tab-title__span{white-space:nowrap}.easycode-tabs .easycode-tab-title__edit-icon{visibility:hidden}.easycode-tabs .easycode-tab-title:hover .active .easycode-tab-title__edit-icon{visibility:visible}.easycode-tabs .easycode-tab-title .active .easycode-tab-drag-icon{cursor:grab}.easycode-tabs .easycode-tab-title__input{display:inline-block;width:auto;height:auto;border:none;outline:none;font-size:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;background-color:rgba(0,0,0,0);background-image:none;box-shadow:none;color:inherit}.inspector__toggle{margin:0;padding:0;border:none;background-color:rgba(0,0,0,0);font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit}.inspector{position:absolute;display:flex;flex-direction:column;left:16px;bottom:16px;width:300px;height:300px;border-radius:10px;overflow:hidden;background:#fff}.inspector--collapsed{width:auto;height:auto}.inspector__header{display:flex;align-items:center;padding:8px;color:#fff;background-color:#8e24aa}.inspector__header>*:not(:last-child){margin-right:8px}.inspector__body{flex:1;padding:8px;overflow-y:auto}.inspector-row{display:flex;align-items:center;margin-bottom:8px}.inspector-col{flex:0 0 50%;display:flex;align-items:center}.inspector-col .inspector-icon{width:30px;height:30px;margin-right:4px}.inspector-col .inspector-value{display:flex;align-items:center;flex-direction:row}.inspector-col .inspector-value .equals{margin-right:4px}.inspector-col .inspector-value .inspector-colour{width:30px;height:30px;border:1px solid #424242}.inspector-col .inspector-value .inspector-image{width:30px;height:30px}.inspector__toggle{cursor:pointer;color:#fff;background-color:rgba(0,0,0,0)}.inspector__toggle:hover,.inspector__toggle:focus,.inspector__toggle:not(:disabled):active{color:#bdbdbd;background-color:rgba(0,0,0,0) !important;outline:none !important;box-shadow:none !important}.design-area-icons{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-shrink:0}.design-area-icons .positioning{display:flex;align-items:center;margin-left:12px}.design-area-icons .positioning .position-indicator{justify-self:start;line-height:1}.design-area-icons .positioning .grid-switch-container{display:flex;flex-direction:row;margin-right:5px}.design-area-icons .icons{display:flex;flex-direction:row}.design-area-icons .icons img{width:32px;height:32px;padding:6px;margin:2px 5px 2px 2px;border-radius:10px;box-sizing:content-box}.design-area-icons .icons img.highlightDesignAreaIcon{background-color:#e1bee7}.select-stage-dialog .pm-modal_content{padding:0;max-width:80vw}.select-stage-dialog .pm-modal_header{margin:0;display:flex;align-items:center;background-color:#8e24aa;color:#fff;padding:15px 20px;border-top-left-radius:20px;border-top-right-radius:20px}.select-stage-dialog .pm-modal_header .pm-button--close{color:#fff}.select-stage-dialog .pm-modal_header .pm-button--close:hover{color:#f5f5f5}.select-stage-dialog__header{flex:1}.select-stage-dialog__list{display:flex;flex-direction:column}.select-stage-dialog-item{display:flex;align-items:center;padding:20px;background-color:#fff;border:1px solid #bdbdbd}.select-stage-dialog-item:not(:last-child){border-bottom:none}.select-stage-dialog-item:not(.disabled){cursor:pointer}.select-stage-dialog-item:not(.disabled):hover{outline:4px solid #e1bee7;outline-offset:-4px}.select-stage-dialog-item.disabled{color:#9e9e9e;background-color:#f5f5f5;outline:1px solid #bdbdbd;outline-offset:-1px}.select-stage-dialog-item.disabled.completed{color:inherit}.select-stage-dialog-item.active{color:inherit;background-color:#fff;outline:1px solid #c8e6c9;outline-offset:-1px}.select-stage-dialog-item.active+.select-stage-dialog-item{border-top:none}.select-stage-dialog-item__content{flex:1;padding-right:20px}.select-stage-dialog-item__info{flex:0 0 auto;padding-right:20px;margin-left:auto;overflow:hidden}.select-stage-dialog-item__title,.select-stage-dialog-item__desc{margin-block:0}.select-stage-dialog-item__title{font-weight:bold;margin-bottom:5px}.select-stage-dialog-item__icon{color:#8e24aa}.select-stage-dialog-item__icon .pm-icon{width:54px;margin-right:0}.select-stage-dialog-item.active .select-stage-dialog-item__icon{color:#43a047}.select-stage-dialog-item.disabled:not(.completed) .select-stage-dialog-item__icon{color:#bdbdbd}.design-area{--design-area-padding: 12px;--design-area-gap: 12px;flex:1;display:flex;padding:var(--design-area-padding);overflow:hidden}.design-area__panels{width:446px;height:100%;display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;overflow:hidden;padding-right:var(--design-area-gap)}.design-area__stage-container{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;align-items:flex-start}.design-area__stage{border:2px solid #424242;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background:#fafafa}.design-area__actions{z-index:1;display:flex;flex-direction:row;justify-content:space-between;padding:5px;border-top:0;min-height:55px}.design-area-bin{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:6px;margin-left:-50px}.design-area-bin .img{width:50px;height:50px;vertical-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.design-area-bin--hover img{box-shadow:0 0 3px 3px rgba(171,71,188,.85)}.design-canvas{position:absolute}.design-canvas__background{position:relative;overflow:hidden}.design-canvas__background.element-dragging{overflow:visible}html,html:before,html:after,html *,html *:before,html *:after,body,body:before,body:after,body *,body *:before,body *:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,span{margin-block-start:0;margin-block-end:0}