/* Generated from folio.tokens.json. Do not edit directly. */
:root,
[data-folio-theme="light"] {
  --folio-primitive-color-warm-50: #f7f4eb;
  --folio-primitive-color-warm-100: #f1eee5;
  --folio-primitive-color-graphite-950: #1d201e;
  --folio-primitive-color-graphite-900: #20231f;
  --folio-primitive-color-graphite-800: #343834;
  --folio-primitive-color-graphite-500: #73756f;
  --folio-primitive-color-graphite-400: #8d9089;
  --folio-primitive-color-graphite-350: #92958e;
  --folio-primitive-color-graphite-300: #9ca097;
  --folio-primitive-color-graphite-100: #d9dbd4;
  --folio-primitive-color-blue-600: #335f9e;
  --folio-primitive-color-yellow-500: #d8b84b;
  --folio-primitive-color-yellow-700: #876e11;
  --folio-primitive-color-green-500: #6fbe8c;
  --folio-primitive-color-green-700: #3f7f5b;
  --folio-primitive-color-red-500: #d56d66;
  --folio-primitive-color-red-700: #9a443f;
  --folio-primitive-space-0: 0;
  --folio-primitive-space-2: 2px;
  --folio-primitive-space-4: 4px;
  --folio-primitive-space-6: 6px;
  --folio-primitive-space-8: 8px;
  --folio-primitive-space-10: 10px;
  --folio-primitive-space-12: 12px;
  --folio-primitive-space-14: 14px;
  --folio-primitive-space-16: 16px;
  --folio-primitive-space-18: 18px;
  --folio-primitive-space-20: 20px;
  --folio-primitive-space-22: 22px;
  --folio-primitive-space-24: 24px;
  --folio-primitive-space-28: 28px;
  --folio-primitive-space-30: 30px;
  --folio-primitive-space-32: 32px;
  --folio-primitive-space-36: 36px;
  --folio-primitive-space-40: 40px;
  --folio-primitive-space-48: 48px;
  --folio-primitive-space-68: 68px;
  --folio-primitive-space-110: 110px;
  --folio-primitive-size-icon-sm: 16px;
  --folio-primitive-size-icon-md: 20px;
  --folio-primitive-size-icon-task: 20px;
  --folio-primitive-size-control-compact: 28px;
  --folio-primitive-size-control-tab: 40px;
  --folio-primitive-size-control-touch: 44px;
  --folio-primitive-size-status: 20px;
  --folio-primitive-radius-0: 0;
  --folio-primitive-radius-control: 7px;
  --folio-primitive-radius-tab: 12px;
  --folio-primitive-radius-round: 999px;
  --folio-primitive-border-thin: 1px;
  --folio-primitive-border-active: 2px;
  --folio-primitive-border-icon: 0.92;
  --folio-primitive-font-family-reader: "WebCM Serif 10", "CMU Serif", Georgia, serif;
  --folio-primitive-font-family-interface: "WebCM Sans 10", Arial, sans-serif;
  --folio-primitive-font-weight-book: 500;
  --folio-primitive-font-size-base: 14px;
  --folio-primitive-font-lineHeight-reader: 1.5;
  --folio-primitive-font-lineHeight-compact: 1.2;
  --folio-primitive-duration-instant: 0ms;
  --folio-primitive-duration-fast: 120ms;
  --folio-primitive-duration-base: 180ms;
  --folio-primitive-easing-functional: cubic-bezier(0.2, 0, 0, 1);

  --folio-semantic-color-background-canvas: var(--folio-primitive-color-warm-100);
  --folio-semantic-color-background-content: var(--folio-primitive-color-warm-50);
  --folio-semantic-color-background-inverse: var(--folio-primitive-color-graphite-900);
  --folio-semantic-color-background-overlay: rgb(29 32 30 / 42%);
  --folio-semantic-color-text-primary: var(--folio-primitive-color-graphite-950);
  --folio-semantic-color-text-secondary: var(--folio-primitive-color-graphite-500);
  --folio-semantic-color-text-number: var(--folio-primitive-color-graphite-800);
  --folio-semantic-color-text-inverse: var(--folio-primitive-color-warm-50);
  --folio-semantic-color-icon-default: var(--folio-primitive-color-graphite-500);
  --folio-semantic-color-icon-statusEmpty: var(--folio-primitive-color-graphite-500);
  --folio-semantic-color-border-subtle: rgb(29 32 30 / 17%);
  --folio-semantic-color-border-strong: var(--folio-primitive-color-graphite-950);
  --folio-semantic-color-interaction-focus: var(--folio-primitive-color-blue-600);
  --folio-semantic-color-interaction-homework: var(--folio-primitive-color-blue-600);
  --folio-semantic-color-interaction-favorite: var(--folio-primitive-color-yellow-500);
  --folio-semantic-color-status-green: var(--folio-primitive-color-green-500);
  --folio-semantic-color-status-yellow: var(--folio-primitive-color-yellow-500);
  --folio-semantic-color-status-red: var(--folio-primitive-color-red-500);
  --folio-semantic-color-statusBorder-green: var(--folio-primitive-color-green-700);
  --folio-semantic-color-statusBorder-yellow: var(--folio-primitive-color-yellow-700);
  --folio-semantic-color-statusBorder-red: var(--folio-primitive-color-red-700);
  --folio-semantic-typography-readerFamily: var(--folio-primitive-font-family-reader);
  --folio-semantic-typography-interfaceFamily: var(--folio-primitive-font-family-interface);
  --folio-semantic-typography-bookWeight: var(--folio-primitive-font-weight-book);
  --folio-semantic-typography-baseSize: var(--folio-primitive-font-size-base);
  --folio-semantic-typography-readerLineHeight: var(--folio-primitive-font-lineHeight-reader);
  --folio-semantic-motion-duration: var(--folio-primitive-duration-fast);
  --folio-semantic-motion-easing: var(--folio-primitive-easing-functional);
  --folio-semantic-focus-width: var(--folio-primitive-border-active);
  --folio-semantic-focus-offset: var(--folio-primitive-space-2);

  --folio-component-workspace-maxWidth: 1420px;
  --folio-component-workspace-readingMaxWidth: 700px;
  --folio-component-workspace-leftRail: clamp(240px, 20vw, 288px);
  --folio-component-workspace-rightRail: clamp(240px, 21vw, 300px);
  --folio-component-workspace-rightRailCollapse: 920px;
  --folio-component-workspace-mobile: 560px;
  --folio-component-workspace-gutterDesktop: var(--folio-primitive-space-24);
  --folio-component-workspace-bottomInset: 64px;
  --folio-component-profileTabs-minHeight: var(--folio-primitive-space-48);
  --folio-component-profileTabs-background: var(--folio-semantic-color-background-inverse);
  --folio-component-profileTabs-inactiveText: var(--folio-primitive-color-graphite-300);
  --folio-component-profileTabs-inactiveHoverText: var(--folio-primitive-color-graphite-100);
  --folio-component-profileTab-height: var(--folio-primitive-size-control-tab);
  --folio-component-profileTab-activeBackground: var(--folio-semantic-color-background-canvas);
  --folio-component-profileTab-radiusTop: var(--folio-primitive-radius-tab);
  --folio-component-profileTab-gap: var(--folio-primitive-space-8);
  --folio-component-profileTab-labelSize: 0.92em;
  --folio-component-profileTab-paddingInline: var(--folio-primitive-space-16);
  --folio-component-profileTab-closablePaddingInline: var(--folio-primitive-space-12);
  --folio-component-pageNavigation-headerHeight: 60px;
  --folio-component-pageNavigation-gap: var(--folio-primitive-space-24);
  --folio-component-pageNavigation-activeRuleWidth: var(--folio-primitive-border-active);
  --folio-component-pageNavigation-activeRuleOffset: var(--folio-primitive-border-thin);
  --folio-component-search-iconSize: var(--folio-primitive-size-icon-md);
  --folio-component-search-gap: var(--folio-primitive-space-8);
  --folio-component-search-ruleWidth: var(--folio-primitive-border-thin);
  --folio-component-search-maxWidth: 460px;
  --folio-component-filterRail-paddingTop: var(--folio-primitive-space-24);
  --folio-component-filterRail-paddingRight: var(--folio-primitive-space-24);
  --folio-component-filterRail-itemGap: var(--folio-primitive-space-16);
  --folio-component-taskFeed-background: var(--folio-semantic-color-background-content);
  --folio-component-taskFeed-shadow: 0 16px 42px rgb(39 34 23 / 8%);
  --folio-component-taskRow-statusColumn: var(--folio-primitive-size-icon-task);
  --folio-component-taskRow-numberColumn: var(--folio-primitive-space-40);
  --folio-component-taskRow-actionsColumn: var(--folio-primitive-size-icon-task);
  --folio-component-taskRow-gapDesktop: var(--folio-primitive-space-12);
  --folio-component-taskRow-gapTablet: var(--folio-primitive-space-12);
  --folio-component-taskRow-gapMobile: var(--folio-primitive-space-12);
  --folio-component-taskRow-paddingTop: var(--folio-primitive-space-12);
  --folio-component-taskRow-paddingBottom: var(--folio-primitive-space-12);
  --folio-component-taskRow-paddingInlineDesktop: var(--folio-primitive-space-24);
  --folio-component-taskRow-paddingInlineTablet: var(--folio-primitive-space-16);
  --folio-component-taskRow-paddingInlineMobile: var(--folio-primitive-space-16);
  --folio-component-taskRow-readerSize: calc(var(--folio-semantic-typography-baseSize) * 1.04);
  --folio-component-taskRow-numberSize: calc(var(--folio-semantic-typography-baseSize) * 1.05);
  --folio-component-taskRow-numberOffset: 0;
  --folio-component-taskRow-borderColor: var(--folio-semantic-color-border-subtle);
  --folio-component-taskStatus-targetSize: var(--folio-primitive-size-icon-task);
  --folio-component-taskStatus-alignmentHeight: var(--folio-primitive-size-icon-task);
  --folio-component-taskStatus-markerSize: var(--folio-primitive-size-status);
  --folio-component-taskStatus-outlineWidth: var(--folio-primitive-border-thin);
  --folio-component-taskAction-targetSize: var(--folio-primitive-size-icon-task);
  --folio-component-taskAction-glyphSize: var(--folio-primitive-size-icon-task);
  --folio-component-taskAction-glyphStroke: var(--folio-primitive-border-icon);
  --folio-component-taskAction-columnGap: var(--folio-primitive-space-6);
  --folio-component-taskAction-columnOffset: 0;
  --folio-component-taskAction-defaultColor: var(--folio-semantic-color-icon-default);
  --folio-component-taskAction-homeworkActive: var(--folio-semantic-color-interaction-homework);
  --folio-component-taskAction-favoriteActive: var(--folio-semantic-color-interaction-favorite);
  --folio-component-taskAsset-desktopWidth: 272px;
  --folio-component-taskAsset-desktopHeight: 256px;
  --folio-component-taskAsset-intermediateWidth: 252px;
  --folio-component-taskAsset-intermediateHeight: 156px;
  --folio-component-taskAsset-blockThreshold: 0.5;
  --folio-component-taskAsset-blendMode: multiply;
  --folio-component-taskAsset-filter: grayscale(1) contrast(1.22);
  --folio-component-homeworkRail-paddingLeft: var(--folio-primitive-space-24);
  --folio-component-homeworkRail-stickyTop: var(--folio-primitive-space-16);
  --folio-component-floatingHomework-targetSize: var(--folio-primitive-space-48);
  --folio-component-floatingHomework-inset: var(--folio-primitive-space-16);
  --folio-component-floatingHomework-background: var(--folio-semantic-color-background-inverse);
  --folio-component-floatingHomework-foreground: var(--folio-semantic-color-background-content);
  --folio-component-photoViewer-backdropColor: rgb(29 32 30 / 88%);
  --folio-component-dialog-detailMaxWidth: 720px;
  --folio-component-dialog-assignmentMaxWidth: 1040px;
  --folio-component-dialog-viewportInset: var(--folio-primitive-space-12);
  --folio-component-dialog-headerPaddingBlock: var(--folio-primitive-space-8);
  --folio-component-dialog-headerPaddingInline: var(--folio-primitive-space-12);
  --folio-component-dialog-bodyPadding: var(--folio-primitive-space-16);
  --folio-component-dialog-shadow: 0 18px 55px rgb(29 32 30 / 22%);
  --folio-component-summary-background: var(--folio-semantic-color-background-canvas);
  --folio-component-summary-padding: var(--folio-primitive-space-16);
  --folio-component-summary-gap: var(--folio-primitive-space-12);
  --folio-component-summary-assignmentWidth: 340px;
  --folio-component-deadlinePicker-popoverWidth: 308px;
  --folio-component-deadlinePicker-daySize: var(--folio-primitive-space-36);
  --folio-component-deadlinePicker-timeInputWidth: var(--folio-primitive-space-48);
  --folio-component-deadlinePicker-timeControlHeight: var(--folio-primitive-space-40);
  --folio-component-actionButton-minHeight: var(--folio-primitive-space-48);
  --folio-component-actionButton-lineHeight: var(--folio-primitive-font-lineHeight-compact);
  --folio-component-actionButton-paddingBlock: var(--folio-primitive-space-12);
  --folio-component-actionButton-paddingInline: var(--folio-primitive-space-16);
  --folio-component-actionButton-backgroundPrimary: var(--folio-semantic-color-background-inverse);
  --folio-component-actionButton-textPrimary: var(--folio-semantic-color-text-inverse);
  --folio-component-homeworkList-rowPaddingBlock: var(--folio-primitive-space-16);
  --folio-component-homeworkList-rowPaddingInline: var(--folio-primitive-space-16);
  --folio-component-homeworkList-columnGap: var(--folio-primitive-space-12);
  --folio-component-homeworkList-dateColumn: minmax(112px, 0.45fr);
  --folio-component-homeworkList-studentColumn: minmax(96px, 0.5fr);
  --folio-component-homeworkList-stateColumn: minmax(172px, 1fr);
  --folio-component-homeworkList-resultColumn: minmax(130px, max-content);
  --folio-component-reviewWorkspace-leftRail: clamp(220px, 22vw, 300px);
  --folio-component-reviewWorkspace-rightRail: clamp(212px, 18vw, 240px);
  --folio-component-reviewWorkspace-gap: var(--folio-primitive-space-16);
  --folio-component-reviewWorkspace-railPadding: var(--folio-primitive-space-16);
  --folio-component-disclosure-gap: var(--folio-primitive-space-8);
  --folio-component-disclosure-iconSize: var(--folio-primitive-size-icon-sm);
  --folio-component-disclosure-paddingTop: var(--folio-primitive-space-12);
  --folio-component-disclosure-sectionGap: var(--folio-primitive-space-16);
  --folio-component-disclosure-labelSize: calc(var(--folio-semantic-typography-baseSize) * 0.86);
  --folio-component-disclosure-contentSize: var(--folio-semantic-typography-baseSize);
  --folio-component-disclosure-collapsedAssetHeight: 64px;
  --folio-component-disclosure-fadeHeight: var(--folio-primitive-space-32);
  --folio-component-systemIndicator-background: var(--folio-semantic-color-background-inverse);
  --folio-component-systemIndicator-foreground: var(--folio-semantic-color-text-inverse);
  --folio-component-systemIndicator-paddingBlock: var(--folio-primitive-space-8);
  --folio-component-systemIndicator-paddingInline: var(--folio-primitive-space-12);
}

@media (prefers-reduced-motion: reduce) {
  :root,
  [data-folio-theme="light"] {
    --folio-semantic-motion-duration: 0ms;
  }
}