:root, [data-wb-theme='default'] {--wb-c-banner-root-border-radius: var(--wb-border-radius-radius_040); --wb-c-banner-root-border-width-inlineStart: var(--wb-sizing-size_060); --wb-c-banner-root-border-width-inlineEnd: var(--wb-border-width-none); --wb-c-banner-root-border-width-blockStart: var(--wb-border-width-none); --wb-c-banner-root-border-width-blockEnd: var(--wb-border-width-none); --wb-c-banner-root-color-border-info: var(--wb-semanticColor-core-border-instructive-default); --wb-c-banner-root-color-border-success: var(--wb-semanticColor-core-border-success-default); --wb-c-banner-root-color-border-warning: var(--wb-semanticColor-core-border-warning-default); --wb-c-banner-root-color-border-critical: var(--wb-semanticColor-core-border-critical-default); --wb-c-banner-root-layout-paddingInlineStart: var(--wb-sizing-size_080); --wb-c-banner-root-layout-gap: var(--wb-sizing-size_160); --wb-c-banner-icon-color-info: var(--wb-semanticColor-core-foreground-neutral-default); --wb-c-banner-icon-color-success: var(--wb-semanticColor-core-foreground-neutral-default); --wb-c-banner-icon-color-warning: var(--wb-semanticColor-core-foreground-neutral-default); --wb-c-banner-icon-color-critical: var(--wb-semanticColor-core-foreground-neutral-default); --wb-c-banner-icon-sizing-height: var(--wb-sizing-size_240); --wb-c-banner-icon-sizing-width: var(--wb-sizing-size_240); --wb-c-banner-button-layout-marginInline: var(--wb-sizing-size_0); --wb-c-banner-link-font-decoration: none; --wb-c-banner-link-font-underlineOffset: 0%; --wb-c-banner-label-font-size: var(--wb-font-body-size-small); --wb-c-banner-dismiss-layout-marginBlock: var(--wb-sizing-size_0);} [data-wb-theme='thunderblocks'] {--wb-c-banner-root-border-radius: var(--wb-border-radius-radius_080); --wb-c-banner-root-border-width-inlineStart: var(--wb-border-width-thin); --wb-c-banner-root-border-width-inlineEnd: var(--wb-border-width-thin); --wb-c-banner-root-border-width-blockStart: var(--wb-border-width-thin); --wb-c-banner-root-border-width-blockEnd: var(--wb-border-width-thin); --wb-c-banner-root-color-border-info: var(--wb-semanticColor-feedback-info-subtle-border); --wb-c-banner-root-color-border-success: var(--wb-semanticColor-feedback-success-subtle-border); --wb-c-banner-root-color-border-warning: var(--wb-semanticColor-feedback-warning-subtle-border); --wb-c-banner-root-color-border-critical: var(--wb-semanticColor-feedback-critical-subtle-border); --wb-c-banner-root-layout-paddingInlineStart: var(--wb-sizing-size_160); --wb-c-banner-root-layout-gap: var(--wb-sizing-size_120); --wb-c-banner-icon-color-info: var(--wb-semanticColor-feedback-info-subtle-icon); --wb-c-banner-icon-color-success: var(--wb-semanticColor-feedback-success-subtle-icon); --wb-c-banner-icon-color-warning: var(--wb-semanticColor-feedback-warning-subtle-icon); --wb-c-banner-icon-color-critical: var(--wb-semanticColor-feedback-critical-subtle-icon); --wb-c-banner-icon-sizing-height: var(--wb-sizing-size_180); --wb-c-banner-icon-sizing-width: var(--wb-sizing-size_180); --wb-c-banner-button-layout-marginInline: calc(var(--wb-sizing-size_080) * -1); --wb-c-banner-link-font-decoration: underline; --wb-c-banner-link-font-underlineOffset: 25%; --wb-c-banner-label-font-size: var(--wb-font-body-size-medium); --wb-c-banner-dismiss-layout-marginBlock: calc(var(--wb-sizing-size_060) / 2 * -1);}:root, [data-wb-theme='default'] {--wb-c-button-root-border-width-primary-default: var(--wb-border-width-none); --wb-c-button-root-border-width-primary-hover: var(--wb-border-width-medium); --wb-c-button-root-border-width-primary-press: var(--wb-border-width-medium); --wb-c-button-root-border-width-secondary-default: var(--wb-border-width-thin); --wb-c-button-root-border-width-secondary-hover: var(--wb-border-width-thin); --wb-c-button-root-border-width-secondary-press: var(--wb-border-width-thin); --wb-c-button-root-border-width-tertiary-default: var(--wb-border-width-none); --wb-c-button-root-border-width-tertiary-hover: var(--wb-border-width-none); --wb-c-button-root-border-width-tertiary-press: var(--wb-border-width-none); --wb-c-button-root-border-offset-primary: var(--wb-border-width-medium); --wb-c-button-root-border-offset-secondary: 0; --wb-c-button-root-border-offset-tertiary: 0; --wb-c-button-root-border-radius-default: var(--wb-border-radius-radius_040); --wb-c-button-root-border-radius-hover: var(--wb-border-radius-radius_040); --wb-c-button-root-border-radius-press: var(--wb-border-radius-radius_040); --wb-c-button-root-sizing-height-small: var(--wb-sizing-size_320); --wb-c-button-root-sizing-height-medium: var(--wb-sizing-size_400); --wb-c-button-root-sizing-height-large: var(--wb-sizing-size_560); --wb-c-button-root-sizing-underline-hover: var(--wb-sizing-size_020); --wb-c-button-root-sizing-underline-press: var(--wb-sizing-size_010); --wb-c-button-root-layout-padding-inline-primary-small: var(--wb-sizing-size_160); --wb-c-button-root-layout-padding-inline-primary-medium: var(--wb-sizing-size_160); --wb-c-button-root-layout-padding-inline-primary-large: var(--wb-sizing-size_320); --wb-c-button-root-layout-padding-inline-secondary-small: var(--wb-sizing-size_120); --wb-c-button-root-layout-padding-inline-secondary-medium: var(--wb-sizing-size_160); --wb-c-button-root-layout-padding-inline-secondary-large: var(--wb-sizing-size_180); --wb-c-button-root-layout-padding-inline-tertiary-small: var(--wb-sizing-size_0); --wb-c-button-root-layout-padding-inline-tertiary-medium: var(--wb-sizing-size_0); --wb-c-button-root-layout-padding-inline-tertiary-large: var(--wb-sizing-size_0); --wb-c-button-root-font-size-large: 1.8rem; --wb-c-button-root-font-lineHeight-small: var(--wb-font-lineHeight-xMedium); --wb-c-button-root-font-lineHeight-default: var(--wb-font-lineHeight-large); --wb-c-button-root-font-lineHeight-large: 2.6rem; --wb-c-button-root-font-weight-default: var(--wb-font-weight-bold); --wb-c-button-root-font-decoration-hover: underline; --wb-c-button-root-font-decoration-press: underline; --wb-c-button-root-font-offset-default: var(--wb-sizing-size_040); --wb-c-button-icon-margin-inline-inner: var(--wb-sizing-size_060); --wb-c-button-icon-margin-inline-outer: calc(-1 * var(--wb-border-width-medium)); --wb-c-button-icon-padding: var(--wb-sizing-size_020); --wb-c-button-icon-sizing-small: var(--wb-sizing-size_160); --wb-c-button-icon-sizing-medium: var(--wb-sizing-size_240); --wb-c-button-icon-sizing-large: var(--wb-sizing-size_240);} [data-wb-theme='thunderblocks'] {--wb-c-button-root-border-width-primary-default: var(--wb-border-width-none); --wb-c-button-root-border-width-primary-hover: var(--wb-border-width-none); --wb-c-button-root-border-width-primary-press: var(--wb-border-width-none); --wb-c-button-root-border-width-secondary-default: var(--wb-border-width-thin); --wb-c-button-root-border-width-secondary-hover: var(--wb-border-width-thin); --wb-c-button-root-border-width-secondary-press: var(--wb-border-width-thin); --wb-c-button-root-border-width-tertiary-default: var(--wb-border-width-none); --wb-c-button-root-border-width-tertiary-hover: var(--wb-border-width-medium); --wb-c-button-root-border-width-tertiary-press: var(--wb-border-width-medium); --wb-c-button-root-border-offset-primary: var(--wb-border-width-medium); --wb-c-button-root-border-offset-secondary: 0; --wb-c-button-root-border-offset-tertiary: 0; --wb-c-button-root-border-radius-default: var(--wb-border-radius-radius_080); --wb-c-button-root-border-radius-hover: var(--wb-border-radius-radius_080); --wb-c-button-root-border-radius-press: var(--wb-border-radius-radius_120); --wb-c-button-root-sizing-height-small: var(--wb-sizing-size_260); --wb-c-button-root-sizing-height-medium: var(--wb-sizing-size_400); --wb-c-button-root-sizing-height-large: var(--wb-sizing-size_440); --wb-c-button-root-sizing-underline-hover: var(--wb-sizing-size_0); --wb-c-button-root-sizing-underline-press: var(--wb-sizing-size_0); --wb-c-button-root-layout-padding-inline-primary-small: var(--wb-sizing-size_080); --wb-c-button-root-layout-padding-inline-primary-medium: var(--wb-sizing-size_160); --wb-c-button-root-layout-padding-inline-primary-large: var(--wb-sizing-size_180); --wb-c-button-root-layout-padding-inline-secondary-small: var(--wb-sizing-size_080); --wb-c-button-root-layout-padding-inline-secondary-medium: var(--wb-sizing-size_160); --wb-c-button-root-layout-padding-inline-secondary-large: var(--wb-sizing-size_180); --wb-c-button-root-layout-padding-inline-tertiary-small: var(--wb-sizing-size_080); --wb-c-button-root-layout-padding-inline-tertiary-medium: var(--wb-sizing-size_160); --wb-c-button-root-layout-padding-inline-tertiary-large: var(--wb-sizing-size_180); --wb-c-button-root-font-size-large: 1.8rem; --wb-c-button-root-font-lineHeight-small: var(--wb-font-lineHeight-xMedium); --wb-c-button-root-font-lineHeight-default: var(--wb-font-lineHeight-large); --wb-c-button-root-font-lineHeight-large: 2.6rem; --wb-c-button-root-font-weight-default: var(--wb-font-weight-bold); --wb-c-button-root-font-decoration-hover: none; --wb-c-button-root-font-decoration-press: none; --wb-c-button-root-font-offset-default: var(--wb-sizing-size_0); --wb-c-button-icon-margin-inline-inner: var(--wb-sizing-size_060); --wb-c-button-icon-margin-inline-outer: calc(-1 * var(--wb-border-width-medium)); --wb-c-button-icon-padding: var(--wb-sizing-size_020); --wb-c-button-icon-sizing-small: var(--wb-sizing-size_120); --wb-c-button-icon-sizing-medium: var(--wb-sizing-size_180); --wb-c-button-icon-sizing-large: var(--wb-sizing-size_200);}:root, [data-wb-theme='default'] {--wb-c-cell-root-border-width-default: var(--wb-border-width-medium); --wb-c-cell-root-border-width-selected: var(--wb-border-width-thick); --wb-c-cell-root-border-radius-default: var(--wb-border-radius-radius_0); --wb-c-cell-root-border-radius-focus: var(--wb-border-radius-radius_040); --wb-c-cell-root-border-radius-press: var(--wb-border-radius-radius_0); --wb-c-cell-root-border-radius-focusPress: var(--wb-border-radius-radius_040); --wb-c-cell-root-color-press-border: var(--wb-semanticColor-core-border-instructive-default); --wb-c-cell-root-color-selected-foreground: var(--wb-semanticColor-core-foreground-instructive-strong); --wb-c-cell-root-color-selected-border: var(--wb-semanticColor-core-border-instructive-default); --wb-c-cell-root-color-disabled-foreground: var(--wb-semanticColor-core-foreground-disabled-default); --wb-c-cell-root-layout-gap-default: var(--wb-sizing-size_160); --wb-c-cell-root-layout-gap-detail: var(--wb-sizing-size_020); --wb-c-cell-root-layout-padding-block-default: var(--wb-sizing-size_120); --wb-c-cell-root-layout-padding-block-detail: var(--wb-sizing-size_160); --wb-c-cell-root-layout-padding-inline-default: var(--wb-sizing-size_160); --wb-c-cell-root-layout-padding-inline-detail: var(--wb-sizing-size_160); --wb-c-cell-root-sizing-minHeight: var(--wb-sizing-size_480); --wb-c-cell-accessoryLeft-color-default-foreground: inherit; --wb-c-cell-accessoryRight-color-default-foreground: var(--wb-semanticColor-core-foreground-neutral-default); --wb-c-cell-accessoryRight-color-disabled-foreground: var(--wb-semanticColor-core-foreground-neutral-strong); --wb-c-cell-rule-sizing-height: var(--wb-sizing-size_020); --wb-c-cell-rule-shadow: inset 0px -1px 0px var(--wb-semanticColor-core-border-neutral-subtle); --wb-c-cell-title-font-lineHeight: var(--wb-font-body-lineHeight-medium); --wb-c-cell-subtitle-font-size: var(--wb-font-body-size-small); --wb-c-cell-subtitle-font-lineHeight: var(--wb-font-body-lineHeight-small);} [data-wb-theme='thunderblocks'] {--wb-c-cell-root-border-width-default: var(--wb-border-width-medium); --wb-c-cell-root-border-width-selected: var(--wb-border-width-thick); --wb-c-cell-root-border-radius-default: var(--wb-border-radius-radius_080); --wb-c-cell-root-border-radius-focus: var(--wb-border-radius-radius_080); --wb-c-cell-root-border-radius-press: var(--wb-border-radius-radius_120); --wb-c-cell-root-border-radius-focusPress: var(--wb-border-radius-radius_120); --wb-c-cell-root-color-press-border: var(--wb-semanticColor-core-transparent); --wb-c-cell-root-color-selected-foreground: var(--wb-semanticColor-core-foreground-neutral-strong); --wb-c-cell-root-color-selected-border: var(--wb-semanticColor-core-transparent); --wb-c-cell-root-color-disabled-foreground: var(--wb-semanticColor-core-foreground-disabled-subtle); --wb-c-cell-root-layout-gap-default: var(--wb-sizing-size_120); --wb-c-cell-root-layout-gap-detail: var(--wb-sizing-size_040); --wb-c-cell-root-layout-padding-block-default: var(--wb-sizing-size_120); --wb-c-cell-root-layout-padding-block-detail: var(--wb-sizing-size_120); --wb-c-cell-root-layout-padding-inline-default: var(--wb-sizing-size_120); --wb-c-cell-root-layout-padding-inline-detail: var(--wb-sizing-size_120); --wb-c-cell-root-sizing-minHeight: var(--wb-sizing-size_440); --wb-c-cell-accessoryLeft-color-default-foreground: var(--wb-semanticColor-core-foreground-neutral-subtle); --wb-c-cell-accessoryRight-color-default-foreground: var(--wb-semanticColor-core-foreground-neutral-subtle); --wb-c-cell-accessoryRight-color-disabled-foreground: var(--wb-semanticColor-core-foreground-neutral-strong); --wb-c-cell-rule-sizing-height: var(--wb-sizing-size_0); --wb-c-cell-rule-shadow: none; --wb-c-cell-title-font-lineHeight: var(--wb-font-heading-lineHeight-small); --wb-c-cell-subtitle-font-size: var(--wb-font-body-size-xsmall); --wb-c-cell-subtitle-font-lineHeight: var(--wb-font-body-lineHeight-xsmall);}:root, [data-wb-theme='default'] {--wb-c-dropdown-listbox-border-radius: var(--wb-border-radius-radius_040); --wb-c-dropdown-listbox-layout-padding-inline: var(--wb-sizing-size_0); --wb-c-dropdown-listbox-layout-padding-block: var(--wb-sizing-size_040); --wb-c-dropdown-listbox-shadow-default: var(--wb-boxShadow-mid); --wb-c-dropdown-opener-border-width-error: var(--wb-border-width-thin); --wb-c-dropdown-opener-border-radius-rest: var(--wb-border-radius-radius_040); --wb-c-dropdown-opener-color-icon: var(--wb-semanticColor-core-foreground-neutral-default); --wb-c-dropdown-opener-layout-padding-inline: var(--wb-sizing-size_160); --wb-c-dropdown-opener-layout-padding-inlineStart: var(--wb-sizing-size_160); --wb-c-dropdown-opener-layout-padding-inlineEnd: var(--wb-sizing-size_120); --wb-c-dropdown-item-border-radius-default: var(--wb-border-radius-radius_040); --wb-c-dropdown-item-border-radius-press: var(--wb-border-radius-radius_040); --wb-c-dropdown-item-layout-padding-block: var(--wb-sizing-size_100); --wb-c-dropdown-item-layout-padding-inlineStart: var(--wb-sizing-size_080); --wb-c-dropdown-item-layout-padding-inlineEnd: var(--wb-sizing-size_160); --wb-c-dropdown-item-font-weight: var(--wb-font-weight-regular);} [data-wb-theme='thunderblocks'] {--wb-c-dropdown-listbox-border-radius: var(--wb-border-radius-radius_080); --wb-c-dropdown-listbox-layout-padding-inline: var(--wb-sizing-size_080); --wb-c-dropdown-listbox-layout-padding-block: var(--wb-sizing-size_080); --wb-c-dropdown-listbox-shadow-default: var(--wb-boxShadow-low); --wb-c-dropdown-opener-border-width-error: var(--wb-border-width-medium); --wb-c-dropdown-opener-border-radius-rest: var(--wb-border-radius-radius_080); --wb-c-dropdown-opener-color-icon: var(--wb-semanticColor-core-foreground-instructive-default); --wb-c-dropdown-opener-layout-padding-inline: var(--wb-sizing-size_120); --wb-c-dropdown-opener-layout-padding-inlineStart: var(--wb-sizing-size_120); --wb-c-dropdown-opener-layout-padding-inlineEnd: var(--wb-sizing-size_120); --wb-c-dropdown-item-border-radius-default: var(--wb-border-radius-radius_080); --wb-c-dropdown-item-border-radius-press: var(--wb-border-radius-radius_120); --wb-c-dropdown-item-layout-padding-block: var(--wb-sizing-size_120); --wb-c-dropdown-item-layout-padding-inlineStart: var(--wb-sizing-size_120); --wb-c-dropdown-item-layout-padding-inlineEnd: var(--wb-sizing-size_120); --wb-c-dropdown-item-font-weight: var(--wb-font-weight-semi);}:root, [data-wb-theme='default'] {--wb-c-form-choice-inputWrapper-layout-padding: var(--wb-sizing-size_0); --wb-c-form-choice-inputWrapper-layout-margin: var(--wb-sizing-size_0); --wb-c-form-description-color-foreground: var(--wb-semanticColor-core-foreground-neutral-default); --wb-c-form-field-border-radius: var(--wb-border-radius-radius_040); --wb-c-form-field-border-width-error: var(--wb-border-width-thin); --wb-c-form-field-border-width-press: var(--wb-border-width-none); --wb-c-form-field-sizing-height: var(--wb-sizing-size_400); --wb-c-form-field-layout-paddingBlock: var(--wb-sizing-size_100); --wb-c-form-field-layout-paddingInline: var(--wb-sizing-size_160);} [data-wb-theme='thunderblocks'] {--wb-c-form-choice-inputWrapper-layout-padding: var(--wb-sizing-size_040); --wb-c-form-choice-inputWrapper-layout-margin: calc(var(--wb-sizing-size_040) * -1); --wb-c-form-description-color-foreground: var(--wb-semanticColor-core-foreground-neutral-subtle); --wb-c-form-field-border-radius: var(--wb-border-radius-radius_080); --wb-c-form-field-border-width-error: var(--wb-border-width-medium); --wb-c-form-field-border-width-press: var(--wb-border-width-thin); --wb-c-form-field-sizing-height: var(--wb-sizing-size_440); --wb-c-form-field-layout-paddingBlock: var(--wb-sizing-size_100); --wb-c-form-field-layout-paddingInline: var(--wb-sizing-size_120);}:root, [data-wb-theme='default'] {--wb-c-icon-button-iconButton-root-border-offset-primary: var(--wb-border-width-medium); --wb-c-icon-button-iconButton-root-border-offset-secondary: calc(-1 * var(--wb-border-width-medium)); --wb-c-icon-button-iconButton-root-border-offset-tertiary: calc(-1 * var(--wb-border-width-medium)); --wb-c-icon-button-iconButton-root-border-width-primary-default: var(--wb-border-width-none); --wb-c-icon-button-iconButton-root-border-width-primary-hover: var(--wb-border-width-medium); --wb-c-icon-button-iconButton-root-border-width-primary-press: var(--wb-border-width-medium); --wb-c-icon-button-iconButton-root-border-width-secondary-default: var(--wb-border-width-thin); --wb-c-icon-button-iconButton-root-border-width-secondary-hover: var(--wb-border-width-medium); --wb-c-icon-button-iconButton-root-border-width-secondary-press: var(--wb-border-width-medium); --wb-c-icon-button-iconButton-root-border-width-tertiary-default: var(--wb-border-width-none); --wb-c-icon-button-iconButton-root-border-width-tertiary-hover: var(--wb-border-width-medium); --wb-c-icon-button-iconButton-root-border-width-tertiary-press: var(--wb-border-width-medium); --wb-c-icon-button-iconButton-root-border-radius-default: var(--wb-border-radius-radius_040); --wb-c-icon-button-iconButton-root-border-radius-hover: var(--wb-border-radius-radius_040); --wb-c-icon-button-iconButton-root-border-radius-press: var(--wb-border-radius-radius_040); --wb-c-icon-button-iconButton-root-sizing-xsmall: var(--wb-sizing-size_240); --wb-c-icon-button-iconButton-root-sizing-small: var(--wb-sizing-size_320); --wb-c-icon-button-iconButton-root-sizing-medium: var(--wb-sizing-size_400); --wb-c-icon-button-iconButton-root-sizing-large: var(--wb-sizing-size_480); --wb-c-icon-button-iconButton-icon-sizing-xsmall: var(--wb-sizing-size_160); --wb-c-icon-button-iconButton-icon-sizing-small: var(--wb-sizing-size_240); --wb-c-icon-button-iconButton-icon-sizing-medium: var(--wb-sizing-size_240); --wb-c-icon-button-iconButton-icon-sizing-large: var(--wb-sizing-size_240);} [data-wb-theme='thunderblocks'] {--wb-c-icon-button-iconButton-root-border-offset-primary: var(--wb-border-width-medium); --wb-c-icon-button-iconButton-root-border-offset-secondary: calc(-1 * var(--wb-border-width-medium)); --wb-c-icon-button-iconButton-root-border-offset-tertiary: calc(-1 * var(--wb-border-width-medium)); --wb-c-icon-button-iconButton-root-border-width-primary-default: var(--wb-border-width-none); --wb-c-icon-button-iconButton-root-border-width-primary-hover: var(--wb-border-width-none); --wb-c-icon-button-iconButton-root-border-width-primary-press: var(--wb-border-width-none); --wb-c-icon-button-iconButton-root-border-width-secondary-default: var(--wb-border-width-thin); --wb-c-icon-button-iconButton-root-border-width-secondary-hover: var(--wb-border-width-medium); --wb-c-icon-button-iconButton-root-border-width-secondary-press: var(--wb-border-width-medium); --wb-c-icon-button-iconButton-root-border-width-tertiary-default: var(--wb-border-width-none); --wb-c-icon-button-iconButton-root-border-width-tertiary-hover: var(--wb-border-width-medium); --wb-c-icon-button-iconButton-root-border-width-tertiary-press: var(--wb-border-width-medium); --wb-c-icon-button-iconButton-root-border-radius-default: var(--wb-border-radius-radius_080); --wb-c-icon-button-iconButton-root-border-radius-hover: var(--wb-border-radius-radius_080); --wb-c-icon-button-iconButton-root-border-radius-press: var(--wb-border-radius-radius_120); --wb-c-icon-button-iconButton-root-sizing-xsmall: var(--wb-sizing-size_240); --wb-c-icon-button-iconButton-root-sizing-small: var(--wb-sizing-size_260); --wb-c-icon-button-iconButton-root-sizing-medium: var(--wb-sizing-size_400); --wb-c-icon-button-iconButton-root-sizing-large: var(--wb-sizing-size_440); --wb-c-icon-button-iconButton-icon-sizing-xsmall: var(--wb-sizing-size_120); --wb-c-icon-button-iconButton-icon-sizing-small: var(--wb-sizing-size_120); --wb-c-icon-button-iconButton-icon-sizing-medium: var(--wb-sizing-size_180); --wb-c-icon-button-iconButton-icon-sizing-large: var(--wb-sizing-size_200);}:root, [data-wb-theme='default'] {--wb-c-labeled-field-root-layout-paddingBlockEnd-labelWithDescription: var(--wb-sizing-size_040); --wb-c-labeled-field-root-layout-paddingBlockEnd-labelWithNoDescription: var(--wb-sizing-size_120); --wb-c-labeled-field-root-layout-spacingBetweenHelperText: var(--wb-sizing-size_120); --wb-c-labeled-field-label-color-error-foreground: var(--wb-semanticColor-core-foreground-neutral-strong); --wb-c-labeled-field-label-color-disabled-foreground: var(--wb-semanticColor-core-foreground-neutral-strong); --wb-c-labeled-field-contextLabel-color-error-foreground: var(--wb-semanticColor-core-foreground-neutral-default); --wb-c-labeled-field-error-font-weight: var(--wb-font-weight-regular); --wb-c-labeled-field-error-layout-marginBlockStart: var(--wb-sizing-size_0); --wb-c-labeled-field-helperText-layout-gap: var(--wb-sizing-size_080); --wb-c-labeled-field-helperText-font-size: var(--wb-font-body-size-small); --wb-c-labeled-field-helperText-font-lineHeight: var(--wb-font-body-lineHeight-small); --wb-c-labeled-field-helperText-color-default-foreground: var(--wb-semanticColor-core-foreground-neutral-default); --wb-c-labeled-field-helperText-color-disabled-foreground: var(--wb-semanticColor-core-foreground-neutral-default);} [data-wb-theme='thunderblocks'] {--wb-c-labeled-field-root-layout-paddingBlockEnd-labelWithDescription: var(--wb-sizing-size_040); --wb-c-labeled-field-root-layout-paddingBlockEnd-labelWithNoDescription: var(--wb-sizing-size_080); --wb-c-labeled-field-root-layout-spacingBetweenHelperText: var(--wb-sizing-size_080); --wb-c-labeled-field-label-color-error-foreground: var(--wb-semanticColor-core-foreground-critical-default); --wb-c-labeled-field-label-color-disabled-foreground: var(--wb-semanticColor-core-foreground-disabled-strong); --wb-c-labeled-field-contextLabel-color-error-foreground: var(--wb-semanticColor-core-foreground-critical-default); --wb-c-labeled-field-error-font-weight: var(--wb-font-weight-bold); --wb-c-labeled-field-error-layout-marginBlockStart: var(--wb-sizing-size_010); --wb-c-labeled-field-helperText-layout-gap: var(--wb-sizing-size_040); --wb-c-labeled-field-helperText-font-size: var(--wb-font-body-size-xsmall); --wb-c-labeled-field-helperText-font-lineHeight: var(--wb-font-body-lineHeight-xsmall); --wb-c-labeled-field-helperText-color-default-foreground: var(--wb-semanticColor-core-foreground-neutral-strong); --wb-c-labeled-field-helperText-color-disabled-foreground: var(--wb-semanticColor-core-foreground-disabled-strong);}:root, [data-wb-theme='default'] {--wb-c-link-root-font-family: inherit; --wb-c-link-root-font-weight: inherit;} [data-wb-theme='thunderblocks'] {--wb-c-link-root-font-family: var(--wb-font-family-sans); --wb-c-link-root-font-weight: var(--wb-font-weight-bold);}:root, [data-wb-theme='default'] {--wb-c-modal-root-border-radius: var(--wb-border-radius-radius_040); --wb-c-modal-dialog-layout-padding: var(--wb-sizing-size_160); --wb-c-modal-dialog-shadow-default: none; --wb-c-modal-header-layout-padding-block: var(--wb-sizing-size_240); --wb-c-modal-header-layout-padding-inline-default: var(--wb-sizing-size_320); --wb-c-modal-header-layout-padding-inline-small: var(--wb-sizing-size_160); --wb-c-modal-header-layout-gap-default: var(--wb-sizing-size_080); --wb-c-modal-header-layout-gap-title-default: var(--wb-sizing-size_160); --wb-c-modal-header-layout-gap-title-small: var(--wb-sizing-size_320); --wb-c-modal-panel-layout-gap-default: var(--wb-sizing-size_320); --wb-c-modal-panel-layout-gap-small: var(--wb-sizing-size_160); --wb-c-modal-footer-layout-padding-inline: var(--wb-sizing-size_160); --wb-c-modal-footer-layout-padding-block: var(--wb-sizing-size_080); --wb-c-modal-closeButton-layout-gapRight: var(--wb-sizing-size_080); --wb-c-modal-closeButton-layout-gapTop: var(--wb-sizing-size_080);} [data-wb-theme='thunderblocks'] {--wb-c-modal-root-border-radius: var(--wb-border-radius-radius_120); --wb-c-modal-dialog-layout-padding: var(--wb-sizing-size_160); --wb-c-modal-dialog-shadow-default: var(--wb-boxShadow-high); --wb-c-modal-header-layout-padding-block: var(--wb-sizing-size_220); --wb-c-modal-header-layout-padding-inline-default: var(--wb-sizing-size_240); --wb-c-modal-header-layout-padding-inline-small: var(--wb-sizing-size_160); --wb-c-modal-header-layout-gap-default: var(--wb-sizing-size_080); --wb-c-modal-header-layout-gap-title-default: var(--wb-sizing-size_160); --wb-c-modal-header-layout-gap-title-small: var(--wb-sizing-size_320); --wb-c-modal-panel-layout-gap-default: var(--wb-sizing-size_240); --wb-c-modal-panel-layout-gap-small: var(--wb-sizing-size_160); --wb-c-modal-footer-layout-padding-inline: var(--wb-sizing-size_160); --wb-c-modal-footer-layout-padding-block: var(--wb-sizing-size_160); --wb-c-modal-closeButton-layout-gapRight: var(--wb-sizing-size_120); --wb-c-modal-closeButton-layout-gapTop: var(--wb-sizing-size_160);}:root, [data-wb-theme='default'] {--wb-c-switch-root-border-radius-default: var(--wb-border-radius-radius_120); --wb-c-switch-root-border-radius-hover: var(--wb-border-radius-radius_120); --wb-c-switch-root-border-radius-press: var(--wb-border-radius-radius_120); --wb-c-switch-root-sizing-height: var(--wb-sizing-size_240); --wb-c-switch-root-sizing-width: var(--wb-sizing-size_400); --wb-c-switch-slider-sizing-height: var(--wb-sizing-size_200); --wb-c-switch-slider-sizing-width: var(--wb-sizing-size_200); --wb-c-switch-slider-position-top: var(--wb-sizing-size_020); --wb-c-switch-slider-position-left: var(--wb-sizing-size_020); --wb-c-switch-slider-transform-default: translateX(var(--wb-sizing-size_160)); --wb-c-switch-slider-transform-transition: transform 0.15s ease-in-out; --wb-c-switch-icon-position-top: var(--wb-sizing-size_040); --wb-c-switch-icon-position-left: var(--wb-sizing-size_040); --wb-c-switch-icon-transform-default: translateX(var(--wb-sizing-size_160)); --wb-c-switch-icon-transform-transition: transform 0.15s ease-in-out;} [data-wb-theme='thunderblocks'] {--wb-c-switch-root-border-radius-default: var(--wb-border-radius-radius_240); --wb-c-switch-root-border-radius-hover: var(--wb-border-radius-radius_120); --wb-c-switch-root-border-radius-press: var(--wb-border-radius-radius_120); --wb-c-switch-root-sizing-height: var(--wb-sizing-size_240); --wb-c-switch-root-sizing-width: var(--wb-sizing-size_440); --wb-c-switch-slider-sizing-height: var(--wb-sizing-size_200); --wb-c-switch-slider-sizing-width: var(--wb-sizing-size_200); --wb-c-switch-slider-position-top: var(--wb-sizing-size_020); --wb-c-switch-slider-position-left: var(--wb-sizing-size_020); --wb-c-switch-slider-transform-default: translateX(var(--wb-sizing-size_200)); --wb-c-switch-slider-transform-transition: transform 0.15s ease-in-out; --wb-c-switch-icon-position-top: var(--wb-sizing-size_040); --wb-c-switch-icon-position-left: var(--wb-sizing-size_040); --wb-c-switch-icon-transform-default: translateX(var(--wb-sizing-size_200)); --wb-c-switch-icon-transform-transition: transform 0.15s ease-in-out;}: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;}