.login-header-action{display:flex;gap:1rem;align-items:center;color:var(--header-color)}.login-content{margin:2rem auto;padding:4rem 1rem;background-color:var(--content-bg-color)}@media (min-width: 768px){.login-content{padding:4rem;max-width:576px;border-radius:1rem}}.login-content h1{text-align:center}.login-separator{display:flex;align-items:center;margin:3rem 0;color:var(--muted-color);text-align:center}.login-separator:before,.login-separator:after{content:"";flex:1;border-bottom:1px solid var(--muted-color)}.login-separator:not(:empty):before{margin-right:.4em}.login-separator:not(:empty):after{margin-left:.4em}.login-form>.form-field{display:flex;flex-direction:column;align-items:center}.login-form .form-input{text-align:center}.login-form>.form-actions{display:flex;justify-content:center}.login-error{color:var(--error-color);text-align:center}.login-with-google,.login-with-clever{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin:2rem 0}.onb-prompt h1{text-align:center}.onb-instructions{color:#7e7e7e;margin:2rem;font-weight:400;text-align:center}.onb-form-input-header{color:#7e7e7e;font-size:24.71px;font-weight:700;text-align:center;margin:1.2rem}.onb-form-input-validation{color:red;text-align:center}.onb-form-button-container{display:flex;flex-direction:column;align-items:center}.onb-form-textarea{margin:0}.form .form-label.onb-form-textarea-label{color:#7e7e7e;text-align:center;display:block;margin:2rem 0}.onb-form-textarea-input{width:100%;background-color:#fafafa;border:none;border-radius:.5rem;box-shadow:0 2px #e0e3e4;padding:1rem;margin-top:2rem;display:block;font-size:24px;font-weight:500;color:#000;resize:none}.onb-form-textarea::placeholder{color:#979797;opacity:1}.onb-radio-field{display:flex;flex-direction:column;justify-content:center;margin:2rem auto;max-width:250px}.onb-radio-label{font-size:1.1rem;font-weight:700;color:#7e7e7e;text-align:center;margin-bottom:1rem}.onb-radio-option{margin:.01rem 0;text-align:center}.onb-radio-option input{display:none}.onb-radio-option-label{color:#545454;font-weight:700;cursor:pointer;display:block;padding:.4rem 0rem;text-align:center}.onb-radio-option-label:hover{background-color:#f2f2f2}.onb-radio-is-active{color:#fff;background-color:#46c5c6}.onb-radio-is-active:hover{background-color:#46c5c6}.onb-radio-choice-field{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;margin:3rem 0}.onb-radio-choice-label{display:none}.onb-radio-choice-option{display:flex;flex:1;flex-direction:column;max-width:250px;min-width:250px;padding:2rem .5rem;border:4px solid #46c5c6;border-radius:10px;box-shadow:2px 2px #46c5c6;color:#545454;cursor:pointer}.onb-radio-choice-option-selected{background-color:#46c5c6;color:#fff;border:4px solid #9ee2e2;box-shadow:2px 2px #9ee2e2}.onb-radio-choice-option-icon{margin-bottom:1rem;text-align:center}.onb-radio-choice-option-input{display:none}.onb-radio-choice-option-label{font-weight:700;text-align:center;align-content:center;cursor:pointer}.classes-container{padding:2rem;margin:1rem auto;max-width:900px;width:100%}.class-tabs{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0}.class-tab{padding:.75rem 1.5rem;border-radius:.5rem;background-color:#fff;color:inherit;text-decoration:none;cursor:pointer;transition:transform .2s ease-in-out;transform:translateY(.2rem)}.class-tab.is-active{background-color:#46c5c6;color:#fff;transform:translateY(0)}.class-tab:hover:not(.is-active){transform:translateY(0)}@media (min-width: 768px){.class-tab{border-radius:.5rem .5rem 0 0}}.page-actions{--page-actions-bg-color: #f9f9f9;--page-actions-hover-bg-color: #f0f0f0;--page-actions-color: #646464;--page-actions-hover-color: #202020;--page-actions-danger-color: #ce2c31;position:absolute;top:0;right:0}.page-actions.is-open{min-width:212px;background:var(--page-actions-bg-color);border-radius:0 1rem 0 0;box-shadow:#0000001a 0 1px 3px,#0000000f 0 1px 2px;transition:background .5s}.page-actions-open-close{text-align:right;padding:1rem}.is-open .page-actions-open-close{border-bottom:1px solid var(--border-color)}.page-actions-content{display:flex;flex-direction:column}.page-actions-content a{color:var(--page-actions-color);text-decoration:none;padding:1rem 2rem}.page-actions-content a:hover{color:var(--page-actions-hover-color);background:var(--page-actions-hover-bg-color)}.page-actions-content a.is-dangerous{color:var(--page-actions-danger-color)}.class-list{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}.class-list-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;width:100%;border:1px solid var(--border-color);border-radius:5px;transition:box-shadow .2s;cursor:pointer}.class-list-item:hover{box-shadow:0 0 .5rem #0000001a}.class-list-item-name{font-weight:500;text-align:center}.class-list-item-extras{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;color:var(--muted-color)}.class-list-item-avatar>img{border-radius:50%;height:48px;width:48px}.class-list-item-code{font-family:monospace;font-size:.9rem}@media (min-width: 768px){.class-list-item{flex:1 1 30%;max-width:33%}}.breadcrumbs{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem;background:#fff;margin:0 2rem;border-radius:1rem 1rem 0 0;padding:1rem 2rem}.breadcrumbs-item{display:flex;align-items:center;gap:.5rem}.breadcrumbs-item:last-child .breadcrumbs-item-separator{display:none}.breadcrumbs-item-link.is-active{color:inherit;text-decoration:none}.class-code-container{display:flex;flex-direction:row;gap:.25rem;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:2rem;background-color:#fff}.class-code{font-weight:700;font-size:1.2rem;font-family:monospace}.copied-icon{color:inherit;background-color:inherit;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;height:28px}.copied-icon:hover{background-color:#e8e8e8}.is-copied{color:#46c5c6}.classes-class-id-container{display:flex;flex-direction:column;flex-wrap:wrap}.classes-class-id-container .content{flex:1}.class-sidebar{display:flex;flex-direction:column;gap:1rem;margin:1rem 0;flex-shrink:0}.class-container{background-color:#fff}.class-container-body{padding:2rem}.class-container-header{padding:1rem;background-color:#46c5c6;font-size:1.2rem;font-weight:700;color:#fff;position:relative;z-index:10}.activity-assignment-override-header{display:flex;justify-content:space-between;padding:.5rem 0;margin-bottom:2rem;border-bottom:1px solid var(--border-color)}.activity-assignment-override{display:flex;flex-direction:column;align-items:center;margin-top:2rem;background:#f9f9f9;border-radius:1rem}.activity-assignment-override-info{margin:2rem;max-width:475px;text-align:center}.activity-assignment-override-info>p{margin:0;margin-top:2rem}@media (min-width: 920px){.classes-class-id-container{flex-direction:row;flex-wrap:nowrap;gap:1rem}}.student-avatar{width:50px;height:50px;background-color:hsl(var(--avatar-bg-hue),90%,88%);border-radius:50%;transition:all .2s ease-in-out}.student-avatar img{width:100%;border-radius:50%;border:3px solid transparent}.student-avatar:hover{transform:scale(1.2)}.student-avatar:hover img{border-color:hsl(var(--avatar-bg-hue),80%,80%)}.pretty-usage{white-space:nowrap;animation:pretty-usage-fade-in .5s}.pss-lock{padding:1rem;background-color:#faf7fe}.pss-lock .pss-lock-icon{color:#d4b9fa;margin-right:.5rem}@keyframes pretty-usage-fade-in{0%{opacity:0}to{opacity:1}}.language-selector button{color:#fff;background-color:#46c5c6;border:0;border-radius:.25rem;padding:.25rem .5rem;cursor:pointer}.language-selector button:hover{box-shadow:0 1px 4px #0003}.language-selector{display:flex;justify-content:center}.language-selector-container{display:flex;padding:.25rem .5rem;border:1px solid #e8e8e8;border-radius:.5rem}.language-selector-name{width:200px;text-align:center}.gl-selector{display:flex;flex-wrap:wrap;border-bottom:1px solid #dee2e6}.gl-selector-tab-link{display:block;padding:.5rem 1rem;margin-bottom:-1px;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem;background:0 0;color:#46c5c6;text-decoration:none;cursor:pointer;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.gl-selector-tab.is-active .gl-selector-tab-link{border-color:#dee2e6 #dee2e6 #fff;background-color:#fff;color:inherit}.theme-icon-container{display:flex;align-items:flex-start}.theme-icon{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.25rem;width:125px;border-radius:.5rem;text-align:center}.theme-icon-name{font-weight:700;font-size:.9rem;color:#fff;text-shadow:1px 1px rgba(0,0,0,.2)}.theme-icon-img{border-radius:.5rem;width:100%}.activity-assignment{display:flex;flex-direction:column;gap:2rem;animation:fadeIn ease 1s;animation-fill-mode:forwards}.activity-assignment .form-field{margin-bottom:0}.activity-assignment-topic-name{padding:.1rem 1rem;border-radius:1rem;text-align:center;color:#fff;background-color:#fbda52;text-shadow:1px 1px rgba(0,0,0,.2);font-weight:700}.activity-assignment-modules{display:flex;flex-wrap:wrap;gap:1rem;width:100%;padding:0 1rem}.activity-assignment-module{width:100%}.activity-assignment-module-name{font-weight:700;margin:1rem 0;border-bottom:1px solid #dee2e6;padding-bottom:.5rem}.activity-assignment-module-name:first-child{margin-top:0}.activity-assignment-module-actions{display:flex;justify-content:flex-end;gap:.5rem}.activity-assignment-activity-container{display:flex;gap:1rem;margin-bottom:1rem}.classes-classId-edit-subhead{margin:1rem 0}.classes-classId-edit-box{--border-color: #e8e8e8;border:1px solid var(--border-color);border-radius:1rem}.classes-classId-edit-box-row{padding:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.classes-classId-edit-box-row:not(:last-child){border-bottom:1px solid var(--border-color)}.student-usage{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}.student-usage-metric{--student-usage-metric-bg-color: transparent;--student-usage-metric-value-text-color: var(--text-color);padding:1rem 1.5rem;flex:1;background-color:var(--student-usage-metric-bg-color);border-radius:.5rem;color:var(--student-usage-metric-text-color);text-align:center;font-weight:700}.student-usage-metric-label{font-size:.8rem}.student-usage-metric.is-blue{--student-usage-metric-bg-color: #00c2ff25;--student-usage-metric-value-text-color: #00c2ff}.student-usage-metric.is-orange{--student-usage-metric-bg-color: #ff6b0025;--student-usage-metric-value-text-color: #ff7d30}.student-usage-metric.is-purple{--student-usage-metric-bg-color: #b558ff25;--student-usage-metric-value-text-color: #b558ff}.student-usage-metric-value{color:var(--student-usage-metric-value-text-color);font-size:2rem}.student-usage-chart{flex:1 1 100%}.dd-filter{border:1px solid #ccc}.dd-container{display:flex;gap:1rem}.dd-schools{display:flex;flex-direction:column;gap:.5rem;max-width:200px;border-right:1px solid var(--border-color);padding:0 .5rem}.dd-schools hr{width:100%;border:0;border-top:1px solid var(--border-color)}.dd-school.is-selected{font-weight:700}.dd-schools-filter{position:relative;display:flex;align-items:center}.dd-schools-filter .form-input{padding-right:3rem}.dd-schools-filter-clear{position:absolute;right:0;border:none;background:none;text-decoration:underline;color:var(--link-color);padding:.5rem;font-size:.875rem;cursor:pointer}.dd-schools-filter-clear:hover{color:var(--link-hover-color)}.dd-report{flex:1;padding:.5rem}.dd-usage-metrics-container{display:flex;flex-direction:column;align-items:center}.dd-usage-metrics{display:flex;gap:.5rem;width:100%}.dd-filters{margin:1rem 0;display:flex;gap:1rem;align-items:flex-end}.dd-filters-label{color:var(--dark-teal);font-size:.9rem;margin-bottom:.5rem}.dd-usage-metric{--dd-usage-metric-bg-color: transparent;--dd-usage-metric-value-text-color: var(--text-color);padding:1rem 1.5rem;flex:1;background-color:var(--dd-usage-metric-bg-color);border-radius:.5rem;color:var(--dd-usage-metric-text-color);text-align:center;font-weight:700}.dd-usage-metric-label{font-size:1rem}.dd-usage-metric.is-blue{--dd-usage-metric-bg-color: #00c2ff25;--dd-usage-metric-value-text-color: #00c2ff}.dd-usage-metric.is-orange{--dd-usage-metric-bg-color: #ff6b0025;--dd-usage-metric-value-text-color: #ff7d30}.dd-usage-metric.is-purple{--dd-usage-metric-bg-color: #b558ff25;--dd-usage-metric-value-text-color: #b558ff}.dd-usage-metric-value{color:var(--dd-usage-metric-value-text-color);font-size:2rem}.dd-button-group__button{padding:.25rem 1rem;border:1px solid var(--border-color);cursor:pointer;background:#fff;border-left:0}.dd-button-group__button--first{border:1px solid var(--border-color);border-top-left-radius:1rem;border-bottom-left-radius:1rem}.dd-button-group__button--last{border:1px solid var(--border-color);border-left:0;border-top-right-radius:1rem;border-bottom-right-radius:1rem}.dd-button-group__button--active{background-color:var(--teal);color:#fff;border-color:var(--teal)}.settings-container{margin-bottom:1rem}.settings-item{padding:2rem 0;border-top:1px solid #f2f2f2}.settings-item-title{color:var(--form-label-color);font-weight:600}.settings-item-description{margin:.5rem 0;color:var(--muted-color)}.settings-item-link{display:flex;gap:.5rem;align-items:center}.signup-header-action{display:flex;gap:1rem;align-items:center;color:var(--header-color)}.signup-content{margin:2rem auto;padding:4rem 1rem;background-color:var(--content-bg-color)}@media (min-width: 768px){.signup-content{padding:4rem;max-width:576px;border-radius:1rem}}.signup-content>h1{text-align:center}.signup-content>h3.subtitle{text-align:center}.signup-separator{display:flex;align-items:center;margin:3rem 0;color:var(--muted-color);text-align:center}.signup-separator:before,.signup-separator:after{content:"";flex:1;border-bottom:1px solid var(--muted-color)}.signup-separator:not(:empty):before{margin-right:.4em}.signup-separator:not(:empty):after{margin-left:.4em}.signup-form{margin:2rem 0}.signup-form>.form-field{display:flex;flex-direction:column;align-items:center}.signup-form .form-input{text-align:center}.signup-form>.form-actions{display:flex;justify-content:center}.signup-error{color:var(--error-color);text-align:center}.district-mode{--district-mode-background-color: transparent;--district-mode-text-color: var(--text-color);display:inline-flex;gap:.5rem;align-items:center;padding:.125rem .5rem;border-radius:.375rem;background-color:var(--district-mode-background-color);color:var(--district-mode-text-color);font-size:.875rem;font-weight:400}.district-mode svg{fill:var(--district-mode-text-color)}.district-mode.is-live{--district-mode-background-color: #e9f6e9;--district-mode-text-color: #2a7e3b}.district-mode.is-demo{--district-mode-background-color: #f7edfe;--district-mode-text-color: #8145b5}.district-mode.is-trial{--district-mode-background-color: #fee9f5;--district-mode-text-color: #c2298a}.copyable-container{--copyable-bg-color: #f9f9f9;display:inline-flex;gap:.25rem;align-items:center;padding:.25rem .5rem;margin:.25rem;border-radius:.25rem;background-color:var(--copyable-bg-color);font-size:.875rem;font-family:monospace;cursor:pointer}.comparison-chart-container{display:grid;grid-template-columns:1fr;gap:1rem;max-width:100%;margin:1rem auto}.comparison-chart{border:2px solid #d9d9d9;border-bottom-width:6px;border-radius:6px;padding:.5rem;width:100%;max-height:324px;overflow-y:auto}@media (min-width: 768px){.comparison-chart-container{grid-template-columns:repeat(2,1fr)}.comparison-chart.is-full-width{grid-column:span 2}}.email-frame{width:100%;height:500px;border:1px solid var(--border-color)}.email-html{display:block;width:100%;height:250px;border:none;overflow:auto;resize:none}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--red: #ca2720;--orange: #ff7d30;--light-orange: #ffbb53;--dark-orange: #df5e12;--teal: #61cccc;--light-teal: #a0e0e4;--dark-teal: #208f93;--purple: #7601d2;--light-purple: #af81d2;--dark-gray: #4a4a4a;--pale-blue: #e6f6fe;--gray: #4a5357;--base-font-size: 16px;--body-color: var(--dark-gray);--body-bg-color: #00e6e826;--muted-color: #7e7e7e;--header-bg-color: #ffffff;--header-color: var(--muted-color);--heading-color: var(--dark-gray);--heading-font-size: 1.5rem;--heading-font-weight: 600;--error-color: #ca2720;--content-bg-color: #ffffff;--link-color: var(--dark-teal);--link-hover-color: var(--teal);--border-color: #e8e8e8}*,*:before,*:after{box-sizing:border-box}html{font-size:var(--base-font-size);line-height:1.5}body{background-color:var(--body-bg-color);font-family:QuickSand,system-ui,sans-serif;color:var(--body-color)}h1,h2,h3{margin:0;margin-bottom:1rem;color:var(--heading-color);font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);letter-spacing:-.04em;line-height:1.3}h1{--heading-color: var(--orange);--heading-font-size: 2.25rem;--heading-font-weight: bold}h2{--heading-font-size: 1.875rem}a{color:var(--link-color);text-decoration:underline}a:hover{color:var(--link-hover-color)}h3.subtitle{--heading-font-size: 1.5rem;--heading-color: var(--muted-color);--heading-font-weight: normal}pre{display:inline-block;background-color:#f9f9f9;padding:.25rem .5rem;margin:0;border-radius:.25rem;font-size:.75rem;font-family:monospace}.page.is-loading{cursor:wait;pointer-events:none;opacity:.75;transition:opacity 1s ease-in}.loading-bar{position:fixed;top:0;left:0;height:4px;width:100%;background:linear-gradient(90deg,#ff7d30,#ffa366,#ff7d30);background-size:200% 100%;animation:loading-bar-move 2s linear infinite,loading-bar-fade-in .5s ease forwards;animation-delay:1s,1s;opacity:0;z-index:9999}@keyframes loading-bar-move{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes loading-bar-fade-in{to{opacity:1}}.container{width:100%;margin:0 auto;padding:0 1rem}.container.is-fluid{max-width:none}.content{margin-top:1rem;margin-bottom:1rem}.content-body{position:relative;padding:2rem;border-radius:1rem;background-color:var(--content-bg-color);box-shadow:#0000001a 0 4px 12px}@media (min-width: 768px){.container{max-width:992px}}.navbar{padding:.5rem 0;background-color:var(--header-bg-color)}.navbar>.container{display:flex;justify-content:space-between;align-items:center}.navbar .navbar-logo{width:160px;height:auto;aspect-ratio:32 / 10}.btn{--btn-color: #fff;--btn-background-color: #7c7a85;--btn-shadow-color: #49474e;--btn-translate-y: -.1rem;--btn-translate-x: -.1rem;--btn-border-radius: 2.4rem;--btn-padding-y: .5rem;--btn-padding-x: 1.5rem;--btn-font-size: 1rem;display:inline-block;background-color:var(--btn-shadow-color);font-size:var(--btn-font-size);font-weight:700;letter-spacing:-.04em}.btn:not(:disabled){cursor:pointer}.btn,.btn>.btn-text{padding:0;border-radius:var(--btn-border-radius);border:none}.btn>.btn-text{display:inline-block;padding:var(--btn-padding-y) var(--btn-padding-x);width:100%;background-color:var(--btn-background-color);color:var(--btn-color);text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:all .4s;transform:translate(var(--btn-translate-x),var(--btn-translate-y))}.btn:hover,.btn:focus{--btn-translate-y: -.2rem}.btn:active{--btn-translate-y: 0;--btn-translate-x: 0}.btn-primary{--btn-color: #fff;--btn-background-color: #3bd5e0;--btn-shadow-color: #00bfbf}.btn-secondary{--btn-color: #fff;--btn-background-color: #ff7d30;--btn-shadow-color: #f26b23}.btn.disabled,.btn:disabled{opacity:.3;pointer-events:none}.btn-lg{--btn-padding-y: .75rem;--btn-padding-x: 3rem;--btn-font-size: 1.25rem}.btn-sq{padding:1rem 2rem;border-radius:.5rem;background-color:#fff;color:var(--bg-color);font-weight:600;text-decoration:none;text-align:center;box-shadow:#00000073 0 2px 2px}.btn-sq.is-active,.btn-sq.is-active:hover{background-color:#46c5c6;color:#fff}.btn-sq:hover{box-shadow:#0000008c 0 3px 3px;text-decoration:none;color:var(--bg-color)}.btn-sm{--btn-padding-y: .25rem;--btn-padding-x: 1rem;--btn-font-size: .75rem}.btn-danger{--btn-color: #fff;--btn-background-color: #e5484d;--btn-shadow-color: #ce2c31}.uppercase{text-transform:uppercase}.text-center{text-align:center!important}.text-muted{color:var(--muted-color)}.p-2{padding:2rem}.pt-1{padding-top:1rem}.my-2{margin-top:2rem;margin-bottom:2rem}.mt-2{margin-top:2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.gap-2{gap:2rem}.form{--form-label-color: var(--dark-gray);--form-input-color: var(--dark-gray);--form-input-outline-color: transparent}.form-label{display:inline-block;margin-bottom:1rem;color:var(--form-label-color);font-weight:600}.form-input{box-shadow:0 2px #e0e3e4;display:block;padding:.5rem 1rem;width:100%;border:none;border-radius:.5rem;background-color:#fafafa;color:var(--form-input-color);font-size:1rem;line-height:1.5;transition:outline .15s ease-in-out;outline:2px solid var(--form-input-outline-color)}.form-input:focus{--form-input-outline-color: #a0e0e4}.was-validated .form-input:invalid,.was-validated .form-input.is-invalid{--form-input-outline-color: #e5484d;outline:2px solid var(--form-input-outline-color)}.form-field{margin-bottom:2rem}.form-field-invalid-feedback{--form-field-invalid-feedback-color: #e5484d;display:none;width:100%;margin-top:.5rem;font-size:.875rem;color:var(--form-field-invalid-feedback-color)}.was-validated .form-input:invalid~.form-field-invalid-feedback,.was-validated .form-input.is-invalid~.form-field-invalid-feedback,.was-validated .form-field.is-invalid .form-field-invalid-feedback{display:block}.form-actions{margin-top:2rem;border-top:1px solid var(--border-color);padding-top:1rem}.form-actions--borderless{border-top:none;padding-top:0}.form-actions.sticky.is-bottom{position:sticky;bottom:-1px;margin-top:1rem;margin-bottom:1rem;padding:1rem;z-index:20;background-color:var(--content-bg-color);text-align:center}.form-actions.sticky.is-pinned{box-shadow:0 -5px 2px -2px #0000001a}.form-select{display:block;padding:.5rem 1rem;width:100%;border:none;border-radius:.5rem;border-right:1rem solid transparent;background-color:#fafafa;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:16px 12px;color:var(--form-input-color);font-size:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:0 2px #e0e3e4}.form-select:focus{outline:2px solid var(--form-input-outline-color)}.form-check-group-30{display:flex;flex-wrap:wrap;gap:.5rem}.form-check-group-30>.form-check{flex:0 30%}.form-check{display:flex;align-items:center;gap:.5rem}.form-check-label{display:inline-block;cursor:pointer}.form-check-input{--form-check-bg-image: none;background-color:#46c5c6;background-repeat:no-repeat;background-position:center;background-image:var(--form-check-bg-image);width:16px;height:16px;flex-shrink:0;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-check-input:focus{outline:2px solid var(--form-input-outline-color)}.form-check-input:not(:disabled){cursor:pointer}.form-check-input:checked[type=checkbox]{--form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=radio]{border-radius:50%}.form-field-help{margin-top:.5rem;color:var(--muted-color)}.alert{--alert-border-color: #d9d9d9;--alert-bg-color: #f9f9f9;--alert-color: #646464;--alert-close-border-color: #cecece;--alert-close-bg-color: #f0f0f0;--alert-close-color: #646464;--alert-close-hover-bg-color: #e8e8e8;--alert-close-hover-border-color: #bbbbbb;display:none;padding:1rem;position:relative;border:1px solid var(--alert-border-color);background-color:var(--alert-bg-color);color:var(--alert-color);animation:fadeIn .5s}.alert.alert-info{--alert-border-color: #c1d0ff;--alert-bg-color: #f7f9ff;--alert-color: #3a5bc7;--alert-close-border-color: #abbdf9;--alert-close-bg-color: #edf2fe;--alert-close-color: #3a5bc7;--alert-close-hover-bg-color: #e1e9ff;--alert-close-hover-border-color: #8da4ef}.alert.alert-error{--alert-border-color: #fdbdbe;--alert-bg-color: #fff7f7;--alert-color: #ce2c31;--alert-close-border-color: #f4a9aa;--alert-close-bg-color: #feebec;--alert-close-color: #ce2c31;--alert-close-hover-bg-color: #ffdbdc;--alert-close-hover-border-color: #eb8e90}.alert .alert-message{display:flex;align-items:center;justify-content:center;gap:.5rem}.alert.is-open{display:block}.alert-close{position:absolute;top:0;right:0;padding:1rem}.alert-close>button{border:1px solid var(--alert-close-border-color);border-radius:.25rem;background-color:var(--alert-close-bg-color);color:var(--alert-close-color);cursor:pointer}.alert-close>button:hover{background-color:var(--alert-close-hover-bg-color);border-color:var(--alert-close-hover-border-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.table{--table-head-border-color: var(--border-color);--table-head-bg-color: #f9f9f9;width:100%;margin-bottom:1rem;background-color:transparent;border-collapse:collapse;border:1px solid var(--border-color)}.table th,.table td{padding:.75rem;text-align:inherit;border-top:1px solid var(--border-color)}.table thead th{border-bottom:2px solid var(--table-head-border-color);background-color:var(--table-head-bg-color)}.empty{text-align:center}.empty-title{font-weight:700}.empty-subtitle{color:var(--muted-color);margin-bottom:2rem}ul{list-style-type:none;margin:0;padding:0}p{margin:1rem 0}#root{height:100%;width:100%}.main-nav{display:flex;width:100%;height:100%;background-color:#d9fbfc}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}#sidebar{width:35%;color:#fff;font-size:1.2rem;font-weight:600;font-color:#fff;background-color:#d9fbfc;display:flex;flex-direction:column;align-items:center}#sidebar>div{display:flex;align-items:center;gap:.5rem;padding-top:1rem;padding-bottom:1rem}.load-background{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fce9b3}.image-load-spinner{width:10rem;height:10rem;animation:spin 1s infinite linear}.load-text{font-family:Crimson Pro,serif;font-size:3rem;color:#2a2d33}#sidebar nav{flex:1;overflow:auto}#sidebar nav a span{float:right;color:#eeb004}#sidebar nav a.active span{color:inherit}#sidebar nav .active i{color:inherit}#sidebar ul{padding:0;margin:0;list-style:none}#sidebar li{margin:2rem;padding:1.4rem 8rem;background-color:#fff;color:#545454;border-radius:.5rem;display:flex;justify-content:center;box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px}#sidebar li:last-child{margin-top:6rem;padding:.6rem 0rem}.contact-link{padding:1.4rem 4rem}#sidebar a{display:flex;align-items:center;overflow:hidden;white-space:pre;padding:.5rem .5rem .5rem 1rem;color:inherit;text-decoration:none;gap:1rem}.sidebar-footer{margin-bottom:1rem}#sidebar nav a:hover{background:#fff;color:#00c8c8}#sidebar nav a.active{background:#46c5c6;color:#0C8C8}#sidebar nav a.pending{color:#2b63fd}#detail{flex:1;padding:.8rem 4rem;margin:2rem 0 2rem 1rem;background-color:#fff;overflow:scroll}#detail.loading{opacity:.25;transition:opacity .2s;transition-delay:.2s}#error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}#page-header h2{font-size:1.8rem;font-weight:600;color:#ff7200}.header-row{height:4.6rem;display:flex;align-items:center;justify-content:space-between}.header-box{width:3rem;height:3rem;background-color:#00c8c8;border-radius:.5rem}#page-header>div form input[type=search]{width:22rem;height:2.6rem;border:2px solid #d9d9d9;border-radius:.5rem;padding-left:4.4rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-6 w-6' fill='none' viewBox='0 0 24 24' stroke='%23999' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:1.55rem .2rem;background-size:2rem;position:relative}#page-header>div form input[type=search]::placeholder{font-size:1rem}.homepage-toprow{display:flex;align-items:center;margin:2rem 0}.homepage-chart-left{width:14rem;height:14rem;border:6px solid #d9d9d9;border-radius:1rem}.homepage-chart-right{margin:0 0 0 2rem;width:54rem;height:14rem;border:6px solid #d9d9d9;border-radius:1rem}.homepage-chart-bottom{width:100%;height:18rem;background-color:#f9f9f9}.header-login{gap:1rem;display:flex;align-items:center}.header-actions{gap:1rem;display:flex;align-items:center;font-size:1rem}.header-actions-link{color:#7e7e7e}.header-actions-impers-link{color:var(--red);text-decoration:none}.header-login div{color:#7e7e7e}.header-login button{padding:.5rem 1.4rem;border-radius:1.6rem;background-color:#ff7d30;font-weight:700;font-size:23.54px;line-height:25.9px;box-shadow:2px 2px #f26c23;color:#fff;border:none;cursor:pointer}.cl-container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;max-width:900px;gap:1rem;margin:1rem auto;padding:1rem}.cl-box{background-color:#fff;padding:1rem;flex:1 0 100%}.z-container{background-color:#fff;padding:2rem;margin:1rem auto;max-width:900px;width:100%}.students{display:flex;flex-direction:column;gap:1rem}.student-row{display:flex;align-items:center}.student-name{margin-left:1rem}.codes{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:flex-start}