:root, [data-wb-theme='default'] {--wb-border-radius-radius_0: 0px;
--wb-border-radius-radius_010: 1px;
--wb-border-radius-radius_040: 4px;
--wb-border-radius-radius_080: 8px;
--wb-border-radius-radius_120: 12px;
--wb-border-radius-radius_240: 24px;
--wb-border-radius-radius_full: 50%;
--wb-border-width-none: 0px;
--wb-border-width-thin: 1px;
--wb-border-width-medium: 2px;
--wb-border-width-thick: 4px;
--wb-boxShadow-low: 0 2px 2px 0 rgba(33,36,44,0.16);
--wb-boxShadow-mid: 0 4px 8px 0 rgba(33,36,44,0.16);
--wb-boxShadow-high: 0 8px 16px 0 rgba(33,36,44,0.16);
--wb-font-family-sans: Lato, "Noto Sans", sans-serif;
--wb-font-family-serif: "Noto Serif", serif;
--wb-font-family-mono: Inconsolata, monospace;
--wb-font-size-xxxLarge: 3.6rem;
--wb-font-size-xxLarge: 2.8rem;
--wb-font-size-xLarge: 2.4rem;
--wb-font-size-large: 2rem;
--wb-font-size-medium: 1.6rem;
--wb-font-size-small: 1.4rem;
--wb-font-size-xSmall: 1.2rem;
--wb-font-lineHeight-xxxLarge: 4rem;
--wb-font-lineHeight-xxLarge: 3.2rem;
--wb-font-lineHeight-xLarge: 2.8rem;
--wb-font-lineHeight-large: 2.4rem;
--wb-font-lineHeight-xMedium: 2.2rem;
--wb-font-lineHeight-medium: 2rem;
--wb-font-lineHeight-small: 1.8rem;
--wb-font-lineHeight-xSmall: 1.6rem;
--wb-font-weight-light: 300;
--wb-font-weight-regular: 400;
--wb-font-weight-medium: 400;
--wb-font-weight-semi: 400;
--wb-font-weight-bold: 700;
--wb-font-weight-black: 900;
--wb-font-body-size-xsmall: 1.2rem;
--wb-font-body-size-small: 1.4rem;
--wb-font-body-size-medium: 1.6rem;
--wb-font-body-lineHeight-xsmall: 1.6rem;
--wb-font-body-lineHeight-small: 1.8rem;
--wb-font-body-lineHeight-medium: 2rem;
--wb-font-body-lineHeight-large: 2.2rem;
--wb-font-heading-size-small: 1.2rem;
--wb-font-heading-size-medium: 2rem;
--wb-font-heading-size-large: 2.4rem;
--wb-font-heading-size-xlarge: 2.8rem;
--wb-font-heading-size-xxlarge: 3.6rem;
--wb-font-heading-lineHeight-small: 1.6rem;
--wb-font-heading-lineHeight-medium: 2.4rem;
--wb-font-heading-lineHeight-large: 2.8rem;
--wb-font-heading-lineHeight-xlarge: 3.2rem;
--wb-font-heading-lineHeight-xxlarge: 4rem;
--wb-font-textDecoration-underlineOffset: 0.2rem;
--wb-font-textDecoration-thickness: 0.1rem;
--wb-semanticColor-core-transparent: transparent;
--wb-semanticColor-core-border-instructive-subtle: #b5cefb;
--wb-semanticColor-core-border-instructive-default: #1865f2;
--wb-semanticColor-core-border-instructive-strong: #1b50b3;
--wb-semanticColor-core-border-neutral-subtle: #dbdcdd;
--wb-semanticColor-core-border-neutral-default: #909296;
--wb-semanticColor-core-border-neutral-strong: #5f6167;
--wb-semanticColor-core-border-critical-subtle: #f6ccc7;
--wb-semanticColor-core-border-critical-default: #d92916;
--wb-semanticColor-core-border-critical-strong: #9e271d;
--wb-semanticColor-core-border-success-subtle: #c2eac5;
--wb-semanticColor-core-border-success-default: #00a60e;
--wb-semanticColor-core-border-success-strong: #0b7c18;
--wb-semanticColor-core-border-warning-subtle: #ffecc2;
--wb-semanticColor-core-border-warning-default: #ffb100;
--wb-semanticColor-core-border-warning-strong: #b8840e;
--wb-semanticColor-core-border-disabled-subtle: transparent;
--wb-semanticColor-core-border-disabled-default: #dbdcdd;
--wb-semanticColor-core-border-disabled-strong: #b8b9bb;
--wb-semanticColor-core-border-knockout-default: #ffffff;
--wb-semanticColor-core-background-base-subtle: #f7f8fa;
--wb-semanticColor-core-background-base-default: #ffffff;
--wb-semanticColor-core-background-base-strong: #0b2149;
--wb-semanticColor-core-background-instructive-subtle: #edf3fe;
--wb-semanticColor-core-background-instructive-default: #1865f2;
--wb-semanticColor-core-background-instructive-strong: #1b50b3;
--wb-semanticColor-core-background-neutral-subtle: #ededee;
--wb-semanticColor-core-background-neutral-default: #5f6167;
--wb-semanticColor-core-background-neutral-strong: #21242c;
--wb-semanticColor-core-background-critical-subtle: #fceeec;
--wb-semanticColor-core-background-critical-default: #d92916;
--wb-semanticColor-core-background-critical-strong: #9e271d;
--wb-semanticColor-core-background-success-subtle: #ebf8ec;
--wb-semanticColor-core-background-success-default: #00a60e;
--wb-semanticColor-core-background-success-strong: #0b7c18;
--wb-semanticColor-core-background-warning-subtle: #fff9eb;
--wb-semanticColor-core-background-warning-default: #ffb100;
--wb-semanticColor-core-background-warning-strong: #b8840e;
--wb-semanticColor-core-background-disabled-subtle: transparent;
--wb-semanticColor-core-background-disabled-default: #ededee;
--wb-semanticColor-core-background-disabled-strong: #dbdcdd;
--wb-semanticColor-core-background-overlay-default: rgba(33,36,44,0.50);
--wb-semanticColor-core-foreground-instructive-subtle: #b5cefb;
--wb-semanticColor-core-foreground-instructive-default: #1865f2;
--wb-semanticColor-core-foreground-instructive-strong: #1b50b3;
--wb-semanticColor-core-foreground-neutral-subtle: #717378;
--wb-semanticColor-core-foreground-neutral-default: #5f6167;
--wb-semanticColor-core-foreground-neutral-strong: #21242c;
--wb-semanticColor-core-foreground-critical-subtle: #f3bbb4;
--wb-semanticColor-core-foreground-critical-default: #d92916;
--wb-semanticColor-core-foreground-critical-strong: #9e271d;
--wb-semanticColor-core-foreground-success-subtle: #c2eac5;
--wb-semanticColor-core-foreground-success-default: #00a60e;
--wb-semanticColor-core-foreground-success-strong: #0b7c18;
--wb-semanticColor-core-foreground-warning-subtle: #ffecc2;
--wb-semanticColor-core-foreground-warning-default: #ffb100;
--wb-semanticColor-core-foreground-warning-strong: #b8840e;
--wb-semanticColor-core-foreground-disabled-subtle: #dbdcdd;
--wb-semanticColor-core-foreground-disabled-default: #b8b9bb;
--wb-semanticColor-core-foreground-disabled-strong: #909296;
--wb-semanticColor-core-foreground-knockout-default: #ffffff;
--wb-semanticColor-core-shadow-transparent-low: rgba(33,36,44,0.16);
--wb-semanticColor-core-shadow-transparent-mid: rgba(33,36,44,0.16);
--wb-semanticColor-core-shadow-transparent-high: rgba(33,36,44,0.16);
--wb-semanticColor-core-shadow-transparent-color-subtle: #1865f233;
--wb-semanticColor-core-shadow-transparent-color-strong: rgba(33,36,44,0.16);
--wb-semanticColor-core-shadow-chonky-instructive-subtle: #b5cefb;
--wb-semanticColor-core-shadow-chonky-instructive-default: #1b50b3;
--wb-semanticColor-core-shadow-chonky-neutral-subtle: #b8b9bb;
--wb-semanticColor-core-shadow-chonky-neutral-default: #909296;
--wb-semanticColor-core-shadow-chonky-neutral-strong: #21242c;
--wb-semanticColor-learning-math-foreground-blue: #3D7586;
--wb-semanticColor-learning-math-foreground-gold: #946700;
--wb-semanticColor-learning-math-foreground-green: #447A53;
--wb-semanticColor-learning-math-foreground-gray: #5D5F66;
--wb-semanticColor-learning-math-foreground-grayH: #3B3D45;
--wb-semanticColor-learning-math-foreground-grayI: #21242C;
--wb-semanticColor-learning-math-foreground-purple: #594094;
--wb-semanticColor-learning-math-foreground-purpleD: #8351E8;
--wb-semanticColor-learning-math-foreground-pink: #B25071;
--wb-semanticColor-learning-math-foreground-red: #D92916;
--wb-semanticColor-learning-background-gems-subtle: #FCEEF7;
--wb-semanticColor-learning-background-gems-default: #FFE3F4;
--wb-semanticColor-learning-background-gems-strong: #84275E;
--wb-semanticColor-learning-background-due-subtle: #DDF0FE;
--wb-semanticColor-learning-background-due-default: #A9DAFD;
--wb-semanticColor-learning-background-due-strong: #20628F;
--wb-semanticColor-learning-background-streaks-subtle: #FEE9E5;
--wb-semanticColor-learning-background-streaks-default: #FEBFB1;
--wb-semanticColor-learning-background-streaks-strong: #983C1A;
--wb-semanticColor-learning-background-progress-notStarted-default: #CBCBCD;
--wb-semanticColor-learning-background-progress-attempted-default: #FEE7AD;
--wb-semanticColor-learning-background-progress-complete-default: #BCEBBB;
--wb-semanticColor-learning-border-gems-subtle: #FFE3F4;
--wb-semanticColor-learning-border-gems-default: #F9BBE1;
--wb-semanticColor-learning-border-gems-strong: #E83FA4;
--wb-semanticColor-learning-border-streaks-subtle: #FEE9E5;
--wb-semanticColor-learning-border-streaks-default: #FEBFB1;
--wb-semanticColor-learning-border-streaks-strong: #F8551A;
--wb-semanticColor-learning-border-due-subtle: #DDF0FE;
--wb-semanticColor-learning-border-due-default: #A9DAFD;
--wb-semanticColor-learning-border-due-strong: #28A9FF;
--wb-semanticColor-learning-foreground-gems-subtle: #F9BBE1;
--wb-semanticColor-learning-foreground-gems-default: #E83FA4;
--wb-semanticColor-learning-foreground-gems-strong: #84275E;
--wb-semanticColor-learning-foreground-streaks-subtle: #FEBFB1;
--wb-semanticColor-learning-foreground-streaks-default: #F8551A;
--wb-semanticColor-learning-foreground-streaks-strong: #983C1A;
--wb-semanticColor-learning-foreground-due-subtle: #A9DAFD;
--wb-semanticColor-learning-foreground-due-default: #2485C7;
--wb-semanticColor-learning-foreground-due-strong: #20628F;
--wb-semanticColor-learning-foreground-progress-notStarted-subtle: #B5B6B9;
--wb-semanticColor-learning-foreground-progress-notStarted-strong: #4A4C53;
--wb-semanticColor-learning-foreground-progress-attempted-subtle: #FDD673;
--wb-semanticColor-learning-foreground-progress-attempted-strong: #966B00;
--wb-semanticColor-learning-foreground-progress-complete-strong: #97D39E;
--wb-semanticColor-learning-shadow-progress-notStarted-default: #717279;
--wb-semanticColor-learning-shadow-progress-attempted-default: #FCB706;
--wb-semanticColor-learning-shadow-progress-complete-default: #579F6C;
--wb-semanticColor-action-primary-progressive-default-border: transparent;
--wb-semanticColor-action-primary-progressive-default-background: #1865f2;
--wb-semanticColor-action-primary-progressive-default-foreground: #ffffff;
--wb-semanticColor-action-primary-progressive-hover-border: #1865f2;
--wb-semanticColor-action-primary-progressive-hover-background: #1865f2;
--wb-semanticColor-action-primary-progressive-hover-foreground: #ffffff;
--wb-semanticColor-action-primary-progressive-press-border: #1b50b3;
--wb-semanticColor-action-primary-progressive-press-background: #1b50b3;
--wb-semanticColor-action-primary-progressive-press-foreground: #ffffff;
--wb-semanticColor-action-primary-destructive-default-border: transparent;
--wb-semanticColor-action-primary-destructive-default-background: #d92916;
--wb-semanticColor-action-primary-destructive-default-foreground: #ffffff;
--wb-semanticColor-action-primary-destructive-hover-border: #d92916;
--wb-semanticColor-action-primary-destructive-hover-background: #d92916;
--wb-semanticColor-action-primary-destructive-hover-foreground: #ffffff;
--wb-semanticColor-action-primary-destructive-press-border: #9e271d;
--wb-semanticColor-action-primary-destructive-press-background: #9e271d;
--wb-semanticColor-action-primary-destructive-press-foreground: #ffffff;
--wb-semanticColor-action-primary-neutral-default-border: transparent;
--wb-semanticColor-action-primary-neutral-default-background: #5f6167;
--wb-semanticColor-action-primary-neutral-default-foreground: #ffffff;
--wb-semanticColor-action-primary-neutral-hover-border: #909296;
--wb-semanticColor-action-primary-neutral-hover-background: #5f6167;
--wb-semanticColor-action-primary-neutral-hover-foreground: #ffffff;
--wb-semanticColor-action-primary-neutral-press-border: #5f6167;
--wb-semanticColor-action-primary-neutral-press-background: #21242c;
--wb-semanticColor-action-primary-neutral-press-foreground: #ffffff;
--wb-semanticColor-action-primary-disabled-border: #b8b9bb;
--wb-semanticColor-action-primary-disabled-background: #b8b9bb;
--wb-semanticColor-action-primary-disabled-foreground: #ffffff;
--wb-semanticColor-action-secondary-progressive-default-border: #909296;
--wb-semanticColor-action-secondary-progressive-default-background: transparent;
--wb-semanticColor-action-secondary-progressive-default-foreground: #1865f2;
--wb-semanticColor-action-secondary-progressive-hover-border: #1865f2;
--wb-semanticColor-action-secondary-progressive-hover-background: transparent;
--wb-semanticColor-action-secondary-progressive-hover-foreground: #1865f2;
--wb-semanticColor-action-secondary-progressive-press-border: #1b50b3;
--wb-semanticColor-action-secondary-progressive-press-background: #edf3fe;
--wb-semanticColor-action-secondary-progressive-press-foreground: #1b50b3;
--wb-semanticColor-action-secondary-destructive-default-border: #909296;
--wb-semanticColor-action-secondary-destructive-default-background: transparent;
--wb-semanticColor-action-secondary-destructive-default-foreground: #d92916;
--wb-semanticColor-action-secondary-destructive-hover-border: #d92916;
--wb-semanticColor-action-secondary-destructive-hover-background: transparent;
--wb-semanticColor-action-secondary-destructive-hover-foreground: #d92916;
--wb-semanticColor-action-secondary-destructive-press-border: #9e271d;
--wb-semanticColor-action-secondary-destructive-press-background: #fceeec;
--wb-semanticColor-action-secondary-destructive-press-foreground: #9e271d;
--wb-semanticColor-action-secondary-neutral-default-border: #909296;
--wb-semanticColor-action-secondary-neutral-default-background: transparent;
--wb-semanticColor-action-secondary-neutral-default-foreground: #5f6167;
--wb-semanticColor-action-secondary-neutral-hover-border: #909296;
--wb-semanticColor-action-secondary-neutral-hover-background: transparent;
--wb-semanticColor-action-secondary-neutral-hover-foreground: #5f6167;
--wb-semanticColor-action-secondary-neutral-press-border: #5f6167;
--wb-semanticColor-action-secondary-neutral-press-background: #ededee;
--wb-semanticColor-action-secondary-neutral-press-foreground: #21242c;
--wb-semanticColor-action-secondary-disabled-border: #b8b9bb;
--wb-semanticColor-action-secondary-disabled-background: transparent;
--wb-semanticColor-action-secondary-disabled-foreground: #b8b9bb;
--wb-semanticColor-action-tertiary-progressive-default-border: transparent;
--wb-semanticColor-action-tertiary-progressive-default-background: transparent;
--wb-semanticColor-action-tertiary-progressive-default-foreground: #1865f2;
--wb-semanticColor-action-tertiary-progressive-hover-border: #1865f2;
--wb-semanticColor-action-tertiary-progressive-hover-background: transparent;
--wb-semanticColor-action-tertiary-progressive-hover-foreground: #1865f2;
--wb-semanticColor-action-tertiary-progressive-press-border: #1b50b3;
--wb-semanticColor-action-tertiary-progressive-press-background: transparent;
--wb-semanticColor-action-tertiary-progressive-press-foreground: #1b50b3;
--wb-semanticColor-action-tertiary-destructive-default-border: transparent;
--wb-semanticColor-action-tertiary-destructive-default-background: transparent;
--wb-semanticColor-action-tertiary-destructive-default-foreground: #d92916;
--wb-semanticColor-action-tertiary-destructive-hover-border: #d92916;
--wb-semanticColor-action-tertiary-destructive-hover-background: transparent;
--wb-semanticColor-action-tertiary-destructive-hover-foreground: #d92916;
--wb-semanticColor-action-tertiary-destructive-press-border: #9e271d;
--wb-semanticColor-action-tertiary-destructive-press-background: transparent;
--wb-semanticColor-action-tertiary-destructive-press-foreground: #9e271d;
--wb-semanticColor-action-tertiary-neutral-default-border: transparent;
--wb-semanticColor-action-tertiary-neutral-default-background: transparent;
--wb-semanticColor-action-tertiary-neutral-default-foreground: #5f6167;
--wb-semanticColor-action-tertiary-neutral-hover-border: #909296;
--wb-semanticColor-action-tertiary-neutral-hover-background: transparent;
--wb-semanticColor-action-tertiary-neutral-hover-foreground: #5f6167;
--wb-semanticColor-action-tertiary-neutral-press-border: #5f6167;
--wb-semanticColor-action-tertiary-neutral-press-background: transparent;
--wb-semanticColor-action-tertiary-neutral-press-foreground: #21242c;
--wb-semanticColor-action-tertiary-disabled-border: #dbdcdd;
--wb-semanticColor-action-tertiary-disabled-background: transparent;
--wb-semanticColor-action-tertiary-disabled-foreground: #b8b9bb;
--wb-semanticColor-chonky-progressive-background-primary-rest: #1865f2;
--wb-semanticColor-chonky-progressive-background-primary-hover: #1865f2;
--wb-semanticColor-chonky-progressive-background-primary-press: #1865f2;
--wb-semanticColor-chonky-progressive-background-primary-selected: #1865f2;
--wb-semanticColor-chonky-progressive-background-secondary-rest: #edf3fe;
--wb-semanticColor-chonky-progressive-background-secondary-hover: #edf3fe;
--wb-semanticColor-chonky-progressive-background-secondary-press: #edf3fe;
--wb-semanticColor-chonky-progressive-background-secondary-selected: #edf3fe;
--wb-semanticColor-chonky-progressive-background-tertiary-rest: transparent;
--wb-semanticColor-chonky-progressive-background-tertiary-hover: transparent;
--wb-semanticColor-chonky-progressive-background-tertiary-press: transparent;
--wb-semanticColor-chonky-progressive-background-tertiary-selected: transparent;
--wb-semanticColor-chonky-progressive-border-primary-rest: transparent;
--wb-semanticColor-chonky-progressive-border-primary-hover: transparent;
--wb-semanticColor-chonky-progressive-border-primary-press: transparent;
--wb-semanticColor-chonky-progressive-border-primary-selected: transparent;
--wb-semanticColor-chonky-progressive-border-secondary-rest: #b5cefb;
--wb-semanticColor-chonky-progressive-border-secondary-hover: #b5cefb;
--wb-semanticColor-chonky-progressive-border-secondary-press: #b5cefb;
--wb-semanticColor-chonky-progressive-border-secondary-selected: #b5cefb;
--wb-semanticColor-chonky-progressive-border-tertiary-rest: transparent;
--wb-semanticColor-chonky-progressive-border-tertiary-hover: #dbdcdd;
--wb-semanticColor-chonky-progressive-border-tertiary-press: #dbdcdd;
--wb-semanticColor-chonky-progressive-border-tertiary-selected: #b5cefb;
--wb-semanticColor-chonky-progressive-foreground-primary-rest: #ffffff;
--wb-semanticColor-chonky-progressive-foreground-primary-hover: #ffffff;
--wb-semanticColor-chonky-progressive-foreground-primary-press: #ffffff;
--wb-semanticColor-chonky-progressive-foreground-primary-selected: #ffffff;
--wb-semanticColor-chonky-progressive-foreground-secondary-rest: #1865f2;
--wb-semanticColor-chonky-progressive-foreground-secondary-hover: #1865f2;
--wb-semanticColor-chonky-progressive-foreground-secondary-press: #1b50b3;
--wb-semanticColor-chonky-progressive-foreground-secondary-selected: #1b50b3;
--wb-semanticColor-chonky-progressive-foreground-tertiary-rest: #1865f2;
--wb-semanticColor-chonky-progressive-foreground-tertiary-hover: #1865f2;
--wb-semanticColor-chonky-progressive-foreground-tertiary-press: #1b50b3;
--wb-semanticColor-chonky-progressive-foreground-tertiary-selected: #1b50b3;
--wb-semanticColor-chonky-progressive-shadow-primary-rest: #1b50b3;
--wb-semanticColor-chonky-progressive-shadow-primary-hover: #1b50b3;
--wb-semanticColor-chonky-progressive-shadow-primary-press: #1b50b3;
--wb-semanticColor-chonky-progressive-shadow-primary-selected: #1b50b3;
--wb-semanticColor-chonky-progressive-shadow-secondary-rest: #b5cefb;
--wb-semanticColor-chonky-progressive-shadow-secondary-hover: #b5cefb;
--wb-semanticColor-chonky-progressive-shadow-secondary-press: #b5cefb;
--wb-semanticColor-chonky-progressive-shadow-secondary-selected: #b5cefb;
--wb-semanticColor-chonky-progressive-shadow-tertiary-rest: transparent;
--wb-semanticColor-chonky-progressive-shadow-tertiary-hover: #b8b9bb;
--wb-semanticColor-chonky-progressive-shadow-tertiary-press: #b8b9bb;
--wb-semanticColor-chonky-progressive-shadow-tertiary-selected: #b5cefb;
--wb-semanticColor-chonky-neutral-background-primary-rest: #5f6167;
--wb-semanticColor-chonky-neutral-background-primary-hover: #5f6167;
--wb-semanticColor-chonky-neutral-background-primary-press: #5f6167;
--wb-semanticColor-chonky-neutral-background-primary-selected: #5f6167;
--wb-semanticColor-chonky-neutral-background-secondary-rest: transparent;
--wb-semanticColor-chonky-neutral-background-secondary-hover: transparent;
--wb-semanticColor-chonky-neutral-background-secondary-press: transparent;
--wb-semanticColor-chonky-neutral-background-secondary-selected: #ededee;
--wb-semanticColor-chonky-neutral-background-tertiary-rest: transparent;
--wb-semanticColor-chonky-neutral-background-tertiary-hover: transparent;
--wb-semanticColor-chonky-neutral-background-tertiary-press: transparent;
--wb-semanticColor-chonky-neutral-background-tertiary-selected: transparent;
--wb-semanticColor-chonky-neutral-border-primary-rest: transparent;
--wb-semanticColor-chonky-neutral-border-primary-hover: transparent;
--wb-semanticColor-chonky-neutral-border-primary-press: transparent;
--wb-semanticColor-chonky-neutral-border-primary-selected: transparent;
--wb-semanticColor-chonky-neutral-border-secondary-rest: #dbdcdd;
--wb-semanticColor-chonky-neutral-border-secondary-hover: #dbdcdd;
--wb-semanticColor-chonky-neutral-border-secondary-press: #dbdcdd;
--wb-semanticColor-chonky-neutral-border-secondary-selected: #dbdcdd;
--wb-semanticColor-chonky-neutral-border-tertiary-rest: transparent;
--wb-semanticColor-chonky-neutral-border-tertiary-hover: #dbdcdd;
--wb-semanticColor-chonky-neutral-border-tertiary-press: #dbdcdd;
--wb-semanticColor-chonky-neutral-border-tertiary-selected: transparent;
--wb-semanticColor-chonky-neutral-foreground-primary-rest: #ffffff;
--wb-semanticColor-chonky-neutral-foreground-primary-hover: #ffffff;
--wb-semanticColor-chonky-neutral-foreground-primary-press: #ffffff;
--wb-semanticColor-chonky-neutral-foreground-primary-selected: #ffffff;
--wb-semanticColor-chonky-neutral-foreground-secondary-rest: #717378;
--wb-semanticColor-chonky-neutral-foreground-secondary-hover: #717378;
--wb-semanticColor-chonky-neutral-foreground-secondary-press: #717378;
--wb-semanticColor-chonky-neutral-foreground-secondary-selected: #717378;
--wb-semanticColor-chonky-neutral-foreground-tertiary-rest: #5f6167;
--wb-semanticColor-chonky-neutral-foreground-tertiary-hover: #5f6167;
--wb-semanticColor-chonky-neutral-foreground-tertiary-press: #5f6167;
--wb-semanticColor-chonky-neutral-foreground-tertiary-selected: #5f6167;
--wb-semanticColor-chonky-neutral-shadow-primary-rest: #21242c;
--wb-semanticColor-chonky-neutral-shadow-primary-hover: #21242c;
--wb-semanticColor-chonky-neutral-shadow-primary-press: transparent;
--wb-semanticColor-chonky-neutral-shadow-primary-selected: #21242c;
--wb-semanticColor-chonky-neutral-shadow-secondary-rest: #b8b9bb;
--wb-semanticColor-chonky-neutral-shadow-secondary-hover: #b8b9bb;
--wb-semanticColor-chonky-neutral-shadow-secondary-press: #21242c;
--wb-semanticColor-chonky-neutral-shadow-secondary-selected: #b8b9bb;
--wb-semanticColor-chonky-neutral-shadow-tertiary-rest: transparent;
--wb-semanticColor-chonky-neutral-shadow-tertiary-hover: #b8b9bb;
--wb-semanticColor-chonky-neutral-shadow-tertiary-press: #b8b9bb;
--wb-semanticColor-chonky-neutral-shadow-tertiary-selected: #b5cefb;
--wb-semanticColor-chonky-disabled-background-primary: #ededee;
--wb-semanticColor-chonky-disabled-background-secondary: #ededee;
--wb-semanticColor-chonky-disabled-background-tertiary: transparent;
--wb-semanticColor-chonky-disabled-border-primary: #dbdcdd;
--wb-semanticColor-chonky-disabled-border-secondary: #dbdcdd;
--wb-semanticColor-chonky-disabled-border-tertiary: transparent;
--wb-semanticColor-chonky-disabled-foreground-primary: #b8b9bb;
--wb-semanticColor-chonky-disabled-foreground-secondary: #b8b9bb;
--wb-semanticColor-chonky-disabled-foreground-tertiary: #b8b9bb;
--wb-semanticColor-chonky-disabled-shadow-primary: #b8b9bb;
--wb-semanticColor-chonky-disabled-shadow-secondary: #b8b9bb;
--wb-semanticColor-chonky-disabled-shadow-tertiary: transparent;
--wb-semanticColor-input-default-border: #909296;
--wb-semanticColor-input-default-background: #ffffff;
--wb-semanticColor-input-default-foreground: #21242c;
--wb-semanticColor-input-default-placeholder: #5f6167;
--wb-semanticColor-input-checked-border: #1865f2;
--wb-semanticColor-input-checked-background: #1865f2;
--wb-semanticColor-input-checked-foreground: #ffffff;
--wb-semanticColor-input-disabled-border: #dbdcdd;
--wb-semanticColor-input-disabled-background: #f7f8fa;
--wb-semanticColor-input-disabled-foreground: #5f6167;
--wb-semanticColor-input-disabled-placeholder: #5f6167;
--wb-semanticColor-input-error-border: #d92916;
--wb-semanticColor-input-error-background: #fceeec;
--wb-semanticColor-input-error-foreground: #21242c;
--wb-semanticColor-input-readOnly-background: #ffffff;
--wb-semanticColor-input-readOnly-text: #21242c;
--wb-semanticColor-input-readOnly-icon: transparent;
--wb-semanticColor-status-critical-background: #fceeec;
--wb-semanticColor-status-critical-foreground: #d92916;
--wb-semanticColor-status-warning-background: #fff9eb;
--wb-semanticColor-status-warning-foreground: #ffb100;
--wb-semanticColor-status-success-background: #ebf8ec;
--wb-semanticColor-status-success-foreground: #00a60e;
--wb-semanticColor-status-notice-background: #edf3fe;
--wb-semanticColor-status-notice-foreground: #1865f2;
--wb-semanticColor-status-neutral-background: #ededee;
--wb-semanticColor-status-neutral-foreground: #21242c;
--wb-semanticColor-focus-outer: #1865f2;
--wb-semanticColor-focus-inner: #ffffff;
--wb-semanticColor-link-rest: #1865f2;
--wb-semanticColor-link-hover: #1865f2;
--wb-semanticColor-link-press: #1b50b3;
--wb-semanticColor-link-disabled: #b8b9bb;
--wb-semanticColor-khanmigo-primary: #5f1e5c;
--wb-semanticColor-khanmigo-secondary: #f2edf2;
--wb-semanticColor-mastery-primary: #9059ff;
--wb-semanticColor-feedback-info-subtle-background: #edf3fe;
--wb-semanticColor-feedback-info-subtle-border: #b5cefb;
--wb-semanticColor-feedback-info-subtle-icon: #1865f2;
--wb-semanticColor-feedback-info-subtle-text: #21242c;
--wb-semanticColor-feedback-info-strong-background: #21242c;
--wb-semanticColor-feedback-info-strong-border: #5f6167;
--wb-semanticColor-feedback-info-strong-text: #ffffff;
--wb-semanticColor-feedback-info-strong-icon: #1865f2;
--wb-semanticColor-feedback-success-subtle-background: #ebf8ec;
--wb-semanticColor-feedback-success-subtle-border: #c2eac5;
--wb-semanticColor-feedback-success-subtle-icon: #0b7c18;
--wb-semanticColor-feedback-success-subtle-text: #21242c;
--wb-semanticColor-feedback-success-strong-background: #21242c;
--wb-semanticColor-feedback-success-strong-border: #5f6167;
--wb-semanticColor-feedback-success-strong-text: #ffffff;
--wb-semanticColor-feedback-success-strong-icon: #00a60e;
--wb-semanticColor-feedback-warning-subtle-background: #fff9eb;
--wb-semanticColor-feedback-warning-subtle-border: #ffb100;
--wb-semanticColor-feedback-warning-subtle-icon: #b8840e;
--wb-semanticColor-feedback-warning-subtle-text: #21242c;
--wb-semanticColor-feedback-warning-strong-background: #21242c;
--wb-semanticColor-feedback-warning-strong-border: #5f6167;
--wb-semanticColor-feedback-warning-strong-text: #ffffff;
--wb-semanticColor-feedback-warning-strong-icon: #ffb100;
--wb-semanticColor-feedback-critical-subtle-background: #fceeec;
--wb-semanticColor-feedback-critical-subtle-border: #f6ccc7;
--wb-semanticColor-feedback-critical-subtle-icon: #d92916;
--wb-semanticColor-feedback-critical-subtle-text: #21242c;
--wb-semanticColor-feedback-critical-strong-background: #21242c;
--wb-semanticColor-feedback-critical-strong-border: #5f6167;
--wb-semanticColor-feedback-critical-strong-text: #ffffff;
--wb-semanticColor-feedback-critical-strong-icon: #d92916;
--wb-semanticColor-feedback-neutral-subtle-background: #ededee;
--wb-semanticColor-feedback-neutral-subtle-border: #dbdcdd;
--wb-semanticColor-feedback-neutral-subtle-icon: #5f6167;
--wb-semanticColor-feedback-neutral-subtle-text: #21242c;
--wb-semanticColor-feedback-neutral-strong-background: #21242c;
--wb-semanticColor-feedback-neutral-strong-border: #5f6167;
--wb-semanticColor-feedback-neutral-strong-text: #ffffff;
--wb-semanticColor-feedback-neutral-strong-icon: #717378;
--wb-sizing-size_0: 0rem;
--wb-sizing-size_010: 0.1rem;
--wb-sizing-size_020: 0.2rem;
--wb-sizing-size_040: 0.4rem;
--wb-sizing-size_060: 0.6rem;
--wb-sizing-size_080: 0.8rem;
--wb-sizing-size_100: 1rem;
--wb-sizing-size_120: 1.2rem;
--wb-sizing-size_140: 1.4rem;
--wb-sizing-size_160: 1.6rem;
--wb-sizing-size_180: 1.8rem;
--wb-sizing-size_200: 2rem;
--wb-sizing-size_220: 2.2rem;
--wb-sizing-size_240: 2.4rem;
--wb-sizing-size_260: 2.6rem;
--wb-sizing-size_280: 2.8rem;
--wb-sizing-size_320: 3.2rem;
--wb-sizing-size_360: 3.6rem;
--wb-sizing-size_400: 4rem;
--wb-sizing-size_440: 4.4rem;
--wb-sizing-size_480: 4.8rem;
--wb-sizing-size_560: 5.6rem;
--wb-sizing-size_640: 6.4rem;
--wb-sizing-size_720: 7.2rem;
--wb-sizing-size_800: 8rem;
--wb-sizing-size_880: 8.8rem;
--wb-sizing-size_960: 9.6rem;}

[data-wb-theme='thunderblocks'] {--wb-border-radius-radius_0: 0px;
--wb-border-radius-radius_010: 1px;
--wb-border-radius-radius_040: 4px;
--wb-border-radius-radius_080: 8px;
--wb-border-radius-radius_120: 12px;
--wb-border-radius-radius_240: 24px;
--wb-border-radius-radius_full: 50%;
--wb-border-width-none: 0px;
--wb-border-width-thin: 1px;
--wb-border-width-medium: 2px;
--wb-border-width-thick: 4px;
--wb-boxShadow-low: 0 2px 2px 0 color-mix(in srgb, #252368 20%, transparent);
--wb-boxShadow-mid: 0 4px 8px 0 color-mix(in srgb, #252368 20%, transparent);
--wb-boxShadow-high: 0 8px 16px 0 color-mix(in srgb, #252368 20%, transparent);
--wb-font-family-sans: Plus Jakarta Sans, serif;
--wb-font-family-serif: "Noto Serif", serif;
--wb-font-family-mono: Inconsolata, monospace;
--wb-font-size-xxxLarge: 3.6rem;
--wb-font-size-xxLarge: 2.8rem;
--wb-font-size-xLarge: 2.4rem;
--wb-font-size-large: 2rem;
--wb-font-size-medium: 1.6rem;
--wb-font-size-small: 1.4rem;
--wb-font-size-xSmall: 1.2rem;
--wb-font-lineHeight-xxxLarge: 4rem;
--wb-font-lineHeight-xxLarge: 3.2rem;
--wb-font-lineHeight-xLarge: 2.8rem;
--wb-font-lineHeight-large: 2.4rem;
--wb-font-lineHeight-xMedium: 2.2rem;
--wb-font-lineHeight-medium: 2rem;
--wb-font-lineHeight-small: 1.8rem;
--wb-font-lineHeight-xSmall: 1.6rem;
--wb-font-weight-light: 300;
--wb-font-weight-regular: 400;
--wb-font-weight-medium: 500;
--wb-font-weight-semi: 600;
--wb-font-weight-bold: 700;
--wb-font-weight-black: 900;
--wb-font-body-size-xsmall: var(--wb-sizing-size_120);
--wb-font-body-size-small: var(--wb-sizing-size_140);
--wb-font-body-size-medium: var(--wb-sizing-size_160);
--wb-font-body-lineHeight-xsmall: var(--wb-sizing-size_160);
--wb-font-body-lineHeight-small: var(--wb-sizing-size_180);
--wb-font-body-lineHeight-medium: var(--wb-sizing-size_240);
--wb-font-body-lineHeight-large: 2.2rem;
--wb-font-heading-size-small: var(--wb-sizing-size_160);
--wb-font-heading-size-medium: var(--wb-sizing-size_180);
--wb-font-heading-size-large: var(--wb-sizing-size_200);
--wb-font-heading-size-xlarge: var(--wb-sizing-size_240);
--wb-font-heading-size-xxlarge: var(--wb-sizing-size_320);
--wb-font-heading-lineHeight-small: var(--wb-sizing-size_200);
--wb-font-heading-lineHeight-medium: var(--wb-sizing-size_240);
--wb-font-heading-lineHeight-large: var(--wb-sizing-size_280);
--wb-font-heading-lineHeight-xlarge: var(--wb-sizing-size_320);
--wb-font-heading-lineHeight-xxlarge: var(--wb-sizing-size_400);
--wb-font-textDecoration-underlineOffset: 0.2rem;
--wb-font-textDecoration-thickness: 0.1rem;
--wb-semanticColor-core-transparent: transparent;
--wb-semanticColor-core-border-instructive-subtle: #BFCAFF;
--wb-semanticColor-core-border-instructive-default: #6C82FF;
--wb-semanticColor-core-border-instructive-strong: #363498;
--wb-semanticColor-core-border-neutral-subtle: #CBCBCD;
--wb-semanticColor-core-border-neutral-default: #8A8B90;
--wb-semanticColor-core-border-neutral-strong: #4A4C53;
--wb-semanticColor-core-border-critical-subtle: #FBB1B1;
--wb-semanticColor-core-border-critical-default: #E22D2D;
--wb-semanticColor-core-border-critical-strong: #8E1C1C;
--wb-semanticColor-core-border-success-subtle: #BCEBBB;
--wb-semanticColor-core-border-success-default: #579F6C;
--wb-semanticColor-core-border-success-strong: #2C5037;
--wb-semanticColor-core-border-warning-subtle: #FEE7AD;
--wb-semanticColor-core-border-warning-default: #FCC539;
--wb-semanticColor-core-border-warning-strong: #966B00;
--wb-semanticColor-core-border-disabled-subtle: transparent;
--wb-semanticColor-core-border-disabled-default: #E0E0E1;
--wb-semanticColor-core-border-disabled-strong: #CBCBCD;
--wb-semanticColor-core-border-knockout-default: #FFFFFF;
--wb-semanticColor-core-background-base-subtle: #F8F9FB;
--wb-semanticColor-core-background-base-default: #FFFFFF;
--wb-semanticColor-core-background-base-strong: #151521;
--wb-semanticColor-core-background-instructive-subtle: #EBF1FD;
--wb-semanticColor-core-background-instructive-default: #5753FA;
--wb-semanticColor-core-background-instructive-strong: #363498;
--wb-semanticColor-core-background-neutral-subtle: #EDEDEE;
--wb-semanticColor-core-background-neutral-default: #717279;
--wb-semanticColor-core-background-neutral-strong: #151521;
--wb-semanticColor-core-background-critical-subtle: #FFEBEB;
--wb-semanticColor-core-background-critical-default: #BE2626;
--wb-semanticColor-core-background-critical-strong: #621414;
--wb-semanticColor-core-background-success-subtle: #E3F7E3;
--wb-semanticColor-core-background-success-default: #579F6C;
--wb-semanticColor-core-background-success-strong: #3C6D4A;
--wb-semanticColor-core-background-warning-subtle: #FEF1D0;
--wb-semanticColor-core-background-warning-default: #FEE7AD;
--wb-semanticColor-core-background-warning-strong: #966B00;
--wb-semanticColor-core-background-disabled-subtle: transparent;
--wb-semanticColor-core-background-disabled-default: #EDEDEE;
--wb-semanticColor-core-background-disabled-strong: #E0E0E1;
--wb-semanticColor-core-background-overlay-default: rgba(21,21,33,0.60);
--wb-semanticColor-core-foreground-instructive-subtle: #8DA2FF;
--wb-semanticColor-core-foreground-instructive-default: #5753FA;
--wb-semanticColor-core-foreground-instructive-strong: #363498;
--wb-semanticColor-core-foreground-neutral-subtle: #717279;
--wb-semanticColor-core-foreground-neutral-default: #4A4C53;
--wb-semanticColor-core-foreground-neutral-strong: #151521;
--wb-semanticColor-core-foreground-critical-subtle: #F97F7F;
--wb-semanticColor-core-foreground-critical-default: #BE2626;
--wb-semanticColor-core-foreground-critical-strong: #8E1C1C;
--wb-semanticColor-core-foreground-success-subtle: #97D39E;
--wb-semanticColor-core-foreground-success-default: #3C6D4A;
--wb-semanticColor-core-foreground-success-strong: #24432D;
--wb-semanticColor-core-foreground-warning-subtle: #FDD673;
--wb-semanticColor-core-foreground-warning-default: #966B00;
--wb-semanticColor-core-foreground-warning-strong: #5F4500;
--wb-semanticColor-core-foreground-disabled-subtle: #CBCBCD;
--wb-semanticColor-core-foreground-disabled-default: #B5B6B9;
--wb-semanticColor-core-foreground-disabled-strong: #A0A1A4;
--wb-semanticColor-core-foreground-knockout-default: #FFFFFF;
--wb-semanticColor-core-shadow-transparent-low: color-mix(in srgb, #252368 20%, transparent);
--wb-semanticColor-core-shadow-transparent-mid: color-mix(in srgb, #252368 20%, transparent);
--wb-semanticColor-core-shadow-transparent-high: color-mix(in srgb, #252368 20%, transparent);
--wb-semanticColor-core-shadow-transparent-color-subtle: #5753FA33;
--wb-semanticColor-core-shadow-transparent-color-strong: #25236833;
--wb-semanticColor-core-shadow-chonky-instructive-subtle: #BFCAFF;
--wb-semanticColor-core-shadow-chonky-instructive-default: #363498;
--wb-semanticColor-core-shadow-chonky-neutral-subtle: #CBCBCD;
--wb-semanticColor-core-shadow-chonky-neutral-default: #8A8B90;
--wb-semanticColor-core-shadow-chonky-neutral-strong: #4A4C53;
--wb-semanticColor-learning-math-foreground-blue: #20628F;
--wb-semanticColor-learning-math-foreground-gold: #966B00;
--wb-semanticColor-learning-math-foreground-green: #3C6D4A;
--wb-semanticColor-learning-math-foreground-gray: #4A4C53;
--wb-semanticColor-learning-math-foreground-grayH: #252531;
--wb-semanticColor-learning-math-foreground-grayI: #151521;
--wb-semanticColor-learning-math-foreground-purple: #252368;
--wb-semanticColor-learning-math-foreground-purpleD: #363498;
--wb-semanticColor-learning-math-foreground-pink: #84275E;
--wb-semanticColor-learning-math-foreground-red: #BE2626;
--wb-semanticColor-learning-background-gems-subtle: #FCEEF7;
--wb-semanticColor-learning-background-gems-default: #FFE3F4;
--wb-semanticColor-learning-background-gems-strong: #84275E;
--wb-semanticColor-learning-background-due-subtle: #DDF0FE;
--wb-semanticColor-learning-background-due-default: #A9DAFD;
--wb-semanticColor-learning-background-due-strong: #20628F;
--wb-semanticColor-learning-background-streaks-subtle: #FEE9E5;
--wb-semanticColor-learning-background-streaks-default: #FEBFB1;
--wb-semanticColor-learning-background-streaks-strong: #983C1A;
--wb-semanticColor-learning-background-progress-notStarted-default: #CBCBCD;
--wb-semanticColor-learning-background-progress-attempted-default: #FEE7AD;
--wb-semanticColor-learning-background-progress-complete-default: #BCEBBB;
--wb-semanticColor-learning-border-gems-subtle: #FFE3F4;
--wb-semanticColor-learning-border-gems-default: #F9BBE1;
--wb-semanticColor-learning-border-gems-strong: #E83FA4;
--wb-semanticColor-learning-border-streaks-subtle: #FEE9E5;
--wb-semanticColor-learning-border-streaks-default: #FEBFB1;
--wb-semanticColor-learning-border-streaks-strong: #F8551A;
--wb-semanticColor-learning-border-due-subtle: #DDF0FE;
--wb-semanticColor-learning-border-due-default: #A9DAFD;
--wb-semanticColor-learning-border-due-strong: #28A9FF;
--wb-semanticColor-learning-foreground-gems-subtle: #F9BBE1;
--wb-semanticColor-learning-foreground-gems-default: #E83FA4;
--wb-semanticColor-learning-foreground-gems-strong: #84275E;
--wb-semanticColor-learning-foreground-streaks-subtle: #FEBFB1;
--wb-semanticColor-learning-foreground-streaks-default: #F8551A;
--wb-semanticColor-learning-foreground-streaks-strong: #983C1A;
--wb-semanticColor-learning-foreground-due-subtle: #A9DAFD;
--wb-semanticColor-learning-foreground-due-default: #2485C7;
--wb-semanticColor-learning-foreground-due-strong: #20628F;
--wb-semanticColor-learning-foreground-progress-notStarted-subtle: #B5B6B9;
--wb-semanticColor-learning-foreground-progress-notStarted-strong: #4A4C53;
--wb-semanticColor-learning-foreground-progress-attempted-subtle: #FDD673;
--wb-semanticColor-learning-foreground-progress-attempted-strong: #966B00;
--wb-semanticColor-learning-foreground-progress-complete-strong: #2C5037;
--wb-semanticColor-learning-shadow-progress-notStarted-default: #717279;
--wb-semanticColor-learning-shadow-progress-attempted-default: #FCB706;
--wb-semanticColor-learning-shadow-progress-complete-default: #579F6C;
--wb-semanticColor-action-primary-progressive-default-border: #6C82FF;
--wb-semanticColor-action-primary-progressive-default-background: #5753FA;
--wb-semanticColor-action-primary-progressive-default-foreground: #FFFFFF;
--wb-semanticColor-action-primary-progressive-hover-border: #363498;
--wb-semanticColor-action-primary-progressive-hover-background: #363498;
--wb-semanticColor-action-primary-progressive-hover-foreground: #FFFFFF;
--wb-semanticColor-action-primary-progressive-press-border: #363498;
--wb-semanticColor-action-primary-progressive-press-background: #363498;
--wb-semanticColor-action-primary-progressive-press-foreground: #FFFFFF;
--wb-semanticColor-action-primary-destructive-default-border: #E22D2D;
--wb-semanticColor-action-primary-destructive-default-background: #BE2626;
--wb-semanticColor-action-primary-destructive-default-foreground: #FFFFFF;
--wb-semanticColor-action-primary-destructive-hover-border: #8E1C1C;
--wb-semanticColor-action-primary-destructive-hover-background: #621414;
--wb-semanticColor-action-primary-destructive-hover-foreground: #FFFFFF;
--wb-semanticColor-action-primary-destructive-press-border: #8E1C1C;
--wb-semanticColor-action-primary-destructive-press-background: #621414;
--wb-semanticColor-action-primary-destructive-press-foreground: #FFFFFF;
--wb-semanticColor-action-primary-neutral-default-border: #8A8B90;
--wb-semanticColor-action-primary-neutral-default-background: #717279;
--wb-semanticColor-action-primary-neutral-default-foreground: #FFFFFF;
--wb-semanticColor-action-primary-neutral-hover-border: #4A4C53;
--wb-semanticColor-action-primary-neutral-hover-background: #151521;
--wb-semanticColor-action-primary-neutral-hover-foreground: #FFFFFF;
--wb-semanticColor-action-primary-neutral-press-border: #4A4C53;
--wb-semanticColor-action-primary-neutral-press-background: #151521;
--wb-semanticColor-action-primary-neutral-press-foreground: #FFFFFF;
--wb-semanticColor-action-primary-disabled-border: transparent;
--wb-semanticColor-action-primary-disabled-background: #E0E0E1;
--wb-semanticColor-action-primary-disabled-foreground: #B5B6B9;
--wb-semanticColor-action-secondary-progressive-default-border: #BFCAFF;
--wb-semanticColor-action-secondary-progressive-default-background: #EBF1FD;
--wb-semanticColor-action-secondary-progressive-default-foreground: #5753FA;
--wb-semanticColor-action-secondary-progressive-hover-border: #6C82FF;
--wb-semanticColor-action-secondary-progressive-hover-background: #EBF1FD;
--wb-semanticColor-action-secondary-progressive-hover-foreground: #5753FA;
--wb-semanticColor-action-secondary-progressive-press-border: #6C82FF;
--wb-semanticColor-action-secondary-progressive-press-background: #EBF1FD;
--wb-semanticColor-action-secondary-progressive-press-foreground: #5753FA;
--wb-semanticColor-action-secondary-destructive-default-border: #E22D2D;
--wb-semanticColor-action-secondary-destructive-default-background: #FFEBEB;
--wb-semanticColor-action-secondary-destructive-default-foreground: #BE2626;
--wb-semanticColor-action-secondary-destructive-hover-border: #8E1C1C;
--wb-semanticColor-action-secondary-destructive-hover-background: #FFEBEB;
--wb-semanticColor-action-secondary-destructive-hover-foreground: #8E1C1C;
--wb-semanticColor-action-secondary-destructive-press-border: #8E1C1C;
--wb-semanticColor-action-secondary-destructive-press-background: #FFEBEB;
--wb-semanticColor-action-secondary-destructive-press-foreground: #8E1C1C;
--wb-semanticColor-action-secondary-neutral-default-border: #CBCBCD;
--wb-semanticColor-action-secondary-neutral-default-background: #FFFFFF;
--wb-semanticColor-action-secondary-neutral-default-foreground: #4A4C53;
--wb-semanticColor-action-secondary-neutral-hover-border: #4A4C53;
--wb-semanticColor-action-secondary-neutral-hover-background: #FFFFFF;
--wb-semanticColor-action-secondary-neutral-hover-foreground: #151521;
--wb-semanticColor-action-secondary-neutral-press-border: #4A4C53;
--wb-semanticColor-action-secondary-neutral-press-background: #FFFFFF;
--wb-semanticColor-action-secondary-neutral-press-foreground: #151521;
--wb-semanticColor-action-secondary-disabled-border: #E0E0E1;
--wb-semanticColor-action-secondary-disabled-background: #EDEDEE;
--wb-semanticColor-action-secondary-disabled-foreground: #B5B6B9;
--wb-semanticColor-action-tertiary-progressive-default-border: transparent;
--wb-semanticColor-action-tertiary-progressive-default-background: transparent;
--wb-semanticColor-action-tertiary-progressive-default-foreground: #5753FA;
--wb-semanticColor-action-tertiary-progressive-hover-border: #363498;
--wb-semanticColor-action-tertiary-progressive-hover-background: transparent;
--wb-semanticColor-action-tertiary-progressive-hover-foreground: #363498;
--wb-semanticColor-action-tertiary-progressive-press-border: #363498;
--wb-semanticColor-action-tertiary-progressive-press-background: transparent;
--wb-semanticColor-action-tertiary-progressive-press-foreground: #363498;
--wb-semanticColor-action-tertiary-destructive-default-border: transparent;
--wb-semanticColor-action-tertiary-destructive-default-background: transparent;
--wb-semanticColor-action-tertiary-destructive-default-foreground: #BE2626;
--wb-semanticColor-action-tertiary-destructive-hover-border: #8E1C1C;
--wb-semanticColor-action-tertiary-destructive-hover-background: transparent;
--wb-semanticColor-action-tertiary-destructive-hover-foreground: #8E1C1C;
--wb-semanticColor-action-tertiary-destructive-press-border: #8E1C1C;
--wb-semanticColor-action-tertiary-destructive-press-background: transparent;
--wb-semanticColor-action-tertiary-destructive-press-foreground: #8E1C1C;
--wb-semanticColor-action-tertiary-neutral-default-border: transparent;
--wb-semanticColor-action-tertiary-neutral-default-background: transparent;
--wb-semanticColor-action-tertiary-neutral-default-foreground: #4A4C53;
--wb-semanticColor-action-tertiary-neutral-hover-border: #4A4C53;
--wb-semanticColor-action-tertiary-neutral-hover-background: transparent;
--wb-semanticColor-action-tertiary-neutral-hover-foreground: #151521;
--wb-semanticColor-action-tertiary-neutral-press-border: #4A4C53;
--wb-semanticColor-action-tertiary-neutral-press-background: transparent;
--wb-semanticColor-action-tertiary-neutral-press-foreground: #151521;
--wb-semanticColor-action-tertiary-disabled-border: transparent;
--wb-semanticColor-action-tertiary-disabled-background: transparent;
--wb-semanticColor-action-tertiary-disabled-foreground: #CBCBCD;
--wb-semanticColor-chonky-progressive-background-primary-rest: #5753FA;
--wb-semanticColor-chonky-progressive-background-primary-hover: #5753FA;
--wb-semanticColor-chonky-progressive-background-primary-press: #5753FA;
--wb-semanticColor-chonky-progressive-background-primary-selected: #5753FA;
--wb-semanticColor-chonky-progressive-background-secondary-rest: #EBF1FD;
--wb-semanticColor-chonky-progressive-background-secondary-hover: #EBF1FD;
--wb-semanticColor-chonky-progressive-background-secondary-press: #EBF1FD;
--wb-semanticColor-chonky-progressive-background-secondary-selected: #EBF1FD;
--wb-semanticColor-chonky-progressive-background-tertiary-rest: transparent;
--wb-semanticColor-chonky-progressive-background-tertiary-hover: transparent;
--wb-semanticColor-chonky-progressive-background-tertiary-press: transparent;
--wb-semanticColor-chonky-progressive-background-tertiary-selected: transparent;
--wb-semanticColor-chonky-progressive-border-primary-rest: transparent;
--wb-semanticColor-chonky-progressive-border-primary-hover: transparent;
--wb-semanticColor-chonky-progressive-border-primary-press: transparent;
--wb-semanticColor-chonky-progressive-border-primary-selected: transparent;
--wb-semanticColor-chonky-progressive-border-secondary-rest: #BFCAFF;
--wb-semanticColor-chonky-progressive-border-secondary-hover: #BFCAFF;
--wb-semanticColor-chonky-progressive-border-secondary-press: #BFCAFF;
--wb-semanticColor-chonky-progressive-border-secondary-selected: #BFCAFF;
--wb-semanticColor-chonky-progressive-border-tertiary-rest: transparent;
--wb-semanticColor-chonky-progressive-border-tertiary-hover: #CBCBCD;
--wb-semanticColor-chonky-progressive-border-tertiary-press: #CBCBCD;
--wb-semanticColor-chonky-progressive-border-tertiary-selected: #BFCAFF;
--wb-semanticColor-chonky-progressive-foreground-primary-rest: #FFFFFF;
--wb-semanticColor-chonky-progressive-foreground-primary-hover: #FFFFFF;
--wb-semanticColor-chonky-progressive-foreground-primary-press: #FFFFFF;
--wb-semanticColor-chonky-progressive-foreground-primary-selected: #FFFFFF;
--wb-semanticColor-chonky-progressive-foreground-secondary-rest: #5753FA;
--wb-semanticColor-chonky-progressive-foreground-secondary-hover: #5753FA;
--wb-semanticColor-chonky-progressive-foreground-secondary-press: #5753FA;
--wb-semanticColor-chonky-progressive-foreground-secondary-selected: #5753FA;
--wb-semanticColor-chonky-progressive-foreground-tertiary-rest: #5753FA;
--wb-semanticColor-chonky-progressive-foreground-tertiary-hover: #5753FA;
--wb-semanticColor-chonky-progressive-foreground-tertiary-press: #5753FA;
--wb-semanticColor-chonky-progressive-foreground-tertiary-selected: #5753FA;
--wb-semanticColor-chonky-progressive-shadow-primary-rest: #363498;
--wb-semanticColor-chonky-progressive-shadow-primary-hover: #363498;
--wb-semanticColor-chonky-progressive-shadow-primary-press: #363498;
--wb-semanticColor-chonky-progressive-shadow-primary-selected: #363498;
--wb-semanticColor-chonky-progressive-shadow-secondary-rest: #BFCAFF;
--wb-semanticColor-chonky-progressive-shadow-secondary-hover: #BFCAFF;
--wb-semanticColor-chonky-progressive-shadow-secondary-press: #BFCAFF;
--wb-semanticColor-chonky-progressive-shadow-secondary-selected: #BFCAFF;
--wb-semanticColor-chonky-progressive-shadow-tertiary-rest: transparent;
--wb-semanticColor-chonky-progressive-shadow-tertiary-hover: #CBCBCD;
--wb-semanticColor-chonky-progressive-shadow-tertiary-press: #CBCBCD;
--wb-semanticColor-chonky-progressive-shadow-tertiary-selected: #BFCAFF;
--wb-semanticColor-chonky-neutral-background-primary-rest: #717279;
--wb-semanticColor-chonky-neutral-background-primary-hover: #717279;
--wb-semanticColor-chonky-neutral-background-primary-press: #717279;
--wb-semanticColor-chonky-neutral-background-primary-selected: #717279;
--wb-semanticColor-chonky-neutral-background-secondary-rest: #FFFFFF;
--wb-semanticColor-chonky-neutral-background-secondary-hover: #FFFFFF;
--wb-semanticColor-chonky-neutral-background-secondary-press: #FFFFFF;
--wb-semanticColor-chonky-neutral-background-secondary-selected: #FFFFFF;
--wb-semanticColor-chonky-neutral-background-tertiary-rest: transparent;
--wb-semanticColor-chonky-neutral-background-tertiary-hover: transparent;
--wb-semanticColor-chonky-neutral-background-tertiary-press: transparent;
--wb-semanticColor-chonky-neutral-background-tertiary-selected: transparent;
--wb-semanticColor-chonky-neutral-border-primary-rest: transparent;
--wb-semanticColor-chonky-neutral-border-primary-hover: transparent;
--wb-semanticColor-chonky-neutral-border-primary-press: transparent;
--wb-semanticColor-chonky-neutral-border-primary-selected: transparent;
--wb-semanticColor-chonky-neutral-border-secondary-rest: #CBCBCD;
--wb-semanticColor-chonky-neutral-border-secondary-hover: #CBCBCD;
--wb-semanticColor-chonky-neutral-border-secondary-press: #CBCBCD;
--wb-semanticColor-chonky-neutral-border-secondary-selected: #CBCBCD;
--wb-semanticColor-chonky-neutral-border-tertiary-rest: transparent;
--wb-semanticColor-chonky-neutral-border-tertiary-hover: #CBCBCD;
--wb-semanticColor-chonky-neutral-border-tertiary-press: #CBCBCD;
--wb-semanticColor-chonky-neutral-border-tertiary-selected: transparent;
--wb-semanticColor-chonky-neutral-foreground-primary-rest: #FFFFFF;
--wb-semanticColor-chonky-neutral-foreground-primary-hover: #FFFFFF;
--wb-semanticColor-chonky-neutral-foreground-primary-press: #FFFFFF;
--wb-semanticColor-chonky-neutral-foreground-primary-selected: #FFFFFF;
--wb-semanticColor-chonky-neutral-foreground-secondary-rest: #717279;
--wb-semanticColor-chonky-neutral-foreground-secondary-hover: #717279;
--wb-semanticColor-chonky-neutral-foreground-secondary-press: #717279;
--wb-semanticColor-chonky-neutral-foreground-secondary-selected: #717279;
--wb-semanticColor-chonky-neutral-foreground-tertiary-rest: #4A4C53;
--wb-semanticColor-chonky-neutral-foreground-tertiary-hover: #4A4C53;
--wb-semanticColor-chonky-neutral-foreground-tertiary-press: #4A4C53;
--wb-semanticColor-chonky-neutral-foreground-tertiary-selected: #4A4C53;
--wb-semanticColor-chonky-neutral-shadow-primary-rest: #4A4C53;
--wb-semanticColor-chonky-neutral-shadow-primary-hover: #4A4C53;
--wb-semanticColor-chonky-neutral-shadow-primary-press: #4A4C53;
--wb-semanticColor-chonky-neutral-shadow-primary-selected: #4A4C53;
--wb-semanticColor-chonky-neutral-shadow-secondary-rest: #CBCBCD;
--wb-semanticColor-chonky-neutral-shadow-secondary-hover: #CBCBCD;
--wb-semanticColor-chonky-neutral-shadow-secondary-press: #CBCBCD;
--wb-semanticColor-chonky-neutral-shadow-secondary-selected: #CBCBCD;
--wb-semanticColor-chonky-neutral-shadow-tertiary-rest: transparent;
--wb-semanticColor-chonky-neutral-shadow-tertiary-hover: #CBCBCD;
--wb-semanticColor-chonky-neutral-shadow-tertiary-press: #CBCBCD;
--wb-semanticColor-chonky-neutral-shadow-tertiary-selected: #BFCAFF;
--wb-semanticColor-chonky-disabled-background-primary: #EDEDEE;
--wb-semanticColor-chonky-disabled-background-secondary: #EDEDEE;
--wb-semanticColor-chonky-disabled-background-tertiary: transparent;
--wb-semanticColor-chonky-disabled-border-primary: transparent;
--wb-semanticColor-chonky-disabled-border-secondary: #CBCBCD;
--wb-semanticColor-chonky-disabled-border-tertiary: transparent;
--wb-semanticColor-chonky-disabled-foreground-primary: #B5B6B9;
--wb-semanticColor-chonky-disabled-foreground-secondary: #B5B6B9;
--wb-semanticColor-chonky-disabled-foreground-tertiary: #B5B6B9;
--wb-semanticColor-chonky-disabled-shadow-primary: #CBCBCD;
--wb-semanticColor-chonky-disabled-shadow-secondary: #CBCBCD;
--wb-semanticColor-chonky-disabled-shadow-tertiary: transparent;
--wb-semanticColor-input-default-border: #8A8B90;
--wb-semanticColor-input-default-background: #FFFFFF;
--wb-semanticColor-input-default-foreground: #151521;
--wb-semanticColor-input-default-placeholder: #717279;
--wb-semanticColor-input-checked-border: #6C82FF;
--wb-semanticColor-input-checked-background: #5753FA;
--wb-semanticColor-input-checked-foreground: #FFFFFF;
--wb-semanticColor-input-disabled-border: #E0E0E1;
--wb-semanticColor-input-disabled-background: #FFFFFF;
--wb-semanticColor-input-disabled-foreground: #B5B6B9;
--wb-semanticColor-input-disabled-placeholder: #CBCBCD;
--wb-semanticColor-input-error-border: #E22D2D;
--wb-semanticColor-input-error-background: #FFFFFF;
--wb-semanticColor-input-error-foreground: #151521;
--wb-semanticColor-input-readOnly-background: #EDEDEE;
--wb-semanticColor-input-readOnly-text: #4A4C53;
--wb-semanticColor-input-readOnly-icon: #717279;
--wb-semanticColor-status-critical-background: #FEF4F4;
--wb-semanticColor-status-critical-foreground: #8E1C1C;
--wb-semanticColor-status-warning-background: #FEF8E7;
--wb-semanticColor-status-warning-foreground: #5F4500;
--wb-semanticColor-status-success-background: #F1FBF1;
--wb-semanticColor-status-success-foreground: #2C5037;
--wb-semanticColor-status-notice-background: #F8F9FB;
--wb-semanticColor-status-notice-foreground: #363498;
--wb-semanticColor-status-neutral-background: #F6F6F6;
--wb-semanticColor-status-neutral-foreground: #4A4C53;
--wb-semanticColor-focus-outer: #5753FA;
--wb-semanticColor-focus-inner: #FFFFFF;
--wb-semanticColor-link-rest: #5753FA;
--wb-semanticColor-link-hover: #363498;
--wb-semanticColor-link-press: #363498;
--wb-semanticColor-link-disabled: #CBCBCD;
--wb-semanticColor-khanmigo-primary: #5f1e5c;
--wb-semanticColor-khanmigo-secondary: #f2edf2;
--wb-semanticColor-mastery-primary: #9059ff;
--wb-semanticColor-feedback-info-subtle-background: #EBF1FD;
--wb-semanticColor-feedback-info-subtle-border: #BFCAFF;
--wb-semanticColor-feedback-info-subtle-icon: #5753FA;
--wb-semanticColor-feedback-info-subtle-text: #363498;
--wb-semanticColor-feedback-info-strong-background: #151521;
--wb-semanticColor-feedback-info-strong-border: #4A4C53;
--wb-semanticColor-feedback-info-strong-text: #FFFFFF;
--wb-semanticColor-feedback-info-strong-icon: #8DA2FF;
--wb-semanticColor-feedback-success-subtle-background: #E3F7E3;
--wb-semanticColor-feedback-success-subtle-border: #BCEBBB;
--wb-semanticColor-feedback-success-subtle-icon: #3C6D4A;
--wb-semanticColor-feedback-success-subtle-text: #24432D;
--wb-semanticColor-feedback-success-strong-background: #151521;
--wb-semanticColor-feedback-success-strong-border: #4A4C53;
--wb-semanticColor-feedback-success-strong-text: #FFFFFF;
--wb-semanticColor-feedback-success-strong-icon: #97D39E;
--wb-semanticColor-feedback-warning-subtle-background: #FEF1D0;
--wb-semanticColor-feedback-warning-subtle-border: #FCC539;
--wb-semanticColor-feedback-warning-subtle-icon: #966B00;
--wb-semanticColor-feedback-warning-subtle-text: #5F4500;
--wb-semanticColor-feedback-warning-strong-background: #151521;
--wb-semanticColor-feedback-warning-strong-border: #4A4C53;
--wb-semanticColor-feedback-warning-strong-text: #FFFFFF;
--wb-semanticColor-feedback-warning-strong-icon: #FDD673;
--wb-semanticColor-feedback-critical-subtle-background: #FFEBEB;
--wb-semanticColor-feedback-critical-subtle-border: #FBB1B1;
--wb-semanticColor-feedback-critical-subtle-icon: #BE2626;
--wb-semanticColor-feedback-critical-subtle-text: #8E1C1C;
--wb-semanticColor-feedback-critical-strong-background: #151521;
--wb-semanticColor-feedback-critical-strong-border: #4A4C53;
--wb-semanticColor-feedback-critical-strong-text: #FFFFFF;
--wb-semanticColor-feedback-critical-strong-icon: #F97F7F;
--wb-semanticColor-feedback-neutral-subtle-background: #EDEDEE;
--wb-semanticColor-feedback-neutral-subtle-border: #CBCBCD;
--wb-semanticColor-feedback-neutral-subtle-icon: #717279;
--wb-semanticColor-feedback-neutral-subtle-text: #4A4C53;
--wb-semanticColor-feedback-neutral-strong-background: #151521;
--wb-semanticColor-feedback-neutral-strong-border: #4A4C53;
--wb-semanticColor-feedback-neutral-strong-text: #FFFFFF;
--wb-semanticColor-feedback-neutral-strong-icon: #717279;
--wb-sizing-size_0: 0rem;
--wb-sizing-size_010: 0.1rem;
--wb-sizing-size_020: 0.2rem;
--wb-sizing-size_040: 0.4rem;
--wb-sizing-size_060: 0.6rem;
--wb-sizing-size_080: 0.8rem;
--wb-sizing-size_100: 1rem;
--wb-sizing-size_120: 1.2rem;
--wb-sizing-size_140: 1.4rem;
--wb-sizing-size_160: 1.6rem;
--wb-sizing-size_180: 1.8rem;
--wb-sizing-size_200: 2rem;
--wb-sizing-size_220: 2.2rem;
--wb-sizing-size_240: 2.4rem;
--wb-sizing-size_260: 2.6rem;
--wb-sizing-size_280: 2.8rem;
--wb-sizing-size_320: 3.2rem;
--wb-sizing-size_360: 3.6rem;
--wb-sizing-size_400: 4rem;
--wb-sizing-size_440: 4.4rem;
--wb-sizing-size_480: 4.8rem;
--wb-sizing-size_560: 5.6rem;
--wb-sizing-size_640: 6.4rem;
--wb-sizing-size_720: 7.2rem;
--wb-sizing-size_800: 8rem;
--wb-sizing-size_880: 8.8rem;
--wb-sizing-size_960: 9.6rem;}