@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";:root{--color-brand-primary: #DAB1DA88;--color-brand-secondary: #4e3379;--color-brand-secondary-hover: #6b4d99;--color-brand-neutral: #fffbf2;--font-sans: "Noto Sans", sans-serif}body{font-family:var(--font-sans)}.nav-link-active{color:var(--color-brand-secondary);font-weight:600;text-decoration:underline;text-underline-offset:6px}.back-button-link:hover{color:#111;text-decoration:underline}.breadcrumb-link:hover{color:var(--color-brand-secondary);text-decoration:underline}.nav-link:hover{color:var(--color-brand-secondary)}.nav-signup-link:hover{background-color:var(--color-brand-secondary-hover)}.nav-avatar-button:hover{opacity:.9}.input-focus:focus{outline:none;border-color:var(--color-brand-secondary);box-shadow:0 0 0 1px var(--color-brand-secondary)}.btn-primary:hover:not(:disabled){background-color:var(--color-brand-secondary-hover)}.btn-google:hover:not(:disabled){background-color:#e8dcff66}.link-brand-hover:hover{color:var(--color-brand-secondary-hover)}.link-signup-hover:hover{background-color:var(--color-brand-secondary-hover)}.link-login-hover:hover{background-color:var(--color-brand-neutral);border-color:var(--color-brand-primary)}@media(min-width:640px){.onboarding-grade-grid{grid-template-columns:repeat(7,1fr)}}.onboarding-tile-hover:hover{border-color:var(--color-brand-primary);background-color:var(--color-brand-primary)}.btn-icon-hover:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.btn-delete-hover:hover:not(:disabled){color:#dc2626}.btn-preview-lesson:hover{background-color:#e8dcff66}.btn-material:hover:not(:disabled){border-color:var(--color-brand-primary);background-color:var(--color-brand-primary);color:var(--color-brand-secondary)}@keyframes pulse{50%{opacity:.5}}.animate-pulse-css{animation:pulse 1.5s ease-in-out infinite}.btn-danger-outline:hover{background-color:#dc2626;color:#fff;border-color:#dc2626}.btn-danger:hover:not(:disabled){background-color:#b91c1c}@media(min-width:1024px){.lesson-settings-sidebar{width:256px}}.container-flex-responsive{display:flex;flex-direction:column;gap:32px}@media(min-width:1024px){.container-flex-responsive{flex-direction:row}}:root{--color-black: #000000;--color-grey-300: #7F7F7F;--color-grey-100: #CCCCCC;--color-white: #ffffff;--color-dawn-500: #fffbf2;--color-dawn-700: #ede0d8;--color-dawn-900: #ebd0c0;--color-dawn-a50: #fffbf280;--color-violet-500: #4e3379;--color-violet-300: #a698bb;--color-violet-100: #dcd6e4;--color-lavender-500: #dab1da;--color-lavender-300: #ecd7ec;--color-lavender-200: #edd5e6;--color-lavender-100: #f8eff8;--color-sky-500: #bde0f9;--color-sky-300: #ddeffb;--color-sky-100: #f2f9fe;--color-sun-500: #ffc365;--color-sun-300: #ffe0b1;--color-sun-100: #fff3e0;--color-leaf-500: #aae071;--color-leaf-300: #d4efb7;--color-leaf-100: #eef9e3;--color-poppy-500: #ff6131;--color-poppy-300: #ffae96;--color-poppy-100: #ffdfd5;--color-petal-500: #ffdae7;--color-petal-300: #ffecf2;--color-petal-100: #fff8fa;--color-earth-500: #854242;--color-earth-300: #c1a0a0;--color-earth-100: #e7d9d9;--color-orchid-500: #870378;--color-orchid-300: #c280bb;--color-orchid-100: #e7cde4;--color-black-a20: #00000033;--spacing-0: 0px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 16px;--spacing-4: 24px;--spacing-5: 32px;--spacing-6: 40px;--spacing-7: 48px;--spacing-8: 56px;--spacing-9: 64px;--spacing-10: 72px;--spacing-11: 80px;--spacing-12: 88px;--spacing-13: 96px;--spacing-14: 104px;--spacing-margin-20: 20px;--spacing-margin-40: 40px;--spacing-grid-xs: 2.5px;--size-height-xxs: 10px;--size-height-xs: 20px;--size-height-sm: 25px;--size-height-md: 40px;--size-height-card: 340px;--size-height-spacer: 8px;--size-height-work-space: 100px;--size-height-writing-line: 16px;--size-width-xxs: 10px;--size-width-xs: 20px;--size-width-sm: 25px;--size-width-md: 40px;--size-width-lg: 110px;--size-width-xl: 255px;--size-width-2xl: 775px;--size-width-menu: 200px;--size-width-script: 275px;--size-width-line-half: 255px;--size-width-handout-third: 175px;--size-width-grid-third: 150px;--border-1: 1px;--border-2: 2px;--border-page: 10px;--radius-xxs: 0px;--radius-xs: 2px;--radius-sm: 4px;--radius-3xl: 360px;--font-family-base: "Noto Sans";--font-family-title: "Noto Sans";--font-family-h1: "Noto Sans";--font-family-h2: "Noto Sans";--font-family-h3: "Noto Sans";--font-family-body: "Noto Sans";--font-family-body-spaced: "Noto Sans";--font-family-large-body: "Noto Sans";--font-family-label: "Noto Sans";--font-size-xxs: 9px;--font-size-xs: 11px;--font-size-sm: 14px;--font-size-md: 24px;--font-size-lg: 34px;--font-size-xl: 44px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-bold: 700;--line-height-xs: 16px;--line-height-sm: 20px;--line-height-md: 28px;--line-height-lg: 40px;--line-height-xl: 48px;--shadow-primary-x: 1px;--shadow-primary-y: 2px;--shadow-primary-blur: 4px;--shadow-primary-spread: 0px;--shadow-secondary-x: 2px;--shadow-secondary-y: 4px;--shadow-secondary-blur: 8px;--shadow-secondary-spread: 0px;--shadow-script-x: -2px;--shadow-script-y: 0px;--shadow-script-blur: 0px;--shadow-script-spread: 0px;--shadow-grid-x: 0px;--shadow-grid-y: -1px;--shadow-grid-blur: 0px;--shadow-grid-spread: 0px;--color-text-brand: var(--color-violet-500);--color-text-primary: var(--color-black);--color-text-placeholder: var(--color-violet-300);--color-text-invert: var(--color-white);--color-surface-white: var(--color-white);--color-surface-primary: var(--color-dawn-500);--color-surface-primary-overlay: var(--color-dawn-a50);--color-surface-brand: var(--color-lavender-500);--color-surface-brand-md: var(--color-lavender-300);--color-surface-brand-lt: var(--color-lavender-100);--color-surface-sun: var(--color-sun-500);--color-surface-sky: var(--color-sky-500);--color-surface-leaf: var(--color-leaf-500);--color-surface-poppy: var(--color-poppy-500);--color-surface-petal: var(--color-petal-500);--color-surface-button-hover: var(--color-lavender-200);--color-surface-hover: var(--color-sky-500);--color-surface-clicked: var(--color-leaf-500);--color-surface-info: var(--color-dawn-500);--color-surface-success: var(--color-leaf-500);--color-surface-warning: var(--color-sun-500);--color-surface-error: var(--color-poppy-500);--color-surface-line: var(--color-grey-300);--color-surface-placeholder: var(--color-lavender-100);--color-surface-leaf-bg: var(--color-leaf-100);--color-surface-sky-bg: var(--color-sky-100);--color-surface-petal-bg: var(--color-petal-100);--color-surface-sun-bg: var(--color-sun-100);--color-border-primary: var(--color-dawn-700);--color-border-brand: var(--color-violet-500);--color-border-secondary: var(--color-lavender-500);--color-border-accent: var(--color-leaf-500);--color-border-form: var(--color-violet-300);--color-border-pop: var(--color-poppy-300);--color-pill-introduce-bg: var(--color-sky-500);--color-pill-practice-bg: var(--color-leaf-500);--color-pill-apply-bg: var(--color-sun-500);--color-pill-master-bg: var(--color-poppy-500);--color-pill-connect-bg: var(--color-petal-500);--color-pill-time-bg: var(--color-dawn-500);--shadow-primary: var(--shadow-primary-x) var(--shadow-primary-y) var(--shadow-primary-blur) var(--shadow-primary-spread) var(--color-black-a20);--shadow-secondary: var(--shadow-secondary-x) var(--shadow-secondary-y) var(--shadow-secondary-blur) var(--color-black-a20);--typography-title-medium: var(--font-weight-bold) var(--font-size-md) / var(--line-height-md) var(--font-family-h2);--typography-title-base: var(--font-weight-bold) var(--font-size-sm) / var(--line-height-xs) var(--font-family-h3);--typography-body-base: var(--font-weight-regular) var(--font-size-xs) / var(--line-height-sm) var(--font-family-body);--typography-body-double-spaced: var(--font-weight-regular) var(--font-size-xs) / var(--line-height-md) var(--font-family-body-spaced);--typography-body-large: var(--font-weight-regular) var(--font-size-sm) / var(--line-height-md) var(--font-family-large-body);--typography-body-caption: var(--font-weight-light) var(--font-size-xxs) / var(--line-height-xs) var(--font-family-label)}body{font-family:var(--font-family-base)}