:root{--primary-darkest:#311b92//900;--primary-dark:#4527a0//800;--primary-light:#9575cd//300;--primary-lightest:#ede7f6//50;--white:#fff;--font-colour:#222;--main-font:"Roboto",sans-serif;--base-font-size:16px;--cursor:default;--pointer:pointer;cursor:var(--cursor)}.theme-blue{--primary-darkest:#0d47a1;--primary-dark:#1565c0;--primary-light:#64b5f6;--primary-lightest:#e3f2fd}.theme-purple{--primary-darkest:#311b92;--primary-dark:#4527a0;--primary-light:#9575cd;--primary-lightest:#ede7f6}.theme-orange{--primary-darkest:#e65100;--primary-dark:#ef6c00;--primary-light:#ffb74d;--primary-lightest:#fff3e0}.theme-midnight{--primary-darkest:#eceff1;--primary-dark:#90a4ae;--primary-light:#546e7a;--primary-lightest:#37474f;--white:#263238;--font-colour:#eceff1}.theme-hacker{--primary-darkest:#fff;--primary-dark:#0f0;--primary-light:#546e7a;--primary-lightest:#0d7a2a;--white:#000;--font-colour:#eceff1}.cursor-default{--cursor:default;--pointer:pointer}.cursor-blue{--cursor:url(/img/xp-items/cursors/blue.svg),url(/img/xp-items/cursors/blue.png) 0 0,default;--pointer:url(/img/xp-items/cursors/blue-pointer.svg),url(/img/xp-items/cursors/blue-pointer.png) 0 0,pointer}.cursor-purple{--cursor:url(/img/xp-items/cursors/purple.svg),url(/img/xp-items/cursors/purple.png) 0 0,default;--pointer:url(/img/xp-items/cursors/purple-pointer.svg),url(/img/xp-items/cursors/purple-pointer.png) 0 0,pointer}.cursor-orange{--cursor:url(/img/xp-items/cursors/orange.svg),url(/img/xp-items/cursors/orange.png) 0 0,default;--pointer:url(/img/xp-items/cursors/orange-pointer.svg),url(/img/xp-items/cursors/orange-pointer.png) 0 0,pointer}.cursor-hacker{--cursor:url(/img/xp-items/cursors/hacker.svg),url(/img/xp-items/cursors/hacker.png) 0 0,default;--pointer:url(/img/xp-items/cursors/hacker-pointer.svg),url(/img/xp-items/cursors/hacker-pointer.png) 0 0,pointer}.cursor-midnight{--cursor:url(/img/xp-items/cursors/midnight.svg),url(/img/xp-items/cursors/midnight.png) 0 0,default}.cursor-unicorn{--cursor:url(/img/xp-items/cursors/unicorn.svg),url(/img/xp-items/cursors/unicorn.png) 0 0,default}.cursor-giraffe{--cursor:url(/img/xp-items/cursors/giraffe.svg),url(/img/xp-items/cursors/giraffe.png) 0 0,default;--pointer:var(--cursor)}.font-default{--main-font:"Roboto",sans-serif}.font-large{--base-font-size:22px}.font-slab{--main-font:"Roboto Slab",serif}.font-typewriter{--main-font:"Special Elite",sans-serif}.font-hacker{--base-font-size:10px;--main-font:"Press Start 2P",sans-serif}.open-assessment{--primary-darkest:#000;--primary-dark:#333;--primary-light:#aaa;--primary-lightest:#eee;--white:#fff;--font-colour:#000}*,:after,:before{box-sizing:border-box}a,b,blockquote,body,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;border:0;color:inherit;font-size:100%;font:inherit;font-family:var(--main-font);margin:0;padding:0;text-decoration:none;vertical-align:baseline}footer,header,main,nav,section{display:block}body{background:var(--white);color:var(--font-colour);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}a{cursor:var(--pointer)}.main-column{font-size:var(--base-font-size);margin:0 auto;max-width:600px;padding:0 16px}.two-columns{display:flex;flex-direction:column;height:100vh}.two-columns>div{display:flex;flex:1;overflow:hidden}.two-columns>div aside{background:var(--primary-lightest);color:var(--primary-darkest);display:flex;flex-direction:column;height:100%;overflow-x:hidden;width:400px}.two-columns>div aside>*>*{margin:0 16px}.two-columns>div aside h2{font-size:1.2em}.two-columns>div aside footer{background:var(--primary-dark);margin:16px 0 0;padding:16px}.two-columns>div>main{width:100%}.columns{display:flex;justify-content:space-between}.columns>*{flex:1}.columns>:not(:first-child){margin-left:16px}.auth{align-items:center;background:var(--primary-lightest);display:flex;flex-direction:column;height:100vh}.auth h1{color:var(--primary-darkest);font-size:4em;margin-bottom:32px;margin-top:32px}.auth>main{background:var(--white);padding:16px;width:350px}.auth>main section{margin:0;padding:8px;width:100%}.auth>main section h2{color:var(--primary-darkest);font-size:1.4em;margin-bottom:16px}.auth>main section button{margin:16px auto;padding:8px 32px}.auth>main section a{color:var(--primary-dark);cursor:pointer;display:block;font-size:14px;text-align:center}.auth .success{color:#2e7d32;margin-top:16px;text-align:center}.landing .white{background-color:var(--white);color:var(--font-colour)}.landing .white h3,.landing .white strong{color:var(--primary-dark)}.landing .dark{background-color:var(--primary-dark)}.landing .dark,.landing .dark h3{color:var(--white)}.landing .light{background-color:var(--primary-lightest)}.landing .light strong{color:var(--font-colour)}.landing section{margin:0;position:relative}.landing section .inner{margin:0 auto;max-width:800px;padding:32px 16px}.landing section blockquote{border-left:8px solid var(--primary-darkest);font-size:1.5em;line-height:1.5em;padding:16px;text-align:left}.landing section blockquote .by{display:block;font-size:.8em;font-style:italic;margin-top:16px}.landing section strong{font-weight:700}.landing section h3{font-size:2.5em;font-weight:700;margin-bottom:16px}.landing section p{font-size:1.2em;line-height:2em}.landing section.splash h2{font-size:4em;line-height:1.6em;margin-top:32px;text-align:center}.landing section.splash .tagline{font-size:2em;line-height:1.5em;margin-top:32px;text-align:center}.landing section .button-wrap{margin:32px auto;width:200px}.landing section .button-wrap button{background:var(--primary-dark);border:var(--primary-dark);color:var(--white);display:block;font-size:1.2em;padding:16px;text-align:center;width:100%}.landing section .button-wrap button:hover{background:var(--primary-darkest)}.landing section .button-wrap .free-trial{color:var(--primary-dark);display:block;font-size:1.2em;margin-top:8px;text-align:center}.landing section .question{margin-top:16px;padding:16px}.landing section .question h4{color:var(--primary-dark);font-size:1.2em;font-weight:700;margin-bottom:16px;text-align:center}.landing section .question p{font-size:1em;line-height:1.4em}.landing section .question .code{display:block;font-family:Roboto Mono,monospace;font-size:1em;line-height:1.4em;margin-top:8px}.landing section .question .code .blank{background:var(--primary-lightest);border:none;display:inline-block;font-family:Roboto Mono,monospace;height:1.6em;margin-bottom:-6px;width:120px}.landing section .data-showcase{margin-top:16px;padding:16px}.landing section .data-showcase p{font-size:1.2em;line-height:1.4em}.landing section .data-showcase img{margin-top:16px;width:100%}.landing section .data-showcase img.datatable{margin-top:32px}.landing section .programming-skill{background:var(--white);color:var(--primary-dark);margin-top:16px;padding:16px}.landing section .programming-skill h5{font-size:1.2em;font-weight:700;margin-bottom:8px}.landing section .programming-skill h5 i{margin-right:2px}.landing section .programming-skill ul li{line-height:1.4em}.landing section .programming-skill ul li i{font-size:.8em;margin-right:4px}.landing .video-wrap h3{color:var(--font-colour);font-size:4em;text-align:center}.landing .video-wrap h3 strong{color:var(--primary-dark)}.landing .video-wrap .video{margin-top:32px}.landing .benefits-wrap,.landing .price-wrap{text-align:center}.landing .benefits-wrap strong,.landing .price-wrap strong{display:block;font-size:1.2em;margin-bottom:16px;text-align:center}.landing .price-wrap .price{margin:0 auto;padding:16px;width:280px}.landing .price-wrap .price .amount{font-size:5em;text-align:right}.landing .price-wrap .price .per{display:flex;flex-direction:column;font-size:1.2em;justify-content:center}.landing .price-wrap .price .per :first-child{display:block;margin-bottom:8px}.landing .price-wrap .mat{margin-top:16px;text-align:center}.landing .price-wrap .mat a{color:var(--primary-dark);font-weight:700}.landing .benefits-wrap i{color:var(--primary-dark);font-size:.9em;margin-right:8px}.landing .trial{text-align:center}.landing .trial h3{margin-top:32px}.landing .trial strong{color:var(--font-colour)}.landing .total-responses-wrap .responses{font-family:Roboto Mono,monospace;font-size:4em;font-weight:700}.landing .total-responses-wrap .label{font-size:1.2em;margin-top:8px}.landing .policies{align-items:end;display:flex;flex-direction:column;justify-content:space-around}.landing .business-details{font-size:12px;margin-top:16px;text-align:right}.landing .registered-interest{background:#c8e6c9;border:2px solid #2e7d32;font-size:.8em;padding:8px;position:absolute;right:16px;top:16px}.landing .registered-interest strong{color:#2e7d32;font-size:1.2em}.landing .registered-interest p{line-height:1em;margin-top:8px}.landing .person{margin-top:32px}.landing .person h4{color:var(--primary-dark);font-size:1.3em;font-weight:700;margin-bottom:8px}.landing .person .headshot-wrap{flex:0.3}.landing .person .headshot-wrap .headshot{margin:16px;width:100%}.landing.about p{line-height:1.2em;margin-top:8px}.landing #trial_signup{margin-bottom:80px;margin-top:32px}.brand{color:var(--primary-dark);font-weight:700}@media only screen and (max-width:800px){.landing h2{font-size:3em!important}.landing .tagline{font-size:1.6em!important}}@media only screen and (max-width:725px){.landing .inner{padding:32px!important}.landing .columns{flex-direction:column}.landing .columns>:not(:first-child){margin-left:0}.landing h2{font-size:2.5em!important}.landing h3{font-size:1.8em!important}.landing .amount{text-align:center!important}.landing .benefits-wrap{margin-top:32px}}@media only screen and (max-width:600px){.landing h2{font-size:1.8em!important}.landing .tagline{font-size:1.2em!important}.landing h3{font-size:1.6em!important}.landing .amount{text-align:center!important}.landing .benefits-wrap{margin-top:32px}}.policy{margin:32px auto;max-width:600px}.policy h2{font-size:3em;margin-bottom:16px}.policy h3{font-size:1.5em;margin-top:16px}.policy h4{font-size:1.2em;font-weight:700;margin-top:8px}.policy p{line-height:1.8em;margin-top:8px}.policy a{color:var(--primary-dark);font-weight:700}.jello-animation{animation:jello-horizontal .8s ease-in-out 1 both}@keyframes jello-horizontal{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.top-header{background:var(--primary-dark);color:var(--white);height:70px}.top-header>div{align-items:center;display:flex;height:100%;justify-content:space-between}.top-header>div>*{flex:1}.top-header>div>:first-child{font-size:1.8em;font-weight:700;padding:16px 0}.top-header>div nav{display:flex;height:70px;justify-content:center}.top-header>div nav .assessment,.top-header>div nav a{display:flex;font-size:1.3em;height:100%;padding:0 16px}.top-header>div nav .assessment span,.top-header>div nav a span{align-self:center;height:-moz-fit-content;height:fit-content}.top-header>div nav .assessment.active,.top-header>div nav a.active{border-bottom:8px solid var(--primary-light)}.top-header>div nav .assessment.active span,.top-header>div nav a.active span{margin-bottom:-8px}.top-header>div nav a:focus,.top-header>div nav a:hover{background:var(--primary-darkest)}.top-header>div nav>:not(:first-child){margin-left:16px}.top-header>div .user-details{align-items:flex-end;display:flex;flex-direction:column}.top-header>div .user-details .name{margin-bottom:4px}.top-header>div .user-details .signout{color:var(--white);font-size:.8em;font-weight:700;margin-top:4px}.top-header>div:not(.main-column){margin:0 16px}.top-header .xp{margin-right:16px}.top-header .end{align-items:center;display:flex;justify-content:flex-end}.top-header .end .fa-cog{font-size:1.5em;margin-left:24px}.top-header .sign-in{font-size:1.5em}section{margin:32px 0}section a.back{color:var(--primary-dark);display:block;margin-bottom:16px}section header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:16px}section header h2{color:var(--primary-darkest);font-size:1.6em;margin-right:auto}section header h2 small{color:#444;display:block;font-size:.8em;margin-top:8px}section header h3{color:var(--primary-darkest);font-size:1.4em;margin-right:auto}section header h3 small{color:#444;display:block;font-size:.8em;margin-top:8px}section header>:not(:first-child){margin-left:8px}section h3{color:var(--primary-darkest);font-size:1.2em;margin-bottom:8px}hr{border:none;border-bottom:2px solid var(--primary-lightest);color:var(--primary-lightest);margin:16px 0;width:100%}#loading{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--white);display:none;flex-direction:column;font-size:1.1em;height:100vh;justify-content:center;position:absolute;width:100vw;z-index:10}#loading.show{display:flex}#loading i{color:var(--primary-dark);font-size:3em}.button,button{align-items:center;background:var(--primary-lightest);border:2px solid var(--primary-lightest);color:var(--primary-darkest);cursor:var(--pointer);display:flex;font-size:1em;line-height:1.2em;outline:none;padding:8px 16px}.button i,button i{margin:-1px 5px 0 -2px}.button.active,.button:hover,button.active,button:hover{background:var(--primary-darkest);border:2px solid var(--primary-dark);color:var(--white)}.button:focus,button:focus{border:2px solid var(--primary-dark)}.button:disabled,button:disabled{background:#ccc!important;border-color:#aaa!important;color:#aaa!important;cursor:not-allowed}.button.tertiary,button.tertiary{background:inherit;border:none;color:var(--primary-darkest);padding:0}.button.tertiary:focus,.button.tertiary:hover,button.tertiary:focus,button.tertiary:hover{border:none;color:inherit;text-decoration:underline}.button.correct,button.correct{background:#c8e6c9;border-color:#c8e6c9;color:#2e7d32}.button.correct:focus,.button.correct:hover,button.correct:focus,button.correct:hover{background:#38883b;border-color:#38883b;color:var(--white)}.button.danger,button.danger{background:#ffcdd2;border-color:#ffcdd2;color:#c62828}.button.danger:focus,.button.danger:hover,button.danger:focus,button.danger:hover{background:#e32c2c;border-color:#e32c2c;color:var(--white)}.notification{background:var(--primary-lightest);font-size:14px;margin:16px 0}.notification span{color:var(--primary-darkest);display:block;padding:16px;text-align:center}.notification a,.notification strong{font-weight:700}.notification a:hover{text-decoration:underline}.input-wrap{display:flex;flex-direction:column;margin-bottom:8px;position:relative}.input-wrap label{color:var(--primary-darkest);font-size:.9em;height:20px;margin-top:4px}.input-wrap label em{font-style:italic}.input-wrap input,.input-wrap select{background:var(--white);border:none;border-bottom:2px solid var(--primary-dark);font-family:var(--main-font);font-size:1.2em;padding:4px 0}.input-wrap.checkbox,.input-wrap.radio{align-items:flex-start;flex-direction:row}.input-wrap.checkbox input,.input-wrap.radio input{-webkit-appearance:checkbox;margin-right:8px;visibility:visible}.input-wrap textarea{border:2px solid var(--primary-dark);font-family:var(--main-font);font-size:1em;line-height:1.2em;min-height:6em;padding:8px;resize:vertical}.input-wrap textarea.code{font-family:Roboto Mono,monospace;line-height:1.6em}.input-wrap .status{bottom:8px;position:absolute;right:4px}.input-wrap .status .fas{display:none}.input-wrap .status .loading-icon{color:var(--primary-dark)}.input-wrap .status .correct-icon{color:#2e7d32}.input-wrap .status .incorrect-icon{color:#c62828}.input-wrap .status.correct .correct-icon,.input-wrap .status.incorrect .incorrect-icon,.input-wrap .status.loading .loading-icon{display:block}.percentage-input{align-items:center;display:flex;flex-direction:row}.percentage-input input{width:100px}.percentage-input span{font-size:1.2em;margin-left:4px}header .state{color:var(--primary-dark);font-style:italic}ul.assignments{display:flex;flex-direction:column}ul.assignments .assignment{margin:8px 0}ul.assignments .assignment.draft{font-style:italic}ul.assignments .assignment a{align-items:center;border:2px solid var(--primary-dark);display:flex;justify-content:flex-start;padding:16px;width:100%}ul.assignments .assignment a>:not(:last-child){margin-right:16px}ul.assignments .assignment a>:last-child{margin-left:auto}ul.assignments .assignment a .title{font-size:1.1em}ul.assignments .assignment a .group{font-size:20px;font-weight:700;text-align:center;width:50px}ul.assignments .assignment a .title{display:flex;flex-direction:column}ul.assignments .assignment a .title .due{color:#444;font-size:.8em;margin-top:4px}ul.assignments .assignment a .students-completed{align-items:center;display:flex;flex-direction:column}ul.assignments .assignment a .students-completed :first-child{font-size:1.5em}ul.assignments .assignment a .students-completed :last-child{font-size:.8em}ul.assignments .assignment a .score{font-size:1.4em}ul.assignments .assignment a:hover{background:var(--primary-lightest)}ul.assignments .assignment a:active{background:var(--primary-dark);color:var(--white)}ul.assignments .assignment a:active .due{color:var(--white)}ul.assignments .assignment a.disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.no-assignments{background:var(--primary-lightest);color:var(--primary-dark);font-size:18px;padding:32px;text-align:center}.assignment-actions{align-items:center;display:flex;justify-content:flex-end;margin-bottom:16px}.assignment-actions>:not(:first-child){margin-left:16px}.assignment-actions>:first-child{color:#444;font-size:1.2em;margin-right:auto}.leaderboard-link{margin-left:auto}.leaderboard-link i{font-size:.7em}.no-students{background:var(--primary-lightest);color:var(--primary-dark);font-size:16px;margin-top:16px;padding:16px;text-align:center}.no-students a{font-weight:700;text-decoration:underline}.two-columns .button-header{align-items:baseline;display:flex;justify-content:flex-end}.two-columns .button-header>:first-child{margin-right:auto;margin-top:0}.two-columns .button-header>:not(:first-child){margin-left:16px}.two-columns aside{height:100vh;padding-top:16px}.two-columns aside h2{margin-bottom:8px}.two-columns aside h3{padding-bottom:4px;padding-top:8px}.two-columns aside .template-editor-actions{align-items:flex-end;display:flex;flex-direction:column}.two-columns aside .template-editor-actions button{font-size:14px;padding:4px 8px}.two-columns aside .template-editor-actions button.active{background:var(--primary-dark);border:2px solid var(--primary-dark);color:var(--white)}.two-columns aside .template-editor-actions .actions-wrap{position:relative}.two-columns aside .template-editor-actions .actions-wrap .actions{border:2px solid var(--primary-dark);display:flex;flex-direction:column;position:absolute;right:0;width:160px}.two-columns aside .template-editor-actions .actions-wrap .actions button{background:var(--white);border:none}.two-columns aside .template-editor-actions .actions-wrap .actions button:focus,.two-columns aside .template-editor-actions .actions-wrap .actions button:hover{background:var(--primary-dark);color:var(--white)}.two-columns aside .sidebar{display:flex;flex-direction:column;height:100%}.two-columns aside .sidebar label{font-size:12px}.two-columns aside .sidebar input,.two-columns aside .sidebar select,.two-columns aside .sidebar textarea{font-size:14px}.two-columns aside .sidebar textarea{height:35px;min-height:auto}.two-columns aside .errors{color:#e32c2c}.two-columns aside .columns{align-items:center}.two-columns aside footer{align-items:center;color:var(--white);display:flex;justify-content:space-between;padding:8px 16px!important}.two-columns aside footer #is_dirty{font-size:14px;font-style:italic;visibility:hidden}.two-columns aside footer #is_dirty.show{visibility:visible}.two-columns aside footer button{display:flex;font-size:14px;padding:4px 8px;text-align:center}.two-columns aside footer button span{flex:1;text-align:center}.two-columns main{overflow-y:scroll;padding:16px}.two-columns main h3{color:var(--primary-darkest);font-size:1.2em}.two-columns main .columns{justify-content:center}.two-columns main .columns>:first-child{width:0}.rounds-editor{background:var(--white);border:2px solid var(--primary-dark);display:flex;flex:1;flex-direction:column;overflow:scroll;position:relative}.rounds-editor h4{font-size:14px;margin:8px 0 0 8px}.rounds-editor .add-round{cursor:var(--pointer);font-size:12px;margin:8px auto}.rounds-editor .round-actions{display:flex;margin:8px 8px 0}.rounds-editor .round-actions button{flex:1;font-size:12px;justify-content:center;padding:4px}.rounds-editor .round-actions button:not(:first-child){margin-left:8px}.rounds-editor .questions{flex:1;font-size:12px;margin:8px 0 8px 8px;overflow-y:scroll;padding-right:10px}.rounds-editor .questions .no-questions{color:var(--primary-light);display:block;font-size:1.3em;margin-top:16px;text-align:center}.rounds-editor .questions .question-wrap{align-items:center;display:flex}.rounds-editor .questions .question-wrap .order-buttons{color:var(--primary-dark);color:var(--primary-light);display:flex;flex-direction:column;font-size:1em;justify-content:center;margin-left:8px}.rounds-editor .questions .question-wrap .order-buttons i:not(.not-active){cursor:var(--pointer)}.rounds-editor .questions .question-wrap .order-buttons i:not(.not-active):hover{color:var(--primary-dark)}.rounds-editor .questions .question-wrap .order-buttons>:first-child{margin-bottom:2px}.rounds-editor .questions .question-wrap .question-item,.rounds-editor .questions .question-wrap .round-item{align-items:center;background:var(--white);border:2px solid var(--primary-dark);color:var(--font-colour);cursor:var(--pointer);display:flex;flex:1;padding:8px}.rounds-editor .questions .question-wrap .question-item .order,.rounds-editor .questions .question-wrap .round-item .order{font-size:1.2em}.rounds-editor .questions .question-wrap .question-item .text,.rounds-editor .questions .question-wrap .round-item .text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.9em;line-height:1.1em;overflow:hidden;padding-bottom:1px;word-break:break-word}.rounds-editor .questions .question-wrap .question-item>:not(:last-child),.rounds-editor .questions .question-wrap .round-item>:not(:last-child){margin-right:8px}.rounds-editor .questions .question-wrap .question-item .delete,.rounds-editor .questions .question-wrap .round-item .delete{margin-left:auto}.rounds-editor .questions .question-wrap .question-item.active,.rounds-editor .questions .question-wrap .question-item:hover,.rounds-editor .questions .question-wrap .round-item.active,.rounds-editor .questions .question-wrap .round-item:hover{background:var(--primary-dark);color:var(--white)}.rounds-editor .questions .question-wrap .question-item.active i,.rounds-editor .questions .question-wrap .question-item:hover i,.rounds-editor .questions .question-wrap .round-item.active i,.rounds-editor .questions .question-wrap .round-item:hover i{color:var(--white)}.rounds-editor .questions .question-wrap:not(:last-child){margin-bottom:8px}.tests{max-width:300px}.tests .no-tests{align-content:center;background:var(--primary-lightest);display:flex;flex-direction:column;justify-content:center;margin-top:16px;padding:16px;text-align:center}.tests .no-tests a{color:var(--primary-darkest);cursor:var(--pointer);font-weight:700;margin-top:8px}.tests .test{border:2px solid var(--primary-dark);margin-bottom:16px}.tests .test:first-child{margin-top:16px}.tests .test header{align-items:center;background:var(--primary-lightest);color:var(--primary-darkest);display:flex;justify-content:flex-end;padding:4px 8px}.tests .test header>*{cursor:var(--pointer);font-size:1.2em}.tests .test header .input-wrap{margin-right:auto}.tests .test header .input-wrap label,.tests .test header .input-wrap select{font-size:12px}.tests .test header>:not(:first-child){margin-left:8px}.tests .test header :last-child{margin-right:8px}.tests .test .body{font-size:12px;margin:8px}.tests .test .body .add-input{color:var(--primary-dark);cursor:var(--pointer);font-size:14px}.tests .test .body .add-input i{width:12px}.tests .test .body .input-wrap{margin:8px 0}.tests .test .body .program-input{align-items:center;flex-direction:row;margin:8px 0}.tests .test .body .program-input:last-of-type{margin-bottom:16px}.tests .test .body .program-input>:first-child{font-size:1.1em;width:12px}.tests .test .body .program-input input{flex:1}.tests .test .body .program-input i{color:var(--primary-darkest);cursor:var(--pointer)}.tests .test .body .program-input>:not(:first-child){margin-left:8px}.tests .test .test-output pre:not(:empty){display:block;font-family:Roboto Mono,monospace;font-size:14px;margin:4px;padding:8px;text-align:center;white-space:pre-wrap}.tests .test .test-output.success pre{background:#c8e6c9;color:#2e7d32;font-weight:700}.tests .test .test-output.error pre{background:#ffcdd2;color:#c62828}.tests .test .test-output.is-input pre{background:#222;color:var(--white)}.tests .test .test-output.is-input.error pre{color:#ff3e2c}.tests .test .test-output.is-input.success pre{text-align:left}.tests .test .test-output.files-wrap{margin:8px;text-align:left}.tests .test .test-output.files-wrap pre{margin:0;text-align:left}.tests .fake-name{color:#444;font-size:10px;line-height:14px;text-align:right}.question-overview h3{display:block;font-size:1.2em;padding-top:16px}.question-overview .question{background:var(--primary-lightest);display:flex;margin:16px 0;padding:16px}.question-overview .question .order{color:var(--primary-dark);font-size:18px;line-height:1.6em;margin-right:8px;text-align:center;width:35px}.question-overview .question pre{word-wrap:break-word;background:#fff;font-family:Roboto Mono,monospace;line-height:1.4em;margin-top:8px;padding:8px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}.question-overview .question .actions{display:flex;margin-top:16px}.question-overview .question .actions>*{color:var(--primary-dark);cursor:var(--pointer);font-size:14px;font-weight:700}.question-overview .question .actions>:hover{color:var(--primary-darkest)}.question-overview .question .actions>:not(:last-child){margin-right:16px}.question-overview .question .answer{display:none}.question-overview .question .answer.visible{display:block}.question-overview .question .skills{display:flex;flex-wrap:wrap;margin-top:8px}.question-overview .question .skills .skill{background:var(--white);color:var(--primary-darkest);font-size:12px;margin:4px 4px 0 0;padding:4px}.code-editor{border:2px solid var(--primary-dark);position:relative}.code-editor *{font-family:Roboto Mono,monospace}.code-editor .cm-activeLine,.code-editor .cm-activeLineGutter{background:none}.code-editor #code_running{align-items:center;background:rgba(55,55,55,.9);color:var(--white);display:flex;flex-direction:column;font-size:1.1em;height:100%;justify-content:center;position:absolute;width:100%;z-index:10}.code-editor #code_running #stop_code{color:var(--primary-light);cursor:var(--pointer);font-weight:700}.code-editor #code_running i{font-family:Font Awesome\ 5 Free!important}.code-editor #code_running.hidden{display:none!important}.code-output{background:#222;color:#fff;padding:16px}.code-output.empty{display:none}.code-output.is-error{color:#ff3e2c}.code-output header{color:#fff;display:flex;justify-content:space-between}.code-output pre{word-wrap:break-word;font-family:Roboto Mono,monospace!important;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}.code-output pre .user-input{color:#aaa;font-family:Roboto Mono,monospace}.program-actions{display:flex;justify-content:flex-end;margin:16px 0}.program-actions>*{margin-left:16px}.files-wrap{margin-top:16px}.files-wrap div{display:flex;flex-direction:column;font-family:Roboto Mono,monospace;margin-bottom:16px}.files-wrap div span{background:var(--primary-dark);color:var(--white)}.files-wrap div pre,.files-wrap div span{font-family:Roboto Mono,monospace;padding:8px}.files-wrap div pre{word-wrap:break-word;background:var(--primary-lightest);line-height:1.4em;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}.program-file-editors .program-file-editor{background:var(--primary-lightest);font-size:12px;margin-top:8px;padding:8px}.program-file-editors .program-file-editor input,.program-file-editors .program-file-editor textarea{font-family:Roboto Mono,monospace;font-size:12px;padding:4px}.program-file-editors .program-file-editor .delete-button-wrap{display:flex}.program-file-editors .program-file-editor .delete-button-wrap span{color:var(--primary-dark);cursor:var(--pointer);font-weight:700;margin-left:auto}.round-overview .round-details{align-items:center;display:flex;justify-content:space-between;margin:16px}.round-overview .round-details .back,.round-overview .round-details .forward{flex:1}.round-overview .round-details .forward{text-align:right}.round-overview .round-details a{color:var(--primary-dark)}.round-overview .round-details .name{font-size:1.2em}.round-overview .questions-wrap{display:flex;justify-content:center}.round-overview .questions-wrap .questions{display:flex;margin:0 auto}.round-overview .questions-wrap .questions .question{background:var(--primary-lightest);color:var(--primary-darkest);font-size:.9em;padding:8px 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.round-overview .questions-wrap .questions .question.active{background:var(--primary-dark);color:var(--white)}.round-overview .questions-wrap .questions .question.correct{background:#c8e6c9;color:#2e7d32}.round-overview .questions-wrap .questions .question.correct.active{background:#38883b;color:var(--white)}.round-overview .questions-wrap .questions .question.incorrect{background:#ffcdd2;color:#c62828}.round-overview .questions-wrap .questions .question.incorrect.active{background:#e32c2c;color:var(--white)}.round-overview .questions-wrap .questions .question.disabled{pointer-events:none}#question_wrap{margin-top:16px}#question_wrap .rich-text{margin-bottom:16px}#question_wrap .buttons{display:flex;justify-content:flex-end;margin-top:16px}#question_wrap .buttons a,#question_wrap .buttons button{margin-left:16px}#question_wrap .buttons .xp{align-self:center;margin-right:auto}#question_wrap .code-output{line-height:1.4em;margin-top:16px}#question_wrap .error-information{background:#ffcdd2;display:none;line-height:1.4em;margin-top:16px;padding:16px}#question_wrap .error-information #failed_inputs_wrap.hidden{display:none}#question_wrap .error-information p{margin-bottom:8px}#question_wrap .error-information ul{line-height:1.4em;list-style:disc;margin-left:16px}#question_wrap .error-information code{font-family:Roboto Mono,monospace}#question_wrap #next_question{display:none}#question_wrap #close{color:var(--primary-dark);margin-top:16px;text-align:center}#question_wrap #close #characters_different{font-weight:700}#question_wrap #close #characters_different_plural.hidden,#question_wrap #close.hidden{display:none}#question_wrap .success{color:#2e7d32;display:none;font-weight:700;text-align:center}#question_wrap.incorrect .code-editor{border-color:#e32c2c}#question_wrap.incorrect #result{color:#ff3e2c}#question_wrap #character_count_wrap{color:#2e7d32;display:none;justify-content:flex-end;margin-top:16px}#question_wrap #character_count_wrap #character_count{font-weight:700}#question_wrap #character_count_wrap.active{display:flex}#question_wrap #character_count_wrap.incorrect{color:#c62828}#question_wrap.logic-error #logic_error,#question_wrap.syntax-error #syntax_error{display:block}#question_wrap .code,#question_wrap .code-editor{transition:background 2s}#question_wrap .code *,#question_wrap .code-editor *{transition:opacity 2s}#question_wrap.correct.is-homework .code,#question_wrap.correct.is-homework .code-editor{background:var(--primary-lightest)}#question_wrap.correct.is-homework .code *,#question_wrap.correct.is-homework .code-editor *{opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}#question_wrap.correct .success{display:block}#question_wrap.correct .code-editor{border-color:#38883b}#question_wrap.correct .code-output{display:none}#question_wrap.correct #next_question{display:block}#question_wrap.correct #check_code,#question_wrap.correct #reset_code,#question_wrap.correct #run_code,#question_wrap.correct .buttons .xp{display:none}#question_wrap .marks{align-self:center;color:var(--primary-darkest);font-weight:700;margin-right:auto}#playground_toggle_expand{bottom:16px;cursor:pointer;position:fixed;right:16px;z-index:1000}#playground_toggle_expand i{color:#aaa;font-size:2em}#playground_toggle_expand i:hover{color:var(--primary-dark)}#playground_toggle_expand .compress{display:none}main.expanded{padding:32px 64px;width:100%}main.expanded .main-column{max-width:unset}main.expanded .main-column h2{font-size:24px}main.expanded .main-column section{font-size:2.2em}main.expanded .main-column .code-editor{font-weight:700}main.expanded label{font-size:18px}main.expanded #playground_toggle_expand .compress{display:block}main.expanded #playground_toggle_expand .expand{display:none}#cheatsheet_wrap{display:none;margin-top:32px}#cheatsheet_wrap.visible{display:block}#cheatsheet_button_wrap{display:flex;justify-content:center}#cheatsheet_button_wrap #show_cheatsheet{color:#aaa;cursor:var(--pointer);font-size:1.4em;font-weight:700;margin-top:32px}#cheatsheet_button_wrap #show_cheatsheet:hover{color:var(--primary-darkest)}.skill{border:2px solid var(--primary-dark);margin-top:16px;padding:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skill h4{color:var(--primary-darkest);margin-bottom:8px}.skill code,.skill pre{font-family:Roboto Mono,monospace}.skill p,.skill pre{margin-top:8px}.skill p{line-height:1.4em}.skill pre{font-size:1.1em;line-height:1.8em}.skill .highlight{background-color:var(--primary-lightest);font-family:inherit}#all_skills{display:none}.fill-in-blanks .blanks-wrap{position:relative}.fill-in-blanks .code{word-wrap:break-word;border:2px solid var(--primary-dark);counter-reset:line;font-family:Roboto Mono,monospace;line-height:1.4em;padding:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}.fill-in-blanks .code span{display:block;font-family:Roboto Mono,monospace}.fill-in-blanks .code input.blank{background:var(--primary-lightest);color:var(--font-colour);font-family:Roboto Mono,monospace;font-size:.9em;padding:2px 0;text-align:center;width:7ch}.fill-in-blanks #code_running{align-items:center;background:rgba(55,55,55,.9);color:var(--white);display:flex;flex-direction:column;font-size:1.1em;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.fill-in-blanks #code_running #stop_code{color:var(--primary-light);cursor:var(--pointer);font-weight:700}.fill-in-blanks #code_running i{font-family:Font Awesome\ 5 Free!important}.fill-in-blanks #code_running.hidden{display:none!important}.reorder-lines #lines_wrap{position:relative}.reorder-lines #lines_wrap #lines pre{word-wrap:break-word;background:var(--primary-lightest);border:2px solid var(--primary-dark);border-color:var(--primary-lightest);cursor:move;font-family:Roboto Mono,monospace;margin:8px 0;padding:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}.reorder-lines #lines_wrap #lines pre:hover{border-color:var(--primary-dark)}.reorder-lines #lines_wrap #lines pre.ghost{background:var(--primary-dark);border-color:var(--primary-dark);color:var(--white)}.reorder-lines #lines_wrap #code_running{align-items:center;background:rgba(55,55,55,.9);color:var(--white);display:flex;flex-direction:column;font-size:1.1em;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.reorder-lines #lines_wrap #code_running #stop_code{color:var(--primary-light);cursor:var(--pointer);font-weight:700}.reorder-lines #lines_wrap #code_running i{font-family:Font Awesome\ 5 Free!important}.reorder-lines #lines_wrap #code_running.hidden{display:none!important}.no-scroll{overflow:inherit}.modal-wrap{display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-wrap .overlay{background:rgba(0,0,0,.667);bottom:0;height:100vh;left:0;position:absolute;right:0;top:0;width:100vw;z-index:600}.modal-wrap .modal{background:#fff;height:-moz-fit-content;height:fit-content;margin-top:64px;padding:16px;position:relative;width:568px;z-index:667}.modal-wrap .modal h2{color:var(--primary-darkest);font-size:1.2em;margin-bottom:16px;margin-top:8px}.modal-wrap .modal p{line-height:1.6em;margin-top:32px}.modal-wrap .modal strong{font-weight:700}.modal-wrap .modal a{color:var(--primary-darkest);font-weight:700}.modal-wrap .modal ul{line-height:1.6em;list-style-type:disc}.modal-wrap .modal ul li{margin-left:16px}.modal-wrap .modal .buttons{display:flex;justify-content:flex-end;margin-top:16px}.modal-wrap .modal .buttons :not(:first-child){margin-left:16px}.modal-wrap .modal .close{color:var(--primary-dark);cursor:pointer;font-size:1.2em;position:absolute;right:16px;top:16px}.invisible{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.tabs{display:flex;margin-bottom:16px}.js-tablist a,.tabs a{color:#444;cursor:var(--pointer);display:inline-block;font-size:1.3em;margin-right:16px;padding:8px 0}.js-tablist a.active,.js-tablist a[aria-selected=true],.tabs a.active,.tabs a[aria-selected=true]{border-bottom:2px solid var(--primary-dark);color:var(--primary-darkest)}.js-tablist a:hover,.tabs a:hover{color:var(--primary-darkest)}.js-tablist{display:flex}.js-tabs .js-tabcontent{margin-top:16px}.js-tabs [aria-hidden=true]{display:none}.group-wrap{margin-top:8px}.group-wrap .no-groups,.group-wrap .no-students{background:var(--primary-lightest);color:var(--primary-dark);font-size:18px;padding:32px;text-align:center}.group-wrap .no-groups a,.group-wrap .no-students a{font-weight:700;text-decoration:underline}.group-wrap .no-students{margin-top:16px}.group-wrap .open-assessment{background:#ffcdd2;border:2px solid #c62828;color:#c62828;font-size:18px;margin-bottom:16px;padding:16px}.group-wrap .open-assessment .header{align-items:center;display:flex;font-size:20px}.group-wrap .open-assessment .header i{font-size:22px;margin-right:8px;margin-top:-2px}.group-wrap .open-assessment .header strong{font-weight:700}.group-wrap .open-assessment a{text-decoration:underline}.group-wrap .open-assessment p{line-height:1.8em}.groups .group{background:var(--white);border:2px solid var(--primary-dark);display:flex;margin:8px 0;padding:16px}.groups .group .name{font-weight:700}.groups .group .students-count{margin-left:auto}.groups .group.active,.groups .group:hover{background:var(--primary-dark);color:var(--white)}.groups .group .open-assessment{align-self:center;animation:blink-2 3s ease-in-out infinite both;color:#c62828;margin-left:8px}.groups .empty{background:var(--white);color:#000;font-size:12px;margin:8px 0;padding:16px}table.user-list{width:100%}table.user-list thead{border-bottom:1px solid var(--primary-light)}table.user-list thead th{font-weight:700;padding-bottom:4px;text-align:left}table.user-list tr td{font-size:.8em;padding:2px;vertical-align:bottom}table.user-list tr td:first-of-type{padding-top:16px}table.user-list tr td .input-wrap{font-size:.9em;margin-bottom:0;width:110px}table.user-list tr td .input-wrap.code input{font-family:Roboto Mono,monospace}.delete-group strong{font-weight:700}.delete-group button,.delete-group p:not(:first-child){margin-top:8px}@keyframes blink-2{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.errors{margin:16px 0}.success-message{color:#2e7d32}.trix-wrap{width:100%}.trix-wrap trix-editor{border:2px solid var(--primary-dark);border-radius:0}.trix-wrap .trix-button--icon-code,.trix-wrap .trix-button--icon-heading-1,.trix-wrap .trix-button--icon-quote,.trix-wrap .trix-button--icon-strike,.trix-wrap .trix-button-group--file-tools,.trix-wrap .trix-button-group--history-tools{display:none}.rich-text{line-height:1.6em}.rich-text strong{font-weight:700}.rich-text em{font-style:italic}.rich-text a{color:var(--primary-dark);text-decoration:underline}.rich-text ol,.rich-text ul{margin-left:16px}.rich-text ol{list-style:decimal}.rich-text ul{list-style:disc}.rich-text ul ul{list-style:circle}.rich-text figure{margin:16px 0}.rich-text figure img{display:block;height:unset;margin:0 auto;width:80%}.rich-text figure figcaption{font-style:italic;margin-top:16px;text-align:center}.leaderboard-wrap{color:var(--font-colour);display:flex;flex-direction:column;font-size:1.2em;height:100vh;overflow:hidden}.leaderboard-wrap h1{background:var(--primary-dark);color:#fff;font-size:1.2em;padding:16px;text-align:center;width:100%}.leaderboard-wrap .leaderboard{background:var(--primary-lightest);display:flex;flex:1;width:100vw}.leaderboard-wrap .leaderboard .column{flex:1;padding:16px}.leaderboard-wrap .leaderboard .ranking-wrap,.leaderboard-wrap .leaderboard .rounds-wrap{margin-top:16px}.leaderboard-wrap .leaderboard .ranking-wrap h2,.leaderboard-wrap .leaderboard .rounds-wrap h2{color:var(--primary-darkest);font-size:1.2em;margin-bottom:16px}.leaderboard-wrap .leaderboard .ranking .empty{background:var(--white);border:2px solid var(--primary-dark);display:flex;padding:16px}.leaderboard-wrap .leaderboard .ranking .empty p{text-align:center;width:100%}.leaderboard-wrap .leaderboard .ranking .student{background:var(--white);border:2px solid var(--primary-dark);display:flex;margin-bottom:16px}.leaderboard-wrap .leaderboard .ranking .student .place{align-content:center;background:var(--primary-dark);color:var(--white);display:flex;font-size:1.4em;justify-content:center;padding:8px;width:10%}.leaderboard-wrap .leaderboard .ranking .student .details{display:flex;flex-direction:column;width:100%}.leaderboard-wrap .leaderboard .ranking .student .details .text{display:flex;justify-content:space-between;padding:4px}.leaderboard-wrap .leaderboard .ranking .student .details .progress-bar{display:flex;flex:1}.leaderboard-wrap .leaderboard .ranking .student .details .progress-bar span{background:#ccc;flex:1}.leaderboard-wrap .leaderboard .ranking .student .details .progress-bar span.correct{background:#38883b}.leaderboard-wrap .leaderboard .ranking .student .details .progress-bar span.incorrect{background:#e32c2c}.leaderboard-wrap .leaderboard .ranking .student .details .progress-bar span.round-marker{background:var(--primary-dark);flex:0.1}.leaderboard-wrap .leaderboard .rounds{display:flex;flex-direction:column}.leaderboard-wrap .leaderboard .rounds .round{background:var(--white);border:2px solid var(--primary-dark);margin-bottom:16px;padding:8px}.leaderboard-wrap .leaderboard .rounds .round h3{color:var(--primary-darkest);font-size:1em;padding:4px}.leaderboard-wrap .leaderboard .rounds .round .students{display:flex;flex-wrap:wrap}.leaderboard-wrap .leaderboard .rounds .round .students span{background:var(--primary-lightest);color:var(--font-colour);font-size:14px;margin:4px;padding:4px 8px}.leaderboard-wrap .leaderboard .rounds .round .empty{margin-bottom:16px;text-align:center;width:100%}.leaderboard-wrap .live-marker{align-items:center;bottom:16px;display:flex;font-size:.7em;left:16px;position:absolute}.leaderboard-wrap .live-marker i{animation:heartbeat 5s ease-in-out infinite both;color:#c62828;font-size:1.4em;margin-right:4px}.leaderboard-wrap .controls{bottom:16px;position:absolute;right:16px}.leaderboard-wrap .controls .action{background:var(--primary-dark);color:#fff;cursor:pointer;font-size:.8em;padding:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.leaderboard-wrap.high-contrast{--primary-darkest:#eceff1;--primary-dark:#90a4ae;--primary-light:#546e7a;--primary-lightest:#000;--white:#263238;--font-colour:#eceff1}@keyframes heartbeat{0%{animation-timing-function:ease-out;transform:scale(1);transform-origin:center center}10%{animation-timing-function:ease-in;transform:scale(.91)}17%{animation-timing-function:ease-out;transform:scale(.98)}33%{animation-timing-function:ease-in;transform:scale(.87)}45%{animation-timing-function:ease-out;transform:scale(1)}}.stat{margin-top:16px}.stat .assignment-overview{display:flex;font-size:12px;text-align:center}.stat .assignment-overview .round-overview{display:flex;flex:1;flex-direction:column;justify-content:space-around}.stat .assignment-overview .round-overview:not(:last-child){margin-right:2px}.stat .assignment-overview .round-overview .round-label{background:var(--primary-dark);color:var(--white);font-size:14px;padding:2px}.stat .assignment-overview .round-overview .questions{display:flex;flex:1}.stat .assignment-overview .round-overview .questions .question-overview{display:flex;flex:1;flex-direction:column;justify-content:end;margin:0}.stat .assignment-overview .round-overview .questions .question-overview .complete-bar{background:#38883b}.stat .assignment-overview .round-overview .questions .question-overview .incomplete-bar{background:#ccc;color:var(--primary-darkest);font-size:10px;padding-top:4px}.stat .assignment-overview .round-overview .questions .question-overview .question-label{background:var(--primary-lightest);padding:2px}.stat .datatable{border-collapse:collapse;width:100%}.stat .datatable th{cursor:var(--pointer);padding:4px 0;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stat .datatable th i{color:var(--primary-light);margin-right:4px}.stat .datatable th.active{font-weight:700}.stat .datatable th.active i{color:var(--primary-dark)}.stat .datatable tr:not(:first-child){border-top:1px solid #ccc}.stat .datatable tbody tr:not(.overview){cursor:var(--pointer)}.stat .datatable tbody tr:not(.overview):hover{background:var(--primary-lightest)}.stat .datatable tbody tr:not(.overview).active{background:var(--primary-dark);color:var(--white)}.stat .datatable td{padding:4px}.stat .datatable tr.overview{background:var(--primary-lightest);border-top:0}.stat .datatable tr.overview .round-name{font-size:.9em;margin-left:16px}.stat .datatable tr.overview .question-breakdown{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-left:8px;padding:8px}.stat .datatable tr.overview .question-breakdown .question-status{align-items:center;background:#ccc;border:2px solid #aaa;cursor:var(--pointer);display:flex;font-size:.9em;height:20px;justify-content:center;margin-bottom:8px;margin-right:8px;width:20px}.stat .datatable tr.overview .question-breakdown .question-status.correct{background:#c8e6c9;border-color:#38883b}.stat .datatable tr.overview .question-breakdown .question-status.incorrect{background:#ffcdd2;border-color:#e32c2c}.stat .datatable tr.overview .question-breakdown .response{background:var(--white);border:2px solid var(--primary-dark);padding:16px;position:fixed;top:16px;width:536px}.stat .datatable tr.overview .question-breakdown .response h4{color:var(--primary-darkest);font-size:16px;margin-bottom:8px}.stat .datatable tr.overview .question-breakdown .response p{font-size:14px;line-height:16px}.stat .datatable tr.overview .question-breakdown .response pre{word-wrap:break-word;font-family:Roboto Mono,monospace;margin:16px 0;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap}.stat .datatable tr.overview .question-breakdown .response .time-submitted{display:block;font-size:.8em}.stat .datatable tr.overview .question-breakdown .response .close-button{color:var(--primary-dark);cursor:var(--pointer);display:block;margin-top:8px}.js-dialogtooltip{border:2px solid var(--primary-dark);padding:16px}.js-dialogtooltip button{display:none}.js-dialogtooltip .tooltip__content pre{font-family:Roboto Mono,monospace;margin:16px 0}.js-dialogtooltip .tooltip__content .time-submitted{display:block;font-size:.8em}.templates .template{border:2px solid var(--primary-dark);display:block;margin:16px 0;padding:16px}.template-browser-wrap{position:relative}.template-browser-wrap .loading-wrap{background:rgba(237,231,246,.667);height:100%;justify-content:center;position:absolute;width:100%;z-index:100}.template-browser-wrap .loading-wrap i{color:var(--primary-dark);font-size:40px;margin-top:48px}.template-search{position:relative}.template-search .search-aspect{color:var(--primary-dark);display:block;margin-bottom:8px}.template-search .options{display:flex;flex-wrap:wrap}.template-search .options .option{margin:8px 8px 16px 0}.template-search .options .option input{display:none}.template-search .options .option input:checked~label{background:var(--primary-dark);color:var(--white)}.template-search .options .option label{background:var(--primary-lightest);color:var(--primary-darkest);cursor:pointer;font-size:14px;padding:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.template-search #clear_selection{background:none;border:none;color:#aaa;font-size:12px;margin:-8px 0 16px;padding:0}.template-search #clear_selection:hover{color:var(--primary-dark)}.template-browser .empty{color:#aaa;font-weight:700;padding:16px;text-align:center}.template-browser .template{border:2px solid var(--primary-dark);display:flex;flex-direction:column;margin-bottom:16px;position:relative}.template-browser .template .header{background:var(--primary-lightest);color:var(--primary-darkest);display:flex;justify-content:space-between;padding:8px 16px}.template-browser .template .header .title{font-weight:700}.template-browser .template .header .type{font-style:italic}.template-browser .template .body{display:flex;justify-content:space-between;padding:16px}.template-browser .template .body .info{display:flex;flex-direction:column;margin-right:8px}.template-browser .template .body .info .description{line-height:1.2em;margin-top:8px}.template-browser .template .body .info .count{font-style:italic;margin-top:8px}.template-browser .template .body .info .skills{display:flex;flex-wrap:wrap}.template-browser .template .body .info .skills span{background:var(--primary-lightest);color:var(--primary-darkest);margin:0 8px 8px 0;padding:8px}.template-browser .template .body .info .prerequisites{margin-top:8px}.template-browser .template .body .info .prerequisites strong{font-weight:700}.template-browser .template .body .info .prerequisites .prerequisite{margin-right:4px}.template-browser .template .overview{margin:-16px 16px 16px}.template-browser .template .overview h4{color:#444;font-weight:700;margin:16px 0 4px}.template-browser .template .overview ol{list-style:decimal;margin-left:16px}.template-browser .template .overview ol li{font-size:14px;line-height:18px}.template-browser .template .overview ol li:not(:last-child){margin-bottom:8px}.template-browser .template .trial-message{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:rgba(237,231,246,.51);display:flex;height:100%;justify-content:center;position:absolute;width:100%}.template-browser .template .trial-message span{color:var(--primary-darkest)}.template-browser .template .trial-message span a{font-weight:700}.group-import p{line-height:1.4em}.group-import p a{color:var(--primary-darkest);text-decoration:underline}.group-import form{margin-top:16px}.group-import table thead{font-weight:700}.group-import table td{padding:4px}.group-import button{margin-left:auto;margin-top:16px}.group-import #after_upload,.group-import #after_upload>div{display:none}.group-import #after_upload.show,.group-import #after_upload>div.show{display:block}.group-import strong{font-weight:700}.group-import em{font-style:italic}.group-import .student-list{margin-bottom:16px;width:100%}.group-import .student-list tr:nth-child(odd){background:var(--primary-lightest)}.group-import .student-list td:nth-child(2){font-style:italic}.group-import .student-list tr td.select-wrap{text-align:right}.group-import #max_students{background:#ffcdd2;padding:32px}.group-import #max_students strong{color:#c62828;display:block;font-weight:700;margin-bottom:8px}#edit_assignment_details{font-size:12px}#edit_assignment_details .pad-top{padding-top:16px}#edit_assignment_details.is-classwork .homework-option,#edit_assignment_details.is-homework .classwork-option{display:none}#edit_assignment_details .errors{color:#e32c2c;font-size:14px}.assignment-editor-buttons{display:flex;flex-direction:row;justify-content:flex-end;margin-top:8px}.assignment-editor-buttons button{margin-left:16px}.assignment-types{display:flex;margin-top:32px}.assignment-types .assignment-type{background:var(--primary-lightest);flex:1;padding:8px}.assignment-types .assignment-type:not(:last-of-type){margin-right:16px}.assignment-types .assignment-type .title{color:var(--primary-dark);font-weight:700}.assignment-types .assignment-type ul{list-style:disc;margin-left:16px}.assignment-types .assignment-type ul li{margin-top:8px}.scope-selector-wrap{font-size:16px;margin-top:16px}.scope-selector-wrap label{margin-bottom:-2px}#student_selector{display:flex;flex-wrap:wrap}#student_selector .input-wrap{width:50%}#student_selector.hidden{display:none}.selected-students-list{line-height:1.6em;list-style:disc;margin-top:8px}.selected-students-list li{margin-left:16px}.group-datatable .table-wrap{position:relative}.group-datatable .table-wrap .loading{align-items:center;background:rgba(237,231,246,.667);color:var(--white);display:none;flex-direction:column;font-size:1.1em;height:100%;position:absolute;width:100%;z-index:10}.group-datatable .table-wrap .loading span{color:var(--primary-dark);font-size:3em;margin-top:20%}.group-datatable .actions{align-items:center;display:flex;height:45px;margin-bottom:8px;margin-left:5px}.group-datatable .actions span{color:#aaa;width:96px}.group-datatable .actions button{display:none;margin-left:16px}.group-datatable .actions.active button{display:block}.group-datatable .actions.active span{color:var(--font-colour)}.group-datatable table{border-collapse:collapse;width:100%}.group-datatable table td{padding:8px 4px}.group-datatable table thead{background:var(--primary-dark);color:var(--white)}.group-datatable table thead td{text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.group-datatable table thead .sortable{cursor:var(--pointer)}.group-datatable table thead .sortable:first-of-type{text-align:left}.group-datatable table thead .sortable i{color:var(--primary-light);margin-right:4px}.group-datatable table thead .sortable.active{font-weight:700}.group-datatable table thead .sortable.active i{color:var(--white)}.group-datatable table tbody tr:not(.group-average):hover{background:var(--primary-lightest);cursor:pointer}.group-datatable table tbody .group-average{background-color:#f0f0f0}.group-datatable table td.checkbox{text-align:left}.group-datatable table td.checkbox input{display:none}.group-datatable table td.checkbox label{cursor:pointer}.group-datatable table td.checkbox label:before{color:#ccc;content:"\f0c8";font-family:Font Awesome\ 5 Free;font-family:400}.group-datatable table td.checkbox input:checked+label:before{color:var(--primary-dark);content:"\f14a";font-weight:900}.group-datatable table td.icon{text-align:center;width:32px}.group-datatable table td.icon i{color:#ccc}.group-datatable table tr:hover .icon i,.group-datatable table tr:hover label:before{color:var(--primary-dark)}.group-datatable table .select-all-students label:before{color:var(--white)!important}.loading .table-header{background:var(--primary-dark);height:32px;margin-bottom:2px}.loading .table-row{display:flex}.loading .table-row .table-cell{animation:color-change-2x 1s linear infinite alternate forwards;background:#ccc;height:32px;margin:4px}.loading .table-row .table-cell.big{flex:1}.loading .table-row .table-cell.small{width:100px}@keyframes color-change-2x{0%{background:#ccc}to{background:#f0f0f0}}.settings-navigation{padding-top:16px}.settings-navigation a{background:var(--white);border:2px solid var(--primary-dark);display:flex;margin-bottom:16px;padding:16px}.settings-navigation a.active{background:var(--primary-dark);color:var(--white)}.settings-navigation a i{margin-right:16px}.settings-navigation a:hover{background:var(--primary-dark);color:var(--white)}.add-user .input-wrap{width:0}.add-user .message-wrap{display:flex}.add-user .teacher-added{align-items:center;background:#c8e6c9;display:flex;justify-content:center;margin-left:16px;padding:0 16px}.add-user .teacher-added strong{color:#2e7d32;font-weight:700;margin-right:8px}#delete_institution ul{list-style:disc;margin-left:16px;padding:8px 0}#delete_institution ul li{line-height:1.6em}#delete_institution strong{font-weight:700}#delete_institution .input-wrap{margin-top:16px;max-width:200px}#delete_institution .error{color:#c62828;display:block;margin-top:8px}.billing-wrap p{line-height:1.4em}.billing-wrap .subscription-overview{align-items:flex-start}.billing-wrap .auto-renew{margin:8px 0}.billing-wrap .next-po{margin-bottom:16px;max-width:200px}.billing-wrap .student-count{background:var(--primary-lightest);margin-right:8px;padding:16px}.billing-wrap .student-count .headline{color:var(--font-colour);font-size:1.4em;font-weight:700}.billing-wrap .student-count .full-bar{background:#e32c2c;display:none}.billing-wrap .student-count .full-bar,.billing-wrap .student-count .percentage-bar .bar-wrap{height:24px;margin-top:16px}.billing-wrap .student-count .instructions{display:none;line-height:1.4em;margin-top:16px}.billing-wrap .student-count.maxed-out .headline{color:#e32c2c}.billing-wrap .student-count.maxed-out .full-bar{display:block}.billing-wrap .student-count.maxed-out .percentage-bar{display:none}.billing-wrap .student-count.maxed-out .instructions{display:block}.billing-wrap .change-plan{align-content:center;display:flex;flex-direction:column;justify-content:center;margin-left:8px;position:relative}.billing-wrap .change-plan .custom-plan{text-align:center}.billing-wrap .change-plan .custom-plan div{font-weight:700;margin-bottom:8px}.billing-wrap .change-plan .custom-plan a{color:var(--primary-dark);font-weight:700}.billing-wrap .change-plan .custom-plan a:hover{color:var(--primary-darkest)}.billing-wrap .change-plan .errors{color:red}.billing-wrap .change-plan .invoice-details{display:none}.billing-wrap .change-plan .invoice-details.visible{display:block}.billing-wrap .change-plan .invoice-details .calculation,.billing-wrap .change-plan .invoice-details .credit-wrap,.billing-wrap .change-plan .invoice-details .invoice-later,.billing-wrap .change-plan .invoice-details .invoice-now{display:none}.billing-wrap .change-plan .invoice-details .calculation.visible,.billing-wrap .change-plan .invoice-details .credit-wrap.visible,.billing-wrap .change-plan .invoice-details .invoice-later.visible,.billing-wrap .change-plan .invoice-details .invoice-now.visible{display:block}.billing-wrap .change-plan .invoice-details .credit-wrap.visible{display:inline-block}.billing-wrap .change-plan form{font-size:14px}.billing-wrap .change-plan form .columns{justify-content:flex-start}.billing-wrap .change-plan form .input-wrap{flex:1;margin-top:8px}.billing-wrap .change-plan form .submit-wrap{display:flex;flex:0;flex-direction:column;justify-content:flex-end;margin-bottom:8px}.billing-wrap .change-plan form p:first-of-type{margin-bottom:4px}.billing-wrap .change-plan form p em{font-weight:700}.billing-wrap .upgrade-account{margin-top:16px}.billing-wrap .upgrade-account .input-wrap input{font-size:16px;max-width:200px}.billing-wrap .upgrade-account .input-wrap.max-student .status,.billing-wrap .upgrade-account .input-wrap.update-max-students .status{right:24px}.billing-wrap .upgrade-account p{font-size:16px;line-height:1.6em;margin-top:16px}.billing-wrap .upgrade-account p em{font-weight:700}.billing-wrap .upgrade-account button{margin:16px 0}.billing-wrap .pay-trial-invoice{margin-bottom:8px}.billing-wrap .invoices{margin-bottom:32px}.billing-wrap .invoices th{text-align:left}.billing-wrap .invoices .status{background:var(--primary-lightest);color:var(--primary-dark);font-size:14px;padding:4px;text-align:center}.billing-wrap .invoices .status.void{background:#aaa;color:#444}.billing-wrap .invoices .status.paid{background:#c8e6c9;color:#2e7d32}.billing-wrap .invoices .status.overdue{background:#ffcdd2;color:#c62828}.billing-wrap .invoices .amount{font-weight:700;min-width:80px}.billing-wrap .invoices .date{min-width:180px}.billing-wrap .invoices a{color:var(--primary-dark);font-weight:700;margin-left:16px}.billing-wrap .invoices a:hover{color:var(--primary-darkest)}.billing-wrap #po_input_wrap{display:none}.billing-wrap #po_input_wrap.visible{display:flex}.billing-wrap .credits p{margin:8px 0}.billing-wrap .credits .status{color:var(--primary-dark);font-size:14px;padding:4px;text-align:center}.billing-wrap .credits .partial .status{background-color:#ffe3b9;color:#e65100}.billing-wrap .credits .unused .status{background:#c8e6c9;color:#2e7d32}.billing-wrap .credits .used .status{background:#aaa;color:#333}.group-section{margin-top:16px}.group-section .buttons{display:flex;justify-content:flex-start;margin-bottom:16px}.group-section .buttons .button,.group-section .buttons button{margin-right:16px}.group-section .buttons .create-assignment{margin-left:auto;margin-right:0}.print-options{display:flex;flex-wrap:wrap;justify-content:space-around}.print-options .option{align-items:center;display:flex;flex:1;flex-direction:column;justify-items:center;margin:16px;padding-bottom:16px}.print-options .option img{width:150px}.print-options .option:hover{background:var(--primary-lightest)}#student_search{font-size:14px;margin-right:16px;position:relative;width:150px}#student_search input{background:var(--primary-lightest);border:none;margin-right:16px;padding:8px;width:100%}#student_search .result{background:var(--primary-lightest);display:none;flex-direction:column;position:absolute;width:100%;z-index:100}#student_search .result a{color:var(--primary-darkest);padding:8px}#student_search .result a:focus,#student_search .result a:hover{background:var(--primary-dark);color:var(--white)}#student_search .result .empty{color:var(--primary-darkest);padding:8px;text-align:center}#student_search.active .result{display:flex}small.details{font-size:16px}small.details i{color:var(--primary-dark);font-size:.7em;line-height:16px;margin-right:4px}small.details i:not(:first-of-type){margin-left:8px}small.details a{color:var(--primary-darkest);font-weight:700}small.details .password,small.details .username{font-family:Roboto Mono,monospace;font-weight:700}small.details .password{filter:blur(7px);transition:filter .2s}small.details .password:hover{filter:blur(0)}.insights{display:flex}.insights .no-data{font-size:1.2em;line-height:1.6em}.insights .no-data strong{color:#444;font-weight:700}.insights .insight{flex:1}.insights .insight h4{color:#444;font-weight:700;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.insights .insight:first-child{margin-right:16px}.insights .insight.average-attempts img{width:100%}.insights .headlines{line-height:1.4em}.insights .headlines .student{font-size:1.1em;margin-top:8px}.insights .headlines .emphasis{font-weight:700}.insights .bars .bar .title{display:block;margin-bottom:4px;margin-top:8px}table td{padding:8px 16px 8px 0}.percentage-bar{display:flex;flex-direction:column}.percentage-bar .bar-wrap{background:#ccc;height:16px;position:relative}.percentage-bar .bar-wrap .bar{background:#38883b;height:100%;position:absolute}.percentage-bar .bar-wrap .marker{background:var(--primary-dark);height:100%;position:absolute;width:2px}.percentage-bar .bar-wrap .inline-label{color:var(--white);font-size:12px;left:2px;line-height:16px;position:absolute}.percentage-bar .seperate-label{color:#444;font-size:12px;margin-top:4px}.xp{background:var(--primary-lightest);border-radius:16px;color:var(--primary-dark);display:inline-block;display:inline-flex;font-size:16px;padding:8px 16px}.xp i{font-size:.8em;margin-right:4px;margin-top:1px}.xp.light{background:var(--primary-lightest);color:var(--primary-dark)}.xp.dark{background:var(--primary-dark);color:var(--white)}.xp.no-background{background:none;padding:8px 0}.xp.clickable{cursor:var(--pointer)}.xp.clickable:hover{background:var(--primary-darkest);color:var(--white)}.xp.compact{font-size:14px;padding:0}.xp-top-student{background:var(--primary-lightest);border-radius:32px;color:var(--primary-darkest);margin:16px 0;padding:16px;text-align:center}.xp-top-student strong{font-weight:700}.xp-item{align-items:center;border:2px solid var(--primary-dark);display:flex;margin:8px 0;padding:8px}.xp-item img{border-width:2px;border:4px solid var(--primary-dark);border-color:var(--white);height:50px;margin-right:16px}.xp-item .name{font-size:calc(var(--base-font-size) + 2px)}.xp-item .category{margin-left:auto;margin-right:16px}.xp-item:hover{background:var(--primary-lightest)}.xp-item.active{background:var(--primary-dark);color:var(--white)}.xp-item.locked{align-content:center;background:var(--primary-lightest);border:none;display:flex;justify-content:center;padding:16px;position:relative}.xp-item.locked .text{color:var(--primary-darkest);margin-right:8px}.xp-item.locked .fade{display:none}.xp-item.locked:last-child .fade{background:#020024;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.5) 50%,#fff);display:block;height:100%;position:absolute;width:100%}.xp-item:last-child{margin-bottom:64px}.xp-levels{display:flex;overflow-x:scroll;-webkit-user-select:none;-moz-user-select:none;user-select:none}.xp-levels .xp-level{align-items:center;display:flex;flex-direction:column;margin:16px;width:125px}.xp-levels .xp-level.active{background:var(--primary-dark)}.xp-levels .xp-level.active .title{color:var(--white)}.xp-levels .xp-level .image-wrap img{width:120px}.xp-levels .xp-level .title-wrap{align-items:center;display:flex;height:32px;margin:8px 0}.xp-levels .xp-level .title-wrap .title{font-family:Roboto Mono,monospace;font-size:16px;font-weight:700;padding:8px 0;text-align:center}.xp-levels .xp-level.hidden{background:#ccc}.xp-levels .xp-level .xp{color:#444}.curriculum-wrap{display:flex;flex-direction:column;justify-content:center;margin:32px}.curriculum-wrap h2{color:var(--primary-darkest);font-size:30px;margin-bottom:16px}.curriculum-wrap .terms{display:flex;flex:1;justify-content:center}.curriculum-wrap .terms .term{background:var(--white);flex:1;max-width:35%}.curriculum-wrap .terms .term:not(:last-child){margin-right:16px}.curriculum-wrap .terms .term h3{color:var(--primary-darkest);font-size:20px;margin:16px;text-align:center}.curriculum-wrap .terms .term .module{border:2px solid var(--primary-dark);margin:16px 0;padding:16px}.curriculum-wrap .terms .term .module h4{font-weight:700}.curriculum-wrap .terms .term .module h4 i{color:var(--primary-dark);margin-right:8px}.curriculum-wrap .terms .term .module small{color:var(--primary-dark);display:block;font-size:11px;font-weight:700;margin:8px 0 4px;text-transform:uppercase}.curriculum-wrap .terms .term .module p{font-size:14px;line-height:1.6em}.curriculum-wrap .terms .term .module.assessment{border:0;padding:0}.curriculum-wrap .terms .term .module.assessment h4{color:var(--primary-darkest);font-size:14px;font-weight:400;text-align:center}@media (max-width:800px){.terms{flex-direction:column}.terms .term{max-width:100%!important}}.subscription-details{margin-top:16px}.subscription-details button{margin-top:8px}.timeline,.timeline .item{display:flex;flex-direction:column}.timeline .item{border:2px solid var(--primary-dark);margin-bottom:16px;padding:16px}.timeline .item h4{color:var(--primary-dark);font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.timeline .item .date{color:#444;font-style:italic;margin-top:8px}.timeline .item .header{align-items:center;display:flex}.timeline .item .header .status{background:var(--primary-lightest);color:var(--primary-darkest);font-size:14px;font-weight:700;margin-right:8px;padding:6px;text-align:center;text-transform:uppercase;width:80px}.timeline .item .header .actions{display:flex;font-size:12px;margin-left:auto}.timeline .item .header .actions .button{margin-left:8px}.timeline .item h6{color:var(--primary-dark);font-size:10px;font-weight:700;letter-spacing:1px;margin-bottom:2px;margin-top:16px;text-transform:uppercase}.timeline .item .dates{display:flex;margin-top:16px}.timeline .item .dates span{font-size:14px;margin-right:32px}.timeline .item table{font-size:12px}.create-invoice .line-item{display:flex}.create-invoice .line-item .input-wrap{margin-right:16px}.create-invoice input[type=number]{width:75px}.renew{margin-top:16px}#system_message{background:var(--primary-dark);border:2px solid var(--primary-dark);bottom:0;color:var(--white);display:flex;justify-content:space-between;left:0;margin:16px;padding:16px;position:fixed;width:calc(100% - 32px)}#system_message.hidden{display:none}#system_message .close{cursor:pointer}.lesson-resource-link{border:2px solid var(--primary-dark);color:var(--primary-dark);display:block;font-size:1.2em;margin-top:16px;padding:16px}.lesson-resource-link:hover{background:var(--primary-dark);color:#fff}.lesson-resource{background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px;height:100%;max-width:21cm;padding:1.2cm;position:relative}.lesson-resource p{line-height:1.5em}.lesson-resource hr{background-color:#fff;border:2px #444;border-bottom:2px dotted #444;color:#fff;margin-bottom:.4cm;margin-top:.6cm}.lesson-resource ol{list-style:decimal}.lesson-resource ul{list-style-type:disc;margin-left:.4cm}.lesson-resource ul ul{list-style-type:circle}.lesson-resource li{line-height:1.4em}.lesson-resource ol,.lesson-resource ul{margin-top:.2cm}.lesson-resource ol ul,.lesson-resource ul ul{margin-top:0}.lesson-resource h1,.lesson-resource h2,.lesson-resource h3{font-weight:700}.lesson-resource h1{margin:0 0 .2cm;padding:0;text-decoration:underline}.lesson-resource #brand,.lesson-resource h1{font-size:18px;line-height:1.4em}.lesson-resource h2{font-size:18px}.lesson-resource h3{font-size:14px;margin-bottom:.1cm;margin-top:.2cm}.lesson-resource #brand{color:#8b8b8b;font-weight:700;position:absolute;right:1cm;top:1cm}.lesson-resource #copy{font-style:italic;margin-top:2cm}.assessment-instructions{display:flex;flex-direction:column}.assessment-instructions .begin-assessment{align-self:flex-end;margin-top:16px}.assessment-instructions strong{font-weight:700}.assessment-instructions p{line-height:1.6em;margin-top:8px}.assessment-instructions ul{list-style:disc}.assessment-instructions ul li{line-height:1.6em;margin-top:8px}.create-student-report-modal h3{margin-bottom:4px;margin-top:16px}.create-student-report-modal .options{display:flex;flex-wrap:wrap}.create-student-report-modal .options .option{margin:8px 8px 16px 0}.create-student-report-modal .options .option input{display:none}.create-student-report-modal .options .option input:checked~label{background:var(--primary-dark);color:var(--white)}.create-student-report-modal .options .option label{background:var(--primary-lightest);color:var(--primary-darkest);cursor:pointer;font-size:14px;padding:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.create-student-report-modal .hidden{display:none}