@charset "UTF-8";body,html{min-height:0;height:100%}body{margin:0;font-family:"Source Sans Pro","Helvetica",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ql-container{font-family:inherit!important}code,pre,tt{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;font-size:10pt}#root{height:100%;min-height:0}.text-column{max-width:800px;margin:auto}.hocket-form-area{padding:8px;margin:20px 4px 4px;border:1px solid #777}.hocket-name{margin-top:20px;color:#777;font-weight:100}.nav{flex-grow:1}.side-nav{background:#333;color:#fff;border-right:1px solid #000;padding:8px}.side-nav a{color:#fff;text-decoration:none}.side-nav .student-name{background:#444;margin-top:4px;padding:4px}.underlined{text-decoration:underline}.admin-nav{margin-left:-4px;padding:12px;min-height:26px}.admin-nav,.admin-nav.mobile{background:#237882}.admin-nav a{text-decoration:none;color:#fff}.message-area{background:#fffef8}.App{margin-top:80px}.antiflex{flex-wrap:wrap}.cluster-block-area h3{-webkit-margin-before:inherit;margin-block-start:inherit;-webkit-margin-after:12px;margin-block-end:12px}svg.graph-container{border:1px solid #000;border-left:0;min-height:600px}svg .path{stroke:#333;fill:#333;stroke-width:1.5px}svg.graph-container circle{stroke-width:10}svg.graph-container text{font-family:sans-serif;font-size:32px;font-weight:4000;stroke:#000}.edge-card,.node-card{border:1px solid #000;margin:12px}.hidden{visibility:hidden}.edge-card{display:flex;text-align:center}.from-edge,.to-edge{flex:1 1}.from-edge,.to-edge{border:10px solid #000}.delete-chamber,.delete-edge{background-color:#333;border-radius:20px;color:#fff;cursor:pointer;display:inline-block;height:20px;margin-left:12px;text-align:center;width:20px}.delete-chamber:hover,.delete-edge:hover{background-color:red}.delete-edge mat-icon{color:#fff}.short-code-chip{font-size:.7em;text-align:center;background-color:#fff;min-height:20px;min-width:26px;border:4px solid #000;margin-top:4px;margin-right:-16px;padding-top:6px;float:right;border-radius:28px}.halo{fill:transparent}.transparent{opacity:0}.chambers-area,.edges-area{background:#f3f3f3;border:1px solid #000;border-right:0;padding:8px;margin-bottom:8px;height:100%;min-height:0}.edges-area{border-right:1px solid #000}.chamber-card,.edge-card{border:1px solid #000;margin:4px;padding:8px}.edge-card{background:#fff}.border-top{border-top:1px solid #ccc}.arrowhead{stroke-width:40px;font-size:3em}.space-between{justify-content:space-between}.justify-center{justify-content:center}.fill-parent{position:absolute;top:0;left:0;bottom:0;right:0}.flex-container{display:flex}.flex-vertical{display:flex;flex-direction:column}.align-center{align-items:center}.bark-view .flex-container{flex-wrap:wrap}.flex-auto{flex:0 1 auto}.flex-child{flex:1 1}.flex-none{flex:none}.flex-one{flex:1 1}.flex-two{flex:2 1}.flex-three{flex:3 1}.flex-four{flex:4 1}.flex-five{flex:5 1}.flex-six{flex:6 1}.full-width{width:100%}.full-height{height:100%}.flow-root{display:flow-root}.chambers .top{padding:12px 12px 12px 36px}.chamber-card{background:#fff;border:1.5px solid #ccc;margin:12px}.chamber-card .subtext{color:#ccc;font-size:.6em;margin:0}.achievement-card{border:1.5px solid #ccc}.hocket-card-area{display:flex;flex-wrap:wrap;justify-content:space-evenly}.hocket-card{border:1.5px solid #000;margin:4px}.hocket-card .delete-button{float:right;margin:0;padding:4px;background:#faa}.hocket-card .delete-button:hover{background:red;color:#fff}.hocket-card .label{min-width:20px;width:20px;padding:4px;text-align:center;color:#fff}.hocket-card .content{padding:8px}.hocket-card .link{padding:8px;margin-top:8px}.hocket-card .training-phrases{font-weight:600;display:flex}.hocket-card .responses{display:flex;background:#f0f0f0}.hocket-card .critical{background:#c96567;color:#fff}.hocket-card .warning{background:#fbe8a6;color:#000}.hocket-card .safe{background:#14db95;color:#000}.hocket-card .never-trained{background:#333;padding:4px 12px 4px 4px;color:#fff;text-align:right;min-height:20px;margin:-2px -2px 0}.student-message{margin-top:12px;text-align:right;padding-right:16px;margin-left:40px;margin-bottom:14px}.instructor-chat-area .student-message{margin-left:12px;margin-right:40px}.student-message h3{color:#bbb;margin-bottom:14px}.student-message .ql-container.ql-snow{border:0}.extra-padded-right .ql-container.ql-snow{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.extra-padded-right .ql-toolbar.ql-snow{border-top-left-radius:5px;border-top-right-radius:5px}.ql-toolbar.ql-snow button{width:26px!important}.ql-toolbar.ql-snow .ql-formats{margin-right:6px!important}.lesson-sharing-editor .ql-container.ql-snow{border-radius:5px}.message-card-index{float:right;color:grey;margin-right:3px;position:static;font-size:12px}.message-card-area .ql-container.ql-snow{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.message-card-area .ql-toolbar.ql-snow{border-top-left-radius:5px;border-top-right-radius:5px}.live-classroom-view .frame{height:calc(100% - 60px);position:relative}.live-classroom-view{overflow-y:hidden}.live-classroom-view .message-card-area{height:100%;min-height:0;width:28%;min-width:240px;max-width:375px;overflow-y:scroll;overscroll-behavior:contain;border-right:1px solid #9a9797;flex:none;padding-bottom:0}.live-classroom-view .message-card-area.mobile{width:100%;max-width:unset}.live-classroom-view .cluster-block-container{flex:auto}.welcome-message-area .save-button-container{padding-bottom:0}.maxwidth119{max-width:calc(100% - 119px)}.maxwidth120{max-width:calc(100% - 120px)}.maxwidth85{max-width:calc(100% - 85px)}.maxwidth154{max-width:calc(100% - 154px)}.ql-snow .ql-editor pre.ql-syntax{color:#555!important;background:#eee!important;border:1px solid #ccc;font-size:10pt}.quill-super-list,.suggestion-input p{color:#343434}.ql-snow .ql-editor code{font-family:Menlo,Monaco,"Lucida Console",monospace}.ql-snow .ql-editor{font-size:13pt}.chat-widget .ql-snow .ql-tooltip{top:6px!important;left:50%!important;transform:translate(-50%)!important}.ql-editor.ql-blank:before{content:attr(data-placeholder);color:#9a9797;font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px;font-size:13pt}.student-message .quill-wrapper{border:1px solid #333;border-radius:20px 20px 0 20px;background:#3c838a;color:#fff}.instructor-chat-area .student-message .quill-wrapper{border-radius:20px 20px 20px 0}.student-message .ql-container.ql-snow{font-size:1.2em;border-radius:20px 20px 0 20px}.instructor-chat-area .student-message .ql-container.ql-snow{border-radius:20px 20px 20px 0}.instructor-message{margin-top:12px;margin-right:40px;padding-left:16px;margin-bottom:6px}.instructor-chat-area .instructor-message{margin-left:40px;margin-right:12px}.instructor-message h3{margin-bottom:0}.instructor-message .ql-container.ql-snow{font-size:1.2em;border:0}.instructor-message .quill-wrapper{border:1px solid #333;border-radius:20px 20px 20px 0;background:#fff}.instructor-chat-area .instructor-message .quill-wrapper{background:#fff;border-radius:20px 20px 0 20px}.message-bubble{width:24px;height:24px;font-size:18px;font-weight:600;padding-top:1px;text-align:center;border-radius:20px;margin-top:-16px;margin-left:-12px;color:#fff}.instructor-chat-area .message-bubble{float:right;margin-right:-12px}.student-message .message-bubble{margin-top:-16px;margin-right:-12px;color:#fff;float:right}.instructor-chat-area .student-message .message-bubble{float:left}.message-container{width:100%;max-width:820px;margin-left:auto;margin-right:auto;padding-bottom:12px}.message-count-label.high-opacity{background-color:hsla(0,0%,100%,.97);font-weight:600;padding:0 5px}.message-count-label{width:14px;background:hsla(0,0%,98%,.5);border:1px solid #aaa;padding:0 3px;font-size:14px;color:#555;border-radius:4px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.message-count-container{height:24px;margin-left:2px;margin-right:2px;border:1px solid #333;height:100%;border-radius:2px;text-align:center}.stacked-bar-container{display:inline-block;background:#fff;height:28px}.striped{background:repeating-linear-gradient(45deg,#fff,#fff 5px,#ddd 0,#ddd 10px)!important}.instructor-chat-input-area{background:#fff;border-top:1px solid #ccc;padding-top:16px;margin-top:40px;margin-left:-16px;margin-right:-16px}.instructor-chat-input-area .control{padding-left:16px}.instructor-chat-input-area .ql-editor{min-height:72px}.control h2{float:right;padding-right:16px;margin-top:-36px}.mobile .header h1{margin-top:0;font-weight:400;letter-spacing:5px;padding-top:12px;color:#fff}.mobile .control h2{margin-top:-29px;font-size:.95em}.chat-input-area .ql-container.ql-snow{border:0;width:100%}.chat-widget{width:100%;z-index:11}.chat-widget .ql-toolbar{display:none}.bottom-shadow{box-shadow:0 2px 4px -1px rgb(0 0 0/20%),0 4px 5px 0 rgb(0 0 0/14%),0 1px 10px 0 rgb(0 0 0/12%)}.top-shadow{box-shadow:0 -2px 4px -1px rgb(0 0 0/10%),0 -3px 5px 0 rgb(0 0 0/7%),0 -1px 10px 0 rgb(0 0 0/6%)}.halo-shadow{box-shadow:0 -2px 4px -1px rgb(0 0 0/10%),0 -3px 5px 0 rgb(0 0 0/7%),0 -1px 10px 0 rgb(0 0 0/6%),0 -6px 24px -1px hsla(0,0%,100%,.1),0 -9px 20px 0 hsla(0,0%,100%,.1),0 -3px 30px 0 hsla(0,0%,100%,.1)}.chat-quill-container{width:95%;max-width:850px;position:relative;margin-left:auto;margin-right:auto}.chat-input-container{border-top:1px solid #777;background:#fff}.chat-input-area{background:#fff;display:flex;align-items:center;padding:18px 8px;width:80%}.code-cell-checkbox{float:right;margin-right:-8px!important;margin-top:-7px!important}.chat-input-area .editor{border:1px solid #555;border-radius:20px;margin-right:10px;margin-left:8px;flex-grow:1;max-height:min(300px,30vh);overflow-y:scroll}.chat-input-area .chat-controls{flex-shrink:0;flex-basis:auto;display:flex;align-items:center}.chat-input-area p{color:#333}.high-top{margin-top:64px}.med-top{margin-top:25px}.center-panel{flex:1 1;flex-grow:1}.right-panel{margin:0;padding:16px;min-width:200px;width:360px}.lost-soul-card{border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:0;padding:8px}.lost-soul-card h4{margin:0}.subtext{font-size:.8em;color:#333;margin-top:2px;margin-bottom:2px}.lost-souls-area{height:100%;min-height:0}.lost-souls-area .title{margin-top:0;font-size:.8em;padding:8px}.lost-souls-area .subtext{color:#fff}.suggestion{border-radius:8px;padding:12px;background:#333;text-align:right}.suggestion button{margin-left:12px}.suggestion-row{display:flex}.suggestion-input-card{margin-top:20px;margin-bottom:20px;padding:4px;border-radius:5px}.suggestion-row .suggestion-input{flex-grow:1}.suggestion-row .related-hocket{align-self:flex-end}.side-nav .instructor-driven{border-left:4px solid #ffa}.side-nav .active{background:#f37}.blackboard-update-form{border:1px solid #ccc;margin-bottom:8px;padding:16px}.student-data-area h2{margin-bottom:0}.student-data-area .global-controls{background:#fdfdfd}.student-data-area .subtext{margin-top:0;color:#ccc}.min-height-0{min-height:0}.student-data-area img{width:80px;height:80px;border:1px solid #000;margin-right:20px}.student-data-area h3{margin-bottom:0}.student-data-area table{margin-top:0;font-size:.8em}.student-data-area td{border:0 solid #000;vertical-align:top}.student-data-area button{background-color:#ffa;color:#333}.add-training-phrase-to-hocket-button{margin-bottom:-32px;margin-right:128px;border-right:1px solid #aaa;text-align:right}.add-training-phrase-to-hocket-button svg{color:#aaa;font-size:16px;background:#fff;border:2px solid #aaa;border-radius:20px;margin-top:12px;margin-bottom:8px;margin-right:-10px}.cursor{cursor:pointer}.h1{font-size:1.5em}.h1,.h2{margin-bottom:.5em}.h2{font-size:1.25em;margin-left:1em}.h3{margin-left:3em}.h3,.h4{font-size:1em;margin-bottom:.5em}.h4{margin-left:4em}.h5{margin-left:5em}.h5,.h6{font-size:1em;margin-bottom:.5em}.h6{margin-left:6em}.add-training-phrase-to-hocket-button svg.add-icon{cursor:pointer}.add-training-phrase-to-hocket-button svg.add-icon:hover{color:#000;background:#9f9;border:2px solid #000}.send-icon{position:relative;margin-right:8px;margin-left:4px;top:50%}.lc-clear{visibility:hidden}.canvas-open-icon{margin-right:4px;margin-left:4px;color:#2a9097;cursor:pointer}.canvas-open-icon:hover{color:#f6a801}.send-icon.active{cursor:pointer;color:#2a9097}.send-icon.active:hover{color:#f6a801}.send-icon.inactive{color:#ccc}.bark-view{padding:0;border:1px solid #000}.bark-view .center-panel,.bark-view .left-panel{padding:8px 8px 120px;height:460px;overflow-y:scroll}.bark-view .center-panel{border-left:1px solid #000;border-right:1px solid #000}.bark-view .right-panel{padding:8px 8px 120px;height:460px;overflow-y:scroll}.bottom-navbar{text-align:right;padding:8px;background-color:rgba(50,50,50,.7);overflow:hidden;position:fixed;bottom:0;width:100%}.bottom-navbar button{margin-right:16px}.bottom-badge{cursor:pointer;width:16px;height:16px;font-size:12px;font-weight:600;padding-top:1px;text-align:center;border-radius:20px;margin-top:-10px;margin-left:-12px;border:1px solid #000;background:#ccc;color:#fff;float:right;margin-right:24px}.message-class.message-bubble.bottom-badge.instructor-message{margin-right:20px;margin-left:-15px;margin-top:-10px;background-color:#ccc;border:1px solid #000;color:#fff;width:12px;height:12px;font-size:20px}.message-class.message-bubble.bottom-badge.instructor-message:hover{background:#d4f}.message-class.message-bubble.bottom-badge.instructor-message svg{transform:scale(1);margin-left:-1px;margin-right:0}.question-badge svg{transform:scale(.5);margin-left:-4px;margin-top:-4.5px}.question-badge.active,.question-badge:hover{background:#d4f}.hocket-badge.active,.hocket-badge:hover{background:#f50}.chamber-badge.active,.chamber-badge:hover{background:#fd3;color:#000}.blackboard-data td{background:#555;color:#fff;padding:4px}.blackboard-data .active-chamber-id{background:#fd3;color:#000}.blackboard-data .active-question-id{background:#d4f}.blackboard-data .interest{background:#8fb;color:#000}.deletion-cell{cursor:pointer;padding:4px;background:#000;color:#fff;text-align:center;vertical-align:middle;font-weight:700;width:18px}.deletion-cell:hover{background:red}.theatre-area{background:#555}.fallback-bar,.feedback-bar,.off-topic-bar{font-size:1.3em;font-weight:700;color:#fff;background:#000;padding:8px}.login-area{padding-top:40px}.login-area h1{font-weight:400}.login-area p{font-size:20pt;margin-bottom:40px}.login-logout-area{position:relative;background:#333;color:#fff;height:100%;min-height:0;text-align:center}.login-logout-area button{margin-top:-18px;margin-left:-148px;position:absolute;color:#fff;width:300px;text-align:center}.message-time-ago{display:inline;font-size:.7em;color:#555;margin:0;padding:0 20px}.students-view{width:100%;height:100%;min-height:0;border-spacing:0}.student-microcard{background:#fff;color:#000;border:1px solid #000;margin:4px}.student-microcard img{height:32px;width:32px}.student-microcard h3{font-size:1em;margin-top:0;margin-bottom:0}.student-card{margin:12px}.student-card h3{margin-top:0}.delete-button{cursor:pointer;border-radius:12px;border:1px solid #555;float:right;margin-top:-48px;margin-right:-12px;background:#ccc;color:#fff}.instructor-chat-area .delete-button{width:24px;height:24px}.delete-button:hover{color:#fff;background:red}.combine-messages{margin-bottom:-32px}.combine-messages .combine-button{background:#ccc;border:1px solid #aaa;border-radius:20px;color:#fff;cursor:pointer;display:inline-block;font-size:.8em;padding:4px}.combine-messages .combine-button:hover{background:#555}.combine-messages.student-side{text-align:right}.badge{float:right;height:12px;width:12px;border-radius:8px;text-align:center;background:red;color:#fff;padding:2px;font-size:9px;font-weight:700;margin-right:-12px;margin-top:-4px}.suggestion-chips{margin:20px 10%;text-align:center}@keyframes fadein{0%{opacity:0}50%{opacity:0;transform:translate(-40px)}to{opacity:1}}.suggestion-chips button{font-size:1em;font-weight:600;text-align:center;padding:4px 12px;border-radius:20px;border:2px solid #db9500;color:#fefbf4;background:rgba(219,149,0,.8);cursor:pointer;margin:2px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms;animation-name:fadein;animation-duration:1.4s}.suggestion-chips button.visited{background:#aaa;color:#fff}.suggestion-chips button.inactive{cursor:auto}.suggestion-chips button:hover:not(.inactive){opacity:.85;cursor:pointer}.suggestion-chips button:active:not(.inactive){transition:transform .2s,background .2s,color .2s,box-shadow .2s;transform:scale(.9)!important}.hockets-view .right-panel{background-color:#333;color:#fff;font-weight:700;padding:0;border-left:1px solid #ccc}.summary-area{margin-top:0;padding:0 16px 16px}.hockets-view .summary-area h1{padding-top:0}.emoji-area{font-size:1.5em;margin-top:-16px;margin-bottom:-16px;margin-right:28px;float:right}.emoji-area .check-badge{background:#62ffad;padding:4px 4px 0}.emoji-area .check-badge,.emoji-area .emoji-button{margin-left:24px;border:1px solid #000;border-radius:20px;text-align:center}.emoji-area .emoji-button{cursor:pointer;background:#fff;padding:2px 2px 0}.emoji-area .confused-button{cursor:pointer;opacity:.5}.emoji-area .confused-button.active{opacity:1}.emoji-area .confused-button:hover{opacity:1}.emoji-area .happy-button{cursor:pointer;opacity:.5}.emoji-area .happy-button.active{opacity:1}.emoji-area .happy-button:hover{opacity:1}img.instructor-bubble{width:24px;height:24px;border:1px solid #000;border-radius:20px;background-color:#fffef8;position:relative;z-index:0}.live-classroom-view,.live-classroom-view table{height:100%;min-height:0;width:100%}.live-classroom-view table td{border:1px solid #555}.live-classroom-view table .bottom,.live-classroom-view table .search-area{height:60px}.live-classroom-view table td{width:25%}.live-classroom-view .hocket-cards{height:100%;min-height:0;overflow-y:scroll}.live-classroom-view .message-card{border:1px solid #333;padding:4px;margin:4px 0 0}.live-classroom-view .participant-card{padding:3px 2px 2px;margin:2px 0 0;cursor:pointer}.live-classroom-view .participant-card:last-child{margin-bottom:12px}.live-classroom-view .message-card p{padding:4px;margin:0}.live-classroom-view .participant-card p{padding:1px;margin:0}.live-classroom-view .selected-hocket-area{height:100%;min-height:0;overflow-y:scroll}.live-classroom-view .chat-arrow{background:#6fb}.live-classroom-view .chat-arrow,.live-classroom-view .chat-icon{padding:0;height:28px;width:28px;font-weight:700;float:right;border-radius:20px}.live-classroom-view .img-chat-icon{padding:0;height:28px;width:28px;font-weight:700;border-radius:20px;float:left;margin-right:5px;margin-top:4px}.participant-display-name{margin-bottom:2px}.participant-message-time-ago{font-size:.7em;color:#555;margin:0;padding:3px 20px 0 0}.x-contained{overflow-x:hidden}.y-scrollable{height:100%}.y-scrollable,.y-scrollable-no-height{min-height:0;overflow-y:scroll;scroll-behavior:smooth;overscroll-behavior:contain}.no-height{min-height:0}.left-bar{width:180px}ul.section-list{list-style:none;font-size:1rem;margin-left:-12px}ul.section-list li:before{content:"\2022";color:var(--bullet-color);font-weight:700;display:inline-block;width:.6em;margin-left:-1em;transform:translateY(-1px)}.MuiCardHeader-root{font-size:1rem}.MuiDrawer-paper{overscroll-behavior:contain}table.instructor-chat-view{border-spacing:0;width:100%;height:100%}table.instructor-chat-view td{padding:0}table.student-filter-area{width:100%;height:100%;border-spacing:0}table.student-filter-area td{vertical-align:top;padding:0}.light-grey{background:#f0f0f0}.grey{background:#ccc}.dark-grey{background:#333}.teal-backsplash{background-image:linear-gradient(90deg,#45868b,#5faaab)}table.engineering{border-spacing:0;width:100%;height:100%}table.engineering td{padding:0;vertical-align:top}.engineering .microcard{border:1px solid #000;margin:4px;background:#fff}table.frame{border-spacing:0;width:100%;height:100%;min-height:0;table-layout:fixed}table.frame td{padding:0;vertical-align:top}.small-padded{padding:3px 10px 5px}.padded-sides{padding-left:2em;padding-right:2em}.padded{padding:8px}.padded-bottom{padding-bottom:1em}.extra-padded-top{padding-top:4em}.extra-padded-bottom{padding-bottom:4em}.extra-padded{padding:4em}.extra-padded-right{padding:8px 48px 8px 24px}.extra-padded-left{padding:8px 24px 8px 36px}.full-lesson-view{margin:12px}.margin-16{margin:16px}.centered{text-align:center}.v-centered{align-items:center;justify-content:center}.align-items-stretch{align-items:stretch}.right-aligned{text-align:right}.insert-drawing-button{float:right}.fabric-palette-container{display:inline-block;vertical-align:middle;margin-left:20px}.fabric-color-palette{display:inline;display:grid;grid-template-columns:20px 20px 20px 20px;grid-template-rows:16px 16px}.juniper-row{height:69px}.juniper-container{max-height:550px;overflow-y:scroll;border-radius:4px 4px 0 0;border:1px solid #ccc;position:relative;z-index:10}.on-card-juniper-container{margin-top:12px}.on-card-juniper-container .juniper-cell{border-radius:0}.juniper-container .juniper-cell{line-height:1.8;font-size:13px;border:none}.juniper-cell{font-family:Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em;line-height:2;border:1px solid #ccc;position:relative;border-radius:4px 4px 0 0;line-height:1.8;font-size:13px}.juniper-input{border-radius:4px 4px 0 0}.juniper-output{background:#222;color:#eee;padding:2em}.juniper-button{font-size:1em;top:20px;right:25px}.quill-wrapper .juniper-cell{width:90%;margin-left:auto;margin-right:auto;margin-bottom:20px;border-bottom:1px solid #ccc}.ql-snow .ql-editor pre{padding:.6em 1em!important}.juniper-cell .CodeMirror{font-family:Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;padding:.6em 1em;border-radius:4px 4px 0 0;height:auto}.juniper-cell pre{color:#555}.juniper-button{color:#fff;font-family:"Roboto","Helvetica","Arial",sans-serif;position:absolute;letter-spacing:.02857em;top:9px;right:9px;font-size:.8125rem;z-index:10;padding:0 1.1em;height:2em;line-height:1.75;font-weight:501;background-color:#237882;border-radius:5px;text-transform:uppercase;border:0;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms}.juniper-button:active,.juniper-button:focus{outline:0;border:none;outline-style:none;-moz-outline-style:none}.juniper-button:hover{opacity:.85;cursor:pointer}.juniper-button:active{transition:transform .2s,background .2s,color .2s,box-shadow .2s;transform:scale(.9)}.literally-canvas-button{margin:2px}.literally-canvas-buttons{border-top:thin solid #ccc;background:#fff}.literally .lc-picker{width:62px!important}.literally .lc-options{left:63px!important}.canvas-border{border:thin solid #777}.message-form-container .literally-canvas-tool{border:thin solid #555;border-radius:2px}.literally-canvas-tool{border:thin solid #555;border-bottom:none;border-top-left-radius:2px;border-top-right-radius:2px}.fabric-canvas-tool,.literally-canvas-tool{position:relative;max-width:825px;margin-left:auto;margin-right:auto}.fabric-canvas-tool{border:thin solid #555;width:100%;border-top-left-radius:2px;border-top-right-radius:2px}.fabric-canvas-tool.docked{border:none}.height-0{height:0}.height-30{height:30px}.height-60{height:60px}.height-120{height:120px}.height-240{height:240px}.height-320{height:320px}.width-80{width:80px}.width-120{width:120px}.cards-container{display:flex;flex-wrap:wrap;justify-content:space-evenly}.admin-achievement-card{border:1px solid #ccc;margin:12px;padding:4px}.admin-achievement-card .subtext{margin-top:16px;text-align:center;font-size:.5em}.inactive-achievement-card{background:#ccc;color:#333;padding:8px;min-height:100px;text-align:center}.achievement-card,.inactive-achievement-card{border:1px solid #ccc;width:100px;margin:12px}.achievement-card{background:#fff;padding-top:24px}.admin-tag-card{background:#fff;border:1px solid #ccc;border-radius:40px;margin:12px}.big-input input{font-size:2em}.medium-input input{font-size:1.5em}.small-input input{margin-top:0;margin-bottom:0;font-size:.75em}.jxgbox button{color:#000;font-family:"Source Sans Pro","Palatino","Roboto","Helvetica","Arial",sans-serif;letter-spacing:.02em;font-size:.8125rem;z-index:10;padding:0 .8em .2em;height:2em;line-height:1.75;font-weight:400;background-color:#fff;border-radius:5px;border:1px solid #aaa;box-shadow:0 3px 1px -2px rgba(0,0,0,.4),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms}.jxgbox button:active,.jxgbox button:focus{outline:0;outline-style:none;-moz-outline-style:none}.jxgbox button:hover{opacity:.95;cursor:pointer}.jxgbox button:active{transition:transform .2s,background .2s,color .2s,box-shadow .2s;transform:scale(.95)}.tag-area table td{border:1px solid #ccc;background:#fff;padding:4px;vertical-align:middle}.tag-area .delete-tag{margin-top:40px}.playwright{background:#dfdfdf}.playwright .bot-list-item{background:#fff;padding-left:12px}.playwright .human-list-item{background:#eef;padding-left:12px}.randomize-icon-button{font-size:.5em;margin:24px}element.style{opacity:1;transform:none}@keyframes appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes emoji-appear{0%{opacity:0}to{opacity:1}}.float-left{float:left}.flex-wrap{flex-wrap:wrap}.project-select,.sharing-project-select{color:#fff}.project-select button{margin-right:6px;color:#fff}.sharing-project-select button{color:#fff}a.menu-link{color:#000;text-decoration:none}.suggestion-switch{transform:rotate(270deg)}.v-switch-container{margin-left:-4px;margin-bottom:0;margin-right:-12px;text-align:center}.welcome-message-area .MuiButton-textPrimary{color:#237882}.suggestion-input .MuiFormControl-root{margin-top:4px}.suggestion-placeholder-text{font-style:italic}.suggestion-actual-text,.suggestion-placeholder-text{font-size:13px!important;padding-left:.85em!important;font-family:"Source Sans Pro"!important}.logo-image{width:350px;margin-top:40px;margin-bottom:20px}.gray{color:#aaa}.documentation-view .carousel .slide,.landing-view .carousel .slide{background-color:#eee}.documentation-view .carousel .slide .legend,.landing-view .carousel .slide .legend{position:relative;background:#eee;color:#333!important;font-size:24px}.documentation-view .carousel-header,.landing-view .carousel-header{color:#333;font-weight:400}.documentation-view .slide-container,.landing-view .slide-container{position:relative;max-width:1000px;margin:auto}.slide.selected .image-overlay{animation-name:fadeinout;animation-duration:2.8s}@keyframes fadeinout{0%{opacity:0;transform:scale(1.2)}50%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.image-overlay{position:absolute;top:4%;left:13.5%;width:73%;opacity:0}.blur{filter:blur(5px);opacity:.5}.masking-cover{position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;opacity:.7;background:grey}.student-submission-card{margin-left:auto;margin-right:auto;display:block;border:1px solid #142e30;border-radius:10px;padding:20px;margin-top:3%;position:absolute;top:0;left:50%;height:84%;background:#fff;z-index:1200;transform:translate(-50%);overflow-y:scroll;overscroll-behavior:contain;width:60%;max-width:950px;min-width:250px}.react-confirm-alert-overlay{z-index:1300!important}@font-face{font-family:"Notification";src:url(/static/media/notification.c0d3c94c.eot);src:url(/static/media/notification.c0d3c94c.eot?#iefixs3g3t9) format("embedded-opentype"),url(/static/media/notification.651771e1.woff) format("woff"),url(/static/media/notification.0b4ac1dc.ttf) format("truetype"),url(/static/media/notification.5bee74ca.svg#notification) format("svg");font-weight:400;font-style:normal}.notification-container{box-sizing:border-box;position:fixed;top:57px;left:0;z-index:1300;width:320px;padding:0 15px 20px;max-height:calc(100% - 30px);overflow-x:hidden;overflow-y:auto}.notification{box-sizing:border-box;padding:15px 15px 15px 58px;border-radius:2px;color:#fff;background-color:#ccc;box-shadow:0 0 12px #999;cursor:pointer;font-size:1em;line-height:1.2em;position:relative;opacity:.9;margin-top:15px}.notification .title{font-size:1em;line-height:1.2em;font-weight:700;margin:0 0 5px}.notification:focus,.notification:hover{opacity:1}.notification-enter{visibility:hidden;transform:translate3d(-100%,0,0)}.notification-enter.notification-enter-active{visibility:visible;transform:translateZ(0);transition:all .4s}.notification-leave{visibility:visible;transform:translateZ(0)}.notification-leave.notification-leave-active{visibility:hidden;transform:translate3d(100%,0,0);transition:all .4s}.notification:before{position:absolute;top:50%;left:15px;margin-top:-14px;display:block;font-family:"Notification";width:28px;height:28px;font-size:28px;text-align:center;line-height:28px}.notification-info{background-color:#237882}.notification-info:before{content:""}.notification-success{background-color:#237882}.notification-success:before{content:""}.notification-warning{background-color:#f89406}.notification-warning:before{content:""}.notification-error{background-color:#bd362f}.notification-error:before{content:""}.results-table{margin-left:auto;margin-right:auto;display:block;border:1px solid #142e30;border-radius:10px;padding:20px;margin-top:10%;position:absolute;top:0;left:50%;height:80%;background:#fff;z-index:1200;transform:translate(-50%);overflow-y:scroll;overscroll-behavior:contain;width:80%;max-width:950px;min-width:250px}.live-student-typing-card{border:1px solid #ccc;border-radius:8px}.live-student-typing-card.answered-typing-card{border:2px solid teal}.live-student-typing-card .ql-container.ql-snow{border:none}.live-writing-container{position:absolute;top:calc(50% - 50px);left:50%;height:calc(80% - 100px);z-index:1200;transform:translate(-50%,-50%);width:80%;background:#fff}.live-student-typing-container{display:grid;grid-template-columns:repeat(auto-fill,425px);grid-row-gap:5px;grid-column-gap:5px;justify-content:center;align-content:start;background:#fff;margin-top:5%;height:80%;width:80%}.help-info,.live-student-typing-container{margin-left:auto;margin-right:auto;border:1px solid #142e30;border-radius:10px;padding:20px;position:absolute;top:0;left:50%;z-index:1200;transform:translate(-50%);overflow-y:scroll;min-width:250px}.help-info{display:block;margin-top:10%;height:70%;background:#45868b;color:#fff;width:60%;max-width:450px}.help-info h1{text-align:center}.help-info ul li{color:#ddd}.help-info tt{color:#fff;font-size:18px}.help-info a{color:#ddd}.no-outline{outline:none}.position-relative{position:relative}.suggested-response-reply-container{margin-left:8px;width:40%}.lm-Widget,.p-Widget{overflow-x:scroll}.jp-OutputArea-output pre{font:inherit;margin:0;white-space:pre-wrap;word-wrap:break-word;direction:ltr}.jp-OutputArea-prompt{float:left;color:#999;margin-right:.5em}.jp-OutputArea-output .ansi-green-fg{color:#88ec8e}.jp-OutputArea-output .ansi-red-fg{color:#ef6f61}.jp-OutputArea-output .ansi-cyan-fg{color:#a8e9fc}.jp-OutputArea-output .ansi-yellow-fg{color:#f6f4a0}.jp-OutputArea-output .ansi-blue-fg{color:#6cc6fc}.jp-OutputArea-output .ansi-purple-fg{color:#ee81c2}.jp-RenderedImage img,.jp-RenderedSVG img{display:block;margin-left:auto;margin-right:auto}.jp-RenderedHTML table{margin-left:auto;margin-right:auto}.jp-RenderedHTML table.data-frame{border-collapse:collapse;border:none}.jp-RenderedHTML table.data-frame tr{border:none}.jp-RenderedHTML table.data-frame td{margin:0;border:thin solid #ccc;padding-left:1em;padding-right:.5em}.jp-RenderedHTML table.data-frame tbody th{border-bottom:thin solid #ccc}.jp-RenderedHTML table.data-frame tbody th,.jp-RenderedHTML table.data-frame thead th{margin:0;padding-left:1em;padding-right:.5em;border-right:thin solid #ccc;text-align:center;font-family:"Source Sans Pro"}.jp-RenderedHTML table.data-frame thead th{border-bottom:2px solid #777}.jp-RenderedHTML table.data-frame thead tr:first-child th{border-bottom:none}.jp-RenderedHTML table.data-frame tr:nth-child(odd){background-color:#e2e2e2}.jp-RenderedHTML table.data-frame tbody tr:nth-child(odd):hover{background-color:teal;color:#fff}.jp-RenderedHTML table.data-frame tbody tr:nth-child(2n):hover{background-color:teal;color:#fff}.jp-RenderedHTML table.data-frame tbody tr:hover td{border-right:1px solid #1b5b63}.jp-RenderedHTML table.data-frame tbody tr:hover th{color:teal}.jp-RenderedHTML table.data-frame thead tr:first-child{background-color:unset}.jp-RenderedHTML table.data-frame thead tr:nth-child(2){border-bottom:1px solid #000}.jp-RenderedHTML table.data-frame tr th:first-child{background-color:#eee;border-right:2px solid #777}.jp-RenderedHTML table.data-frame td{padding:5px;text-align:center;font-family:"Source Sans Pro";font-size:16px}.jp-RenderedHTML table.dataframe{border-collapse:collapse;border:none}.jp-RenderedHTML table.dataframe tr{border:none}.jp-RenderedHTML table.dataframe td{margin:0;border:thin solid #ccc;padding-left:1em;padding-right:.5em}.jp-RenderedHTML table.dataframe tbody th{border-bottom:thin solid #ccc}.jp-RenderedHTML table.dataframe tbody th,.jp-RenderedHTML table.dataframe thead th{margin:0;padding-left:1em;padding-right:.5em;border-right:thin solid #ccc;text-align:center;font-family:"Source Sans Pro"}.jp-RenderedHTML table.dataframe thead th{border-bottom:2px solid #777;border-top:none}.jp-RenderedHTML table.dataframe thead tr:first-child th{border-left:none}.jp-RenderedHTML table.dataframe tr:nth-child(odd){background-color:#e2e2e2}.jp-RenderedHTML table.dataframe tbody tr:nth-child(odd):hover{background-color:teal;color:#fff}.jp-RenderedHTML table.dataframe tbody tr:nth-child(2n):hover{background-color:teal;color:#fff}.jp-RenderedHTML table.dataframe tbody tr:hover td{border-right:1px solid #1b5b63}.jp-RenderedHTML table.dataframe tbody tr:hover th{color:teal}.jp-RenderedHTML table.dataframe thead tr:first-child{background-color:unset}.jp-RenderedHTML table.dataframe thead tr:nth-child(2){border-bottom:1px solid #000}.jp-RenderedHTML table.dataframe tr th:first-child{background-color:#eee;border-right:2px solid #777;border-left:none}.jp-RenderedHTML table.dataframe td{padding:5px;text-align:center;font-family:"Source Sans Pro";font-size:16px}.jp-RenderedHTML table{border-collapse:collapse;border:none}.jp-RenderedHTML table tr{border:none}.jp-RenderedHTML table td{margin:0;border:thin solid #ccc;padding-left:1em;padding-right:.5em}.jp-RenderedHTML table tbody th{border-bottom:thin solid #ccc}.jp-RenderedHTML table tbody th,.jp-RenderedHTML table thead th{margin:0;padding-left:1em;padding-right:.5em;border-right:thin solid #ccc;text-align:center;font-family:"Source Sans Pro"}.jp-RenderedHTML table thead th{border-bottom:2px solid #777;border-top:none}.jp-RenderedHTML table thead tr:first-child th{border-left:none}.jp-RenderedHTML table tr:nth-child(odd){background-color:#e2e2e2}.jp-RenderedHTML table tbody tr:nth-child(odd):hover{background-color:teal;color:#fff}.jp-RenderedHTML table tbody tr:nth-child(2n):hover{background-color:teal;color:#fff}.jp-RenderedHTML table tbody tr:hover td{border-right:1px solid #1b5b63}.jp-RenderedHTML table tbody tr:hover th{color:#fff}.jp-RenderedHTML table thead tr:first-child{background-color:unset}.jp-RenderedHTML table thead tr:nth-child(2){border-bottom:1px solid #000}.jp-RenderedHTML table td{padding:5px;text-align:center;font-family:"Source Sans Pro";font-size:16px}.ag-theme-material .input-group{display:flex;flex-direction:row;align-items:center;height:3em;margin-bottom:16px}.ag-theme-material button.btn{color:#777;border:1px solid grey;border-top-left-radius:4pt;border-bottom-left-radius:4pt;border-top-right-radius:0;border-bottom-right-radius:0;text-transform:none;margin:0;font-size:12pt;font-family:inherit;flex:1 1;-webkit-box-flex:1;height:42px;padding-top:7px}.ag-theme-material .inside-button button.btn{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.ag-theme-material button.btn:focus{outline:none}.ag-theme-material button.btn:hover{background-color:#237882;color:#fff}.ag-theme-material .form-control{position:relative;font-size:12.5pt;font-weight:500;line-height:2;letter-spacing:.02857em;color:#777;font-family:"Roboto","Helvetica","Arial",sans-serif;border-top-right-radius:4pt;border-bottom-right-radius:4pt;border:1px solid grey;border-left:none;height:38px;padding-left:12px;flex:1 1;-webkit-box-flex:1;width:1%;margin:0}.ag-theme-material .form-control.no-export-button{border:1px solid grey;border-radius:4pt}.ag-theme-material .form-control:focus{outline:none}.force-centered{margin-left:auto!important;margin-right:auto!important;display:block!important}.small-padding{padding:0 3px}.hockets-area{padding-top:1em;padding-bottom:4em;max-width:800px;margin-left:auto;margin-right:auto;width:85%}@media only screen and (max-width:600px){.hockets-area{width:95%}}.hockets-area:focus{outline:none}.message-form-mathquill-tool{height:100px;border:1px solid #ccc;border-radius:5px}.jessie-code-entry-field{width:96.5%;margin-top:4px;margin-right:4px;padding:10px;border:1px solid #ccc;border-radius:4px;background-color:#333;color:#fff;font-family:Menlo,Monaco,"Lucida Console",monospace}.jessiecode-editor{font-size:12px;background-color:#3c3c3c;border-radius:3px;border:1px solid #aaa;color:#fff;margin-top:.4em}.aspect-ratio-input{margin-top:12px!important}.save-title-description-container{width:90%;max-width:760px;margin:20px auto 10px}.delete-assignment-message-button{margin-left:20px!important}.title-button-container{margin-right:0;margin-top:20px;margin-left:20px}.message-form-container{border:1px solid #ccc;border-radius:8px;margin-top:4px}.save-delete-container{margin-top:1em}.message-form-container-container{padding:20px 30px}.on-card-code-cell{width:90%;max-width:760px;margin-left:auto;margin-right:auto;margin-bottom:20px;max-height:800px;overflow-y:scroll}.problem-statement{padding:6px}.assignment-title{margin-top:2em;margin-bottom:1em}.assignment-title input{font-size:3em;line-height:normal}.student-answer-card{border:1px solid hsla(0,0%,46.7%,.6666666666666666);border-radius:4px;padding:14px 16px;margin-top:6px;box-shadow:0 3px 4px -2px rgba(22,60,74,.2),0 4px 4px -2px rgba(22,60,74,.14),0 1px 5px 0 rgba(22,60,74,.12)}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#90a4ae}.token.punctuation{color:#9e9e9e}.namespace{opacity:.7}.language-css .token.string,.style .token.string,.token.attr-name,.token.boolean,.token.builtin,.token.char,.token.constant,.token.deleted,.token.entity,.token.inserted,.token.number,.token.operator,.token.property,.token.selector,.token.string,.token.symbol,.token.tag,.token.url{color:#eee}.token.atrule,.token.attr-value,.token.keyword{color:#5faaab}.token.function{color:#fb8279}.token.important,.token.regex,.token.variable{color:#ff9800}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.project-view{width:100%;height:100%;overflow-y:hidden}.project-display-name input{font-size:3em;font-weight:500;line-height:normal}.project-description,.project-display-name,.share-link-area{margin-bottom:20px}.share-link-area{background:#ccc;font-weight:500}.shareable-link{background:#fff;margin-top:8px;padding:8px;font-size:12pt}.shareable-link tt{font-size:10pt}.go-to-classroom a{text-decoration:none;font-size:2em;color:#fff}.go-to-classroom{margin:1em auto 2em!important;display:block!important}.delete-project-area{background:#ffd;border:2px solid red}.welcome-message-area{border:1px solid #ccc;margin:40px;border-radius:10px;padding:10px 20px 20px}.welcome-message-area .subtext{margin-top:10px}.danger-zone{margin-top:225px;margin-bottom:200px}.pricing-view{background:#fffef8}.pricing-view .card{border:1px solid #000;padding:20px;margin:20px;background:#fff}.pricing-view .exposition{font-size:.7em}.pricing-view button{margin-top:40px;border:1px solid #000}.pricing-view .subtext{margin-top:-20px}.pricing-view h1{font-weight:400;font-size:3em}.privacy-policy-view{padding-left:10%;padding-right:10%}.privacy-policy-view a h1{text-decoration:none;color:#555}.privacy-policy-view a{text-decoration:none}.privacy-policy-view h1{font-size:6em;font-weight:400}.sidebar-button-panel.desktop{position:absolute;top:65px;right:12px;width:48px}.sidebar-button-panel .sidebar-tool{float:right;z-index:1}.comment-area{position:absolute;top:0;right:0;transform:translate(100%,-15px);padding:2px 12px;width:10%}.comment-area .comment-button{transform:scale(.75) translate(-22px)}.comment-area .plus-button{transform:scale(.75);margin-top:-12px;margin-left:auto;margin-right:auto;display:block}.comment-area .delete-button{transform:scale(.75) translate(20%,5%);position:absolute;top:0;right:0}.comment-area .delete-selected-button{transform:scale(.75) translate(5%,50%);position:absolute;top:0;right:0}.comment-area .comments{position:relative;margin-bottom:14px;border:1px solid #ccc;border-radius:4px}.comment-area .comments.selected{border:1px solid #fa3d34}.comment-area .comments .quill .ql-editor{font-size:11pt}.comment-area .comments .ql-container.ql-snow .ql-editor{padding:4px 6px}.comment-area .comments .ql-container.ql-snow{border:none}.comment-area .comment-photo{position:absolute;right:0;bottom:0;width:18px;border:1px solid #bbb;border-radius:12px;margin:3px;cursor:pointer;transform:translate(70%,60%);z-index:3}.assignment-creation-view{width:100%;height:100%}.assignment-creation-view .admin-nav{border-bottom:2px solid grey}.assignment-creation-view .admin-nav a{color:#fff;text-decoration:none}.assignment-creation-view .assignment-card{position:relative;margin-top:5px;border:1px solid #ccc;border-radius:4px}.assignment-creation-title{margin-bottom:12px}.assignment-creation-view .assignment-card .ql-container.ql-snow{border:none}.assignment-creation-view a{color:#5b6cc5;text-decoration:none}.assignment-creation-view .side-code-icon.mobile{margin-right:8px}.assignment-creation-view .message-form-card{position:relative}.assignment-creation-view .juniper-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:90%;max-width:900px}.assignment-view{width:100%;height:100%}.assignment-view .admin-nav a{color:#fff;text-decoration:none}.assignment-view .admin-nav{border-bottom:2px solid grey}.assignment-view .juniper-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:90%;max-width:900px}.assignment-view .assignment-card{position:relative;margin-top:5px;border:1px solid #ccc;border-radius:4px;margin-bottom:11px}.assignment-view .regrade-bubble.instructional-staff{left:-12px}.assignment-view .regrade-bubble.student-message-bubble{right:-12px}.assignment-view .problem-statement .assignment-card{margin-top:0}.assignment-view .assignment-card .ql-container.ql-snow{border:none}.assignment-view .description-text{margin-bottom:30px}.assignment-view .feedback-card .quill .ql-container.ql-snow{border:none}.assignment-view .feedback-card .quill-super-list .ql-container.ql-snow{border:1px solid #ccc}.assignment-view .problem-statement .problem-message{border:none}.assignment-view .problem-statement,.assignment-view .student-answer-card.feedback-card{border:1px solid rgba(45,120,128,.6);box-shadow:0 3px 4px -2px rgba(22,60,74,.2),0 4px 4px -2px rgba(22,60,74,.14),0 1px 5px 0 rgba(22,60,74,.12)}.assignment-view .student-answer-card.feedback-card{margin-top:30px;padding-top:10px;position:relative}.assignment-view .regrade-request{position:absolute;color:grey;top:0;right:0;transform:scale(.7)}.assignment-view .assignment-card.regrade-from-instructional-staff{border-radius:20px 20px 20px 5px}.assignment-view .assignment-card.grading-from-instructional-staff,.assignment-view .assignment-card.regrade-from-student{border-radius:20px 20px 5px 20px}.assignment-view .assignment-card.grading-from-student{border-radius:20px 20px 20px 5px}.assignment-view a{color:#5b6cc5;text-decoration:none}.assignment-view .rubric-points{margin-right:10px;margin-top:10px;color:#237882;float:right}.assignments-creation-view{width:100%;height:100%}.assignments-creation-view table{width:100%;height:100%;min-height:0;border-spacing:0}.assignments-creation-view .assignment-buttons-area{max-width:800px;margin-left:auto;margin-right:auto}.assignments-creation-view h1{font-size:2.5em;padding:0;margin:0 0 0 12px}.assignments-creation-title{margin-bottom:20px}.assignments-creation-view .assignment-creation-area{padding:20px;border-radius:8px;width:80%;margin:0 auto;background:#ffffea;border:1px solid #aaa}.assignments-creation-view .assignment-description{margin-bottom:20px}.assignments-creation-view a{color:#000;text-decoration:none}.assignments-creation-view .admin-nav a{color:#fff;text-decoration:none}.assignments-creation-view .admin-nav{border-bottom:2px solid grey}.assignments-creation-view .assignment-creation-area .assignment-creation-note{color:grey;font-size:8pt;margin-bottom:20pt}.assignments-creation-view .assignment-card-text .MuiTypography-colorTextSecondary{color:#237882}.assignments-creation-view .assignment-card-text .MuiTypography-body1{font-size:1.2rem;font-weight:500}.assignments-creation-view .hide-button{width:100%}.assignments-creation-view .assignments-title{margin-bottom:20px}.assignments-view{width:100%;height:100%}.assignments-view .admin-nav{border-bottom:2px solid grey}.assignments-view .admin-nav a{color:#fff;text-decoration:none}.assignments-view .assignment-buttons-area{max-width:800px;margin-left:auto;margin-right:auto;padding-bottom:80px}.assignments-view button.btn{background-color:#237882;color:#fff;border:1px solid grey;border-top-left-radius:4pt;border-bottom-left-radius:4pt;border-top-right-radius:0;border-bottom-right-radius:0;text-transform:none;margin:0;font-size:12pt;font-family:inherit;flex:1 1;-webkit-box-flex:1;height:42px;padding-top:7px}.assignments-view button.btn:hover{background-color:#004c55}.assignments-view button.btn:focus{outline:none}.assignments-view .form-control{position:relative;font-size:14pt;border-top-right-radius:4pt;border-bottom-right-radius:4pt;border:1px solid grey;border-left:none;height:38px;padding-left:12px;flex:1 1;-webkit-box-flex:1;width:1%;margin:0}.assignments-view .form-control:focus{outline:none}.assignments-view .MuiFormControlLabel-root{margin-left:0}.assignments-view .ag-root-wrapper a{color:#237882}.assignments-view table{width:100%;height:100%;min-height:0;border-spacing:0}.assignments-view table td{padding:0}.assignments-view td{vertical-align:top}.assignments-view h1{font-size:3em;padding:0;font-weight:550;margin:40px 0 0 12px}.assignments-view .assignment-description{margin-bottom:20px}.assignments-view a{color:#000;text-decoration:none}.assignments-view .assignment-card-text .MuiTypography-colorTextSecondary{color:#237882}.assignments-view .assignment-card-text .MuiTypography-body1{font-size:1.2rem;font-weight:500}.assignment-grading-view{width:100%;height:100%}.assignment-grading-view .admin-nav a{color:#fff;text-decoration:none}.assignment-grading-view .admin-nav{border-bottom:2px solid grey}.assignment-grading-view .problem-statement{border:1px solid rgba(45,120,128,.6);box-shadow:0 3px 4px -2px rgba(22,60,74,.2),0 4px 4px -2px rgba(22,60,74,.14),0 1px 5px 0 rgba(22,60,74,.12)}.assignment-grading-view .assignment-card{margin-top:5px;border:1px solid #ccc;border-radius:4px}.assignment-grading-view .description-text{margin-bottom:30px}.assignment-grading-view .problem-statement .assignment-card{margin-top:0}.assignment-grading-view .group-assignment-select{position:absolute;top:12px;right:12px}.assignment-grading-view .assignment-card .ql-container.ql-snow{border:none}.assignment-grading-view .student-submission-card .problem-statement{border:1px solid rgba(45,120,128,.6);box-shadow:0 3px 4px -2px rgba(22,60,74,.2),0 4px 4px -2px rgba(22,60,74,.14),0 1px 5px 0 rgba(22,60,74,.12)}.assignment-grading-view .problem-statement .problem-message{border:none}.assignment-row .juniper-row{padding-bottom:12px}.assignment-grading-view .suggestion-input-card{margin-top:20px;border:none}.assignment-grading-view .juniper-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:90%;max-width:900px}.student-submission-card .student-answer-card .ql-container.ql-snow{margin-bottom:16px}.student-submission-card .problem-statement .ql-container.ql-snow{border:none}.assignment-grading-view a{color:#5b6cc5;text-decoration:none}.export-assignment-button,.save-button{float:right}.ql-image{max-width:90%;margin:auto;display:block}.grading-submit-icon{position:fixed;top:115px;right:8px;color:#237882;margin-right:8px;cursor:pointer}.grading-submit-icon.mobile{position:static;float:right;padding:12px 12px 12px 0;right:75px;top:75px}.assignment-grading-view .rubric-points{margin-right:10px;margin-top:10px;color:#237882;float:right}.assignment-grading-view .rubric-tool{margin-top:10px;color:grey;float:right}.assignment-grading-view .assignment-card.regrade-from-instructional-staff{border-radius:20px 20px 5px 20px}.assignment-grading-view .assignment-card.regrade-from-student{border-radius:20px 20px 20px 5px}.assignment-grading-view .assignment-card.grading-from-instructional-staff{border-radius:20px 20px 5px 20px;margin-bottom:12px;position:relative}.assignment-grading-view .assignment-card.grading-from-student{border-radius:20px 20px 20px 5px;margin-bottom:12px;position:relative}.assignment-grading-view .student-answer-card{border:1px solid hsla(0,0%,46.7%,.6666666666666666);border-radius:4px;padding:14px 16px;margin-top:6px;box-shadow:0 3px 4px -2px rgba(22,60,74,.2),0 4px 4px -2px rgba(22,60,74,.14),0 1px 5px 0 rgba(22,60,74,.12)}.assignment-grading-view .student-answer-card.active{border:1px solid #ffdb70;box-shadow:0 3px 4px -2px #ffdb70,0 4px 4px -2px #ffdb70,0 1px 5px 0 #ffdb70}.assignment-grading-view .student-submission-card .student-answer-card.active{border:1px solid hsla(0,0%,46.7%,.6666666666666666);box-shadow:0 3px 4px -2px rgba(22,60,74,.2),0 4px 4px -2px rgba(22,60,74,.14),0 1px 5px 0 rgba(22,60,74,.12)}.assignment-grading-view .rubric-group .MuiFormControlLabel-label{width:100%}.regrade-bubble{border:1px solid #777;color:#777;position:absolute;bottom:-10px;width:24px;height:24px;border-radius:16px;background:#fff;text-align:center}.regrade-bubble img{width:24px;height:24px;border-radius:16px}.assignment-grading-view .regrade-bubble.instructional-staff{right:-12px}.assignment-grading-view .regrade-bubble.student-message-bubble{left:-12px}table.daily td{border:1px solid #333;vertical-align:middle;padding:4px}table.daily thead td{border:0;font-weight:700}.metrics-view .cards-section{background:#f3f3f3;padding:28px}.metrics-view .cards-section .card{background:#fff;padding:0 20px 20px;margin-bottom:20px;border:1px solid #ddd}.single-table-switch-container{margin-top:20px}.width-160{width:160px}.student-metrics-view{overflow-y:hidden}.message-card{position:relative}.message-card-photo{position:absolute;width:24px;height:24px;border-radius:20px;color:#fff;border:1px solid #000;background:#fff}.bottom-left{position:absolute;bottom:-12px;left:-12px}.report-view .date-button.selected{border:1px solid #aaa}.report-view .date-selection-area{margin-left:auto;margin-right:auto;margin-top:50px;width:40%}.report-view .student-name{margin:50px 10% 30px;font-size:18px;text-align:center;padding:8px;border-radius:5px;background:#45868b;color:#fff;border:1px solid #000}.report-view .report-question{margin:20px 10%;font-size:18px;padding:8px;border-radius:5px;border:1px solid #333}.report-view .student-answer{margin:20px 10%;font-size:18px;padding:8px;border-radius:5px;background:#fffcea;border:1px solid #aaa}.report-view .ql-container.ql-snow{border:none}.report-view .student-answer{position:relative}.report-view .shared-lesson-response-icon{position:absolute;bottom:-12px;left:-12px}.report-view .notification-container{top:112px}.login-area{font-size:3em;text-align:center;padding-top:10px}.login-area .login-button{display:block;margin:10px auto auto;width:75%;max-width:300px}.join-warning{font-size:18px}.privacy-view{padding-left:10%;padding-right:10%}.privacy-view a h1{text-decoration:none;color:#555}.privacy-view a{text-decoration:none}.privacy-view h1{font-size:6em;font-weight:400}.privacy-view .request-area{border:1px solid #333;width:100%;padding:12px;margin:8px}.landing-view{background:#eee;font-size:1.3em}.landing-view .landing-top-bar{padding:12px;border-bottom:1px solid #ccc;text-align:right;min-height:40px}.carousel .control-dots .dot{background:#333}.landing-view .title{font-size:5em;font-family:Roboto}.landing-view .landing-top-bar a{text-decoration:none}.landing-view h1{margin-left:60px;font-size:6em;font-weight:200}.landing-view .extra-big-text{font-size:50px}.landing-view h1 p.subtext{font-size:.5em}.landing-view .big-pad,.landing-view .expo p.subtext{padding-left:20px;padding-right:20px}.landing-view .expo p.subtext{text-align:left;font-size:.8em}.landing-view p a{text-decoration:none;font-weight:700;color:#551b8b;padding:4px 2px;border-radius:8px}.landing-view p a:hover{background-color:#ddd}.videoWrapper{background:#333;position:relative;padding-top:20px;padding-bottom:56.25%}.videoWrapper iframe{position:absolute;width:75%;height:75%;margin:40px 12.5%}.videoWrapper p{font-size:1.8em;color:#fff;margin-bottom:2px}.landing-view .expo.splash{margin-top:0;padding-top:100px;padding-bottom:100px;align-items:center;justify-content:right;background-color:linear-gradient(90deg,#1a535b,#76c6c6);background-image:url(/landing-background-2.svg);background-size:cover;color:#ccc}.landing-view .expo.splash p{padding:0;margin:0}.landing-view .course-card-container{display:grid;grid-template-columns:repeat(auto-fill,240px);justify-content:center;grid-column-gap:15px;column-gap:15px;grid-row-gap:15px;row-gap:15px}.landing-view .rtl{background:#eee}.rtl p{color:#333}.rtl li{color:#fff}.expo.splash li{text-align:left;margin-bottom:10px}.expo{padding-top:100px}.expo .big-pad{padding-left:30%;padding-right:30%;font-size:1.8em}.expo h2{font-size:2.5em;font-weight:200;color:#333}.landing-view .expo p{font-size:1.3em;font-weight:200;padding:8px}.landing-view .margin-40{margin-left:40px;margin-right:40px}.landing-view .panel-container{max-width:1200px;margin:auto}.landing-view .margin-below{margin-bottom:120px}.landing-view .more-information-wrapper{width:72%;padding-top:10px;padding-bottom:75px;margin:35px auto auto}.landing-view .more-information{font-size:2em;font-weight:200;color:#ccc;text-align:left;margin:auto;padding-left:50%;transform:translate(-25%)}.landing-view .more-information ul{padding-bottom:50px;font-size:1em;font-weight:200}.landing-view .more-information p{padding-top:80px}.indented{margin-left:35px}.gray-p p{font-size:20px}.gray-p h1,.gray-p p{color:grey}.landing-view .expo img.list-image{min-width:200px;max-width:350px;width:80%;display:block;margin:50px auto}.landing-view .dark-bg{background-image:linear-gradient(90deg,#45868b,#5faaab);background-size:cover}.landing-view .more-information a:hover{background:#5faaab;color:#333}.landing-view .more-information a{border-radius:5px;padding:2px 4px}.landing-view .flex-wrap .flex-child{min-width:220px}.landing-view .flex-wrap .flex-child.big-pad{min-width:300px}.landing-view .footer{text-align:center;background:#1a535b;color:#fff;padding:8px;font-size:.8em}.landing-view .footer a{text-decoration:none;color:#fff}.landing-view .big-text{font-size:24px}.landing-view a{text-decoration:none;color:inherit}.landing-view .explainer-image{margin-left:12.5%;margin-right:auto;margin-top:40px;max-width:75%}.landing-view .read-watch-button{background:#d3ccff;border:1px solid #ccc;font-size:.7em;font-weight:400;width:calc(50% - 4px);margin:2px;text-decoration:none;color:inherit}.landing-view .read-watch-button:hover{color:#70f;background:#fff;border:1px solid #333}.landing-view .create-project-button{background-image:linear-gradient(90deg,#45868b,#5faaab);margin-top:4px;border:1px solid #ccc;font-size:1.1em;font-weight:400;color:#eee;box-shadow:10px 10px 10px #ddd}.landing-view .create-project-button:hover{color:#5faaab;background:#fff;border:1px solid #333}.landing-view .create-button-container{margin:200px 30% 300px}.testimonial-card{background:rgba(25,25,112,.05);height:395px;overflow-y:scroll;margin-left:auto;margin-right:auto;padding-left:1%;padding-right:1%;border-radius:8px;color:#333;margin-top:40px;box-shadow:2px 2px 7px #333;border:1px solid#333}.testimonial-img-and-name{align-items:center;justify-content:center}.landing-view .expo p.testimonial-name{margin-left:auto;margin-right:4%;color:#333;-webkit-margin-before:4px;margin-block-start:4px;font-size:21px}img.testimonial-photo{width:15%;height:auto;min-width:100px;max-width:150px;margin-top:18px;border-radius:8px;border:1px solid #333;margin-bottom:12px;margin-left:12px}.landing-view .expo p.testimonial-text{font-size:19px;font-style:italic;margin-left:1%;margin-right:1%}.testimonial-container{display:grid;grid-template-columns:repeat(auto-fill,300px);justify-content:center;width:90%;max-width:1200px;margin:100px auto auto}.testimonial-card-container{padding:12px;margin-left:auto;margin-right:auto}.landing-view .features-list{width:80%;margin-left:auto;margin-right:auto;font-size:1.5em}.landing-view .jxgbox button{background-color:#eee}.email-sign-in{padding-top:40px}.email-sign-in a{text-decoration:none;color:#555}.email-sign-in h1{font-size:6em;font-weight:400}.email-sign-in .email-input{margin:20px;width:75%;max-width:350px}.email-sign-in .submit-button{display:block;margin:60px auto auto}.blank-view{padding-top:40px}.blank-view a{text-decoration:none;color:#555}.blank-view h1{font-size:6em;font-weight:400}.email-followup{padding-top:40px}.email-followup a{text-decoration:none;color:#555}.email-followup h1{font-size:6em;font-weight:400}.email-followup .email-input{margin:20px auto auto;width:75%;max-width:300px;display:block}.email-followup .submit-button{display:block;margin:60px auto auto}.email-followup .fileContainer{box-shadow:none}.email-followup .chooseFileButton{border-radius:5px;background-color:#fff;color:#777;border:1px solid #aaa;height:40px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.email-followup .chooseFileButton:hover{background-color:#eee}.email-followup .profile-container{display:flex;margin:auto;width:75%;max-width:350px;justify-content:center}.email-followup .profile-pic{width:60px;height:60px;border:1px solid #aaa;border-radius:30px;margin:auto auto auto 40px}.email-followup .profile-button{margin-left:-70px}.email-followup .new-profile-button{margin-left:-30px}.profile-view .profile-pic{display:flex;width:60px;border:1px solid #aaa;border-radius:30px;margin:auto auto auto 40px}.profile-view{padding-top:40px}.profile-view a{text-decoration:none;color:#555}.profile-view h1{font-size:6em;font-weight:400}.profile-view .email-input{margin:20px auto auto;width:75%;max-width:300px;display:block}.profile-view .submit-button{display:block;margin:60px auto auto}.profile-view .fileContainer{box-shadow:none}.profile-view .chooseFileButton{border-radius:5px;background-color:#fff;color:#777;border:1px solid #aaa;height:40px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.profile-view .chooseFileButton:hover{background-color:#eee}.profile-container{display:flex;margin:auto;max-height:125px;width:75%;max-width:350px;justify-content:center;align-items:center;flex-basis:auto}.profile-pic{display:flex;width:60px;border:1px solid #aaa;border-radius:30px;margin:auto auto auto 40px}@supports (-moz-appearance:none){.profile-pic{width:120px}}.profile-button{display:flex;margin-left:-70px}.new-profile-button{margin-left:-30px}.profile-view .mailing-list-thanks{font-size:2em;font-weight:400;color:#999}.documentation-view{background:#eee;font-size:1.3em}.documentation-view .landing-top-bar{padding:12px;border-bottom:1px solid #000;text-align:right;background:#fff}.documentation-view .landing-top-bar .title{font-size:1.3em;float:left}.documentation-view .landing-top-bar a{text-decoration:none;color:inherit}.documentation-view h1{margin-left:60px;font-size:4em;font-weight:200}.documentation-view h1 p.subtext{font-size:.5em}.documentation-view .big-pad{padding-left:20px;padding-right:20px}.documentation-view .expo h2{font-size:2.5em;font-weight:200;color:#333;padding-bottom:20px}.documentation-view .expo p.subtext{text-align:left;font-size:.8em;padding-left:20px;padding-right:20px}.documentation-view .expo{margin-top:24px;padding-top:36px;padding-bottom:24px;align-items:center;justify-content:center}.documentation-view .expo p{padding:0;margin:0}.documentation-view .expo img.inline-image{width:25%;float:right;margin-left:16px;margin-bottom:8px;max-width:150px;min-width:100px}.ltr{background:#020024;background:linear-gradient(270deg,#020024,#408 38%,#00d4ff)}.rtl{background:#333}.rtl p{color:#fff}.documentation-view .rtl h2{color:#ddd;font-weight:300;font-size:2.5em}.documentation-view h2{color:#444;font-weight:300;font-size:2.5em}.documentation-view ul{padding-right:16%;padding-left:22%}.documentation-view ul ul{padding-right:10%;padding-left:8%;margin-top:12px}.documentation-view ul ul pre{margin-bottom:2px;margin-top:2px}.documentation-view .expo p{font-size:1.8em;font-weight:300;padding:8px}.documentation-view .expo p.normalsize{font-size:22px;text-align:left;margin:120px 20%}.landing-view .carousel img{width:80%}.documentation-view .expo img{max-width:800px;width:80%}.documentation-view tt{font-size:20px}.documentation-view .flex-wrap .flex-child{min-width:220px}.carousel.carousel-slider .control-arrow:before,.documentation-view carousel .control-arrow:before{margin:0 15px;display:inline-block;border-top:30px solid transparent;border-bottom:30px solid transparent;content:""}.documentation-view .carousel .control-next.control-arrow:before{border-left:12px solid #333}.documentation-view .carousel .control-prev.control-arrow:before{border-right:12px solid #333}.documentation-view .flex-wrap .flex-child.big-pad{min-width:300px}.documentation-view .footer{text-align:center;background:#333;color:#fff;padding:8px;font-size:.8em}.documentation-view .footer a{text-decoration:none;color:#fff}.middle{align-items:center;justify-content:center}.documentation-view .create-project-button{background:#fff6ad;border:1px solid #fff;font-size:1.1em;font-weight:400}.documentation-view .create-project-button:hover{color:#70f;background:#fff;border:1px solid #333}.documentation-list li{margin-bottom:10px;color:#444}.documentation-list{margin-bottom:20px}.rtl .documentation-list li{color:#ddd}.rtl a{color:inherit}.last-panel{padding-bottom:2em}.add-button-container{display:flex}.cluster-block-button{margin-top:0}.seed-message-container{border:1px solid #ccc;border-bottom:none;border-top-right-radius:4px;border-top-left-radius:4px;margin-top:6px;background:#fcfcfc}.message-card{background:#fff;white-space:pre-wrap}.block-time-selector{padding-top:8px;padding-left:4px;transform:translateY(-2px)}.clustered-message-card{border-radius:5px;font-size:.9em;padding:4px;margin-top:4px;margin-bottom:3px;white-space:pre-wrap;-webkit-margin-after:0;margin-block-end:0;overflow:hidden;transition:all .1s ease .15s}.clustered-message-card img.student-submitted{display:block;width:auto;max-height:120px;max-width:90%;margin-left:auto;margin-right:auto;margin-top:5%}.lesson-message-preview{white-space:pre-wrap}.brick-container:not(:first-child){margin-top:3px}.brick:not(:first-child){margin-top:3px}.brick{border-radius:5px}.brick-transition{transition:all .05s ease;transition-delay:.07s}.brick-container.hidden{min-height:28px;margin-bottom:5px}.brick.downmode:hover .clustered-message-card{border-radius:10px 10px 0 0;transition:all .05s ease}.brick.downmode:hover{border-radius:5px 5px 11px 11px;transition:all .05s ease}.brick:active .shelf{display:none;height:0}.brick.downmode .shelf{border-radius:0}.brick:hover .shelf{margin-top:-32px;height:32px;display:block;border-radius:4px}.brick.downmode:hover .shelf{margin-top:0;height:32px;display:block;border-radius:0 0 10px 10px;transition:all .05s ease}.shelf{background-clip:padding-box;overflow:hidden;height:0;margin-top:0;background:#333;color:#fff;opacity:.93;position:relative;z-index:100;border-radius:5px;transition:all .25s ease}.shelf button{padding:6px 0 0 6px}.shelf button.float-right{padding:6px 6px 0 0}.shelf svg{font-size:.85em;fill:#fff}@keyframes expand-down{0%{height:0;transform:scale(0)}to{height:100px;transform:scale(1)}}.live-classroom-view .subtext{padding-top:0;margin-top:0;padding-bottom:0;margin-bottom:0}.name-and-back-box{align-items:center;justify-content:space-between;margin-bottom:20px}.bottom-button-container{background:#fff;padding:4px;margin-top:12px}.answered{background:#ddd}.float-right{float:right}.pad-bottom{padding-bottom:24px}.big-pad-top{padding-top:40px}.big-pad-bottom{padding-bottom:40px}.live-chat .student-message{margin-top:12px;text-align:right;padding-right:0;margin-left:0}.live-chat.instructor-chat-area{margin:0;border-top:1px solid #333;background:#fffef8;padding:16px}.live-chat.instructor-chat-area .student-message{margin-left:4px;margin-right:4px}.live-chat.instructor-chat-area .instructor-message{margin-top:0;margin-left:4px;margin-right:12px;padding-left:8px}.live-chat.instructor-chat-area .star-badge{float:right;margin-top:13px;margin-right:-7px;width:12px;height:12px;animation:expandFromCenter .25s}@keyframes expandFromCenter{0%{transform:scale(0)}to{transform:scale(1)}}.message-class.message-bubble,.star-message.message-bubble{width:20px;height:18px;background:#555;margin-left:20px;margin-top:-13px;text-align:center;cursor:pointer}.message-class.message-bubble:hover{background:#7f3;color:#000}.star-message.message-bubble:hover{background:#7f3;color:#000}.message-class.message-bubble svg{margin-left:-1px;font-size:.6em}.star-message.message-bubble svg{font-size:.6em}.message-card.instructor-answer{background:#444;color:#fff;padding:2px;margin-top:0;min-height:54px}.message-card.instructor-answer .ql-editor{padding:0}.message-card.instructor-answer .ql-container.ql-snow{border:none}.message-card.instructor-answer .ql-container.ql-snow .ql-editor{font-size:11pt}.instructor-answer .message-time-ago{color:#fff}.shared-with-class{background:#ffd}.shared-from-class-quill .quill-wrapper,.student-question-quill .quill-wrapper{background:#feb;color:#000}.quill-small-font .ql-editor{font-size:11pt}.message-card.student-question{background:rgba(246,168,1,.4666666666666667);color:#000}.live-classroom-view .grey{background:#ededed}.live-classroom-view .white{background:#fff;margin-bottom:12px}.live-classroom-view .button-container{margin-top:8px}.mark-answered-button{width:34px;height:34px;float:right}.mark-starred-button{width:28px;height:28px;float:right}.live-classroom-view .add-cluster-button{margin-top:0;margin-bottom:8px;background:#fff;font-weight:700}.live-classroom-view .add-flagged-cluster-button{margin-left:8px;margin-bottom:8px;background:#fff;font-size:12pt}button.check-badge{background:#fff;border:1px solid #333;margin-top:-68px;background:#ddd;margin-right:-12px;width:24px;height:24px}.check-badge svg{margin-top:-10px;font-size:.9em}.check-badge.answered{background:#333}.check-badge.unanswered{background:#fff}button.cluster-block-later-button{margin-top:4px}button.cluster-block-later-button,button.increment-cluster-block-limit-button{background:#fff;color:#000;margin-bottom:12px}.show-lessons-button{float:right}.purple{background:#edf}.right-button-container{max-width:170px}.left-button-container{max-width:100px;transform:translate(0)}.cloud-button-container{transform:translateY(.5px);margin-right:2px}.add-to-clusters-container{display:flex}.message-card-arrow-container{float:right;display:flex;flex-direction:column}button.add-to-existing-clusters-button{flex:auto;background:#555;color:#fff;margin-bottom:5px}button.add-to-existing-clusters-button.cloud-button{color:#555;min-width:45px;width:45px;border:.5px solid #bbb;background:#fff;margin-left:2px}button.add-to-existing-clusters-button :hover{color:#000}button.add-to-existing-clusters-button svg{transform:rotate(270deg);font-size:16px;font-weight:700}button.add-to-existing-clusters-button.cloud-button svg{transform:none;font-size:16px;font-weight:700}button.inbox-card{background:#fafafa;color:#555;margin-bottom:8px;font-size:12px}.settings-label{color:#555;font-size:10pt;text-align:center;display:table-row}.settings-table{display:table;margin-left:auto;margin-right:auto}.settings-cell{display:table-cell}.suggested-response-title{font-size:13px}.three-dots{float:right;margin-right:7px}.plain-star{width:21px;height:20px;margin-top:-3px}.inline-star{width:14px;height:12px;margin-right:2px}.brick-profile-pic{width:20px;height:20px;margin-right:2px;margin-left:2px;margin-top:-3px;border-radius:20px;border:1px solid #333;float:right;background-color:#eee}.drawer-star{width:16px;height:16px}.participant-star{position:relative}.participant-star img{width:33px;height:33px;float:right}.participant-star p{position:absolute;top:10px;left:16.5px;font-size:.8em;color:#fff;transform:translate(-50%)}.live-classroom-view .participant-card p.star-count{background:radial-gradient(#fff,#ffdd78);background-color:#ffff84;margin-right:1px}.live-classroom-view .participant-card p.star-count,.live-classroom-view .participant-card p.total-message-count{border-radius:27px;border:1px solid;float:right;color:#343434;padding:2px;text-align:center;min-width:22px;min-height:22px}.live-classroom-view .participant-card p.total-message-count{background:radial-gradient(#fff,#7bb8c1);background-color:#cad1fb;margin-left:1px}.student-response-count{float:right;font-size:14px;color:#999;margin-top:-3px;margin-left:8px;margin-bottom:0}.participant-count{font-size:14px;color:#999;padding-left:8px;padding-right:8px;text-align:center;margin-bottom:0;margin-top:0}.hide{display:none}.project-gallery .ql-container.ql-snow{border:none}.courses-area{margin:0;background-image:linear-gradient(90deg,#45868b,#5faaab);min-height:100%}.courses-area .courses-top-bar{position:relative;background:#237882;padding-bottom:2px;height:62px}.courses-area .courses-panel-title{font-size:2em}.courses-area .courses-panel-title,.courses-area h1{color:#fff;letter-spacing:3px;font-weight:400;font-family:verdana;padding-top:12px}.courses-area h1{margin-top:0}.courses-close-icon{position:absolute;top:1px;right:1px;color:#fff}.mobile-header h1{font-family:verdana;margin-top:0;font-weight:500;letter-spacing:1px;padding-top:5pt;color:#fff;font-size:14pt}.mobile-header{z-index:100;position:relative;border-bottom:1px solid #333;box-shadow:0 2px 4px -1px rgb(0 0 0/20%),0 3px 5px 0 rgb(0 0 0/7%),0 1px 10px 0 rgb(0 0 0/6%)}.courses-area h2{margin-bottom:0}.project-card{margin:2px;padding:4px;background:rgba(254,251,244,.7607843137254902);border:#555}.project-card a{text-decoration:none;color:#000}.active-project{background:hsla(0,0%,100%,.9803921568627451)}.chat-button-container{display:flex;justify-content:center;flex-wrap:wrap}.go-to-classroom-button{margin:4px 4px 10px;flex-grow:auto}button.project-card-action-button{margin:4px 3px 10px}.courses-area a{text-decoration:none;color:#000}.margin-below{margin-bottom:10px}.transcript-message-card{background-color:#fff;padding:6px;border:1px solid #000;margin-left:15pt;margin-right:20pt;margin-bottom:5pt;border-radius:12pt;max-width:96vw}.transcript-message-card.shared-from-class{background:#feb}.transcript-message-card.sent-by-current-user{background:#a9d8e1;margin-right:15pt;margin-left:20pt}.transcript-message-card.sent-by-current-user p{text-align:right}.transcript-author-name{font-weight:500;margin-bottom:6px;margin-left:3pt;color:#444}.transcript-timestamp{color:grey;font-size:8pt;margin-right:3px}.transcript-message-card .ql-container.ql-snow{border:0;font-size:1em}.chat-view{height:100%;width:100%;overflow-y:hidden}.theatre-nav{padding:24px;text-align:center;background:#fff}.theatre-nav .select.active{border-bottom:1px solid #000}.theatre-nav .select{padding:12px 12px 4px;margin:32px;cursor:pointer}.transcript-area{border-right:1px solid #aaa}.shared-from-class .quill-wrapper{background:rgba(0,229,230,.16862745098039217)}.student-message code{background-color:#435152!important;color:#fff}.transcript-message-card .ql-snow .ql-editor code{background-color:#eee;color:#333}.student-message a{color:#dce2e8!important}.star-badge{width:18px;height:18px;background-color:#fffef8;border:1px solid;border-radius:20px;padding:4px 4px 5px;margin:-12px -19px auto -10px}.star-badge,.starred-and-shared{float:left;animation:popFromCenter .5s}.starred-and-shared{width:32px;height:32px;margin-left:-10px;margin-top:-12px;margin-right:-19px;border-radius:16px}.shared-badge{width:16px;height:16px;background-color:#fffef8;border:1px solid;border-radius:20px;padding:3px 4px 4px 3px;float:left;margin:-12px -19px auto -12px;animation:popFromCenter .5s}@keyframes popFromCenter{0%{transform:scale(0)}25%{transform:scale(2);background:#ffe499}75%{transform:scale(2);background:#ffe499}to{transform:scale(1)}}.pinned-messages{position:fixed;right:0;top:0;background-color:#fefbf4;border-bottom:2px solid #343434}.mobile-view-pinned{top:31px}.width-50{width:50%}.width-100{width:100%}.no-messages-warning p{margin-left:120px;margin-right:120px;font-style:italic;display:block}tr.math-quill-tool{height:40px}.math-quill-tool{border-top:1px solid #aaa}.message-form-card .math-quill-container{border:1px solid #aaa}.math-quill-container{border:1px solid #aaa;border-bottom:none;display:flex;align-items:center;background:#fff;margin-left:auto;margin-right:auto;max-width:820px}.math-quill-container .editable-math-field{padding:6px;min-width:60px;margin:15px 20%;flex-grow:1}.insert-button-container{flex-basis:auto}.math-entry-panel{position:relative}.juniper-input{padding:0;background:#fff}.juniper-output{background:#eee;padding:.6em 1em;white-space:pre-wrap;border-top:1px solid #ccc;min-height:27px;color:inherit}.chat-view .juniper-cell{border-bottom:none}.chat-view .chat-input-area{width:100%;max-width:800px;margin:0 auto;display:flex}.chat-view .chat-input-area .chat-controls{flex-shrink:0;flex-basis:auto}.student-card h3{margin-top:4px}.student-card{margin:4px;padding:0}.student-card img{width:64px;height:64px;margin:-3px 8px -3px -3px}.student-card table{border:1px solid #000}.students-view .input-group{display:flex;flex-direction:row;align-items:center;height:3em;margin-bottom:16px}.students-view button.btn{background-color:#237882;color:#fff;border:1px solid grey;border-top-left-radius:4pt;border-bottom-left-radius:4pt;border-top-right-radius:0;border-bottom-right-radius:0;text-transform:none;margin:0;font-size:12pt;font-family:inherit;flex:1 1;-webkit-box-flex:1;height:42px;padding-top:7px}.students-view button.btn:hover{background-color:#004c55}.students-view button.btn:focus{outline:none}.students-view .form-control{position:relative;font-size:14pt;border-top-right-radius:4pt;border-bottom-right-radius:4pt;border:1px solid grey;border-left:none;height:38px;padding-left:12px;flex:1 1;-webkit-box-flex:1;width:1%;margin:0}.students-view .form-control:focus{outline:none}.students-view .MuiFormControlLabel-root{margin-left:0}.students-view .ag-root-wrapper a{color:#237882}.ag-header-cell-text{white-space:pre}.ag-theme-material .ag-row{background-color:inherit}.rows-displayed{color:#aaa;text-align:center}.preview-container{display:flex;grid-gap:20px;gap:20px;flex-direction:column;margin-top:20px;margin-bottom:20px;align-items:center}.preview-message{flex:auto;width:90%}.message-board-view{position:relative;width:100%;height:100%}.message-board-view table{width:100%;height:100%;min-height:0;border-spacing:0}.message-board-view .admin-nav a{color:#fff;text-decoration:none}.message-board-view .admin-nav{border-bottom:2px solid grey}.message-board-view h1{font-size:2.5em;padding:0;margin:0 0 0 12px}.message-board-view .thread-creation-area{padding:20px;border-radius:8px;width:80%;margin:0 auto;background:#ffffea;border:1px solid #aaa}.message-board-view .landing-top-bar{padding:12px;border-bottom:1px solid #ccc;text-align:right;background:#237882;color:#fff}.message-board-view .thread-title{margin-bottom:20px}.message-board-view .message-card{border-radius:4px}.message-board-view .message-card-photo{z-index:3}.message-board-view a{color:#000;text-decoration:none}.thread-creation-area .thread-creation-note{color:grey;font-size:8pt;margin-bottom:20pt}.thread-card-text .MuiTypography-colorTextSecondary{color:#237882}.thread-card-text .MuiTypography-body1{font-size:1.2rem;font-weight:500}.message-threads-area{max-width:800px;margin-left:auto;margin-right:auto}.message-board-thread-view{width:100%;height:100%}.message-board-thread-view .admin-nav a{color:#fff;text-decoration:none}.message-board-thread-view .admin-nav{border-bottom:2px solid grey}.message-board-thread-view .landing-top-bar{padding:12px;border-bottom:1px solid #ccc;text-align:right;background:#237882;color:#fff}.message-board-thread-view .landing-top-bar .title{font-size:1.3em;float:left}.message-board-thread-view .landing-top-bar a{text-decoration:none;color:inherit}.unresolved{color:red}.build-icon.mobile{position:static;float:right;padding:12px 12px 12px 0;top:75px}.build-icon{position:fixed;top:83px;right:24px;color:#237882;cursor:pointer}.courses-area .project-card p{margin-bottom:1px;margin-top:2px}.message-board-thread-view .lesson-title{margin-bottom:50px}.message-board-thread-view .super-list{width:96%;margin-left:auto;margin-right:auto}.message-board-thread-view .description-text{margin-bottom:70px}.message-board-thread-view .message-thread-area{margin-bottom:24px;width:90%;max-width:760px;margin-left:auto;margin-right:auto;outline:none}.message-board-thread-view .message-bubble{width:24px;height:24px;font-size:18px;font-weight:600;padding-top:1px;text-align:center;border-radius:20px;margin-top:-24px;margin-left:-12px;color:#fff;float:left}.message-board-thread-view .message-bubble.student-message{margin-top:-24px;margin-right:-26px;float:right}.thread-card{width:100%;margin:20px auto 8px;border:1px solid #ccc;border-radius:8px}.thread-card:last-child{margin-bottom:80px}.message-board-thread-view .chat-input-area .ql-container.ql-snow,.thread-card .ql-container.ql-snow{border:none}.message-board-thread-view .chat-input-area{width:90%;max-width:800px;margin:0 auto;display:flex}.message-board-thread-view .editor{border:1px solid #ccc;border-radius:8px;background:#fff;flex-grow:1}.message-board-thread-view .ql-editor.ql-blank:before{color:#999}.message-board-thread-view .chat-input-area .chat-controls{flex-shrink:0;flex-basis:auto}.message-board-thread-view .chat-input-container{border-top:1px solid #ccc}.message-board-thread-view .suggestion-chips{font-size:12pt}.thread-card .juniper-output{border-radius:0 0 7px 7px}.juniper-container{max-width:820px;margin-left:auto;margin-right:auto}.juniper-container .juniper-cell{border-radius:4px 4px 0 0;border-bottom:0}.suggestion-chips .inactive{background:rgba(219,149,0,.13725490196078433);color:#db9500}.lessons-view,.lessons-view table{width:100%;height:100%}.lessons-view table{min-height:0;border-spacing:0}.lessons-view h1{font-size:2.5em;padding:0;margin:0 0 0 12px}.lessons-view .admin-nav a{color:#fff;text-decoration:none}.lessons-view .admin-nav{border-bottom:2px solid grey}.lessons-view .lesson-buttons-area{max-width:750px;margin-left:auto;margin-right:auto}.lessons-view .lesson-creation-area{padding:20px;border-radius:8px;width:80%;margin:0 auto;background:#ffffea;border:1px solid #aaa;max-width:650px}.lessons-view .lesson-description,.lessons-view .lessons-title{margin-bottom:20px}.lessons-view a{color:#000;text-decoration:none}.lesson-creation-area .lesson-creation-note{color:grey;font-size:8pt;margin-bottom:20pt}.lesson-card-text .MuiTypography-colorTextSecondary{color:#237882}.lesson-card-text .MuiTypography-body1{font-size:1.2rem;font-weight:500}.hide-button{width:100%}.lessons-view .card-notes{float:right;font-size:14px}.lesson-view,.lesson-view table{width:100%;height:100%}.lesson-view table{min-height:0;border-spacing:0}.lesson-view .help-info li{position:relative}.lesson-view .admin-nav a{color:#fff;text-decoration:none}.lesson-view .message-number{font-size:12px;vertical-align:.12em}.lesson-view .admin-nav{border-bottom:2px solid grey}.lesson-view .lesson-card{position:relative;margin-top:5px;border:1px solid #ccc;border-radius:4px}.lesson-view .message-form-card{position:relative}.lesson-view .lesson-card .ql-container.ql-snow{border:none}.lesson-view .lesson-row .juniper-row{padding-bottom:12px}.lesson-view .juniper-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:90%;max-width:900px}.lesson-view a{color:#5b6cc5;text-decoration:none}.lesson-view .lesson-title{margin-top:1em;margin-bottom:1em}.lesson-view .lesson-title input{font-size:16pt;line-height:normal}.lesson-view .export-lesson-button{float:right}.lesson-sharing-view{background:#fff;font-size:1.3em;overflow-y:hidden}.lesson-sharing-view .progress-bar-container{width:100%;background-color:#fafafa;padding:6px 12px;border-bottom:.5px solid #ccc;z-index:10;position:relative}.lesson-sharing-view .next-button,.lesson-sharing-view .progress-bar-container{box-shadow:0 2px 4px -1px rgb(0 0 0/20%),0 4px 5px 0 rgb(0 0 0/14%),0 1px 10px 0 rgb(0 0 0/12%)}.lesson-sharing-view .next-button{animation:fadein;animation-duration:1s}.lesson-sharing-view .progress-bar-outline{background-color:transparent;border:.5px solid #ccc;height:6px;border-radius:3px;width:calc(100% - 24px)}.lesson-sharing-view .progress-bar{background-color:rgba(35,120,130,.8);border-radius:2px;height:100%}.lesson-sharing-view .lesson-outline{width:60%;display:block;margin-left:auto;margin-right:auto;margin-bottom:4rem;border:1px solid #bbb;border-radius:6px;padding:0;background-color:#fff;box-shadow:0 2px 4px -1px rgb(0 0 0/20%),0 4px 5px 0 rgb(0 0 0/14%),0 1px 10px 0 rgb(0 0 0/12%)}.lesson-sharing-view .lesson-outline li{cursor:pointer}.lesson-sharing-view .lesson-outline li.active{color:teal;font-weight:700;cursor:default}.lesson-sharing-view .lesson-outline li.not-there-yet{color:#ccc}.lesson-sharing-view .hockets-area{max-width:950px;padding-bottom:1px}.lesson-sharing-view .landing-top-bar{padding:12px;text-align:right;background:#237882;color:#fff;z-index:10;position:relative}.lesson-sharing-view .landing-top-bar .title{font-size:1.3em;float:left}.lesson-sharing-view .landing-top-bar a{text-decoration:none;color:inherit}.positioned{position:relative}.youtube-space-above{margin-top:450px}.youtube-float{position:fixed;top:88px;left:50%;transform:translate(-50%);z-index:100;width:95%;margin-right:2.5%;margin-left:2.5%;max-width:775px}.youtube-embed-mobile{max-height:500px;width:95%;z-index:1000}@media only screen and (max-width:600px){.youtube-embed-mobile{max-height:300px}}.lesson-sharing-view .youtube-column{width:60%;flex:1.5 1}.youtube-container{position:relative;height:0;padding-bottom:56.25%;padding-top:25px;margin-left:2%;margin-top:2%}.youtube-embed{width:100%;height:100%;position:absolute;top:0;left:0}.clustered-message-card p{-webkit-margin-before:3px;margin-block-start:3px;-webkit-margin-after:3px;margin-block-end:3px}.courses-area .project-card h2,.courses-area .project-card p{font-family:"Source Sans Pro","Helvetica",sans-serif}.courses-area .project-card p{margin-bottom:20px;margin-top:0}.courses-area .project-card p.subtext{margin-bottom:12px}.courses-area .project-card p.subtext.active{margin-bottom:2px}.lesson-sharing-view .lesson-title{margin-bottom:50px}.lesson-sharing-view .super-list{width:96%;margin-left:auto;margin-right:auto}.lesson-sharing-view .description-text{margin-bottom:70px}@keyframes fadeinfrombelow{0%{opacity:0}50%{opacity:0;transform:translateY(40px)}to{opacity:1}}.lesson-sharing-view .ql-snow .ql-editor{font-size:14pt}.lesson-sharing-view .shared-lesson-card{width:90%;position:relative;max-width:950px;margin-left:auto;margin-right:auto;margin-bottom:8px;border:1px solid transparent;transition:border .2s linear 1s;border-radius:8px;animation-name:fadeinfrombelow;animation-duration:.5s}.lesson-sharing-view .shared-lesson-card:last-child{margin-bottom:80px}.lesson-sharing-view .chat-input-area .ql-container.ql-snow,.lesson-sharing-view .shared-lesson-card .ql-container.ql-snow{border:none}.lesson-sharing-view .chat-input-area{width:100%;margin:0 auto;text-align:center;display:flex}.lesson-sharing-view .editor{border:1px solid #ccc;border-radius:8px;background:#fff;flex-grow:1}.lesson-sharing-view .ql-editor.ql-blank:before{color:#999}.lesson-sharing-view .chat-input-area .chat-controls{flex-shrink:0;flex-basis:auto}.lesson-sharing-view .message-link{position:absolute;top:0;right:0;color:#ccc;transform:scale(.7);display:none;z-index:2}.lesson-sharing-view .message-link.copied{background:#fff;padding:5px;border:1px solid #bbb;border-radius:4px;font-size:12pt;color:#777}.lesson-sharing-view .shared-lesson-card:hover .message-link{display:inline}.lesson-sharing-view .shared-lesson-card:hover{border:1px solid #efefef}.sharing-send-icon{position:relative;top:50%;transform:translateY(-50%);color:#2a9097}.sharing-send-icon.active{cursor:pointer}.sharing-send-icon.active:hover{color:#f6a801}.sharing-send-icon.inactive{color:#ccc}.sharing-chat-controls{flex-basis:auto;margin-left:12px}.from-student{background:#3c838a;color:#fff;border:1px solid #000}.from-student .comments{color:#000}.from-student code{background-color:#435152!important;color:#fff}.from-student a{color:#dce2e8!important}.from-student h3{color:#bbb;margin-bottom:0}.lesson-sharing-view .chat-input-container{border-top:1px solid #ccc}.show-all-button{position:relative;float:right;margin-right:10px;top:10px;font-size:10px;color:#bbb;cursor:pointer}.lesson-sharing-view .suggestion-chips{font-size:12pt;margin-bottom:40px}.shared-lesson-card .juniper-output{border-radius:0 0 7px 7px}.lesson-sharing-view.copy-mode ::selection{background:transparent}.lesson-sharing-view.copy-mode .chat-input-area p::selection{background:#b4d5fe}
/*# sourceMappingURL=main.d4273bc2.chunk.css.map */