:root{--ds-font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--ds-font-size-tiny: 10px;--ds-font-size-small: 12px;--ds-font-size-base: 14px;--ds-font-size-regular: 16px;--ds-font-size-large: 18px;--ds-font-size-xl: 20px;--ds-font-size-2xl: 24px;--ds-font-size-3xl: 28px;--ds-font-size-huge: 32px;--ds-font-size-4xl: 32px;--ds-font-size-5xl: 36px;--ds-font-size-6xl: 48px;--ds-line-height-tight: 1;--ds-line-height-base: 1.286;--ds-line-height-relaxed: 1.5;--ds-ui-active: rgb(8, 145, 178);--ds-ui-label: rgb(71, 85, 105);--ds-ui-hint: rgb(148, 163, 184);--ds-ui-text: rgb(39, 39, 42);--ds-nav-darker: rgb(18, 27, 38);--ds-nav: rgb(42, 50, 81);--ds-nav-dark: rgb(30, 47, 82);--ds-nav-pop-dark: rgb(19, 37, 58);--ds-nav-pop-light: rgb(40, 53, 98);--ds-nav-light: rgb(175, 182, 198);--ds-nav-lighter: rgb(224, 228, 235);--ds-clazz-50: #E8F5F2;--ds-clazz-100: rgb(215, 239, 233);--ds-clazz-200: rgb(197, 231, 223);--ds-clazz-300: rgb(168, 225, 213);--ds-clazz-500: rgb(0, 153, 122);--ds-clazz-600: rgb(0, 133, 106);--ds-clazz-700: rgb(0, 101, 80);--ds-clazz-900: rgb(9, 83, 68);--ds-student-50: rgb(233, 241, 251);--ds-student-100: rgb(221, 233, 248);--ds-student-200: rgb(209, 225, 245);--ds-student-700: rgb(34, 78, 135);--ds-guardian-50: rgb(234, 248, 250);--ds-guardian-100: rgb(220, 241, 244);--ds-guardian-200: rgb(211, 234, 238);--ds-guardian-700: rgb(22, 106, 121);--ds-teacher-50: rgb(245, 239, 246);--ds-teacher-100: rgb(238, 231, 243);--ds-teacher-200: rgb(228, 219, 235);--ds-teacher-700: rgb(103, 64, 128);--ds-subject-50: rgb(245, 240, 244);--ds-subject-100: rgb(241, 229, 238);--ds-subject-200: rgb(235, 219, 232);--ds-subject-700: rgb(142, 72, 128);--ds-subject-dark-stroke: rgb(120, 74, 104);--ds-label-lighter: rgb(205, 211, 222);--ds-warning: rgb(221, 153, 17);--ds-danger-50: rgb(254, 242, 242);--ds-danger-100: rgb(254, 226, 226);--ds-danger-200: rgb(254, 202, 202);--ds-danger-300: rgb(252, 165, 165);--ds-danger-400: rgb(248, 113, 113);--ds-danger-500: rgb(239, 68, 68);--ds-danger-600: rgb(220, 38, 38);--ds-danger: rgb(220, 38, 38);--ds-danger-700: rgb(185, 28, 28);--ds-danger-800: rgb(153, 27, 27);--ds-danger-900: rgb(127, 29, 29);--ds-success-50: rgb(240, 253, 244);--ds-success-100: rgb(220, 252, 231);--ds-success-200: rgb(187, 247, 208);--ds-success-300: rgb(134, 239, 172);--ds-success-400: rgb(74, 222, 128);--ds-success-500: rgb(34, 197, 94);--ds-success-600: rgb(22, 163, 74);--ds-success: rgb(22, 163, 74);--ds-issue: rgb(255, 135, 164);--ds-issue-light: rgb(251, 211, 206);--ds-issue-dark: rgb(234, 78, 106);--ds-text-light: rgba(0, 0, 0, .66);--ds-text-lighter: rgba(0, 0, 0, .4);--ds-gray: rgb(119, 119, 119);--ds-gray-bg-light: rgba(153, 153, 153, .1);--ds-gray-bg-dark: rgba(144, 156, 165, .3);--ds-white: rgb(255, 255, 255);--ds-grayish-light: rgb(51, 151, 145);--ds-slate-50: rgb(248, 250, 252);--ds-slate-100: rgb(241, 245, 249);--ds-slate-200: rgb(226, 232, 240);--ds-slate-500: rgb(100, 116, 139);--ds-purple-50: rgb(250, 245, 255);--ds-purple-100: rgb(243, 232, 255);--ds-purple-600: rgb(124, 58, 237);--ds-purple-700: rgb(126, 34, 206);--ds-orange-50: rgb(255, 247, 237);--ds-orange-100: rgb(255, 237, 213);--ds-orange-600: rgb(234, 88, 12);--ds-blue-50: rgb(239, 246, 255);--ds-blue-100: rgb(219, 234, 254);--ds-blue-700: rgb(29, 78, 216);--ds-blue-800: rgb(30, 64, 175);--ds-sky-700: rgb(3, 105, 161);--ds-amber-100: rgb(254, 243, 199);--ds-amber-800: rgb(146, 64, 14);--ds-red-100: rgb(254, 226, 226);--ds-shadow-button: 0px .5px 2px rgba(0, 0, 0, .4);--ds-shadow-dropdown: 0px 2px 6px rgba(0, 0, 0, .4);--ds-shadow-highlight: 0px 1px 33px rgba(18, 213, 166, .5);--ds-shadow-multi: 0px 1px 1px rgba(0, 0, 0, .2), 0px 1px 5px rgba(0, 0, 0, .1);--ds-shadow-multi-lighter: 0px 1px 1px rgba(0, 0, 0, .16), 0px 1px 4px rgba(0, 0, 0, .08);--ds-shadow-highlight-light: 0px 1px 8px rgba(18, 213, 166, .35);--ds-shadow-inner-gray: inset 0px -30px 15px rgb(245, 245, 245);--ds-shadow-inner-white: inset 0px -30px 15px rgb(255, 255, 255);--ds-shadow-input: 0px .5px 2px rgba(0, 0, 0, .1);--ds-shadow-card: 0px 2px 8px rgba(0, 0, 0, .1);--ds-shadow-card-hover: 0px 4px 12px rgba(0, 0, 0, .15);--ds-shadow-sm: 0px 1px 3px rgba(0, 0, 0, .2);--ds-shadow-modal-backdrop: 0px 2px 6px rgba(0, 0, 0, .1);--ds-shadow-header: 0 2px 10px rgba(0, 0, 0, .05);--ds-radius-sm: 4px;--ds-radius-md: 8px;--ds-radius-lg: 12px;--ds-radius-xl: 16px;--ds-radius-full: 9999px;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-5: 20px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-space-10: 40px;--ds-space-12: 48px;--ds-transition-fast: .15s ease;--ds-transition-base: .2s ease;--ds-transition-slow: .3s ease;--ds-z-dropdown: 100;--ds-z-sticky: 200;--ds-z-modal-backdrop: 300;--ds-z-modal: 400;--ds-z-tooltip: 500;--ds-z-toast: 600;--ds-gradient-background-light: linear-gradient(135deg, #E8F5F2 0%, rgb(215, 239, 233) 100%);--ds-gradient-background-multi: linear-gradient(135deg, #E8F5F2 0%, rgb(215, 239, 233) 50%, rgb(255, 255, 255) 100%);--ds-gradient-background-vertical: linear-gradient(180deg, #E8F5F2 0%, rgb(232, 245, 242) 100%);--ds-gradient-button-primary: linear-gradient(135deg, rgb(0, 133, 106) 0%, rgb(0, 101, 80) 100%);--ds-gradient-text-primary: linear-gradient(135deg, rgb(0, 133, 106) 0%, rgb(0, 101, 80) 100%);--ds-gradient-cta-dark: linear-gradient(135deg, rgb(0, 101, 80) 0%, rgb(9, 83, 68) 100%);--ds-gradient-about-bg: linear-gradient(135deg, rgb(215, 239, 233) 0%, rgb(197, 231, 223) 100%);--ds-gradient-bottom-fade: linear-gradient(to top, #E8F5F2, #E8F5F2 80%, transparent)}*,*:before,*:after{box-sizing:border-box}html{height:100%;color-scheme:light}body{margin:0;height:100%;font-family:var(--ds-font-family);font-size:var(--ds-font-size-base);line-height:var(--ds-line-height-base);color:var(--ds-ui-text);background-color:var(--ds-clazz-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--ds-clazz-700);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--ds-clazz-700);color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-modal__footer>[modal-footer]{display:flex;justify-content:flex-end;gap:12px}