:root, :root[data-theme="light"][data-contrast="default"] {
  color-scheme: light;
  --tokens-preview-on-light: rgba(0, 0, 0, 1);
  --tokens-preview-on-dark: rgba(255, 255, 255, 1);
  --md-comp-dialog-container-color: rgba(236, 230, 240, 1);
  --md-comp-dialog-container-shape: 28px;
  --md-comp-dialog-headline-font: "Roboto", sans-serif;
  --md-comp-dialog-headline-line-height: 32px;
  --md-comp-dialog-headline-size: 24px;
  --md-comp-dialog-headline-tracking: normal;
  --md-comp-dialog-with-icon-icon-size: 24px;
  --md-comp-divider-thickness: 1px;
  --md-comp-filled-button-container-color: rgba(103, 80, 164, 1);
  --md-comp-filled-button-container-height: 40px;
  --md-comp-filled-button-container-shape: calc(infinity * 1px);
  --md-comp-filled-button-hover-state-layer-color: rgba(255, 255, 255, 1);
  --md-comp-filled-button-hover-state-layer-opacity: 0.08;
  --md-comp-filled-button-label-text-color: rgba(255, 255, 255, 1);
  --md-comp-filter-chip-container-height: 32px;
  --md-comp-filter-chip-container-shape: 8px;
  --md-comp-filter-chip-flat-selected-container-color: rgba(232, 222, 248, 1);
  --md-comp-filter-chip-selected-label-text-color: rgba(74, 68, 88, 1);
  --md-comp-navigation-drawer-scrim-color: rgba(50, 47, 55, 1);
  --md-comp-navigation-drawer-scrim-opacity: 0.4;
  --md-comp-outlined-text-field-container-height: 56px;
  --md-comp-outlined-text-field-outline-color: rgba(121, 116, 126, 1);
  --md-comp-outlined-text-field-outline-width: 1px;
  --md-comp-text-button-container-height: 40px;
  --md-comp-text-button-container-shape: calc(infinity * 1px);
  --md-comp-text-button-label-text-color: rgba(103, 80, 164, 1);
  --md-ref-palette-neutral0: rgba(0, 0, 0, 1);
  --md-sys-color-on-primary: rgba(255, 255, 255, 1);
  --md-sys-color-on-secondary-container: rgba(74, 68, 88, 1);
  --md-sys-color-on-surface: rgba(29, 27, 32, 1);
  --md-sys-color-on-surface-variant: rgba(73, 69, 79, 1);
  --md-sys-color-outline: rgba(121, 116, 126, 1);
  --md-sys-color-outline-variant: rgba(202, 196, 208, 1);
  --md-sys-color-primary: rgba(103, 80, 164, 1);
  --md-sys-color-secondary-container: rgba(232, 222, 248, 1);
  --md-sys-color-surface: rgba(254, 247, 255, 1);
  --md-sys-color-surface-container: rgba(243, 237, 247, 1);
  --md-sys-color-surface-container-high: rgba(236, 230, 240, 1);
  --md-sys-color-surface-container-low: rgba(247, 242, 250, 1);
  --md-sys-measurement-space100: 8px;
  --md-sys-measurement-space125: 10px;
  --md-sys-measurement-space150: 12px;
  --md-sys-measurement-space175: 14px;
  --md-sys-measurement-space200: 16px;
  --md-sys-measurement-space25: 2px;
  --md-sys-measurement-space250: 20px;
  --md-sys-measurement-space300: 24px;
  --md-sys-measurement-space400: 32px;
  --md-sys-measurement-space450: 36px;
  --md-sys-measurement-space50: 4px;
  --md-sys-measurement-space500: 40px;
  --md-sys-measurement-space600: 48px;
  --md-sys-measurement-space700: 56px;
  --md-sys-measurement-space75: 6px;
  --md-sys-measurement-space800: 64px;
  --md-sys-shape-corner-extra-large: 28px;
  --md-sys-shape-corner-extra-small: 4px;
  --md-sys-shape-corner-full: calc(infinity * 1px);
  --md-sys-shape-corner-large: 16px;
  --md-sys-shape-corner-medium: 12px;
  --md-sys-shape-corner-small: 8px;
  --md-sys-state-focus-indicator-outer-offset: 2px;
  --md-sys-state-focus-indicator-thickness: 3px;
  --md-sys-state-hover-state-layer-opacity: 0.08;
  --md-sys-typescale-body-large-font: "Roboto", sans-serif;
  --md-sys-typescale-body-large-line-height: 24px;
  --md-sys-typescale-body-large-size: 16px;
  --md-sys-typescale-body-large-tracking: 0.5px;
  --md-sys-typescale-body-large-weight: 400;
  --md-sys-typescale-body-medium-font: "Roboto", sans-serif;
  --md-sys-typescale-body-medium-line-height: 20px;
  --md-sys-typescale-body-medium-size: 14px;
  --md-sys-typescale-body-medium-tracking: 0.25px;
  --md-sys-typescale-body-medium-weight: 400;
  --md-sys-typescale-body-small-font: "Roboto", sans-serif;
  --md-sys-typescale-body-small-line-height: 16px;
  --md-sys-typescale-body-small-size: 12px;
  --md-sys-typescale-body-small-tracking: 0.4px;
  --md-sys-typescale-body-small-weight: 400;
  --md-sys-typescale-headline-medium-font: "Roboto", sans-serif;
  --md-sys-typescale-headline-medium-line-height: 36px;
  --md-sys-typescale-headline-medium-size: 28px;
  --md-sys-typescale-headline-medium-tracking: normal;
  --md-sys-typescale-headline-medium-weight: 400;
  --md-sys-typescale-label-large-font: "Roboto", sans-serif;
  --md-sys-typescale-label-large-line-height: 20px;
  --md-sys-typescale-label-large-size: 14px;
  --md-sys-typescale-label-large-tracking: 0.1px;
  --md-sys-typescale-label-large-weight: 500;
  --md-sys-typescale-title-large-size: 22px;
  --md-sys-typescale-title-medium-font: "Roboto", sans-serif;
  --md-sys-typescale-title-medium-line-height: 24px;
  --md-sys-typescale-title-medium-size: 16px;
  --md-sys-typescale-title-medium-tracking: 0.15px;
  --md-sys-typescale-title-medium-weight: 500;
}
:root[data-theme="light"][data-contrast="medium"] {
  color-scheme: light;
  --md-comp-dialog-container-color: rgba(236, 230, 240, 1);
  --md-comp-dialog-container-shape: 28px;
  --md-comp-dialog-headline-font: "Roboto", sans-serif;
  --md-comp-dialog-headline-line-height: 32px;
  --md-comp-dialog-headline-size: 24px;
  --md-comp-dialog-headline-tracking: normal;
  --md-comp-dialog-with-icon-icon-size: 24px;
  --md-comp-divider-thickness: 1px;
  --md-comp-filled-button-container-color: rgba(79, 55, 139, 1);
  --md-comp-filled-button-container-height: 40px;
  --md-comp-filled-button-container-shape: calc(infinity * 1px);
  --md-comp-filled-button-hover-state-layer-color: rgba(255, 255, 255, 1);
  --md-comp-filled-button-hover-state-layer-opacity: 0.08;
  --md-comp-filled-button-label-text-color: rgba(255, 255, 255, 1);
  --md-comp-filter-chip-container-height: 32px;
  --md-comp-filter-chip-container-shape: 8px;
  --md-comp-filter-chip-flat-selected-container-color: rgba(98, 91, 113, 1);
  --md-comp-filter-chip-selected-label-text-color: rgba(255, 255, 255, 1);
  --md-comp-navigation-drawer-scrim-color: rgba(50, 47, 55, 1);
  --md-comp-navigation-drawer-scrim-opacity: 0.4;
  --md-comp-outlined-text-field-container-height: 56px;
  --md-comp-outlined-text-field-outline-color: rgba(73, 69, 79, 1);
  --md-comp-outlined-text-field-outline-width: 1px;
  --md-comp-text-button-container-height: 40px;
  --md-comp-text-button-container-shape: calc(infinity * 1px);
  --md-comp-text-button-label-text-color: rgba(79, 55, 139, 1);
  --md-ref-palette-neutral0: rgba(0, 0, 0, 1);
  --md-sys-color-on-primary: rgba(255, 255, 255, 1);
  --md-sys-color-on-secondary-container: rgba(255, 255, 255, 1);
  --md-sys-color-on-surface: rgba(0, 0, 0, 1);
  --md-sys-color-on-surface-variant: rgba(50, 47, 55, 1);
  --md-sys-color-outline: rgba(73, 69, 79, 1);
  --md-sys-color-outline-variant: rgba(121, 116, 126, 1);
  --md-sys-color-primary: rgba(79, 55, 139, 1);
  --md-sys-color-secondary-container: rgba(98, 91, 113, 1);
  --md-sys-color-surface: rgba(254, 247, 255, 1);
  --md-sys-color-surface-container: rgba(243, 237, 247, 1);
  --md-sys-color-surface-container-high: rgba(236, 230, 240, 1);
  --md-sys-color-surface-container-low: rgba(247, 242, 250, 1);
  --md-sys-measurement-space100: 8px;
  --md-sys-measurement-space125: 10px;
  --md-sys-measurement-space150: 12px;
  --md-sys-measurement-space175: 14px;
  --md-sys-measurement-space200: 16px;
  --md-sys-measurement-space25: 2px;
  --md-sys-measurement-space250: 20px;
  --md-sys-measurement-space300: 24px;
  --md-sys-measurement-space400: 32px;
  --md-sys-measurement-space450: 36px;
  --md-sys-measurement-space50: 4px;
  --md-sys-measurement-space500: 40px;
  --md-sys-measurement-space600: 48px;
  --md-sys-measurement-space700: 56px;
  --md-sys-measurement-space75: 6px;
  --md-sys-measurement-space800: 64px;
  --md-sys-shape-corner-extra-large: 28px;
  --md-sys-shape-corner-extra-small: 4px;
  --md-sys-shape-corner-full: calc(infinity * 1px);
  --md-sys-shape-corner-large: 16px;
  --md-sys-shape-corner-medium: 12px;
  --md-sys-shape-corner-small: 8px;
  --md-sys-state-focus-indicator-outer-offset: 2px;
  --md-sys-state-focus-indicator-thickness: 3px;
  --md-sys-state-hover-state-layer-opacity: 0.08;
  --md-sys-typescale-body-large-font: "Roboto", sans-serif;
  --md-sys-typescale-body-large-line-height: 24px;
  --md-sys-typescale-body-large-size: 16px;
  --md-sys-typescale-body-large-tracking: 0.5px;
  --md-sys-typescale-body-large-weight: 400;
  --md-sys-typescale-body-medium-font: "Roboto", sans-serif;
  --md-sys-typescale-body-medium-line-height: 20px;
  --md-sys-typescale-body-medium-size: 14px;
  --md-sys-typescale-body-medium-tracking: 0.25px;
  --md-sys-typescale-body-medium-weight: 400;
  --md-sys-typescale-body-small-font: "Roboto", sans-serif;
  --md-sys-typescale-body-small-line-height: 16px;
  --md-sys-typescale-body-small-size: 12px;
  --md-sys-typescale-body-small-tracking: 0.4px;
  --md-sys-typescale-body-small-weight: 400;
  --md-sys-typescale-headline-medium-font: "Roboto", sans-serif;
  --md-sys-typescale-headline-medium-line-height: 36px;
  --md-sys-typescale-headline-medium-size: 28px;
  --md-sys-typescale-headline-medium-tracking: normal;
  --md-sys-typescale-headline-medium-weight: 400;
  --md-sys-typescale-label-large-font: "Roboto", sans-serif;
  --md-sys-typescale-label-large-line-height: 20px;
  --md-sys-typescale-label-large-size: 14px;
  --md-sys-typescale-label-large-tracking: 0.1px;
  --md-sys-typescale-label-large-weight: 500;
  --md-sys-typescale-title-large-size: 22px;
  --md-sys-typescale-title-medium-font: "Roboto", sans-serif;
  --md-sys-typescale-title-medium-line-height: 24px;
  --md-sys-typescale-title-medium-size: 16px;
  --md-sys-typescale-title-medium-tracking: 0.15px;
  --md-sys-typescale-title-medium-weight: 500;
}
:root[data-theme="light"][data-contrast="high"] {
  color-scheme: light;
  --md-comp-dialog-container-color: rgba(236, 230, 240, 1);
  --md-comp-dialog-container-shape: 28px;
  --md-comp-dialog-headline-font: "Roboto", sans-serif;
  --md-comp-dialog-headline-line-height: 32px;
  --md-comp-dialog-headline-size: 24px;
  --md-comp-dialog-headline-tracking: normal;
  --md-comp-dialog-with-icon-icon-size: 24px;
  --md-comp-divider-thickness: 1px;
  --md-comp-filled-button-container-color: rgba(56, 30, 114, 1);
  --md-comp-filled-button-container-height: 40px;
  --md-comp-filled-button-container-shape: calc(infinity * 1px);
  --md-comp-filled-button-hover-state-layer-color: rgba(255, 255, 255, 1);
  --md-comp-filled-button-hover-state-layer-opacity: 0.08;
  --md-comp-filled-button-label-text-color: rgba(255, 255, 255, 1);
  --md-comp-filter-chip-container-height: 32px;
  --md-comp-filter-chip-container-shape: 8px;
  --md-comp-filter-chip-flat-selected-container-color: rgba(74, 68, 88, 1);
  --md-comp-filter-chip-selected-label-text-color: rgba(255, 255, 255, 1);
  --md-comp-navigation-drawer-scrim-color: rgba(50, 47, 55, 1);
  --md-comp-navigation-drawer-scrim-opacity: 0.4;
  --md-comp-outlined-text-field-container-height: 56px;
  --md-comp-outlined-text-field-outline-color: rgba(50, 47, 55, 1);
  --md-comp-outlined-text-field-outline-width: 1px;
  --md-comp-text-button-container-height: 40px;
  --md-comp-text-button-container-shape: calc(infinity * 1px);
  --md-comp-text-button-label-text-color: rgba(56, 30, 114, 1);
  --md-ref-palette-neutral0: rgba(0, 0, 0, 1);
  --md-sys-color-on-primary: rgba(255, 255, 255, 1);
  --md-sys-color-on-secondary-container: rgba(255, 255, 255, 1);
  --md-sys-color-on-surface: rgba(0, 0, 0, 1);
  --md-sys-color-on-surface-variant: rgba(0, 0, 0, 1);
  --md-sys-color-outline: rgba(50, 47, 55, 1);
  --md-sys-color-outline-variant: rgba(73, 69, 79, 1);
  --md-sys-color-primary: rgba(56, 30, 114, 1);
  --md-sys-color-secondary-container: rgba(74, 68, 88, 1);
  --md-sys-color-surface: rgba(254, 247, 255, 1);
  --md-sys-color-surface-container: rgba(243, 237, 247, 1);
  --md-sys-color-surface-container-high: rgba(236, 230, 240, 1);
  --md-sys-color-surface-container-low: rgba(247, 242, 250, 1);
  --md-sys-measurement-space100: 8px;
  --md-sys-measurement-space125: 10px;
  --md-sys-measurement-space150: 12px;
  --md-sys-measurement-space175: 14px;
  --md-sys-measurement-space200: 16px;
  --md-sys-measurement-space25: 2px;
  --md-sys-measurement-space250: 20px;
  --md-sys-measurement-space300: 24px;
  --md-sys-measurement-space400: 32px;
  --md-sys-measurement-space450: 36px;
  --md-sys-measurement-space50: 4px;
  --md-sys-measurement-space500: 40px;
  --md-sys-measurement-space600: 48px;
  --md-sys-measurement-space700: 56px;
  --md-sys-measurement-space75: 6px;
  --md-sys-measurement-space800: 64px;
  --md-sys-shape-corner-extra-large: 28px;
  --md-sys-shape-corner-extra-small: 4px;
  --md-sys-shape-corner-full: calc(infinity * 1px);
  --md-sys-shape-corner-large: 16px;
  --md-sys-shape-corner-medium: 12px;
  --md-sys-shape-corner-small: 8px;
  --md-sys-state-focus-indicator-outer-offset: 2px;
  --md-sys-state-focus-indicator-thickness: 3px;
  --md-sys-state-hover-state-layer-opacity: 0.08;
  --md-sys-typescale-body-large-font: "Roboto", sans-serif;
  --md-sys-typescale-body-large-line-height: 24px;
  --md-sys-typescale-body-large-size: 16px;
  --md-sys-typescale-body-large-tracking: 0.5px;
  --md-sys-typescale-body-large-weight: 400;
  --md-sys-typescale-body-medium-font: "Roboto", sans-serif;
  --md-sys-typescale-body-medium-line-height: 20px;
  --md-sys-typescale-body-medium-size: 14px;
  --md-sys-typescale-body-medium-tracking: 0.25px;
  --md-sys-typescale-body-medium-weight: 400;
  --md-sys-typescale-body-small-font: "Roboto", sans-serif;
  --md-sys-typescale-body-small-line-height: 16px;
  --md-sys-typescale-body-small-size: 12px;
  --md-sys-typescale-body-small-tracking: 0.4px;
  --md-sys-typescale-body-small-weight: 400;
  --md-sys-typescale-headline-medium-font: "Roboto", sans-serif;
  --md-sys-typescale-headline-medium-line-height: 36px;
  --md-sys-typescale-headline-medium-size: 28px;
  --md-sys-typescale-headline-medium-tracking: normal;
  --md-sys-typescale-headline-medium-weight: 400;
  --md-sys-typescale-label-large-font: "Roboto", sans-serif;
  --md-sys-typescale-label-large-line-height: 20px;
  --md-sys-typescale-label-large-size: 14px;
  --md-sys-typescale-label-large-tracking: 0.1px;
  --md-sys-typescale-label-large-weight: 500;
  --md-sys-typescale-title-large-size: 22px;
  --md-sys-typescale-title-medium-font: "Roboto", sans-serif;
  --md-sys-typescale-title-medium-line-height: 24px;
  --md-sys-typescale-title-medium-size: 16px;
  --md-sys-typescale-title-medium-tracking: 0.15px;
  --md-sys-typescale-title-medium-weight: 500;
}
:root[data-theme="dark"][data-contrast="default"] {
  color-scheme: dark;
  --md-comp-dialog-container-color: rgba(43, 41, 48, 1);
  --md-comp-dialog-container-shape: 28px;
  --md-comp-dialog-headline-font: "Roboto", sans-serif;
  --md-comp-dialog-headline-line-height: 32px;
  --md-comp-dialog-headline-size: 24px;
  --md-comp-dialog-headline-tracking: normal;
  --md-comp-dialog-with-icon-icon-size: 24px;
  --md-comp-divider-thickness: 1px;
  --md-comp-filled-button-container-color: rgba(208, 188, 255, 1);
  --md-comp-filled-button-container-height: 40px;
  --md-comp-filled-button-container-shape: calc(infinity * 1px);
  --md-comp-filled-button-hover-state-layer-color: rgba(56, 30, 114, 1);
  --md-comp-filled-button-hover-state-layer-opacity: 0.08;
  --md-comp-filled-button-label-text-color: rgba(56, 30, 114, 1);
  --md-comp-filter-chip-container-height: 32px;
  --md-comp-filter-chip-container-shape: 8px;
  --md-comp-filter-chip-flat-selected-container-color: rgba(74, 68, 88, 1);
  --md-comp-filter-chip-selected-label-text-color: rgba(232, 222, 248, 1);
  --md-comp-navigation-drawer-scrim-color: rgba(50, 47, 55, 1);
  --md-comp-navigation-drawer-scrim-opacity: 0.4;
  --md-comp-outlined-text-field-container-height: 56px;
  --md-comp-outlined-text-field-outline-color: rgba(147, 143, 153, 1);
  --md-comp-outlined-text-field-outline-width: 1px;
  --md-comp-text-button-container-height: 40px;
  --md-comp-text-button-container-shape: calc(infinity * 1px);
  --md-comp-text-button-label-text-color: rgba(208, 188, 255, 1);
  --md-ref-palette-neutral0: rgba(0, 0, 0, 1);
  --md-sys-color-on-primary: rgba(56, 30, 114, 1);
  --md-sys-color-on-secondary-container: rgba(232, 222, 248, 1);
  --md-sys-color-on-surface: rgba(230, 224, 233, 1);
  --md-sys-color-on-surface-variant: rgba(202, 196, 208, 1);
  --md-sys-color-outline: rgba(147, 143, 153, 1);
  --md-sys-color-outline-variant: rgba(73, 69, 79, 1);
  --md-sys-color-primary: rgba(208, 188, 255, 1);
  --md-sys-color-secondary-container: rgba(74, 68, 88, 1);
  --md-sys-color-surface: rgba(20, 18, 24, 1);
  --md-sys-color-surface-container: rgba(33, 31, 38, 1);
  --md-sys-color-surface-container-high: rgba(43, 41, 48, 1);
  --md-sys-color-surface-container-low: rgba(29, 27, 32, 1);
  --md-sys-measurement-space100: 8px;
  --md-sys-measurement-space125: 10px;
  --md-sys-measurement-space150: 12px;
  --md-sys-measurement-space175: 14px;
  --md-sys-measurement-space200: 16px;
  --md-sys-measurement-space25: 2px;
  --md-sys-measurement-space250: 20px;
  --md-sys-measurement-space300: 24px;
  --md-sys-measurement-space400: 32px;
  --md-sys-measurement-space450: 36px;
  --md-sys-measurement-space50: 4px;
  --md-sys-measurement-space500: 40px;
  --md-sys-measurement-space600: 48px;
  --md-sys-measurement-space700: 56px;
  --md-sys-measurement-space75: 6px;
  --md-sys-measurement-space800: 64px;
  --md-sys-shape-corner-extra-large: 28px;
  --md-sys-shape-corner-extra-small: 4px;
  --md-sys-shape-corner-full: calc(infinity * 1px);
  --md-sys-shape-corner-large: 16px;
  --md-sys-shape-corner-medium: 12px;
  --md-sys-shape-corner-small: 8px;
  --md-sys-state-focus-indicator-outer-offset: 2px;
  --md-sys-state-focus-indicator-thickness: 3px;
  --md-sys-state-hover-state-layer-opacity: 0.08;
  --md-sys-typescale-body-large-font: "Roboto", sans-serif;
  --md-sys-typescale-body-large-line-height: 24px;
  --md-sys-typescale-body-large-size: 16px;
  --md-sys-typescale-body-large-tracking: 0.5px;
  --md-sys-typescale-body-large-weight: 400;
  --md-sys-typescale-body-medium-font: "Roboto", sans-serif;
  --md-sys-typescale-body-medium-line-height: 20px;
  --md-sys-typescale-body-medium-size: 14px;
  --md-sys-typescale-body-medium-tracking: 0.25px;
  --md-sys-typescale-body-medium-weight: 400;
  --md-sys-typescale-body-small-font: "Roboto", sans-serif;
  --md-sys-typescale-body-small-line-height: 16px;
  --md-sys-typescale-body-small-size: 12px;
  --md-sys-typescale-body-small-tracking: 0.4px;
  --md-sys-typescale-body-small-weight: 400;
  --md-sys-typescale-headline-medium-font: "Roboto", sans-serif;
  --md-sys-typescale-headline-medium-line-height: 36px;
  --md-sys-typescale-headline-medium-size: 28px;
  --md-sys-typescale-headline-medium-tracking: normal;
  --md-sys-typescale-headline-medium-weight: 400;
  --md-sys-typescale-label-large-font: "Roboto", sans-serif;
  --md-sys-typescale-label-large-line-height: 20px;
  --md-sys-typescale-label-large-size: 14px;
  --md-sys-typescale-label-large-tracking: 0.1px;
  --md-sys-typescale-label-large-weight: 500;
  --md-sys-typescale-title-large-size: 22px;
  --md-sys-typescale-title-medium-font: "Roboto", sans-serif;
  --md-sys-typescale-title-medium-line-height: 24px;
  --md-sys-typescale-title-medium-size: 16px;
  --md-sys-typescale-title-medium-tracking: 0.15px;
  --md-sys-typescale-title-medium-weight: 500;
}
:root[data-theme="dark"][data-contrast="medium"] {
  color-scheme: dark;
  --md-comp-dialog-container-color: rgba(43, 41, 48, 1);
  --md-comp-dialog-container-shape: 28px;
  --md-comp-dialog-headline-font: "Roboto", sans-serif;
  --md-comp-dialog-headline-line-height: 32px;
  --md-comp-dialog-headline-size: 24px;
  --md-comp-dialog-headline-tracking: normal;
  --md-comp-dialog-with-icon-icon-size: 24px;
  --md-comp-divider-thickness: 1px;
  --md-comp-filled-button-container-color: rgba(234, 221, 255, 1);
  --md-comp-filled-button-container-height: 40px;
  --md-comp-filled-button-container-shape: calc(infinity * 1px);
  --md-comp-filled-button-hover-state-layer-color: rgba(33, 0, 93, 1);
  --md-comp-filled-button-hover-state-layer-opacity: 0.08;
  --md-comp-filled-button-label-text-color: rgba(33, 0, 93, 1);
  --md-comp-filter-chip-container-height: 32px;
  --md-comp-filter-chip-container-shape: 8px;
  --md-comp-filter-chip-flat-selected-container-color: rgba(149, 141, 165, 1);
  --md-comp-filter-chip-selected-label-text-color: rgba(0, 0, 0, 1);
  --md-comp-navigation-drawer-scrim-color: rgba(50, 47, 55, 1);
  --md-comp-navigation-drawer-scrim-opacity: 0.4;
  --md-comp-outlined-text-field-container-height: 56px;
  --md-comp-outlined-text-field-outline-color: rgba(174, 169, 180, 1);
  --md-comp-outlined-text-field-outline-width: 1px;
  --md-comp-text-button-container-height: 40px;
  --md-comp-text-button-container-shape: calc(infinity * 1px);
  --md-comp-text-button-label-text-color: rgba(234, 221, 255, 1);
  --md-ref-palette-neutral0: rgba(0, 0, 0, 1);
  --md-sys-color-on-primary: rgba(33, 0, 93, 1);
  --md-sys-color-on-secondary-container: rgba(0, 0, 0, 1);
  --md-sys-color-on-surface: rgba(255, 255, 255, 1);
  --md-sys-color-on-surface-variant: rgba(231, 224, 236, 1);
  --md-sys-color-outline: rgba(174, 169, 180, 1);
  --md-sys-color-outline-variant: rgba(147, 143, 153, 1);
  --md-sys-color-primary: rgba(234, 221, 255, 1);
  --md-sys-color-secondary-container: rgba(149, 141, 165, 1);
  --md-sys-color-surface: rgba(20, 18, 24, 1);
  --md-sys-color-surface-container: rgba(33, 31, 38, 1);
  --md-sys-color-surface-container-high: rgba(43, 41, 48, 1);
  --md-sys-color-surface-container-low: rgba(29, 27, 32, 1);
  --md-sys-measurement-space100: 8px;
  --md-sys-measurement-space125: 10px;
  --md-sys-measurement-space150: 12px;
  --md-sys-measurement-space175: 14px;
  --md-sys-measurement-space200: 16px;
  --md-sys-measurement-space25: 2px;
  --md-sys-measurement-space250: 20px;
  --md-sys-measurement-space300: 24px;
  --md-sys-measurement-space400: 32px;
  --md-sys-measurement-space450: 36px;
  --md-sys-measurement-space50: 4px;
  --md-sys-measurement-space500: 40px;
  --md-sys-measurement-space600: 48px;
  --md-sys-measurement-space700: 56px;
  --md-sys-measurement-space75: 6px;
  --md-sys-measurement-space800: 64px;
  --md-sys-shape-corner-extra-large: 28px;
  --md-sys-shape-corner-extra-small: 4px;
  --md-sys-shape-corner-full: calc(infinity * 1px);
  --md-sys-shape-corner-large: 16px;
  --md-sys-shape-corner-medium: 12px;
  --md-sys-shape-corner-small: 8px;
  --md-sys-state-focus-indicator-outer-offset: 2px;
  --md-sys-state-focus-indicator-thickness: 3px;
  --md-sys-state-hover-state-layer-opacity: 0.08;
  --md-sys-typescale-body-large-font: "Roboto", sans-serif;
  --md-sys-typescale-body-large-line-height: 24px;
  --md-sys-typescale-body-large-size: 16px;
  --md-sys-typescale-body-large-tracking: 0.5px;
  --md-sys-typescale-body-large-weight: 400;
  --md-sys-typescale-body-medium-font: "Roboto", sans-serif;
  --md-sys-typescale-body-medium-line-height: 20px;
  --md-sys-typescale-body-medium-size: 14px;
  --md-sys-typescale-body-medium-tracking: 0.25px;
  --md-sys-typescale-body-medium-weight: 400;
  --md-sys-typescale-body-small-font: "Roboto", sans-serif;
  --md-sys-typescale-body-small-line-height: 16px;
  --md-sys-typescale-body-small-size: 12px;
  --md-sys-typescale-body-small-tracking: 0.4px;
  --md-sys-typescale-body-small-weight: 400;
  --md-sys-typescale-headline-medium-font: "Roboto", sans-serif;
  --md-sys-typescale-headline-medium-line-height: 36px;
  --md-sys-typescale-headline-medium-size: 28px;
  --md-sys-typescale-headline-medium-tracking: normal;
  --md-sys-typescale-headline-medium-weight: 400;
  --md-sys-typescale-label-large-font: "Roboto", sans-serif;
  --md-sys-typescale-label-large-line-height: 20px;
  --md-sys-typescale-label-large-size: 14px;
  --md-sys-typescale-label-large-tracking: 0.1px;
  --md-sys-typescale-label-large-weight: 500;
  --md-sys-typescale-title-large-size: 22px;
  --md-sys-typescale-title-medium-font: "Roboto", sans-serif;
  --md-sys-typescale-title-medium-line-height: 24px;
  --md-sys-typescale-title-medium-size: 16px;
  --md-sys-typescale-title-medium-tracking: 0.15px;
  --md-sys-typescale-title-medium-weight: 500;
}
:root[data-theme="dark"][data-contrast="high"] {
  color-scheme: dark;
  --md-comp-dialog-container-color: rgba(43, 41, 48, 1);
  --md-comp-dialog-container-shape: 28px;
  --md-comp-dialog-headline-font: "Roboto", sans-serif;
  --md-comp-dialog-headline-line-height: 32px;
  --md-comp-dialog-headline-size: 24px;
  --md-comp-dialog-headline-tracking: normal;
  --md-comp-dialog-with-icon-icon-size: 24px;
  --md-comp-divider-thickness: 1px;
  --md-comp-filled-button-container-color: rgba(246, 237, 255, 1);
  --md-comp-filled-button-container-height: 40px;
  --md-comp-filled-button-container-shape: calc(infinity * 1px);
  --md-comp-filled-button-hover-state-layer-color: rgba(0, 0, 0, 1);
  --md-comp-filled-button-hover-state-layer-opacity: 0.08;
  --md-comp-filled-button-label-text-color: rgba(0, 0, 0, 1);
  --md-comp-filter-chip-container-height: 32px;
  --md-comp-filter-chip-container-shape: 8px;
  --md-comp-filter-chip-flat-selected-container-color: rgba(204, 194, 220, 1);
  --md-comp-filter-chip-selected-label-text-color: rgba(0, 0, 0, 1);
  --md-comp-navigation-drawer-scrim-color: rgba(50, 47, 55, 1);
  --md-comp-navigation-drawer-scrim-opacity: 0.4;
  --md-comp-outlined-text-field-container-height: 56px;
  --md-comp-outlined-text-field-outline-color: rgba(245, 238, 250, 1);
  --md-comp-outlined-text-field-outline-width: 1px;
  --md-comp-text-button-container-height: 40px;
  --md-comp-text-button-container-shape: calc(infinity * 1px);
  --md-comp-text-button-label-text-color: rgba(246, 237, 255, 1);
  --md-ref-palette-neutral0: rgba(0, 0, 0, 1);
  --md-sys-color-on-primary: rgba(0, 0, 0, 1);
  --md-sys-color-on-secondary-container: rgba(0, 0, 0, 1);
  --md-sys-color-on-surface: rgba(255, 255, 255, 1);
  --md-sys-color-on-surface-variant: rgba(255, 255, 255, 1);
  --md-sys-color-outline: rgba(245, 238, 250, 1);
  --md-sys-color-outline-variant: rgba(202, 196, 208, 1);
  --md-sys-color-primary: rgba(246, 237, 255, 1);
  --md-sys-color-secondary-container: rgba(204, 194, 220, 1);
  --md-sys-color-surface: rgba(20, 18, 24, 1);
  --md-sys-color-surface-container: rgba(33, 31, 38, 1);
  --md-sys-color-surface-container-high: rgba(43, 41, 48, 1);
  --md-sys-color-surface-container-low: rgba(29, 27, 32, 1);
  --md-sys-measurement-space100: 8px;
  --md-sys-measurement-space125: 10px;
  --md-sys-measurement-space150: 12px;
  --md-sys-measurement-space175: 14px;
  --md-sys-measurement-space200: 16px;
  --md-sys-measurement-space25: 2px;
  --md-sys-measurement-space250: 20px;
  --md-sys-measurement-space300: 24px;
  --md-sys-measurement-space400: 32px;
  --md-sys-measurement-space450: 36px;
  --md-sys-measurement-space50: 4px;
  --md-sys-measurement-space500: 40px;
  --md-sys-measurement-space600: 48px;
  --md-sys-measurement-space700: 56px;
  --md-sys-measurement-space75: 6px;
  --md-sys-measurement-space800: 64px;
  --md-sys-shape-corner-extra-large: 28px;
  --md-sys-shape-corner-extra-small: 4px;
  --md-sys-shape-corner-full: calc(infinity * 1px);
  --md-sys-shape-corner-large: 16px;
  --md-sys-shape-corner-medium: 12px;
  --md-sys-shape-corner-small: 8px;
  --md-sys-state-focus-indicator-outer-offset: 2px;
  --md-sys-state-focus-indicator-thickness: 3px;
  --md-sys-state-hover-state-layer-opacity: 0.08;
  --md-sys-typescale-body-large-font: "Roboto", sans-serif;
  --md-sys-typescale-body-large-line-height: 24px;
  --md-sys-typescale-body-large-size: 16px;
  --md-sys-typescale-body-large-tracking: 0.5px;
  --md-sys-typescale-body-large-weight: 400;
  --md-sys-typescale-body-medium-font: "Roboto", sans-serif;
  --md-sys-typescale-body-medium-line-height: 20px;
  --md-sys-typescale-body-medium-size: 14px;
  --md-sys-typescale-body-medium-tracking: 0.25px;
  --md-sys-typescale-body-medium-weight: 400;
  --md-sys-typescale-body-small-font: "Roboto", sans-serif;
  --md-sys-typescale-body-small-line-height: 16px;
  --md-sys-typescale-body-small-size: 12px;
  --md-sys-typescale-body-small-tracking: 0.4px;
  --md-sys-typescale-body-small-weight: 400;
  --md-sys-typescale-headline-medium-font: "Roboto", sans-serif;
  --md-sys-typescale-headline-medium-line-height: 36px;
  --md-sys-typescale-headline-medium-size: 28px;
  --md-sys-typescale-headline-medium-tracking: normal;
  --md-sys-typescale-headline-medium-weight: 400;
  --md-sys-typescale-label-large-font: "Roboto", sans-serif;
  --md-sys-typescale-label-large-line-height: 20px;
  --md-sys-typescale-label-large-size: 14px;
  --md-sys-typescale-label-large-tracking: 0.1px;
  --md-sys-typescale-label-large-weight: 500;
  --md-sys-typescale-title-large-size: 22px;
  --md-sys-typescale-title-medium-font: "Roboto", sans-serif;
  --md-sys-typescale-title-medium-line-height: 24px;
  --md-sys-typescale-title-medium-size: 16px;
  --md-sys-typescale-title-medium-tracking: 0.15px;
  --md-sys-typescale-title-medium-weight: 500;
}