@veritone-ce/design-system 2.8.14-next.2.0 → 2.8.14

package/dist/esm/styles/scss/theme.generated.scss

@@ -0,0 +1,880 @@
+// Code generated by yarn generate:scss:theme; DO NOT EDIT.
+@use "sass:map";
+
+$default-theme: (
+  "palette-brand-1-base-surface": (#212121),
+  "palette-brand-1-base-on": (#fff),
+  "palette-brand-1-hover-surface": (#080808),
+  "palette-brand-1-hover-on": (#fff),
+  "palette-brand-1-active-surface": (#080808),
+  "palette-brand-1-active-on": (#fff),
+  "palette-brand-1-disabled-surface": (#FAFAFA),
+  "palette-brand-1-disabled-on": (#7C848D),
+  "palette-brand-2-base-surface": (#FA524D),
+  "palette-brand-2-base-on": (#000),
+  "palette-brand-2-hover-surface": (#dc3d38),
+  "palette-brand-2-hover-on": (#000),
+  "palette-brand-2-active-surface": (#dc3d38),
+  "palette-brand-2-active-on": (#000),
+  "palette-brand-2-disabled-surface": (#FAFAFA),
+  "palette-brand-2-disabled-on": (#7C848D),
+  "palette-brand-3-base-surface": (#080808),
+  "palette-brand-3-base-on": (#fff),
+  "palette-brand-3-hover-surface": (#000000),
+  "palette-brand-3-hover-on": (#fff),
+  "palette-brand-3-active-surface": (#000000),
+  "palette-brand-3-active-on": (#fff),
+  "palette-brand-3-disabled-surface": (#FAFAFA),
+  "palette-brand-3-disabled-on": (#7C848D),
+  "palette-brand-4-base-surface": (#616161),
+  "palette-brand-4-base-on": (#fff),
+  "palette-brand-4-hover-surface": (#474747),
+  "palette-brand-4-hover-on": (#fff),
+  "palette-brand-4-active-surface": (#474747),
+  "palette-brand-4-active-on": (#fff),
+  "palette-brand-4-disabled-surface": (#FAFAFA),
+  "palette-brand-4-disabled-on": (#7C848D),
+  "palette-brand-5-base-surface": (#404040),
+  "palette-brand-5-base-on": (#fff),
+  "palette-brand-5-hover-surface": (#262626),
+  "palette-brand-5-hover-on": (#fff),
+  "palette-brand-5-active-surface": (#262626),
+  "palette-brand-5-active-on": (#fff),
+  "palette-brand-5-disabled-surface": (#FAFAFA),
+  "palette-brand-5-disabled-on": (#7C848D),
+  "palette-text-primary": (#2A323C),
+  "palette-text-secondary": (#5C6269),
+  "palette-text-tertiary": (#465364),
+  "palette-action-primary-base-surface": (#1871E8),
+  "palette-action-primary-base-on": (#FFFFFF),
+  "palette-action-primary-hover-surface": (#335B89),
+  "palette-action-primary-hover-on": (#FFFFFF),
+  "palette-action-primary-active-surface": (#2c5ea0),
+  "palette-action-primary-active-on": (#FFFFFF),
+  "palette-action-primary-disabled-surface": (#FAFAFA),
+  "palette-action-primary-disabled-on": (#7C848D),
+  "palette-action-secondary-base-surface": (#475364),
+  "palette-action-secondary-base-on": (#FFFFFF),
+  "palette-action-secondary-hover-surface": (#335B89),
+  "palette-action-secondary-hover-on": (#FFFFFF),
+  "palette-action-secondary-active-surface": (#3d3d3d),
+  "palette-action-secondary-active-on": (#FFFFFF),
+  "palette-action-secondary-disabled-surface": (#FAFAFA),
+  "palette-action-secondary-disabled-on": (#7C848D),
+  "palette-action-destructive-base-surface": (#EB0000),
+  "palette-action-destructive-base-on": (#FFFFFF),
+  "palette-action-destructive-hover-surface": (#a63737),
+  "palette-action-destructive-hover-on": (#FFFFFF),
+  "palette-action-destructive-active-surface": (#a11717),
+  "palette-action-destructive-active-on": (#FFFFFF),
+  "palette-action-destructive-disabled-surface": (#FAFAFA),
+  "palette-action-destructive-disabled-on": (#7C848D),
+  "palette-action-text-base-surface": (#465364),
+  "palette-action-text-base-on": (#fff),
+  "palette-action-text-hover-surface": (#335B89),
+  "palette-action-text-hover-on": (#FFFFFF),
+  "palette-action-text-active-surface": (#2c5ea0),
+  "palette-action-text-active-on": (#FFFFFF),
+  "palette-action-text-disabled-surface": (#FAFAFA),
+  "palette-action-text-disabled-on": (#7C848D),
+  "palette-indicator-success-base-surface": (#28BA3F),
+  "palette-indicator-success-base-on": (#FFFFFF),
+  "palette-indicator-success-hover-surface": (#34793e),
+  "palette-indicator-success-hover-on": (#FFFFFF),
+  "palette-indicator-success-active-surface": (#34793e),
+  "palette-indicator-success-active-on": (#FFFFFF),
+  "palette-indicator-success-disabled-surface": (#FAFAFA),
+  "palette-indicator-success-disabled-on": (#7C848D),
+  "palette-indicator-info-base-surface": (#335B89),
+  "palette-indicator-info-base-on": (#FFFFFF),
+  "palette-indicator-info-hover-surface": (#364453),
+  "palette-indicator-info-hover-on": (#FFFFFF),
+  "palette-indicator-info-active-surface": (#364453),
+  "palette-indicator-info-active-on": (#FFFFFF),
+  "palette-indicator-info-disabled-surface": (#FAFAFA),
+  "palette-indicator-info-disabled-on": (#7C848D),
+  "palette-indicator-warning-base-surface": (#FFBB0A),
+  "palette-indicator-warning-base-on": (#FFFFFF),
+  "palette-indicator-warning-hover-surface": (#bb8e1b),
+  "palette-indicator-warning-hover-on": (#FFFFFF),
+  "palette-indicator-warning-active-surface": (#bb8e1b),
+  "palette-indicator-warning-active-on": (#FFFFFF),
+  "palette-indicator-warning-disabled-surface": (#FAFAFA),
+  "palette-indicator-warning-disabled-on": (#7C848D),
+  "palette-indicator-error-base-surface": (#EB0000),
+  "palette-indicator-error-base-on": (#FFFFFF),
+  "palette-indicator-error-hover-surface": (#a11717),
+  "palette-indicator-error-hover-on": (#FFFFFF),
+  "palette-indicator-error-active-surface": (#a11717),
+  "palette-indicator-error-active-on": (#FFFFFF),
+  "palette-indicator-error-disabled-surface": (#FAFAFA),
+  "palette-indicator-error-disabled-on": (#7C848D),
+  "palette-indicator-pending-base-surface": (#7C848D),
+  "palette-indicator-pending-base-on": (#FFFFFF),
+  "palette-indicator-pending-hover-surface": (#6b6b6b),
+  "palette-indicator-pending-hover-on": (#FFFFFF),
+  "palette-indicator-pending-active-surface": (#6b6b6b),
+  "palette-indicator-pending-active-on": (#FFFFFF),
+  "palette-indicator-pending-disabled-surface": (#FAFAFA),
+  "palette-indicator-pending-disabled-on": (#7C848D),
+  "palette-indicator-processing-base-surface": (#FFBB0A),
+  "palette-indicator-processing-base-on": (#FFFFFF),
+  "palette-indicator-processing-hover-surface": (#bb8e1b),
+  "palette-indicator-processing-hover-on": (#FFFFFF),
+  "palette-indicator-processing-active-surface": (#bb8e1b),
+  "palette-indicator-processing-active-on": (#FFFFFF),
+  "palette-indicator-processing-disabled-surface": (#FAFAFA),
+  "palette-indicator-processing-disabled-on": (#7C848D),
+  "palette-disabled-surface": (#FAFAFA),
+  "palette-disabled-on": (#7C848D),
+  "palette-background-primary": (#FFFFFF),
+  "palette-background-secondary": (#F8F7F7),
+  "palette-stroke-primary": (#D8D8D8),
+  "palette-table-base-surface": (#FFFFFF),
+  "palette-table-base-on": (#2A323C),
+  "palette-table-hover-surface": (#ECEFF2),
+  "palette-table-hover-on": (#000),
+  "palette-table-active-surface": (#ECEFF2),
+  "palette-table-active-on": (#000),
+  "palette-table-disabled-surface": (#FAFAFA),
+  "palette-table-disabled-on": (#7C848D),
+  "palette-tooltip-surface": (#7C848D),
+  "palette-tooltip-on": (#FAFAFA),
+  "palette-thumbnailCheckbox-fill-primary": (#FFFFFF),
+  "palette-thumbnailCheckbox-fill-secondary": (#2A323C),
+  "typography-metrics-familyName": (Nunito Sans 12pt),
+  "typography-metrics-fullName": (Nunito Sans 12pt Regular),
+  "typography-metrics-postscriptName": (NunitoSans12pt-Regular),
+  "typography-metrics-capHeight": (705),
+  "typography-metrics-ascent": (1011),
+  "typography-metrics-descent": (-353),
+  "typography-metrics-lineGap": (0),
+  "typography-metrics-unitsPerEm": (1000),
+  "typography-metrics-xHeight": (486),
+  "typography-metrics-xWidthAvg": (452),
+  "typography-metrics-subsets-latin-xWidthAvg": (452),
+  "typography-metrics-subsets-thai-xWidthAvg": (500),
+  "typography-fontFamily": ("Nunito Sans", Verdana, sans-serif),
+  "typography-fontWeightRegular": (400),
+  "typography-fontWeightMedium": (600),
+  "typography-fontWeightBold": (700),
+  "typography-title-fontFamily": ("Nunito Sans", Verdana, sans-serif),
+  "typography-title-fontStyle": (normal),
+  "typography-title-fontWeight": (600),
+  "typography-title-letterSpacing": (0.25px),
+  "typography-title-textTransform": (uppercase),
+  "typography-title-fontSize": (18px),
+  "typography-title-lineHeight": (normal),
+  "typography-title-capHeightTrim": (-0.306em),
+  "typography-title-baselineTrim": (-0.353em),
+  "typography-h1-fontFamily": ("Nunito Sans", Verdana, sans-serif),
+  "typography-h1-fontStyle": (normal),
+  "typography-h1-fontWeight": (600),
+  "typography-h1-letterSpacing": (inherit),
+  "typography-h1-textTransform": (inherit),
+  "typography-h1-fontSize": (24px),
+  "typography-h1-lineHeight": (34px),
+  "typography-h1-capHeightTrim": (-0.3323em),
+  "typography-h1-baselineTrim": (-0.3793em),
+  "typography-h2-fontFamily": ("Nunito Sans", Verdana, sans-serif),
+  "typography-h2-fontStyle": (normal),
+  "typography-h2-fontWeight": (600),
+  "typography-h2-letterSpacing": (inherit),
+  "typography-h2-textTransform": (inherit),
+  "typography-h2-fontSize": (20px),
+  "typography-h2-lineHeight": (30px),
+  "typography-h2-capHeightTrim": (-0.374em),
+  "typography-h2-baselineTrim": (-0.421em),
+  "typography-h3-fontFamily": ("Nunito Sans", Verdana, sans-serif),
+  "typography-h3-fontStyle": (normal),
+  "typography-h3-fontWeight": (600),
+  "typography-h3-letterSpacing": (inherit),
+  "typography-h3-textTransform": (inherit),
+  "typography-h3-fontSize": (18px),
+  "typography-h3-lineHeight": (26px),
+  "typography-h3-capHeightTrim": (-0.3462em),
+  "typography-h3-baselineTrim": (-0.3932em),
+  "typography-h4-fontFamily": ("Nunito Sans", Verdana, sans-serif),
+  "typography-h4-fontStyle": (normal),
+  "typography-h4-fontWeight": (600),
+  "typography-h4-letterSpacing": (inherit),
+  "typography-h4-textTransform": (inherit),
+  "typography-h4-fontSize": (16px),
+  "typography-h4-lineHeight": (24px),
+  "typography-h4-capHeightTrim": (-0.374em),
+  "typography-h4-baselineTrim": (-0.421em),
+  "typography-label-fontFamily": ("Nunito Sans", Verdana, sans-serif),
+  "typography-label-fontStyle": (normal),
+  "typography-label-fontWeight": (600),
+  "typography-label-letterSpacing": (inherit),
+  "typography-label-textTransform": (inherit),
+  "typography-label-fontSize": (14px),
+  "typography-label-lineHeight": (17px),
+  "typography-label-capHeightTrim": (-0.2311em),
+  "typography-label-baselineTrim": (-0.2781em),
+  "typography-paragraph1-fontFamily": ("Nunito Sans", Verdana, sans-serif),
+  "typography-paragraph1-fontStyle": (normal),
+  "typography-paragraph1-fontWeight": (400),
+  "typography-paragraph1-letterSpacing": (inherit),
+  "typography-paragraph1-textTransform": (inherit),
+  "typography-paragraph1-fontSize": (16px),
+  "typography-paragraph1-lineHeight": (24px),
+  "typography-paragraph1-capHeightTrim": (-0.374em),
+  "typography-paragraph1-baselineTrim": (-0.421em),
+  "typography-paragraph2-fontFamily": ("Nunito Sans", Verdana, sans-serif),
+  "typography-paragraph2-fontStyle": (normal),
+  "typography-paragraph2-fontWeight": (400),
+  "typography-paragraph2-letterSpacing": (inherit),
+  "typography-paragraph2-textTransform": (inherit),
+  "typography-paragraph2-fontSize": (14px),
+  "typography-paragraph2-lineHeight": (20px),
+  "typography-paragraph2-capHeightTrim": (-0.3383em),
+  "typography-paragraph2-baselineTrim": (-0.3853em),
+  "typography-paragraph3-fontFamily": ("Nunito Sans", Verdana, sans-serif),
+  "typography-paragraph3-fontStyle": (normal),
+  "typography-paragraph3-fontWeight": (400),
+  "typography-paragraph3-letterSpacing": (inherit),
+  "typography-paragraph3-textTransform": (inherit),
+  "typography-paragraph3-fontSize": (12px),
+  "typography-paragraph3-lineHeight": (18px),
+  "typography-paragraph3-capHeightTrim": (-0.374em),
+  "typography-paragraph3-baselineTrim": (-0.421em),
+  "typography-button-fontFamily": ("Nunito Sans", Verdana, sans-serif),
+  "typography-button-fontStyle": (normal),
+  "typography-button-fontWeight": (600),
+  "typography-button-letterSpacing": (inherit),
+  "typography-button-textTransform": (inherit),
+  "typography-button-fontSize": (14px),
+  "typography-button-lineHeight": (20px),
+  "typography-button-capHeightTrim": (-0.3383em),
+  "typography-button-baselineTrim": (-0.3853em),
+  "typography-buttonSmall-fontFamily": ("Nunito Sans", Verdana, sans-serif),
+  "typography-buttonSmall-fontStyle": (normal),
+  "typography-buttonSmall-fontWeight": (600),
+  "typography-buttonSmall-letterSpacing": (inherit),
+  "typography-buttonSmall-textTransform": (inherit),
+  "typography-buttonSmall-fontSize": (12px),
+  "typography-buttonSmall-lineHeight": (18px),
+  "typography-buttonSmall-capHeightTrim": (-0.374em),
+  "typography-buttonSmall-baselineTrim": (-0.421em),
+  "typography-input-fontFamily": ("Nunito Sans", Verdana, sans-serif),
+  "typography-input-fontStyle": (normal),
+  "typography-input-fontWeight": (400),
+  "typography-input-letterSpacing": (inherit),
+  "typography-input-textTransform": (inherit),
+  "typography-input-fontSize": (14px),
+  "typography-input-lineHeight": (normal),
+  "typography-input-capHeightTrim": (-0.306em),
+  "typography-input-baselineTrim": (-0.353em),
+  "typography-statusChip-fontFamily": ("Nunito Sans", Verdana, sans-serif),
+  "typography-statusChip-fontStyle": (normal),
+  "typography-statusChip-fontWeight": (700),
+  "typography-statusChip-letterSpacing": (inherit),
+  "typography-statusChip-textTransform": (inherit),
+  "typography-statusChip-fontSize": (9px),
+  "typography-statusChip-lineHeight": (12.28px),
+  "typography-statusChip-capHeightTrim": (-0.3062em),
+  "typography-statusChip-baselineTrim": (-0.3532em)
+);
+
+$theme-palette-brand-1-base-surface: var(--vt-ce-theme-palette-brand-1-base-surface, (#212121));
+$theme-palette-brand-1-base-on: var(--vt-ce-theme-palette-brand-1-base-on, (#fff));
+$theme-palette-brand-1-hover-surface: var(--vt-ce-theme-palette-brand-1-hover-surface, (#080808));
+$theme-palette-brand-1-hover-on: var(--vt-ce-theme-palette-brand-1-hover-on, (#fff));
+$theme-palette-brand-1-active-surface: var(--vt-ce-theme-palette-brand-1-active-surface, (#080808));
+$theme-palette-brand-1-active-on: var(--vt-ce-theme-palette-brand-1-active-on, (#fff));
+$theme-palette-brand-1-disabled-surface: var(--vt-ce-theme-palette-brand-1-disabled-surface, (#FAFAFA));
+$theme-palette-brand-1-disabled-on: var(--vt-ce-theme-palette-brand-1-disabled-on, (#7C848D));
+$theme-palette-brand-2-base-surface: var(--vt-ce-theme-palette-brand-2-base-surface, (#FA524D));
+$theme-palette-brand-2-base-on: var(--vt-ce-theme-palette-brand-2-base-on, (#000));
+$theme-palette-brand-2-hover-surface: var(--vt-ce-theme-palette-brand-2-hover-surface, (#dc3d38));
+$theme-palette-brand-2-hover-on: var(--vt-ce-theme-palette-brand-2-hover-on, (#000));
+$theme-palette-brand-2-active-surface: var(--vt-ce-theme-palette-brand-2-active-surface, (#dc3d38));
+$theme-palette-brand-2-active-on: var(--vt-ce-theme-palette-brand-2-active-on, (#000));
+$theme-palette-brand-2-disabled-surface: var(--vt-ce-theme-palette-brand-2-disabled-surface, (#FAFAFA));
+$theme-palette-brand-2-disabled-on: var(--vt-ce-theme-palette-brand-2-disabled-on, (#7C848D));
+$theme-palette-brand-3-base-surface: var(--vt-ce-theme-palette-brand-3-base-surface, (#080808));
+$theme-palette-brand-3-base-on: var(--vt-ce-theme-palette-brand-3-base-on, (#fff));
+$theme-palette-brand-3-hover-surface: var(--vt-ce-theme-palette-brand-3-hover-surface, (#000000));
+$theme-palette-brand-3-hover-on: var(--vt-ce-theme-palette-brand-3-hover-on, (#fff));
+$theme-palette-brand-3-active-surface: var(--vt-ce-theme-palette-brand-3-active-surface, (#000000));
+$theme-palette-brand-3-active-on: var(--vt-ce-theme-palette-brand-3-active-on, (#fff));
+$theme-palette-brand-3-disabled-surface: var(--vt-ce-theme-palette-brand-3-disabled-surface, (#FAFAFA));
+$theme-palette-brand-3-disabled-on: var(--vt-ce-theme-palette-brand-3-disabled-on, (#7C848D));
+$theme-palette-brand-4-base-surface: var(--vt-ce-theme-palette-brand-4-base-surface, (#616161));
+$theme-palette-brand-4-base-on: var(--vt-ce-theme-palette-brand-4-base-on, (#fff));
+$theme-palette-brand-4-hover-surface: var(--vt-ce-theme-palette-brand-4-hover-surface, (#474747));
+$theme-palette-brand-4-hover-on: var(--vt-ce-theme-palette-brand-4-hover-on, (#fff));
+$theme-palette-brand-4-active-surface: var(--vt-ce-theme-palette-brand-4-active-surface, (#474747));
+$theme-palette-brand-4-active-on: var(--vt-ce-theme-palette-brand-4-active-on, (#fff));
+$theme-palette-brand-4-disabled-surface: var(--vt-ce-theme-palette-brand-4-disabled-surface, (#FAFAFA));
+$theme-palette-brand-4-disabled-on: var(--vt-ce-theme-palette-brand-4-disabled-on, (#7C848D));
+$theme-palette-brand-5-base-surface: var(--vt-ce-theme-palette-brand-5-base-surface, (#404040));
+$theme-palette-brand-5-base-on: var(--vt-ce-theme-palette-brand-5-base-on, (#fff));
+$theme-palette-brand-5-hover-surface: var(--vt-ce-theme-palette-brand-5-hover-surface, (#262626));
+$theme-palette-brand-5-hover-on: var(--vt-ce-theme-palette-brand-5-hover-on, (#fff));
+$theme-palette-brand-5-active-surface: var(--vt-ce-theme-palette-brand-5-active-surface, (#262626));
+$theme-palette-brand-5-active-on: var(--vt-ce-theme-palette-brand-5-active-on, (#fff));
+$theme-palette-brand-5-disabled-surface: var(--vt-ce-theme-palette-brand-5-disabled-surface, (#FAFAFA));
+$theme-palette-brand-5-disabled-on: var(--vt-ce-theme-palette-brand-5-disabled-on, (#7C848D));
+$theme-palette-text-primary: var(--vt-ce-theme-palette-text-primary, (#2A323C));
+$theme-palette-text-secondary: var(--vt-ce-theme-palette-text-secondary, (#5C6269));
+$theme-palette-text-tertiary: var(--vt-ce-theme-palette-text-tertiary, (#465364));
+$theme-palette-action-primary-base-surface: var(--vt-ce-theme-palette-action-primary-base-surface, (#1871E8));
+$theme-palette-action-primary-base-on: var(--vt-ce-theme-palette-action-primary-base-on, (#FFFFFF));
+$theme-palette-action-primary-hover-surface: var(--vt-ce-theme-palette-action-primary-hover-surface, (#335B89));
+$theme-palette-action-primary-hover-on: var(--vt-ce-theme-palette-action-primary-hover-on, (#FFFFFF));
+$theme-palette-action-primary-active-surface: var(--vt-ce-theme-palette-action-primary-active-surface, (#2c5ea0));
+$theme-palette-action-primary-active-on: var(--vt-ce-theme-palette-action-primary-active-on, (#FFFFFF));
+$theme-palette-action-primary-disabled-surface: var(--vt-ce-theme-palette-action-primary-disabled-surface, (#FAFAFA));
+$theme-palette-action-primary-disabled-on: var(--vt-ce-theme-palette-action-primary-disabled-on, (#7C848D));
+$theme-palette-action-secondary-base-surface: var(--vt-ce-theme-palette-action-secondary-base-surface, (#475364));
+$theme-palette-action-secondary-base-on: var(--vt-ce-theme-palette-action-secondary-base-on, (#FFFFFF));
+$theme-palette-action-secondary-hover-surface: var(--vt-ce-theme-palette-action-secondary-hover-surface, (#335B89));
+$theme-palette-action-secondary-hover-on: var(--vt-ce-theme-palette-action-secondary-hover-on, (#FFFFFF));
+$theme-palette-action-secondary-active-surface: var(--vt-ce-theme-palette-action-secondary-active-surface, (#3d3d3d));
+$theme-palette-action-secondary-active-on: var(--vt-ce-theme-palette-action-secondary-active-on, (#FFFFFF));
+$theme-palette-action-secondary-disabled-surface: var(--vt-ce-theme-palette-action-secondary-disabled-surface, (#FAFAFA));
+$theme-palette-action-secondary-disabled-on: var(--vt-ce-theme-palette-action-secondary-disabled-on, (#7C848D));
+$theme-palette-action-destructive-base-surface: var(--vt-ce-theme-palette-action-destructive-base-surface, (#EB0000));
+$theme-palette-action-destructive-base-on: var(--vt-ce-theme-palette-action-destructive-base-on, (#FFFFFF));
+$theme-palette-action-destructive-hover-surface: var(--vt-ce-theme-palette-action-destructive-hover-surface, (#a63737));
+$theme-palette-action-destructive-hover-on: var(--vt-ce-theme-palette-action-destructive-hover-on, (#FFFFFF));
+$theme-palette-action-destructive-active-surface: var(--vt-ce-theme-palette-action-destructive-active-surface, (#a11717));
+$theme-palette-action-destructive-active-on: var(--vt-ce-theme-palette-action-destructive-active-on, (#FFFFFF));
+$theme-palette-action-destructive-disabled-surface: var(--vt-ce-theme-palette-action-destructive-disabled-surface, (#FAFAFA));
+$theme-palette-action-destructive-disabled-on: var(--vt-ce-theme-palette-action-destructive-disabled-on, (#7C848D));
+$theme-palette-action-text-base-surface: var(--vt-ce-theme-palette-action-text-base-surface, (#465364));
+$theme-palette-action-text-base-on: var(--vt-ce-theme-palette-action-text-base-on, (#fff));
+$theme-palette-action-text-hover-surface: var(--vt-ce-theme-palette-action-text-hover-surface, (#335B89));
+$theme-palette-action-text-hover-on: var(--vt-ce-theme-palette-action-text-hover-on, (#FFFFFF));
+$theme-palette-action-text-active-surface: var(--vt-ce-theme-palette-action-text-active-surface, (#2c5ea0));
+$theme-palette-action-text-active-on: var(--vt-ce-theme-palette-action-text-active-on, (#FFFFFF));
+$theme-palette-action-text-disabled-surface: var(--vt-ce-theme-palette-action-text-disabled-surface, (#FAFAFA));
+$theme-palette-action-text-disabled-on: var(--vt-ce-theme-palette-action-text-disabled-on, (#7C848D));
+$theme-palette-indicator-success-base-surface: var(--vt-ce-theme-palette-indicator-success-base-surface, (#28BA3F));
+$theme-palette-indicator-success-base-on: var(--vt-ce-theme-palette-indicator-success-base-on, (#FFFFFF));
+$theme-palette-indicator-success-hover-surface: var(--vt-ce-theme-palette-indicator-success-hover-surface, (#34793e));
+$theme-palette-indicator-success-hover-on: var(--vt-ce-theme-palette-indicator-success-hover-on, (#FFFFFF));
+$theme-palette-indicator-success-active-surface: var(--vt-ce-theme-palette-indicator-success-active-surface, (#34793e));
+$theme-palette-indicator-success-active-on: var(--vt-ce-theme-palette-indicator-success-active-on, (#FFFFFF));
+$theme-palette-indicator-success-disabled-surface: var(--vt-ce-theme-palette-indicator-success-disabled-surface, (#FAFAFA));
+$theme-palette-indicator-success-disabled-on: var(--vt-ce-theme-palette-indicator-success-disabled-on, (#7C848D));
+$theme-palette-indicator-info-base-surface: var(--vt-ce-theme-palette-indicator-info-base-surface, (#335B89));
+$theme-palette-indicator-info-base-on: var(--vt-ce-theme-palette-indicator-info-base-on, (#FFFFFF));
+$theme-palette-indicator-info-hover-surface: var(--vt-ce-theme-palette-indicator-info-hover-surface, (#364453));
+$theme-palette-indicator-info-hover-on: var(--vt-ce-theme-palette-indicator-info-hover-on, (#FFFFFF));
+$theme-palette-indicator-info-active-surface: var(--vt-ce-theme-palette-indicator-info-active-surface, (#364453));
+$theme-palette-indicator-info-active-on: var(--vt-ce-theme-palette-indicator-info-active-on, (#FFFFFF));
+$theme-palette-indicator-info-disabled-surface: var(--vt-ce-theme-palette-indicator-info-disabled-surface, (#FAFAFA));
+$theme-palette-indicator-info-disabled-on: var(--vt-ce-theme-palette-indicator-info-disabled-on, (#7C848D));
+$theme-palette-indicator-warning-base-surface: var(--vt-ce-theme-palette-indicator-warning-base-surface, (#FFBB0A));
+$theme-palette-indicator-warning-base-on: var(--vt-ce-theme-palette-indicator-warning-base-on, (#FFFFFF));
+$theme-palette-indicator-warning-hover-surface: var(--vt-ce-theme-palette-indicator-warning-hover-surface, (#bb8e1b));
+$theme-palette-indicator-warning-hover-on: var(--vt-ce-theme-palette-indicator-warning-hover-on, (#FFFFFF));
+$theme-palette-indicator-warning-active-surface: var(--vt-ce-theme-palette-indicator-warning-active-surface, (#bb8e1b));
+$theme-palette-indicator-warning-active-on: var(--vt-ce-theme-palette-indicator-warning-active-on, (#FFFFFF));
+$theme-palette-indicator-warning-disabled-surface: var(--vt-ce-theme-palette-indicator-warning-disabled-surface, (#FAFAFA));
+$theme-palette-indicator-warning-disabled-on: var(--vt-ce-theme-palette-indicator-warning-disabled-on, (#7C848D));
+$theme-palette-indicator-error-base-surface: var(--vt-ce-theme-palette-indicator-error-base-surface, (#EB0000));
+$theme-palette-indicator-error-base-on: var(--vt-ce-theme-palette-indicator-error-base-on, (#FFFFFF));
+$theme-palette-indicator-error-hover-surface: var(--vt-ce-theme-palette-indicator-error-hover-surface, (#a11717));
+$theme-palette-indicator-error-hover-on: var(--vt-ce-theme-palette-indicator-error-hover-on, (#FFFFFF));
+$theme-palette-indicator-error-active-surface: var(--vt-ce-theme-palette-indicator-error-active-surface, (#a11717));
+$theme-palette-indicator-error-active-on: var(--vt-ce-theme-palette-indicator-error-active-on, (#FFFFFF));
+$theme-palette-indicator-error-disabled-surface: var(--vt-ce-theme-palette-indicator-error-disabled-surface, (#FAFAFA));
+$theme-palette-indicator-error-disabled-on: var(--vt-ce-theme-palette-indicator-error-disabled-on, (#7C848D));
+$theme-palette-indicator-pending-base-surface: var(--vt-ce-theme-palette-indicator-pending-base-surface, (#7C848D));
+$theme-palette-indicator-pending-base-on: var(--vt-ce-theme-palette-indicator-pending-base-on, (#FFFFFF));
+$theme-palette-indicator-pending-hover-surface: var(--vt-ce-theme-palette-indicator-pending-hover-surface, (#6b6b6b));
+$theme-palette-indicator-pending-hover-on: var(--vt-ce-theme-palette-indicator-pending-hover-on, (#FFFFFF));
+$theme-palette-indicator-pending-active-surface: var(--vt-ce-theme-palette-indicator-pending-active-surface, (#6b6b6b));
+$theme-palette-indicator-pending-active-on: var(--vt-ce-theme-palette-indicator-pending-active-on, (#FFFFFF));
+$theme-palette-indicator-pending-disabled-surface: var(--vt-ce-theme-palette-indicator-pending-disabled-surface, (#FAFAFA));
+$theme-palette-indicator-pending-disabled-on: var(--vt-ce-theme-palette-indicator-pending-disabled-on, (#7C848D));
+$theme-palette-indicator-processing-base-surface: var(--vt-ce-theme-palette-indicator-processing-base-surface, (#FFBB0A));
+$theme-palette-indicator-processing-base-on: var(--vt-ce-theme-palette-indicator-processing-base-on, (#FFFFFF));
+$theme-palette-indicator-processing-hover-surface: var(--vt-ce-theme-palette-indicator-processing-hover-surface, (#bb8e1b));
+$theme-palette-indicator-processing-hover-on: var(--vt-ce-theme-palette-indicator-processing-hover-on, (#FFFFFF));
+$theme-palette-indicator-processing-active-surface: var(--vt-ce-theme-palette-indicator-processing-active-surface, (#bb8e1b));
+$theme-palette-indicator-processing-active-on: var(--vt-ce-theme-palette-indicator-processing-active-on, (#FFFFFF));
+$theme-palette-indicator-processing-disabled-surface: var(--vt-ce-theme-palette-indicator-processing-disabled-surface, (#FAFAFA));
+$theme-palette-indicator-processing-disabled-on: var(--vt-ce-theme-palette-indicator-processing-disabled-on, (#7C848D));
+$theme-palette-disabled-surface: var(--vt-ce-theme-palette-disabled-surface, (#FAFAFA));
+$theme-palette-disabled-on: var(--vt-ce-theme-palette-disabled-on, (#7C848D));
+$theme-palette-background-primary: var(--vt-ce-theme-palette-background-primary, (#FFFFFF));
+$theme-palette-background-secondary: var(--vt-ce-theme-palette-background-secondary, (#F8F7F7));
+$theme-palette-stroke-primary: var(--vt-ce-theme-palette-stroke-primary, (#D8D8D8));
+$theme-palette-table-base-surface: var(--vt-ce-theme-palette-table-base-surface, (#FFFFFF));
+$theme-palette-table-base-on: var(--vt-ce-theme-palette-table-base-on, (#2A323C));
+$theme-palette-table-hover-surface: var(--vt-ce-theme-palette-table-hover-surface, (#ECEFF2));
+$theme-palette-table-hover-on: var(--vt-ce-theme-palette-table-hover-on, (#000));
+$theme-palette-table-active-surface: var(--vt-ce-theme-palette-table-active-surface, (#ECEFF2));
+$theme-palette-table-active-on: var(--vt-ce-theme-palette-table-active-on, (#000));
+$theme-palette-table-disabled-surface: var(--vt-ce-theme-palette-table-disabled-surface, (#FAFAFA));
+$theme-palette-table-disabled-on: var(--vt-ce-theme-palette-table-disabled-on, (#7C848D));
+$theme-palette-tooltip-surface: var(--vt-ce-theme-palette-tooltip-surface, (#7C848D));
+$theme-palette-tooltip-on: var(--vt-ce-theme-palette-tooltip-on, (#FAFAFA));
+$theme-palette-thumbnailCheckbox-fill-primary: var(--vt-ce-theme-palette-thumbnailCheckbox-fill-primary, (#FFFFFF));
+$theme-palette-thumbnailCheckbox-fill-secondary: var(--vt-ce-theme-palette-thumbnailCheckbox-fill-secondary, (#2A323C));
+$theme-typography-metrics-familyName: var(--vt-ce-theme-typography-metrics-familyName, (Nunito Sans 12pt));
+$theme-typography-metrics-fullName: var(--vt-ce-theme-typography-metrics-fullName, (Nunito Sans 12pt Regular));
+$theme-typography-metrics-postscriptName: var(--vt-ce-theme-typography-metrics-postscriptName, (NunitoSans12pt-Regular));
+$theme-typography-metrics-capHeight: var(--vt-ce-theme-typography-metrics-capHeight, (705));
+$theme-typography-metrics-ascent: var(--vt-ce-theme-typography-metrics-ascent, (1011));
+$theme-typography-metrics-descent: var(--vt-ce-theme-typography-metrics-descent, (-353));
+$theme-typography-metrics-lineGap: var(--vt-ce-theme-typography-metrics-lineGap, (0));
+$theme-typography-metrics-unitsPerEm: var(--vt-ce-theme-typography-metrics-unitsPerEm, (1000));
+$theme-typography-metrics-xHeight: var(--vt-ce-theme-typography-metrics-xHeight, (486));
+$theme-typography-metrics-xWidthAvg: var(--vt-ce-theme-typography-metrics-xWidthAvg, (452));
+$theme-typography-metrics-subsets-latin-xWidthAvg: var(--vt-ce-theme-typography-metrics-subsets-latin-xWidthAvg, (452));
+$theme-typography-metrics-subsets-thai-xWidthAvg: var(--vt-ce-theme-typography-metrics-subsets-thai-xWidthAvg, (500));
+$theme-typography-fontFamily: var(--vt-ce-theme-typography-fontFamily, ("Nunito Sans", Verdana, sans-serif));
+$theme-typography-fontWeightRegular: var(--vt-ce-theme-typography-fontWeightRegular, (400));
+$theme-typography-fontWeightMedium: var(--vt-ce-theme-typography-fontWeightMedium, (600));
+$theme-typography-fontWeightBold: var(--vt-ce-theme-typography-fontWeightBold, (700));
+$theme-typography-title-fontFamily: var(--vt-ce-theme-typography-title-fontFamily, ("Nunito Sans", Verdana, sans-serif));
+$theme-typography-title-fontStyle: var(--vt-ce-theme-typography-title-fontStyle, (normal));
+$theme-typography-title-fontWeight: var(--vt-ce-theme-typography-title-fontWeight, (600));
+$theme-typography-title-letterSpacing: var(--vt-ce-theme-typography-title-letterSpacing, (0.25px));
+$theme-typography-title-textTransform: var(--vt-ce-theme-typography-title-textTransform, (uppercase));
+$theme-typography-title-fontSize: var(--vt-ce-theme-typography-title-fontSize, (18px));
+$theme-typography-title-lineHeight: var(--vt-ce-theme-typography-title-lineHeight, (normal));
+$theme-typography-title-capHeightTrim: var(--vt-ce-theme-typography-title-capHeightTrim, (-0.306em));
+$theme-typography-title-baselineTrim: var(--vt-ce-theme-typography-title-baselineTrim, (-0.353em));
+$theme-typography-h1-fontFamily: var(--vt-ce-theme-typography-h1-fontFamily, ("Nunito Sans", Verdana, sans-serif));
+$theme-typography-h1-fontStyle: var(--vt-ce-theme-typography-h1-fontStyle, (normal));
+$theme-typography-h1-fontWeight: var(--vt-ce-theme-typography-h1-fontWeight, (600));
+$theme-typography-h1-letterSpacing: var(--vt-ce-theme-typography-h1-letterSpacing, (inherit));
+$theme-typography-h1-textTransform: var(--vt-ce-theme-typography-h1-textTransform, (inherit));
+$theme-typography-h1-fontSize: var(--vt-ce-theme-typography-h1-fontSize, (24px));
+$theme-typography-h1-lineHeight: var(--vt-ce-theme-typography-h1-lineHeight, (34px));
+$theme-typography-h1-capHeightTrim: var(--vt-ce-theme-typography-h1-capHeightTrim, (-0.3323em));
+$theme-typography-h1-baselineTrim: var(--vt-ce-theme-typography-h1-baselineTrim, (-0.3793em));
+$theme-typography-h2-fontFamily: var(--vt-ce-theme-typography-h2-fontFamily, ("Nunito Sans", Verdana, sans-serif));
+$theme-typography-h2-fontStyle: var(--vt-ce-theme-typography-h2-fontStyle, (normal));
+$theme-typography-h2-fontWeight: var(--vt-ce-theme-typography-h2-fontWeight, (600));
+$theme-typography-h2-letterSpacing: var(--vt-ce-theme-typography-h2-letterSpacing, (inherit));
+$theme-typography-h2-textTransform: var(--vt-ce-theme-typography-h2-textTransform, (inherit));
+$theme-typography-h2-fontSize: var(--vt-ce-theme-typography-h2-fontSize, (20px));
+$theme-typography-h2-lineHeight: var(--vt-ce-theme-typography-h2-lineHeight, (30px));
+$theme-typography-h2-capHeightTrim: var(--vt-ce-theme-typography-h2-capHeightTrim, (-0.374em));
+$theme-typography-h2-baselineTrim: var(--vt-ce-theme-typography-h2-baselineTrim, (-0.421em));
+$theme-typography-h3-fontFamily: var(--vt-ce-theme-typography-h3-fontFamily, ("Nunito Sans", Verdana, sans-serif));
+$theme-typography-h3-fontStyle: var(--vt-ce-theme-typography-h3-fontStyle, (normal));
+$theme-typography-h3-fontWeight: var(--vt-ce-theme-typography-h3-fontWeight, (600));
+$theme-typography-h3-letterSpacing: var(--vt-ce-theme-typography-h3-letterSpacing, (inherit));
+$theme-typography-h3-textTransform: var(--vt-ce-theme-typography-h3-textTransform, (inherit));
+$theme-typography-h3-fontSize: var(--vt-ce-theme-typography-h3-fontSize, (18px));
+$theme-typography-h3-lineHeight: var(--vt-ce-theme-typography-h3-lineHeight, (26px));
+$theme-typography-h3-capHeightTrim: var(--vt-ce-theme-typography-h3-capHeightTrim, (-0.3462em));
+$theme-typography-h3-baselineTrim: var(--vt-ce-theme-typography-h3-baselineTrim, (-0.3932em));
+$theme-typography-h4-fontFamily: var(--vt-ce-theme-typography-h4-fontFamily, ("Nunito Sans", Verdana, sans-serif));
+$theme-typography-h4-fontStyle: var(--vt-ce-theme-typography-h4-fontStyle, (normal));
+$theme-typography-h4-fontWeight: var(--vt-ce-theme-typography-h4-fontWeight, (600));
+$theme-typography-h4-letterSpacing: var(--vt-ce-theme-typography-h4-letterSpacing, (inherit));
+$theme-typography-h4-textTransform: var(--vt-ce-theme-typography-h4-textTransform, (inherit));
+$theme-typography-h4-fontSize: var(--vt-ce-theme-typography-h4-fontSize, (16px));
+$theme-typography-h4-lineHeight: var(--vt-ce-theme-typography-h4-lineHeight, (24px));
+$theme-typography-h4-capHeightTrim: var(--vt-ce-theme-typography-h4-capHeightTrim, (-0.374em));
+$theme-typography-h4-baselineTrim: var(--vt-ce-theme-typography-h4-baselineTrim, (-0.421em));
+$theme-typography-label-fontFamily: var(--vt-ce-theme-typography-label-fontFamily, ("Nunito Sans", Verdana, sans-serif));
+$theme-typography-label-fontStyle: var(--vt-ce-theme-typography-label-fontStyle, (normal));
+$theme-typography-label-fontWeight: var(--vt-ce-theme-typography-label-fontWeight, (600));
+$theme-typography-label-letterSpacing: var(--vt-ce-theme-typography-label-letterSpacing, (inherit));
+$theme-typography-label-textTransform: var(--vt-ce-theme-typography-label-textTransform, (inherit));
+$theme-typography-label-fontSize: var(--vt-ce-theme-typography-label-fontSize, (14px));
+$theme-typography-label-lineHeight: var(--vt-ce-theme-typography-label-lineHeight, (17px));
+$theme-typography-label-capHeightTrim: var(--vt-ce-theme-typography-label-capHeightTrim, (-0.2311em));
+$theme-typography-label-baselineTrim: var(--vt-ce-theme-typography-label-baselineTrim, (-0.2781em));
+$theme-typography-paragraph1-fontFamily: var(--vt-ce-theme-typography-paragraph1-fontFamily, ("Nunito Sans", Verdana, sans-serif));
+$theme-typography-paragraph1-fontStyle: var(--vt-ce-theme-typography-paragraph1-fontStyle, (normal));
+$theme-typography-paragraph1-fontWeight: var(--vt-ce-theme-typography-paragraph1-fontWeight, (400));
+$theme-typography-paragraph1-letterSpacing: var(--vt-ce-theme-typography-paragraph1-letterSpacing, (inherit));
+$theme-typography-paragraph1-textTransform: var(--vt-ce-theme-typography-paragraph1-textTransform, (inherit));
+$theme-typography-paragraph1-fontSize: var(--vt-ce-theme-typography-paragraph1-fontSize, (16px));
+$theme-typography-paragraph1-lineHeight: var(--vt-ce-theme-typography-paragraph1-lineHeight, (24px));
+$theme-typography-paragraph1-capHeightTrim: var(--vt-ce-theme-typography-paragraph1-capHeightTrim, (-0.374em));
+$theme-typography-paragraph1-baselineTrim: var(--vt-ce-theme-typography-paragraph1-baselineTrim, (-0.421em));
+$theme-typography-paragraph2-fontFamily: var(--vt-ce-theme-typography-paragraph2-fontFamily, ("Nunito Sans", Verdana, sans-serif));
+$theme-typography-paragraph2-fontStyle: var(--vt-ce-theme-typography-paragraph2-fontStyle, (normal));
+$theme-typography-paragraph2-fontWeight: var(--vt-ce-theme-typography-paragraph2-fontWeight, (400));
+$theme-typography-paragraph2-letterSpacing: var(--vt-ce-theme-typography-paragraph2-letterSpacing, (inherit));
+$theme-typography-paragraph2-textTransform: var(--vt-ce-theme-typography-paragraph2-textTransform, (inherit));
+$theme-typography-paragraph2-fontSize: var(--vt-ce-theme-typography-paragraph2-fontSize, (14px));
+$theme-typography-paragraph2-lineHeight: var(--vt-ce-theme-typography-paragraph2-lineHeight, (20px));
+$theme-typography-paragraph2-capHeightTrim: var(--vt-ce-theme-typography-paragraph2-capHeightTrim, (-0.3383em));
+$theme-typography-paragraph2-baselineTrim: var(--vt-ce-theme-typography-paragraph2-baselineTrim, (-0.3853em));
+$theme-typography-paragraph3-fontFamily: var(--vt-ce-theme-typography-paragraph3-fontFamily, ("Nunito Sans", Verdana, sans-serif));
+$theme-typography-paragraph3-fontStyle: var(--vt-ce-theme-typography-paragraph3-fontStyle, (normal));
+$theme-typography-paragraph3-fontWeight: var(--vt-ce-theme-typography-paragraph3-fontWeight, (400));
+$theme-typography-paragraph3-letterSpacing: var(--vt-ce-theme-typography-paragraph3-letterSpacing, (inherit));
+$theme-typography-paragraph3-textTransform: var(--vt-ce-theme-typography-paragraph3-textTransform, (inherit));
+$theme-typography-paragraph3-fontSize: var(--vt-ce-theme-typography-paragraph3-fontSize, (12px));
+$theme-typography-paragraph3-lineHeight: var(--vt-ce-theme-typography-paragraph3-lineHeight, (18px));
+$theme-typography-paragraph3-capHeightTrim: var(--vt-ce-theme-typography-paragraph3-capHeightTrim, (-0.374em));
+$theme-typography-paragraph3-baselineTrim: var(--vt-ce-theme-typography-paragraph3-baselineTrim, (-0.421em));
+$theme-typography-button-fontFamily: var(--vt-ce-theme-typography-button-fontFamily, ("Nunito Sans", Verdana, sans-serif));
+$theme-typography-button-fontStyle: var(--vt-ce-theme-typography-button-fontStyle, (normal));
+$theme-typography-button-fontWeight: var(--vt-ce-theme-typography-button-fontWeight, (600));
+$theme-typography-button-letterSpacing: var(--vt-ce-theme-typography-button-letterSpacing, (inherit));
+$theme-typography-button-textTransform: var(--vt-ce-theme-typography-button-textTransform, (inherit));
+$theme-typography-button-fontSize: var(--vt-ce-theme-typography-button-fontSize, (14px));
+$theme-typography-button-lineHeight: var(--vt-ce-theme-typography-button-lineHeight, (20px));
+$theme-typography-button-capHeightTrim: var(--vt-ce-theme-typography-button-capHeightTrim, (-0.3383em));
+$theme-typography-button-baselineTrim: var(--vt-ce-theme-typography-button-baselineTrim, (-0.3853em));
+$theme-typography-buttonSmall-fontFamily: var(--vt-ce-theme-typography-buttonSmall-fontFamily, ("Nunito Sans", Verdana, sans-serif));
+$theme-typography-buttonSmall-fontStyle: var(--vt-ce-theme-typography-buttonSmall-fontStyle, (normal));
+$theme-typography-buttonSmall-fontWeight: var(--vt-ce-theme-typography-buttonSmall-fontWeight, (600));
+$theme-typography-buttonSmall-letterSpacing: var(--vt-ce-theme-typography-buttonSmall-letterSpacing, (inherit));
+$theme-typography-buttonSmall-textTransform: var(--vt-ce-theme-typography-buttonSmall-textTransform, (inherit));
+$theme-typography-buttonSmall-fontSize: var(--vt-ce-theme-typography-buttonSmall-fontSize, (12px));
+$theme-typography-buttonSmall-lineHeight: var(--vt-ce-theme-typography-buttonSmall-lineHeight, (18px));
+$theme-typography-buttonSmall-capHeightTrim: var(--vt-ce-theme-typography-buttonSmall-capHeightTrim, (-0.374em));
+$theme-typography-buttonSmall-baselineTrim: var(--vt-ce-theme-typography-buttonSmall-baselineTrim, (-0.421em));
+$theme-typography-input-fontFamily: var(--vt-ce-theme-typography-input-fontFamily, ("Nunito Sans", Verdana, sans-serif));
+$theme-typography-input-fontStyle: var(--vt-ce-theme-typography-input-fontStyle, (normal));
+$theme-typography-input-fontWeight: var(--vt-ce-theme-typography-input-fontWeight, (400));
+$theme-typography-input-letterSpacing: var(--vt-ce-theme-typography-input-letterSpacing, (inherit));
+$theme-typography-input-textTransform: var(--vt-ce-theme-typography-input-textTransform, (inherit));
+$theme-typography-input-fontSize: var(--vt-ce-theme-typography-input-fontSize, (14px));
+$theme-typography-input-lineHeight: var(--vt-ce-theme-typography-input-lineHeight, (normal));
+$theme-typography-input-capHeightTrim: var(--vt-ce-theme-typography-input-capHeightTrim, (-0.306em));
+$theme-typography-input-baselineTrim: var(--vt-ce-theme-typography-input-baselineTrim, (-0.353em));
+$theme-typography-statusChip-fontFamily: var(--vt-ce-theme-typography-statusChip-fontFamily, ("Nunito Sans", Verdana, sans-serif));
+$theme-typography-statusChip-fontStyle: var(--vt-ce-theme-typography-statusChip-fontStyle, (normal));
+$theme-typography-statusChip-fontWeight: var(--vt-ce-theme-typography-statusChip-fontWeight, (700));
+$theme-typography-statusChip-letterSpacing: var(--vt-ce-theme-typography-statusChip-letterSpacing, (inherit));
+$theme-typography-statusChip-textTransform: var(--vt-ce-theme-typography-statusChip-textTransform, (inherit));
+$theme-typography-statusChip-fontSize: var(--vt-ce-theme-typography-statusChip-fontSize, (9px));
+$theme-typography-statusChip-lineHeight: var(--vt-ce-theme-typography-statusChip-lineHeight, (12.28px));
+$theme-typography-statusChip-capHeightTrim: var(--vt-ce-theme-typography-statusChip-capHeightTrim, (-0.3062em));
+$theme-typography-statusChip-baselineTrim: var(--vt-ce-theme-typography-statusChip-baselineTrim, (-0.3532em));
+
+// unsafe - does not check for existence of variable
+@function _unsafe-theme-var($var) {
+  @return var(--vt-ce-theme-#{$var}, map.get($default-theme, $var));
+}
+  
+@mixin theme-typography-title($leadingTrim: false) {
+  font-family: $theme-typography-title-fontFamily;
+  font-size: $theme-typography-title-fontSize;
+  font-style: $theme-typography-title-fontStyle;
+  font-weight: $theme-typography-title-fontWeight;
+  line-height: $theme-typography-title-lineHeight;
+  letter-spacing: $theme-typography-title-letterSpacing;
+  text-transform: $theme-typography-title-textTransform;
+  
+  @if $leadingTrim != false {
+    &::before {
+      content: "";
+      margin-bottom: $theme-typography-title-capHeightTrim;
+      display: table;
+    }
+    
+    &::after {
+      content: "";
+      margin-top: $theme-typography-title-baselineTrim;
+      display: table;
+    }
+  }
+}
+
+@mixin theme-typography-h1($leadingTrim: false) {
+  font-family: $theme-typography-h1-fontFamily;
+  font-size: $theme-typography-h1-fontSize;
+  font-style: $theme-typography-h1-fontStyle;
+  font-weight: $theme-typography-h1-fontWeight;
+  line-height: $theme-typography-h1-lineHeight;
+  letter-spacing: $theme-typography-h1-letterSpacing;
+  text-transform: $theme-typography-h1-textTransform;
+  
+  @if $leadingTrim != false {
+    &::before {
+      content: "";
+      margin-bottom: $theme-typography-h1-capHeightTrim;
+      display: table;
+    }
+    
+    &::after {
+      content: "";
+      margin-top: $theme-typography-h1-baselineTrim;
+      display: table;
+    }
+  }
+}
+
+@mixin theme-typography-h2($leadingTrim: false) {
+  font-family: $theme-typography-h2-fontFamily;
+  font-size: $theme-typography-h2-fontSize;
+  font-style: $theme-typography-h2-fontStyle;
+  font-weight: $theme-typography-h2-fontWeight;
+  line-height: $theme-typography-h2-lineHeight;
+  letter-spacing: $theme-typography-h2-letterSpacing;
+  text-transform: $theme-typography-h2-textTransform;
+  
+  @if $leadingTrim != false {
+    &::before {
+      content: "";
+      margin-bottom: $theme-typography-h2-capHeightTrim;
+      display: table;
+    }
+    
+    &::after {
+      content: "";
+      margin-top: $theme-typography-h2-baselineTrim;
+      display: table;
+    }
+  }
+}
+
+@mixin theme-typography-h3($leadingTrim: false) {
+  font-family: $theme-typography-h3-fontFamily;
+  font-size: $theme-typography-h3-fontSize;
+  font-style: $theme-typography-h3-fontStyle;
+  font-weight: $theme-typography-h3-fontWeight;
+  line-height: $theme-typography-h3-lineHeight;
+  letter-spacing: $theme-typography-h3-letterSpacing;
+  text-transform: $theme-typography-h3-textTransform;
+  
+  @if $leadingTrim != false {
+    &::before {
+      content: "";
+      margin-bottom: $theme-typography-h3-capHeightTrim;
+      display: table;
+    }
+    
+    &::after {
+      content: "";
+      margin-top: $theme-typography-h3-baselineTrim;
+      display: table;
+    }
+  }
+}
+
+@mixin theme-typography-h4($leadingTrim: false) {
+  font-family: $theme-typography-h4-fontFamily;
+  font-size: $theme-typography-h4-fontSize;
+  font-style: $theme-typography-h4-fontStyle;
+  font-weight: $theme-typography-h4-fontWeight;
+  line-height: $theme-typography-h4-lineHeight;
+  letter-spacing: $theme-typography-h4-letterSpacing;
+  text-transform: $theme-typography-h4-textTransform;
+  
+  @if $leadingTrim != false {
+    &::before {
+      content: "";
+      margin-bottom: $theme-typography-h4-capHeightTrim;
+      display: table;
+    }
+    
+    &::after {
+      content: "";
+      margin-top: $theme-typography-h4-baselineTrim;
+      display: table;
+    }
+  }
+}
+
+@mixin theme-typography-label($leadingTrim: false) {
+  font-family: $theme-typography-label-fontFamily;
+  font-size: $theme-typography-label-fontSize;
+  font-style: $theme-typography-label-fontStyle;
+  font-weight: $theme-typography-label-fontWeight;
+  line-height: $theme-typography-label-lineHeight;
+  letter-spacing: $theme-typography-label-letterSpacing;
+  text-transform: $theme-typography-label-textTransform;
+  
+  @if $leadingTrim != false {
+    &::before {
+      content: "";
+      margin-bottom: $theme-typography-label-capHeightTrim;
+      display: table;
+    }
+    
+    &::after {
+      content: "";
+      margin-top: $theme-typography-label-baselineTrim;
+      display: table;
+    }
+  }
+}
+
+@mixin theme-typography-paragraph1($leadingTrim: false) {
+  font-family: $theme-typography-paragraph1-fontFamily;
+  font-size: $theme-typography-paragraph1-fontSize;
+  font-style: $theme-typography-paragraph1-fontStyle;
+  font-weight: $theme-typography-paragraph1-fontWeight;
+  line-height: $theme-typography-paragraph1-lineHeight;
+  letter-spacing: $theme-typography-paragraph1-letterSpacing;
+  text-transform: $theme-typography-paragraph1-textTransform;
+  
+  @if $leadingTrim != false {
+    &::before {
+      content: "";
+      margin-bottom: $theme-typography-paragraph1-capHeightTrim;
+      display: table;
+    }
+    
+    &::after {
+      content: "";
+      margin-top: $theme-typography-paragraph1-baselineTrim;
+      display: table;
+    }
+  }
+}
+
+@mixin theme-typography-paragraph2($leadingTrim: false) {
+  font-family: $theme-typography-paragraph2-fontFamily;
+  font-size: $theme-typography-paragraph2-fontSize;
+  font-style: $theme-typography-paragraph2-fontStyle;
+  font-weight: $theme-typography-paragraph2-fontWeight;
+  line-height: $theme-typography-paragraph2-lineHeight;
+  letter-spacing: $theme-typography-paragraph2-letterSpacing;
+  text-transform: $theme-typography-paragraph2-textTransform;
+  
+  @if $leadingTrim != false {
+    &::before {
+      content: "";
+      margin-bottom: $theme-typography-paragraph2-capHeightTrim;
+      display: table;
+    }
+    
+    &::after {
+      content: "";
+      margin-top: $theme-typography-paragraph2-baselineTrim;
+      display: table;
+    }
+  }
+}
+
+@mixin theme-typography-paragraph3($leadingTrim: false) {
+  font-family: $theme-typography-paragraph3-fontFamily;
+  font-size: $theme-typography-paragraph3-fontSize;
+  font-style: $theme-typography-paragraph3-fontStyle;
+  font-weight: $theme-typography-paragraph3-fontWeight;
+  line-height: $theme-typography-paragraph3-lineHeight;
+  letter-spacing: $theme-typography-paragraph3-letterSpacing;
+  text-transform: $theme-typography-paragraph3-textTransform;
+  
+  @if $leadingTrim != false {
+    &::before {
+      content: "";
+      margin-bottom: $theme-typography-paragraph3-capHeightTrim;
+      display: table;
+    }
+    
+    &::after {
+      content: "";
+      margin-top: $theme-typography-paragraph3-baselineTrim;
+      display: table;
+    }
+  }
+}
+
+@mixin theme-typography-button($leadingTrim: false) {
+  font-family: $theme-typography-button-fontFamily;
+  font-size: $theme-typography-button-fontSize;
+  font-style: $theme-typography-button-fontStyle;
+  font-weight: $theme-typography-button-fontWeight;
+  line-height: $theme-typography-button-lineHeight;
+  letter-spacing: $theme-typography-button-letterSpacing;
+  text-transform: $theme-typography-button-textTransform;
+  
+  @if $leadingTrim != false {
+    &::before {
+      content: "";
+      margin-bottom: $theme-typography-button-capHeightTrim;
+      display: table;
+    }
+    
+    &::after {
+      content: "";
+      margin-top: $theme-typography-button-baselineTrim;
+      display: table;
+    }
+  }
+}
+
+@mixin theme-typography-buttonSmall($leadingTrim: false) {
+  font-family: $theme-typography-buttonSmall-fontFamily;
+  font-size: $theme-typography-buttonSmall-fontSize;
+  font-style: $theme-typography-buttonSmall-fontStyle;
+  font-weight: $theme-typography-buttonSmall-fontWeight;
+  line-height: $theme-typography-buttonSmall-lineHeight;
+  letter-spacing: $theme-typography-buttonSmall-letterSpacing;
+  text-transform: $theme-typography-buttonSmall-textTransform;
+  
+  @if $leadingTrim != false {
+    &::before {
+      content: "";
+      margin-bottom: $theme-typography-buttonSmall-capHeightTrim;
+      display: table;
+    }
+    
+    &::after {
+      content: "";
+      margin-top: $theme-typography-buttonSmall-baselineTrim;
+      display: table;
+    }
+  }
+}
+
+@mixin theme-typography-input($leadingTrim: false) {
+  font-family: $theme-typography-input-fontFamily;
+  font-size: $theme-typography-input-fontSize;
+  font-style: $theme-typography-input-fontStyle;
+  font-weight: $theme-typography-input-fontWeight;
+  line-height: $theme-typography-input-lineHeight;
+  letter-spacing: $theme-typography-input-letterSpacing;
+  text-transform: $theme-typography-input-textTransform;
+  
+  @if $leadingTrim != false {
+    &::before {
+      content: "";
+      margin-bottom: $theme-typography-input-capHeightTrim;
+      display: table;
+    }
+    
+    &::after {
+      content: "";
+      margin-top: $theme-typography-input-baselineTrim;
+      display: table;
+    }
+  }
+}
+
+@mixin theme-typography-statusChip($leadingTrim: false) {
+  font-family: $theme-typography-statusChip-fontFamily;
+  font-size: $theme-typography-statusChip-fontSize;
+  font-style: $theme-typography-statusChip-fontStyle;
+  font-weight: $theme-typography-statusChip-fontWeight;
+  line-height: $theme-typography-statusChip-lineHeight;
+  letter-spacing: $theme-typography-statusChip-letterSpacing;
+  text-transform: $theme-typography-statusChip-textTransform;
+  
+  @if $leadingTrim != false {
+    &::before {
+      content: "";
+      margin-bottom: $theme-typography-statusChip-capHeightTrim;
+      display: table;
+    }
+    
+    &::after {
+      content: "";
+      margin-top: $theme-typography-statusChip-baselineTrim;
+      display: table;
+    }
+  }
+}
+
+// unsafe - does not check for existence of variable
+@mixin _unsafe-theme-typography($variant) {
+  font-family: _unsafe-theme-var(typography-#{$variant}-font-family);
+  font-size: _unsafe-theme-var(typography-#{$variant}-font-size);
+  font-style: _unsafe-theme-var(typography-#{$variant}-font-style);
+  font-weight: _unsafe-theme-var(typography-#{$variant}-font-weight);
+  line-height: _unsafe-theme-var(typography-#{$variant}-line-height);
+  letter-spacing: _unsafe-theme-var(typography-#{$variant}-letter-spacing);
+  text-transform: _unsafe-theme-var(typography-#{$variant}-text-transform);
+}