html,body{margin:0;padding:0;height:100%}.lesson-constructor-container{width:calc(max(100vw - 2rem,1024px) - 2rem);height:calc(100% - 3rem);padding:.5rem;display:flex;flex-direction:row;justify-content:center}.nav-button{border:1px solid #31709b;background-color:#c9d9ee;line-height:1.475rem}.nav-button.button svg{margin-right:5px}.nav-button:hover{background-color:#d5e2f1}.nav-button.hidden{display:none}.nav-button.disarmed{color:#696969;border:1px solid #5f6767;background-color:#eee}.back-button{padding-left:12px}.back-button.button svg{margin-right:0}.next-button{padding-right:12px}.next-button.button svg{margin-right:0}.screen-1{padding:20px 10px 5px;display:grid;grid-template-columns:max-content auto;grid-template-rows:auto auto auto auto auto auto;grid-template-areas:"label-grade grade" "label-subject subject" "label-lessonTitle lessonTitle" "label-lessonType lessonType" "label-lessonFormat lessonFormat" " .    validationError";column-gap:10px;row-gap:10px;justify-items:start;align-items:baseline}.screen{align-self:center}.screen.hidden{display:none}.ordered-list-container{display:flex;flex-direction:column;min-width:300px}.ordered-list .inline-button{cursor:pointer}.ordered-list-row{padding:3px 3px 3px 8px;cursor:grab;background-color:#fff;display:inline-flex;flex-direction:row}.ordered-list-row .lesson-stage-activity,.ordered-list-row .lesson-stage-resources{cursor:default}.ordered-list-row .remove-button{opacity:0}.link-list{font-size:.9rem;display:flex;flex-direction:column;margin-top:5px;row-gap:2px}.link-list .link-view{display:flex;flex-wrap:nowrap;word-break:break-all;align-items:start}.link-list .link-view .number{word-break:keep-all}.link-list .link-view :is(a){color:var(--blue1)}.link-list .link-view .link-tool-button{visibility:hidden;border:0 none;border-radius:2px;margin-left:6px;padding:2px;box-shadow:none}.link-list .link-view .link-tool-button svg{margin-right:0}.link-list .link-view:hover .link-tool-button{visibility:visible}.link-list .link-view .link-edit-button{background-color:var(--blue-bg-brighter);color:var(--blue2)}.link-list .link-view .link-remove-button{background-color:var(--button-red-bg-color);color:var(--red1)}.link-list .link-editor{background-color:var(--blue-bg-brighter);display:flex;flex-direction:column;row-gap:4px;margin-top:5px}.link-list .link-editor :is(label){font-size:.8rem;color:var(--blue1);margin-bottom:4px}.link-list .link-editor .button-bar{display:flex;flex-direction:row;column-gap:5px;margin-top:3px}.lesson-constructor .inline-button svg{margin-right:4px}.resource-link{color:#64abd4}.resource-link svg{margin-left:4px;margin-bottom:-1px}.ordered-list-row:hover>.remove-button,.ordered-list-row>span:hover>.remove-button,.lesson-stage:hover>.remove-button{opacity:1;transition:opacity 1s ease-in}.ordered-list-row .ordered-list-header,.ordered-list-row.ordered-list-header{font-size:1.4rem;cursor:default}.ordered-list-footer{display:inline-flex;flex-direction:row;justify-content:center;align-items:center;height:40px;cursor:default}.ordered-list-footer .inline-button{margin-top:2px}.lesson-stages>.ordered-list-row{display:inline-flex;flex-direction:row;box-shadow:1px 0 #888,0 1px #888,1px 1px #888,1px 0 #888 inset,0 1px #888 inset}.lesson-stage-row{display:inline-flex;flex-direction:row}.lesson-stage{border-right:1px solid #888;padding-right:3px;display:inline-flex;flex-direction:row;justify-content:space-between;flex:1}.lesson-stage .remove-button{flex-shrink:0}.lesson-stage-activity{border-right:1px solid #888;display:flex;flex-direction:column;padding-left:6px;padding-right:6px;padding-bottom:4px;flex:1}.lesson-stage-activity :is(label){font-size:.9rem}.lesson-stage-activity :is(textarea){color:var(--dark-gray1);font:inherit;font-size:1rem}.lesson-stage-resources{display:flex;flex-direction:column;flex:1}.lesson-stage-resources.ordered-list-header span{margin-left:8px}.lesson-stage-resources .remove-button{flex-shrink:0;margin-left:10px}.lesson-stage-resources>.inline-button{margin-top:5px;width:fit-content;margin-left:8px}.lesson-stage-resources .link-view{margin-left:8px;margin-right:7px}.lesson-stage-resources .link-editor{padding:2px 8px 8px}.row-of-lists{display:flex;flex-flow:column;justify-content:space-around;gap:30px 10px}.target-purposes{min-width:400px;max-width:460px}.personal-results,.meta-subject-results,.subject-results{min-width:350px}.target-purposes .ordered-list-row{background-color:#f0f0f0;border:1px solid white;box-shadow:none}.target-purposes .ordered-list-row.even{background-color:#e0e0e0}.target-purposes .ordered-list-header{background-color:#a5a5a5}.target-purposes .inline-button{background-color:#ddd}.target-purposes .inline-button:hover{background-color:#e0e0e0}.results .ordered-list-row{border:1px solid;border-top-width:0;box-shadow:none;position:relative;padding-right:20px}.results .ordered-list-row:first-child{border-radius:3px 3px 0 0;border-top-width:1px}.results .ordered-list-row:last-child{border-radius:0 0 3px 3px}.results .ordered-list-row .remove-button{cursor:pointer;position:absolute;top:4px;right:3px}.results .ordered-list-row:hover .remove-button{opacity:1;transition:opacity .5s ease-in}.results .ordered-list-header{color:#000;display:flex;flex-direction:row;align-items:baseline;padding-bottom:5px}.results .ordered-list-header .inline-button{font-size:.9rem;height:1.5rem;padding:0 4px;margin-left:1rem}.personal-results .ordered-list-row{background-color:#fff4ef;border-color:#a64706}.personal-results .ordered-list-header{background-color:#f7dac6}.personal-results .inline-button{background-color:#ffedcf;border:1px solid #a64706}.personal-results .inline-button:hover{background-color:#fff3d8}.subject-results .ordered-list-row{background-color:#f8f5fc;border-color:#60595a}.subject-results .ordered-list-header{background-color:#e6dcf4}.subject-results .inline-button{background-color:#f3ebf8;border-color:#60595a}.subject-results .inline-button:hover{background-color:#faf1ff}.meta-subject-results .ordered-list-row{background-color:#f6faf3;border-color:#245906}.meta-subject-results .ordered-list-header{background-color:#d4e2ce}.meta-subject-results .inline-button{background-color:#eaf1e4;border-color:#245906}.meta-subject-results .inline-button:hover{background-color:#f1f8ea}.result-table{display:flex;flex-direction:column}.result-table.stages-table{margin-top:25px}.result-table.stages-table .result-table-row:first-child{font-weight:500}.result-table-row{display:inline-flex;flex-direction:row}.main-table .result-table-row:nth-child(1){font-weight:500;color:#000}.result-table-name{background-color:#e8ebf5;padding:3px 8px;border-color:#0a3685;border-style:solid;border-width:0 1px 1px 1px}.result-table-row:nth-child(1) .result-table-name{border-top-width:1px}.personal-results .result-table-name{border-color:#7d7672;background-color:#fff4ef}.subject-results .result-table-name{border-width:0 1px 0 1px;border-color:#60595a;background-color:#f8f5fc}.meta-subject-results .result-table-name{border-width:1px;border-color:#245906;background-color:#f3f7f0}.result-table-value{padding:3px 8px;width:100%;border-color:#0a3685;border-style:solid;border-width:0 1px 1px 0}.result-table-row:nth-child(1) .result-table-value{border-top-width:1px}.personal-results .result-table-value{border-color:#7d7672;background-color:#fffaf6}.subject-results .result-table-value{border-width:0 1px 0 0;border-color:#60595a;background-color:#fff9fb}.meta-subject-results .result-table-value{border-width:1px 1px 1px 0;border-color:#245906;background-color:#f9fdf6}.results-table-row:nth-child(1) .result-table-value{font-weight:400}.result-table-value a{cursor:pointer;color:var(--button-blue-color);text-decoration:none;border-bottom:1px dashed var(--button-blue-color)}.main-table,.purpose-table{margin-bottom:25px}.main-table .result-table-name{width:160px}.stages-table .result-table-name,.stages-table .result-table-value{flex:1}.purpose-table .result-table-name,.results-table .result-table-name{min-width:280px}.results-table .result-table-value{font-weight:400}.resource-tab-pane{display:flex;flex-direction:row;border-bottom:1px solid #31709B}.resource-tab{color:#666;padding:6px 18px;cursor:pointer}.resource-tab.active{color:#000;background-color:#c9d9ee6b;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:2px solid #31709B}.resource-tree-pane{flex-grow:1;min-height:2em;padding:10px 0 0;display:flex;flex-direction:row}.resources-message{margin-top:30px;margin-left:20px;flex:1}.resources-not-found{color:var(--gray1)}.loading-resources{color:#888}.resource-tree-container label,.resource-tree-container span{cursor:default;display:flex;align-items:baseline}.resource-tree-container label{margin-left:2px}.resource-tree-container label input[type=checkbox]{margin-right:7px}.resource-tree-container{min-height:2em;overflow:auto}.resource-tree-container{flex:2}.selected-preview{flex:1;margin-left:25px}.selected-resources{padding-inline-start:1em;list-style-type:square}.resource-tree-container span.error-leaf{align-items:center;margin-right:3px}.screen-link{margin:1px 8px}.result-table-list-item .section.level-0{margin-top:7px}.result-table-list-item .section.level-1{margin-top:4px}.result-table-list-item:first-child .section.level-0{margin-top:0}.section-title{cursor:pointer}.section-title.checked{cursor:default}.level-0{font-size:1rem}.level-0.section{font-size:1.2rem}.level-1{margin-left:10px;font-size:1rem}.level-1.single-item{margin-left:0}.level-2{margin-left:21px;font-size:.9rem}.level-2.single-item{margin-left:10px}.error-msg{color:var(--red1)}.info{color:var(--blue2);outline:none;margin-left:7px;margin-bottom:7px;margin-right:15px;transform:translateY(3px)}.info.grayed{color:gray}.pdf-link-status{color:gray;transform:translateY(5px);margin-right:10px}.pdf-link{text-decoration:underline;color:var(--blue1);transform:translateY(5px);margin-right:10px}.demo-link{font-size:20px;font-family:sans-serif;color:var(--blue3);margin-top:20px}.project-tree-message{color:#666}.activity-block{display:flex;flex-direction:column;font-size:1rem}.activity-block:not(:first-child){margin-top:5px}.activity-desc{white-space:pre-wrap}.add-link-button-bar{display:flex;flex-direction:row;column-gap:8px;margin-top:5px;margin-bottom:5px;margin-left:8px;align-items:baseline}.add-link-button-bar .add-link-button{background-color:#8abbff33}.add-link-button-bar .add-link-button:hover{background-color:#8abbff22}.add-link-button-bar .restore-link-button{font-size:.8rem;font-weight:400;text-decoration:underline;padding:0;border:none;background:none;box-shadow:none}