html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;color:#000;background:#fff}.main-content{flex:1;margin:2rem 3rem;border-radius:8px;background-color:#f0f5f8}button{appearance:none;border:none;background:none;font-family:inherit;cursor:pointer}input{appearance:none;border:none;background:none;font-family:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}a.link{color:var(--color-content-main-default, #0078CD);font-size:16px;font-style:normal;font-weight:600;line-height:150%;letter-spacing:-.48px;text-decoration:none}:root{--mdc-plain-tooltip-container-color: rgb(0, 117, 183)}:root{--mdc-plain-tooltip-supporting-text-color: rgb(255, 255, 255)}:root{--mdc-plain-tooltip-supporting-text-size: 14px}:root{--mdc-plain-tooltip-supporting-text-line-height: 35px}:root{--mdc-plain-tooltip-supporting-text-font: Open Sans, sans-serif}:root{--mdc-linear-progress-active-indicator-color: orange}:root{--mdc-linear-progress-track-color: red}:root{--mdc-linear-progress-track-height: 40px}.mat-mdc-icon-button .mat-focus-indicator{background-color:#fff!important}.fw-700{font-weight:700}.fw-500{font-weight:500}.ff-secondary{font-family:Open Sans,sans-serif}.ff-primary{font-family:Montserrat,sans-serif}.fs-14{font-size:14px}.color-tertiary{color:#666}.active-select{border:1px solid #CECFD2;padding:8px 12px;border-radius:8px}.bar-chart-placeholder .class-info-header{padding:12px 16px}.bar-chart-placeholder .class-info-header .class-info-title{font-family:Montserrat,sans-serif;font-size:20px;font-weight:600;line-height:25px}.bar-chart-placeholder .class-info-header .class-info-nav{display:flex;gap:8px}.bar-chart-placeholder .class-info-header .class-info-nav button{background:#fff;border-radius:50%;box-shadow:0 1px 2px #0000000a;border:2px solid #fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.bar-chart-placeholder .class-info-header .class-info-nav button mat-icon{color:#222;font-size:2rem}.bar-chart-placeholder .class-info-header .class-info-nav button:disabled mat-icon{color:#666!important}.bar-chart-placeholder .empty-responses{display:flex;align-items:center;justify-content:center;color:#666;font-family:Open Sans,sans-serif;font-size:1rem;min-height:200px}.bar-chart-placeholder .pip-tabs{display:flex;gap:8px;border-bottom:1px solid rgb(206,207,210)}.bar-chart-placeholder .pip-tabs .tab{padding:8px 16px;border:none;cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px;font-style:normal;font-weight:600;line-height:20px;outline:none;border-bottom:2px solid transparent}.bar-chart-placeholder .pip-tabs .tab.active{background:#fff;font-weight:700;border-bottom:2px solid #1976d2;color:#0078cd}.bar-chart-placeholder .tab-content{background:#fff}.responses-container .response-letter{width:40px;height:40px;background-color:#0275d8;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;border-radius:4px;position:relative}.responses-container .answer-text{font-weight:600;color:#000;word-break:break-word}.responses-container .progress{height:40px!important;background-color:#f5f5f5!important;border-radius:4px!important;overflow:visible!important;position:relative!important}.responses-container .progress .progress-bar{background-color:#76b1dc!important;transition:width .6s ease!important;border-radius:6px!important}.responses-container .response-count{min-width:100px;text-align:right;color:#666;font-weight:600;font-style:italic}.responses-container .response-count .count{color:#000;font-style:normal!important}.custom-export-tooltip,.custom-export-tooltip .mdc-tooltip__surface,.custom-export-tooltip .mat-mdc-tooltip{background-color:#fff!important;color:#000!important;font-size:14px!important;font-weight:500!important;box-shadow:none!important;width:370px!important;max-width:370px!important;white-space:normal!important;word-wrap:break-word!important;text-align:left!important}.custom-export-tooltip{min-width:370px!important;border-radius:6px!important;border:1px solid rgb(206,207,210)!important;padding:10px!important;position:relative!important}.custom-export-tooltip:after{content:""!important;position:absolute!important;top:50%!important;left:100%!important;transform:translateY(-50%)!important;width:0!important;height:0!important;border:8px solid transparent!important;border-left-color:#fff!important;z-index:1!important}.custom-export-tooltip:before{content:""!important;position:absolute!important;top:50%!important;left:calc(100% + 1px)!important;transform:translateY(-50%)!important;width:0!important;height:0!important;border:9px solid transparent!important;border-left-color:#cecfd2!important;z-index:0!important}.response-header{border-bottom:1px solid rgb(206,207,210);background:#ededed}.sort-icon{width:12px;height:12px;margin-left:8px;vertical-align:middle;transition:transform .2s ease,opacity .2s ease;opacity:0;visibility:hidden}.sort-icon.visible{opacity:1;visibility:visible}.sort-icon.sort-desc{transform:rotate(180deg)}.pip-image-section{margin:16px auto;max-width:508px;min-width:508px;max-height:298px;min-height:298px}.responses-container .response-letter.correct{background-color:#1a7f4f!important}.responses-container .response-letter.incorrect{background-color:#001a4b!important}.responses-container .progress .progress-bar.correct{background-color:#1a7f4f!important}.responses-container .progress .progress-bar.incorrect{background-color:#666!important}.answer-selected-text{color:#1a7f4f;text-align:center;font-family:Montserrat,sans-serif;font-size:12px;font-style:normal;font-weight:600;padding:0 10px;border-radius:5px;border:2px solid rgb(26,127,79);margin-left:10px}.correct-tick-icon{width:20px;height:20px;position:absolute;bottom:-5px;left:-5px;z-index:2}.link img{display:inline}.correct-answer-textarea{font-size:500}.word-count{color:#0078cd!important;font-family:Montserrat,sans-serif;font-size:16px;font-style:normal;font-weight:500}.target-grading-wrapper{display:flex;flex-direction:column;height:60vh;min-height:400px;max-height:600px;width:100%;position:relative;overflow:visible}.target-grading-wrapper app-target-grading{flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.target-grading-wrapper app-target-grading .target-grading-container{height:100%;display:flex;flex-direction:column}.target-grading-wrapper app-target-grading .target-grade-modal{height:100%;display:flex;flex-direction:column}.target-grading-wrapper app-target-grading .enlarged-question-image-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.target-grading-wrapper app-target-grading canvas{position:relative!important;z-index:10!important;pointer-events:auto!important;cursor:crosshair!important;touch-action:none!important;-webkit-user-select:none!important;user-select:none!important;background:#ffffff03!important}.target-grading-wrapper app-target-grading .target-grading-container,.target-grading-wrapper app-target-grading .target-grade-modal,.target-grading-wrapper app-target-grading .enlarged-question-image-container,.target-grading-wrapper app-target-grading .canvas-container{position:relative;z-index:auto;pointer-events:auto}.target-grading-wrapper app-target-grading .buttons-container{margin-top:16px}.target-grading-wrapper app-target-grading .buttons-container .btn{margin:0 4px}.target-grading-wrapper app-target-grading .target-question-subheading{padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.target-grading-wrapper app-target-grading .target-question-subheading .subheading-text{font-size:14px;color:#495057}.question-image-container{display:flex;align-items:center;justify-content:center;min-height:298px}.question-image-container .pip-image-section{max-width:100%;height:auto}.target-grading-container{width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column}.target-grading-container .target-grade-modal{height:100%;background-color:#fff}.target-grading-container .grade-target-heading{background-color:#fff!important}.target-grading-container .modal-header-preview{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid rgb(206,207,210);background:#fff}.target-grading-container .modal-title{font-family:Montserrat,sans-serif;font-size:20px;color:#000;margin:0;max-width:calc(100% - 210px);width:calc(100% - 210px);line-height:1.4}.target-grading-container .modal-title-truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-grading-container .buttons-container{display:flex;gap:8px}.target-grading-container .btn{padding:8px 16px;border-radius:12px;border:1px solid;cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease}.target-grading-container .btn.icc-btn-transparent{background:transparent;border-color:#cecfd2;color:#444}.target-grading-container .btn.icc-btn-transparent:hover{background:#ededed}.target-grading-container .btn.icc-btn-secondary{background:#0078cd;border-color:#0078cd;color:#fff}.target-grading-container .btn.icc-btn-secondary:hover{background:#0075b7;border-color:#0075b7}.target-grading-container .target-question-subheading{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#ededed;border-bottom:1px solid rgb(206,207,210)}.target-grading-container .subheading-text{font-family:Montserrat,sans-serif;font-size:14px;color:#000}.target-grading-container .subheading-images{display:flex;align-items:center;gap:8px}.target-grading-container .grading-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:8px;transition:background-color .2s ease}.target-grading-container .grading-button:hover:not(:disabled){background:#ededed}.target-grading-container .grading-button:disabled{cursor:not-allowed;opacity:.5}.target-grading-container .trash-can{width:20px;height:20px}.target-grading-container .target-question-answer-container{flex:1;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:24px}.target-grading-container .enlarged-question-image-container{position:relative;display:inline-block}.target-grading-container .enlarged-question-image-container.is-graded{opacity:.8}.target-grading-container .canvas-container{position:relative;display:inline-block;margin:0 auto}.target-grading-container .canvas-target-image{position:absolute;top:0;left:0;z-index:1;pointer-events:none;display:block}.target-grading-container canvas{position:absolute;top:0;left:0;z-index:10;display:block;cursor:crosshair!important;touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto!important;background:#ffffff03}.target-grading-container .instructions{margin-top:16px;padding:12px;background:#ededed;border-radius:8px}.target-grading-container .instructions p{margin:0;font-family:Montserrat,sans-serif;font-size:14px;color:#444;text-align:center}.target-grading-container .text-center{text-align:center}.footer__nav{display:flex;align-items:center;gap:12px}@media (max-width: 768px){.footer__nav{flex-wrap:wrap;justify-content:center;gap:8px}}.footer__link{font-family:Montserrat,sans-serif;font-size:12px;font-weight:400;line-height:1.67;color:#444;text-decoration:none;transition:color .2s ease}.footer__link:hover{color:#000;text-decoration:underline}@media (max-width: 768px){.footer__link{font-size:11px}}.footer__separator{font-family:Montserrat,sans-serif;font-size:12px;line-height:1.67;color:#444}@media (max-width: 768px){.footer__separator{display:none}}