genesys-spark 4.65.0 → 4.65.1

package/dist/ui.css

@@ -0,0 +1,1519 @@
+:root {
+  --gse-ui-copyToClipboard-label-active-backgroundColor: #dee1fd;
+  --gse-ui-copyToClipboard-label-foregroundColor: #1b2c48;
+  --gse-ui-copyToClipboard-label-padding: 2px 4px;
+  --gse-ui-copyToClipboard-label-borderRadius: 4px;
+  --gse-ui-copyToClipboard-label-text-fontFamily: Noto Sans;
+  --gse-ui-copyToClipboard-label-text-fontWeight: 400;
+  --gse-ui-copyToClipboard-label-text-lineHeight: 20px;
+  --gse-ui-copyToClipboard-label-text-fontSize: 14px;
+  --gse-ui-copyToClipboard-label-text-textDecoration: underline;
+  --gse-ui-copyToClipboard-gap: 16px;
+  --gse-ui-copyToClipboard-contentContainer-gap: 2px;
+  --gse-ui-copyToClipboard-iconContainer-padding: 4px;
+  --gse-ui-copyToClipboard-tooltipIcon-success-foregroundColor: #09b581;
+  --gse-ui-copyToClipboard-tooltipIcon-error-foregroundColor: #e22245;
+  --gse-ui-dismissButton-foregroundColor: #626e84;
+}
+
+:root {
+  --gse-ui-dataTableItems-header-text-fontFamily: Noto Sans;
+  --gse-ui-dataTableItems-header-text-lineHeight: 16px;
+  --gse-ui-dataTableItems-header-text-fontSize: 12px;
+  --gse-ui-dataTableItems-header-text-fontWeight: 700;
+  --gse-ui-dataTableItems-header-multiselect-default-height: 40px;
+  --gse-ui-dataTableItems-header-multiselect-default-width: 41px;
+  --gse-ui-dataTableItems-header-multiselect-default-selectedBar-height: 3px;
+  --gse-ui-dataTableItems-header-multiselect-default-selectedBar-width: 41px;
+  --gse-ui-dataTableItems-header-multiselect-compact-height: 32px;
+  --gse-ui-dataTableItems-header-multiselect-compact-width: 64px;
+  --gse-ui-dataTableItems-header-multiselect-compact-selectedBar-height: 3px;
+  --gse-ui-dataTableItems-header-multiselect-compact-selectedBar-width: 64px;
+  --gse-ui-dataTableItems-header-selectedIndicatorColor: #9ca6f9;
+  --gse-ui-dataTableItems-header-defaultBackgroundColor: #ffffff;
+  --gse-ui-dataTableItems-header-fixedBackgroundColor: #dee1fd;
+  --gse-ui-dataTableItems-header-foregroundColor: #1b2c48;
+  --gse-ui-dataTableItems-header-sort-foregroundColor: #626e84;
+  --gse-ui-dataTableItems-header-default-height: 40px;
+  --gse-ui-dataTableItems-header-default-width: 229px;
+  --gse-ui-dataTableItems-header-compact-height: 32px;
+  --gse-ui-dataTableItems-header-compact-width: 229px;
+  --gse-ui-dataTableItems-header-padding: 0 12px;
+  --gse-ui-dataTableItems-header-gap: 8px;
+  --gse-ui-dataTableItems-header-selectedBar-height: 3px;
+  --gse-ui-dataTableItems-header-selectedBar-width: 229px;
+  --gse-ui-dataTableItems-divider-color: #e8ebf7;
+  --gse-ui-dataTableItems-divider-width: 1px;
+  --gse-ui-dataTableItems-divider-style: solid;
+  --gse-ui-dataTableItems-scrollbar-borderRadius: 45px;
+  --gse-ui-dataTableItems-scrollbar-foregroundColor: #626e84;
+  --gse-ui-dataTableItems-cell-altBackgroundColor: #f3f5fb;
+  --gse-ui-dataTableItems-cell-defaultBackgroundColor: #ffffff;
+  --gse-ui-dataTableItems-cell-hoverBackgroundColor: #dee1fd;
+  --gse-ui-dataTableItems-cell-foregroundColor: #1b2c48;
+  --gse-ui-dataTableItems-cell-chevron-foregroundColor: #626e84;
+  --gse-ui-dataTableItems-cell-multiselect-default-height: 40px;
+  --gse-ui-dataTableItems-cell-multiselect-compact-height: 32px;
+  --gse-ui-dataTableItems-cell-multiselect-padding: 0 16px;
+  --gse-ui-dataTableItems-cell-multiselect-gap: 8px;
+  --gse-ui-dataTableItems-cell-multiselect-checkboxCell-default-height: 40px;
+  --gse-ui-dataTableItems-cell-multiselect-checkboxCell-default-width: 41px;
+  --gse-ui-dataTableItems-cell-multiselect-checkboxCell-compact-height: 32px;
+  --gse-ui-dataTableItems-cell-multiselect-checkboxCell-compact-width: 41px;
+  --gse-ui-dataTableItems-cell-default-height: 40px;
+  --gse-ui-dataTableItems-cell-default-width: 229px;
+  --gse-ui-dataTableItems-cell-compact-height: 32px;
+  --gse-ui-dataTableItems-cell-compact-width: 229px;
+  --gse-ui-dataTableItems-cell-padding: 0 12px;
+  --gse-ui-dataTableItems-cell-gap: 8px;
+  --gse-ui-dataTableItems-cell-icon-foregroundColor: #1b2c48;
+  --gse-ui-dataTableItems-cell-text-fontFamily: Noto Sans;
+  --gse-ui-dataTableItems-cell-text-lineHeight: 16px;
+  --gse-ui-dataTableItems-cell-text-fontSize: 12px;
+  --gse-ui-dataTableItems-cell-text-fontWeight: 400;
+  --gse-ui-dataTableItems-cell-tablePagination-width: 727px;
+  --gse-ui-dataTableItems-cell-tablePagination-height: 56px;
+  --gse-ui-dataTableItems-cell-contextMenu-default-height: 40px;
+  --gse-ui-dataTableItems-cell-contextMenu-default-width: 41px;
+  --gse-ui-dataTableItems-cell-contextMenu-compact-height: 32px;
+  --gse-ui-dataTableItems-cell-contextMenu-compact-width: 41px;
+  --gse-ui-dataTableItems-editColumn-editColumnItem-gap: 8px;
+  --gse-ui-dataTableItems-editColumn-editColumnItem-foregroundColor: #3e5374;
+  --gse-ui-dataTableItems-editColumn-editColumnItem-height: 18px;
+  --gse-ui-dataTableItems-editColumn-editColumnContent-gap: 10px;
+  --gse-ui-dataTableItems-editColumn-editColumnContent-padding: 8px 0;
+  --gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap: 4px;
+  --gse-ui-dataTableItems-tableToolbar-gap: 4px;
+  --gse-ui-dataTableItems-tableToolbar-dividerColor: #c6ceec;
+  --gse-ui-dataTableItems-tableToolbar-divider-width: 1px;
+  --gse-ui-dataTableItems-tableToolbar-divider-height: 32px;
+  --gse-ui-dataTableItems-tableToolbar-height: 32px;
+  --gse-ui-dataTableItems-tablePagination-recordsetControls-gap: 10px;
+  --gse-ui-dataTableItems-tablePagination-padding: 12px;
+  --gse-ui-dataTableItems-tablePagination-divider-color: #c6c8ce;
+  --gse-ui-dataTableItems-tablePagination-divider-width: 1px;
+  --gse-ui-dataTableItems-tablePagination-divider-style: solid;
+  --gse-ui-dataTableItems-tablePagination-defaultText-fontFamily: Noto Sans;
+  --gse-ui-dataTableItems-tablePagination-defaultText-lineHeight: 16px;
+  --gse-ui-dataTableItems-tablePagination-defaultText-fontSize: 12px;
+  --gse-ui-dataTableItems-tablePagination-defaultText-fontWeight: 400;
+  --gse-ui-dataTableItems-tablePagination-currentResultText-fontFamily: Noto
+    Sans;
+  --gse-ui-dataTableItems-tablePagination-currentResultText-lineHeight: 16px;
+  --gse-ui-dataTableItems-tablePagination-currentResultText-fontSize: 12px;
+  --gse-ui-dataTableItems-tablePagination-currentResultText-fontWeight: 700;
+  --gse-ui-dataTableItems-tablePagination-defaultBackgroundColor: #ffffff;
+  --gse-ui-dataTableItems-tablePagination-foregroundColor: #1b2c48;
+  --gse-ui-dataTableItems-tablePagination-countDisplay-gap: 4px;
+  --gse-ui-avatar-groupShapes-gap: -4px;
+  --gse-ui-avatar-large-size: 96px;
+  --gse-ui-avatar-large-badge-size: 24px;
+  --gse-ui-avatar-large-focusRing-size: 98px;
+  --gse-ui-avatar-large-content-size: 84px;
+  --gse-ui-avatar-large-initials-fontFamily: Urbanist;
+  --gse-ui-avatar-large-initials-lineHeight: 1;
+  --gse-ui-avatar-large-initials-fontSize: 36px;
+  --gse-ui-avatar-large-initials-fontWeight: 600;
+  --gse-ui-avatar-large-presenceRing-width: 4px;
+  --gse-ui-avatar-large-ucIntegration-size: 32px;
+  --gse-ui-avatar-presenceRing-available: linear-gradient(
+    135deg,
+    #09b581 0%,
+    #9de1cd 100%
+  );
+  --gse-ui-avatar-presenceRing-busy: linear-gradient(
+    135deg,
+    #e22245 0%,
+    #f3a7b5 100%
+  );
+  --gse-ui-avatar-presenceRing-away: linear-gradient(
+    135deg,
+    #f8c73e 0%,
+    #fce9b2 100%
+  );
+  --gse-ui-avatar-presenceRing-onQueue: linear-gradient(
+    135deg,
+    #4856cb 0%,
+    #9ca6f9 100%
+  );
+  --gse-ui-avatar-presenceRing-offline: linear-gradient(
+    135deg,
+    #767c8d 0%,
+    #a3a7b0 100%
+  );
+  --gse-ui-avatar-presenceRing-outOfOffice: linear-gradient(
+    135deg,
+    #b74ba4 0%,
+    #f5bfeb 100%
+  );
+  --gse-ui-avatar-medium-size: 48px;
+  --gse-ui-avatar-medium-badge-size: 16px;
+  --gse-ui-avatar-medium-focusRing-size: 50px;
+  --gse-ui-avatar-medium-content-size: 40px;
+  --gse-ui-avatar-medium-initials-fontFamily: Urbanist;
+  --gse-ui-avatar-medium-initials-lineHeight: 1;
+  --gse-ui-avatar-medium-initials-fontSize: 18px;
+  --gse-ui-avatar-medium-initials-fontWeight: 600;
+  --gse-ui-avatar-medium-presenceRing-width: 3px;
+  --gse-ui-avatar-small-size: 32px;
+  --gse-ui-avatar-small-badge-size: 8px;
+  --gse-ui-avatar-small-focusRing-size: 34px;
+  --gse-ui-avatar-small-content-size: 26px;
+  --gse-ui-avatar-small-initials-fontFamily: Urbanist;
+  --gse-ui-avatar-small-initials-lineHeight: 1;
+  --gse-ui-avatar-small-initials-fontSize: 12px;
+  --gse-ui-avatar-small-initials-fontWeight: 600;
+  --gse-ui-avatar-small-substract-size: 30px;
+  --gse-ui-avatar-small-presenceRing-width: 2px;
+  --gse-ui-avatar-xsmall-size: 24px;
+  --gse-ui-avatar-xsmall-focusRing-size: 26px;
+  --gse-ui-avatar-xsmall-content-size: 18px;
+  --gse-ui-avatar-xsmall-initials-fontFamily: Urbanist;
+  --gse-ui-avatar-xsmall-initials-lineHeight: 1;
+  --gse-ui-avatar-xsmall-initials-fontSize: 8px;
+  --gse-ui-avatar-xsmall-initials-fontWeight: 600;
+  --gse-ui-avatar-xsmall-presenceRing-width: 2px;
+  --gse-ui-avatar-badge-available-color: #09b581;
+  --gse-ui-avatar-badge-busy-color: #e22245;
+  --gse-ui-avatar-badge-busy-icon-margin: 2px;
+  --gse-ui-avatar-badge-away: #f8c73e;
+  --gse-ui-avatar-badge-onQueue-color: #4856cb;
+  --gse-ui-avatar-badge-offline-color: #626e84;
+  --gse-ui-avatar-badge-outOfOffice: #b74ba4;
+  --gse-ui-avatar-badge-notification-color: #fe624d;
+  --gse-ui-avatar-badge-foregroundDefault-color: #ffffff;
+  --gse-ui-avatar-badge-foregroundDark-color: #3e5374;
+  --gse-ui-avatar-badge-notifications-icon-margin: 4px;
+  --gse-ui-avatar-badge-queue-icon-margin: 4px;
+  --gse-ui-avatar-media-initialsBackground-default: #115d71;
+  --gse-ui-avatar-media-initialsBackground-accent1: #7785b8;
+  --gse-ui-avatar-media-initialsBackground-accent2: #90d3dd;
+  --gse-ui-avatar-media-initialsBackground-accent3: #0c6d7e;
+  --gse-ui-avatar-media-initialsBackground-accent4: #547688;
+  --gse-ui-avatar-media-initialsBackground-accent5: #a5cae0;
+  --gse-ui-avatar-media-initialsBackground-accent6: #b5bfe6;
+  --gse-ui-avatar-media-initialsBackground-accent7: #a05195;
+  --gse-ui-avatar-media-initialsBackground-accent8: #f95d6a;
+  --gse-ui-avatar-media-initialsBackground-accent9: #fe8f85;
+  --gse-ui-avatar-media-initialsBackground-accent10: #ffc650;
+  --gse-ui-avatar-media-initialsBackground-accent11: #fe624d;
+  --gse-ui-avatar-media-initialsBackground-accent12: #c44b3b;
+  --gse-ui-avatar-media-initialsBackground-overflowCount: #626e84;
+  --gse-ui-avatar-media-initialsBackground-add: #ced2fc;
+  --gse-ui-avatar-media-initialsForeground-default: #1b2c48;
+  --gse-ui-avatar-media-initialsForeground-inverse: #ffffff;
+  --gse-ui-avatar-media-initialsForeground-add: #4856cb;
+  --gse-ui-avatar-hoverModal-shroudColor: #0f1929;
+  --gse-ui-avatar-hoverModal-foregroundColor: #ffffff;
+  --gse-ui-avatar-hoverModal-opacity: 80%;
+  --gse-ui-avatar-content-borderRadius: 256px;
+  --gse-ui-avatar-content-default-border-color: #ffffff;
+  --gse-ui-avatar-content-default-border-width: 1px;
+  --gse-ui-avatar-content-default-border-style: solid;
+  --gse-ui-avatar-content-large-border-color: #ffffff;
+  --gse-ui-avatar-content-large-border-width: 2px;
+  --gse-ui-avatar-content-large-border-style: solid;
+  --gse-ui-avatar-groupSet-gap: -2px;
+  --gse-ui-avatar-focusRing-large-borderRadius: 96px;
+  --gse-ui-avatar-focusRing-large-border-color: #7b88f7;
+  --gse-ui-avatar-focusRing-large-border-width: 3px;
+  --gse-ui-avatar-focusRing-large-border-style: solid;
+  --gse-ui-avatar-focusRing-mediumSmall-borderRadius: 100px;
+  --gse-ui-avatar-focusRing-medium-border-color: #7b88f7;
+  --gse-ui-avatar-focusRing-medium-border-width: 3px;
+  --gse-ui-avatar-focusRing-medium-border-style: solid;
+  --gse-ui-avatar-focusRing-small-border-color: #7b88f7;
+  --gse-ui-avatar-focusRing-small-border-width: 2px;
+  --gse-ui-avatar-focusRing-small-border-style: solid;
+  --gse-ui-avatar-focusRing-xsmall-border-color: #7b88f7;
+  --gse-ui-avatar-focusRing-xsmall-border-width: 2px;
+  --gse-ui-avatar-focusRing-xsmall-border-style: solid;
+  --gse-ui-avatar-focus: #7b88f7;
+  --gse-ui-avatar-addChangeImage-hoverModal-shroudSize: 84px;
+  --gse-ui-avatar-addChangeImage-icon-size: 16px;
+  --gse-ui-globalNav-sideMenu: linear-gradient(
+    135deg,
+    #09b581 0%,
+    #9de1cd 100%
+  );
+  --gse-ui-dataTableComposed-boxShadow-x: 0;
+  --gse-ui-dataTableComposed-boxShadow-y: 0;
+  --gse-ui-dataTableComposed-boxShadow-blur: 4px;
+  --gse-ui-dataTableComposed-boxShadow-spread: 1px;
+  --gse-ui-dataTableComposed-boxShadow-color: #23395c1a;
+  --gse-ui-dataTableComposed-boxShadow-type: dropShadow;
+  --gse-ui-dataTableComposed-width: 1440px;
+  --gse-ui-focus-color: #7b88f7;
+  --gse-ui-focus-width: 2px;
+  --gse-ui-focus-style: solid;
+}
+
+:root {
+  --gse-ui-toast-closeButtonColor: #626e84;
+  --gse-ui-toast-success-backgroundColor: #ffffff;
+  --gse-ui-toast-success-foregroundColor: #1b2c48;
+  --gse-ui-toast-success-iconColor: #09b581;
+  --gse-ui-toast-warning-backgroundColor: #ffffff;
+  --gse-ui-toast-warning-foregroundColor: #1b2c48;
+  --gse-ui-toast-warning-iconColor: #f8c73e;
+  --gse-ui-toast-info-backgroundColor: #ffffff;
+  --gse-ui-toast-info-foregroundColor: #1b2c48;
+  --gse-ui-toast-info-iconColor: #6e5ddb;
+  --gse-ui-toast-action-backgroundColor: #ffffff;
+  --gse-ui-toast-action-foregroundColor: #1b2c48;
+  --gse-ui-toast-action-iconColor: #4856cb;
+  --gse-ui-toast-error-backgroundColor: #ffffff;
+  --gse-ui-toast-error-foregroundColor: #1b2c48;
+  --gse-ui-toast-error-iconColor: #e22245;
+  --gse-ui-toast-heading-fontFamily: Urbanist;
+  --gse-ui-toast-heading-lineHeight: 24px;
+  --gse-ui-toast-heading-fontSize: 16px;
+  --gse-ui-toast-heading-fontWeight: 700;
+  --gse-ui-toast-text-fontFamily: Noto Sans;
+  --gse-ui-toast-text-lineHeight: 20px;
+  --gse-ui-toast-text-fontSize: 14px;
+  --gse-ui-toast-text-fontWeight: 400;
+  --gse-ui-toast-margin: 16px;
+  --gse-ui-toast-gap: 12px;
+  --gse-ui-toast-gapText: 4px;
+  --gse-ui-toast-gapButton: 16px;
+  --gse-ui-toast-buttonBar-gap: 8px;
+  --gse-ui-toast-borderRadius: 8px;
+  --gse-ui-toast-boxShadow-x: 0;
+  --gse-ui-toast-boxShadow-y: 0;
+  --gse-ui-toast-boxShadow-blur: 4px;
+  --gse-ui-toast-boxShadow-spread: 1px;
+  --gse-ui-toast-boxShadow-color: #23395c1a;
+  --gse-ui-toast-boxShadow-type: dropShadow;
+  --gse-ui-toast-icon: 24px;
+  --gse-ui-toast-wrappingWidth: 320px;
+  --gse-ui-toast-stacking-gap: 4px;
+  --gse-ui-modal-closeButtonColor: #626e84;
+  --gse-ui-modal-headerColor: #1b2c48;
+  --gse-ui-modal-backgroundColor: #ffffff;
+  --gse-ui-modal-shroudColor: #23395dcc;
+  --gse-ui-modal-header-gap: 12px;
+  --gse-ui-modal-padding: 32px;
+  --gse-ui-modal-gap: 16px;
+  --gse-ui-modal-heading-fontFamily: Urbanist;
+  --gse-ui-modal-heading-lineHeight: 32px;
+  --gse-ui-modal-heading-fontSize: 24px;
+  --gse-ui-modal-heading-fontWeight: 700;
+  --gse-ui-modal-heading-letterSpacing: 2%;
+  --gse-ui-modal-icon: 32px;
+  --gse-ui-modal-small-width: 420px;
+  --gse-ui-modal-medium-width: 680px;
+  --gse-ui-modal-large-width: 800px;
+  --gse-ui-modal-buttonBar-gap: 8px;
+  --gse-ui-modal-boxShadow-x: 0;
+  --gse-ui-modal-boxShadow-y: 0;
+  --gse-ui-modal-boxShadow-blur: 8px;
+  --gse-ui-modal-boxShadow-spread: 1px;
+  --gse-ui-modal-boxShadow-color: #23395c26;
+  --gse-ui-modal-boxShadow-type: dropShadow;
+  --gse-ui-modal-borderRadius: 16px;
+  --gse-ui-modal-shroud-opacity: 0.8;
+  --gse-ui-modal-dismissButton-paddingTop: 16px;
+  --gse-ui-modal-dismissButton-paddingRight: 8px;
+  --gse-ui-popover-borderRadius: 8px;
+  --gse-ui-popover-boxShadow-x: 0;
+  --gse-ui-popover-boxShadow-y: 0;
+  --gse-ui-popover-boxShadow-blur: 8px;
+  --gse-ui-popover-boxShadow-spread: 1px;
+  --gse-ui-popover-boxShadow-color: #23395c26;
+  --gse-ui-popover-boxShadow-type: dropShadow;
+  --gse-ui-popover-closeButtonColor: #626e84;
+  --gse-ui-popover-headerColor: #1b2c48;
+  --gse-ui-popover-backgroundColor: #ffffff;
+  --gse-ui-popover-gap: 16px;
+  --gse-ui-popover-padding: 24px;
+  --gse-ui-popover-buttonsBar-gap: 8px;
+  --gse-ui-popover-header-gap: 4px;
+  --gse-ui-popover-spacer-height: 16px;
+  --gse-ui-popover-body-text-fontFamily: Noto Sans;
+  --gse-ui-popover-body-text-fontWeight: 400;
+  --gse-ui-popover-body-text-lineHeight: 20px;
+  --gse-ui-popover-body-text-fontSize: 14px;
+  --gse-ui-popover-title-text-fontFamily: Urbanist;
+  --gse-ui-popover-title-text-fontWeight: 700;
+  --gse-ui-popover-title-text-lineHeight: 24px;
+  --gse-ui-popover-title-text-fontSize: 16px;
+  --gse-ui-popover-anchor-width: 18px;
+  --gse-ui-popover-anchor-height: 9px;
+  --gse-ui-progressAndLoading-spinner-foreground: #4856cb;
+  --gse-ui-progressAndLoading-spinner-base: #ced2fc;
+  --gse-ui-progressAndLoading-spinner-large: 48;
+  --gse-ui-progressAndLoading-spinner-small: 16;
+  --gse-ui-progressAndLoading-spinner-text-fontFamily: Noto Sans;
+  --gse-ui-progressAndLoading-spinner-text-fontWeight: 600;
+  --gse-ui-progressAndLoading-spinner-text-lineHeight: 18px;
+  --gse-ui-progressAndLoading-spinner-text-fontSize: 12px;
+  --gse-ui-progressAndLoading-textColor: #1b2c48;
+  --gse-ui-progressAndLoading-loadingState-large-header-fontFamily: Urbanist;
+  --gse-ui-progressAndLoading-loadingState-large-header-fontWeight: 700;
+  --gse-ui-progressAndLoading-loadingState-large-header-lineHeight: 32px;
+  --gse-ui-progressAndLoading-loadingState-large-header-fontSize: 24px;
+  --gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily: Noto Sans;
+  --gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight: 600;
+  --gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight: 24px;
+  --gse-ui-progressAndLoading-loadingState-large-subheader-fontSize: 16px;
+  --gse-ui-progressAndLoading-loadingState-large-width: 600px;
+  --gse-ui-progressAndLoading-loadingState-medium-header-fontFamily: Urbanist;
+  --gse-ui-progressAndLoading-loadingState-medium-header-fontWeight: 700;
+  --gse-ui-progressAndLoading-loadingState-medium-header-lineHeight: 27px;
+  --gse-ui-progressAndLoading-loadingState-medium-header-fontSize: 18px;
+  --gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily: Noto
+    Sans;
+  --gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight: 600;
+  --gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight: 20px;
+  --gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize: 14px;
+  --gse-ui-progressAndLoading-loadingState-medium-width: 400px;
+  --gse-ui-progressAndLoading-loadingState-small-header-fontFamily: Urbanist;
+  --gse-ui-progressAndLoading-loadingState-small-header-fontWeight: 700;
+  --gse-ui-progressAndLoading-loadingState-small-header-lineHeight: 24px;
+  --gse-ui-progressAndLoading-loadingState-small-header-fontSize: 16px;
+  --gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily: Noto Sans;
+  --gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight: 600;
+  --gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight: 18px;
+  --gse-ui-progressAndLoading-loadingState-small-subheader-fontSize: 12px;
+  --gse-ui-progressAndLoading-loadingState-small-width: 200px;
+  --gse-ui-progressAndLoading-large-gap: 24px;
+  --gse-ui-progressAndLoading-large-gapText: 4px;
+  --gse-ui-progressAndLoading-pageLoading-gap: -3px;
+  --gse-ui-progressAndLoading-medium-gap: 16px;
+  --gse-ui-progressAndLoading-medium-gapText: 4px;
+  --gse-ui-progressAndLoading-small-gap: 12px;
+  --gse-ui-progressAndLoading-small-gapText: 4px;
+  --gse-ui-progressAndLoading-blankState-large-header-fontFamily: Urbanist;
+  --gse-ui-progressAndLoading-blankState-large-header-fontWeight: 700;
+  --gse-ui-progressAndLoading-blankState-large-header-lineHeight: 27px;
+  --gse-ui-progressAndLoading-blankState-large-header-fontSize: 18px;
+  --gse-ui-progressAndLoading-blankState-large-subheader-fontFamily: Noto Sans;
+  --gse-ui-progressAndLoading-blankState-large-subheader-fontWeight: 600;
+  --gse-ui-progressAndLoading-blankState-large-subheader-lineHeight: 20px;
+  --gse-ui-progressAndLoading-blankState-large-subheader-fontSize: 14px;
+  --gse-ui-progressAndLoading-blankState-small-header-fontFamily: Urbanist;
+  --gse-ui-progressAndLoading-blankState-small-header-fontWeight: 700;
+  --gse-ui-progressAndLoading-blankState-small-header-lineHeight: 24px;
+  --gse-ui-progressAndLoading-blankState-small-header-fontSize: 14px;
+  --gse-ui-progressAndLoading-blankState-small-subheader-fontFamily: Noto Sans;
+  --gse-ui-progressAndLoading-blankState-small-subheader-fontWeight: 600;
+  --gse-ui-progressAndLoading-blankState-small-subheader-lineHeight: 18px;
+  --gse-ui-progressAndLoading-blankState-small-subheader-fontSize: 12px;
+  --gse-ui-progressAndLoading-largeBorder: 4;
+  --gse-ui-progressAndLoading-smallBorder: 2;
+  --gse-ui-progressAndLoading-thinBorder: 1;
+  --gse-ui-blankState-small-width: 250px;
+  --gse-ui-blankState-small-maxWidth: 569px;
+  --gse-ui-blankState-large-minWidth: 570px;
+  --gse-ui-blankState-icon-size-sm: 32px;
+  --gse-ui-blankState-icon-size-lg: 42px;
+  --gse-ui-blankState-padding: 32px 16px;
+  --gse-ui-blankState-gapMessage: 4px;
+  --gse-ui-blankState-gapMain: 12px;
+  --gse-ui-blankState-gapContent: 24px;
+  --gse-ui-blankState-iconColor: #767c8d;
+  --gse-ui-blankState-foregroundColor: #1b2c48;
+  --gse-ui-blankState-backgroundColor: #fbfcfe;
+  --gse-ui-blankState-borderRadius: 8px;
+}
+
+:root {
+  --gse-ui-formControl-input-contentText-fontFamily: Noto Sans;
+  --gse-ui-formControl-input-contentText-lineHeight: 18px;
+  --gse-ui-formControl-input-contentText-fontSize: 12px;
+  --gse-ui-formControl-input-contentText-fontWeight: 400;
+  --gse-ui-formControl-input-default-border-color: #a3a7b0;
+  --gse-ui-formControl-input-default-border-width: 1px;
+  --gse-ui-formControl-input-default-border-style: solid;
+  --gse-ui-formControl-input-hover-border-color: #3742a2;
+  --gse-ui-formControl-input-hover-border-width: 1px;
+  --gse-ui-formControl-input-hover-border-style: solid;
+  --gse-ui-formControl-input-active-border-color: #252e78;
+  --gse-ui-formControl-input-active-border-width: 1px;
+  --gse-ui-formControl-input-active-border-style: solid;
+  --gse-ui-formControl-input-error-border-color: #e22245;
+  --gse-ui-formControl-input-error-border-width: 1px;
+  --gse-ui-formControl-input-error-border-style: solid;
+  --gse-ui-formControl-input-disabled-border-color: #a3a7b0;
+  --gse-ui-formControl-input-disabled-border-width: 1px;
+  --gse-ui-formControl-input-disabled-border-style: solid;
+  --gse-ui-formControl-input-disabled-opacity: 0.5;
+  --gse-ui-formControl-input-borderRadius: 4px;
+  --gse-ui-formControl-input-backgroundColor: #ffffff;
+  --gse-ui-formControl-input-placeholderColor: #626e84;
+  --gse-ui-formControl-input-suggestionColor: #626e84;
+  --gse-ui-formControl-input-populatedColor: #1b2c48;
+  --gse-ui-formControl-input-inputClearable-inputClearableColor: #626e84;
+  --gse-ui-formControl-input-inputClearable-size: 16px;
+  --gse-ui-formControl-input-gap: 12px;
+  --gse-ui-formControl-input-top: 8px;
+  --gse-ui-formControl-input-padding: 8px 12px;
+  --gse-ui-formControl-input-prefixSufix-text-fontFamily: Noto Sans;
+  --gse-ui-formControl-input-prefixSufix-text-lineHeight: 20px;
+  --gse-ui-formControl-input-prefixSufix-text-fontSize: 14px;
+  --gse-ui-formControl-input-prefixSufix-text-fontWeight: 700;
+  --gse-ui-formControl-input-prefixSufix-height: 32px;
+  --gse-ui-formControl-input-prefixSufix-defaultColor: #626e84;
+  --gse-ui-formControl-input-textfield-height: 32px;
+  --gse-ui-formControl-input-textfield-minWidth: 45px;
+  --gse-ui-formControl-input-colorPicker-size: 32px;
+  --gse-ui-formControl-input-inputIcon-size: 16px;
+  --gse-ui-formControl-input-inputIcon-defaultColor: #3e5374;
+  --gse-ui-formControl-input-inputIcon-iconEndColor: #626e84;
+  --gse-ui-formControl-input-focusRing-defaultColor: #7b88f7;
+  --gse-ui-formControl-input-textarea-height: 96px;
+  --gse-ui-formControl-input-focus-border-color: #7b88f7;
+  --gse-ui-formControl-input-focus-border-width: 3px;
+  --gse-ui-formControl-input-focus-border-style: solid;
+  --gse-ui-formControl-input-spinbuttonIcon-size: 16px;
+  --gse-ui-formControl-input-focusSelection-backgroundColor: #7b88f7;
+  --gse-ui-formControl-label-padding: 0 0 8px 0;
+  --gse-ui-formControl-label-gap: 4px;
+  --gse-ui-formControl-label-text-fontFamily: Noto Sans;
+  --gse-ui-formControl-label-text-lineHeight: 18px;
+  --gse-ui-formControl-label-text-fontSize: 12px;
+  --gse-ui-formControl-label-text-fontWeight: 400;
+  --gse-ui-formControl-label-textBold-fontFamily: Noto Sans;
+  --gse-ui-formControl-label-textBold-lineHeight: 18px;
+  --gse-ui-formControl-label-textBold-fontSize: 12px;
+  --gse-ui-formControl-label-textBold-fontWeight: 600;
+  --gse-ui-formControl-label-labelColor: #1b2c48;
+  --gse-ui-formControl-label-indicator-text-fontFamily: Noto Sans;
+  --gse-ui-formControl-label-indicator-text-lineHeight: 18px;
+  --gse-ui-formControl-label-indicator-text-fontSize: 12px;
+  --gse-ui-formControl-label-indicator-text-fontWeight: 400;
+  --gse-ui-formControl-label-indicator-requiredColor: #e22245;
+  --gse-ui-formControl-label-indicator-optionalColor: #3e5374;
+  --gse-ui-formControl-label-iconSize: 16px;
+  --gse-ui-formControl-label-tooltipTrigger-optionalColor: #3e5374;
+  --gse-ui-formControl-label-tooltipTrigger-borderRadius: 2px;
+  --gse-ui-formControl-group-gapItems: 8px;
+  --gse-ui-formControl-helper-gap: 4px;
+  --gse-ui-formControl-helper-helperText-fontFamily: Noto Sans;
+  --gse-ui-formControl-helper-helperText-lineHeight: 18px;
+  --gse-ui-formControl-helper-helperText-fontSize: 12px;
+  --gse-ui-formControl-helper-helperText-fontWeight: 400;
+  --gse-ui-formControl-helper-padding: 8px 0 0 0;
+  --gse-ui-formControl-helper-icon-padding: 1px 0 1px 0;
+  --gse-ui-formControl-helper-paddingSmall: 4px 0 0 0;
+  --gse-ui-formControl-helper-errorPadding: 4px 0 0 0;
+  --gse-ui-formControl-helper-defaultColor: #626e84;
+  --gse-ui-formControl-helper-errorColor: #e22245;
+  --gse-ui-formControl-helper-iconSize: 16px;
+  --gse-ui-formControl-spinButton-gap: 8px;
+  --gse-ui-formControl-spinner-track: #4856cb;
+  --gse-ui-formControl-spinner-errorColor: #ced2fc;
+  --gse-ui-formControl-textarea-padding: 8px 12px;
+  --gse-ui-formControl-focusRing-borderRadius: 4px;
+}
+
+:root {
+  --gse-ui-radioButton-icon-default-unselectedForegroundColor: #767c8d;
+  --gse-ui-radioButton-icon-default-selectedForegroundColor: #4856cb;
+  --gse-ui-radioButton-icon-hover-foregroundColor: #3742a2;
+  --gse-ui-radioButton-icon-active-foregroundColor: #252e78;
+  --gse-ui-radioButton-icon-error-foregroundColor: #e22245;
+  --gse-ui-radioButton-icon-height: 16px;
+  --gse-ui-radioButton-icon-width: 16px;
+  --gse-ui-radioButton-label-foregroundColor: #1b2c48;
+  --gse-ui-radioButton-label-text-fontFamily: Noto Sans;
+  --gse-ui-radioButton-label-text-fontWeight: 400;
+  --gse-ui-radioButton-label-text-lineHeight: 18px;
+  --gse-ui-radioButton-gap: 8px;
+  --gse-ui-radioButton-helper-padding: 4px 0 0 24px;
+  --gse-ui-radioButton-helper-gap: 8px;
+  --gse-ui-radioButton-disabled-opacity: 0.5;
+  --gse-ui-radioButton-focus-border-color: #7b88f7;
+  --gse-ui-radioButton-focus-border-width: 2px;
+  --gse-ui-radioButton-focus-border-style: solid;
+  --gse-ui-radioButton-focus-borderRadius: 16px;
+  --gse-ui-radioButton-focus-offset: 1px;
+  --gse-ui-checkbox-icon-default-unselectedForegroundColor: #767c8d;
+  --gse-ui-checkbox-icon-default-selectedForegroundColor: #4856cb;
+  --gse-ui-checkbox-icon-hover-foregroundColor: #3742a2;
+  --gse-ui-checkbox-icon-active-foregroundColor: #252e78;
+  --gse-ui-checkbox-icon-error-foregroundColor: #e22245;
+  --gse-ui-checkbox-icon-height: 16px;
+  --gse-ui-checkbox-icon-width: 16px;
+  --gse-ui-checkbox-label-foregroundColor: #1b2c48;
+  --gse-ui-checkbox-label-text-fontFamily: Noto Sans;
+  --gse-ui-checkbox-label-text-fontWeight: 400;
+  --gse-ui-checkbox-label-text-lineHeight: 18px;
+  --gse-ui-checkbox-helper-padding: 4px 0 0 24px;
+  --gse-ui-checkbox-helper-gap: 8px;
+  --gse-ui-checkbox-gap: 8px;
+  --gse-ui-checkbox-disabled-opacity: 0.5;
+  --gse-ui-checkbox-focus-border-color: #7b88f7;
+  --gse-ui-checkbox-focus-border-width: 2px;
+  --gse-ui-checkbox-focus-border-style: solid;
+  --gse-ui-checkbox-focus-borderRadius: 5.5px;
+  --gse-ui-checkbox-focus-borderRadiusSmall: 2px;
+  --gse-ui-checkbox-focus-offset: 1px;
+  --gse-ui-checkbox-group-gap: 8px;
+  --gse-ui-menu-option-padding: 8px 12px;
+  --gse-ui-menu-option-gap: 8px;
+  --gse-ui-menu-option-height: 32px;
+  --gse-ui-menu-option-startIcon-height: 16px;
+  --gse-ui-menu-option-startIcon-width: 16px;
+  --gse-ui-menu-option-label-default-text-fontFamily: Noto Sans;
+  --gse-ui-menu-option-label-default-text-fontWeight: 400;
+  --gse-ui-menu-option-label-default-text-lineHeight: 16px;
+  --gse-ui-menu-option-label-default-text-fontSize: 12px;
+  --gse-ui-menu-option-label-active-text-fontFamily: Noto Sans;
+  --gse-ui-menu-option-label-active-text-fontWeight: 700;
+  --gse-ui-menu-option-label-active-text-lineHeight: 16px;
+  --gse-ui-menu-option-label-active-text-fontSize: 12px;
+  --gse-ui-menu-option-label-foregroundColor: #1b2c48;
+  --gse-ui-menu-option-shortcut-text-fontFamily: Noto Sans;
+  --gse-ui-menu-option-shortcut-text-fontWeight: 400;
+  --gse-ui-menu-option-shortcut-text-lineHeight: 20px;
+  --gse-ui-menu-option-shortcut-text-fontSize: 14px;
+  --gse-ui-menu-option-shortcut-default-foregroundColor: #626e84;
+  --gse-ui-menu-option-shortcut-selected-foregroundColor: #1b2c48;
+  --gse-ui-menu-option-hover-backgroundColor: #eff0fe;
+  --gse-ui-menu-option-selected-backgroundColor: #ced2fc;
+  --gse-ui-menu-option-disabled-opacity: 0.5;
+  --gse-ui-menu-option-checkbox-unchecked-default-foregroundColor: #626e84;
+  --gse-ui-menu-option-checkbox-unchecked-hover-foregroundColor: #1b2c48;
+  --gse-ui-menu-option-checkbox-unchecked-selected-foregroundColor: #1b2c48;
+  --gse-ui-menu-option-checkbox-checked-default-foregroundColor: #4856cb;
+  --gse-ui-menu-option-checkbox-checked-hover-foregroundColor: #3742a2;
+  --gse-ui-menu-option-checkbox-checked-selected-foregroundColor: #252e78;
+  --gse-ui-menu-option-parentIcon-width: 16px;
+  --gse-ui-menu-option-parentIcon-height: 16px;
+  --gse-ui-menu-option-parentIcon-default-foregroundColor: #626e84;
+  --gse-ui-menu-option-parentIcon-hover-foregroundColor: #1b2c48;
+  --gse-ui-menu-option-parentIcon-selected-foregroundColor: #1b2c48;
+  --gse-ui-menu-option-focus-border-color: #7b88f7;
+  --gse-ui-menu-option-focus-border-width: 2px;
+  --gse-ui-menu-option-focus-border-style: solid;
+  --gse-ui-menu-option-default-backgroundColor: #ffffff;
+  --gse-ui-menu-maxHeight: 344px;
+  --gse-ui-menu-borderRadius: 4px;
+  --gse-ui-menu-border-color: #c6c8ce;
+  --gse-ui-menu-border-width: 1px;
+  --gse-ui-menu-border-style: solid;
+  --gse-ui-menu-boxShadow-x: 0px;
+  --gse-ui-menu-boxShadow-y: 2px;
+  --gse-ui-menu-boxShadow-blur: 4px;
+  --gse-ui-menu-boxShadow-spread: 1px;
+  --gse-ui-menu-boxShadow-color: #23395c1a;
+  --gse-ui-menu-boxShadow-type: dropShadow;
+  --gse-ui-menu-padding: 8px 0px;
+  --gse-ui-menu-backgroundColor: #ffffff;
+  --gse-ui-menu-scrollbar-foregroundColor: #626e84;
+  --gse-ui-menu-divider-backgroundColor: #c6c8ce;
+  --gse-ui-menu-divider-margin: 4px 0 8px 0;
+  --gse-ui-menu-divider-height: 1px;
+  --gse-ui-menu-groupedMenu-title-padding: 8px 12px 4px;
+  --gse-ui-menu-groupedMenu-title-height: 28px;
+  --gse-ui-menu-groupedMenu-title-foregroundColor: #626e84;
+  --gse-ui-menu-groupedMenu-padding: 8px 1px;
+  --gse-ui-menu-groupedMenu-divider-padding: 4px 0px 8px;
+  --gse-ui-menu-groupedMenu-divider-height: 13px;
+  --gse-ui-menu-groupedMenu-subtext-foregroundColor: #626e84;
+  --gse-ui-dropdown-menu-emptyState-header-text-fontFamily: Noto Sans;
+  --gse-ui-dropdown-menu-emptyState-header-text-fontWeight: 700;
+  --gse-ui-dropdown-menu-emptyState-header-text-lineHeight: 18px;
+  --gse-ui-dropdown-menu-emptyState-header-text-fontSize: 12px;
+  --gse-ui-dropdown-menu-emptyState-header-foregroundColor: #23395d;
+  --gse-ui-dropdown-menu-emptyState-subheader-text-fontFamily: Noto Sans;
+  --gse-ui-dropdown-menu-emptyState-subheader-text-fontWeight: 400;
+  --gse-ui-dropdown-menu-emptyState-subheader-text-lineHeight: 18px;
+  --gse-ui-dropdown-menu-emptyState-subheader-text-fontSize: 12px;
+  --gse-ui-dropdown-menu-emptyState-subheader-foregroundColor: #626e84;
+  --gse-ui-dropdown-gap: 4px;
+  --gse-ui-calendarMenu-day-range-width: 16px;
+  --gse-ui-calendarMenu-day-range-height: 32px;
+  --gse-ui-calendarMenu-day-input-height: 32px;
+  --gse-ui-calendarMenu-day-input-width: 160px;
+  --gse-ui-calendarMenu-day-headerText-fontFamily: Noto Sans;
+  --gse-ui-calendarMenu-day-headerText-lineHeight: 16px;
+  --gse-ui-calendarMenu-day-headerText-fontSize: 12px;
+  --gse-ui-calendarMenu-day-headerText-fontWeight: 700;
+  --gse-ui-calendarMenu-day-date-size: 32px;
+  --gse-ui-calendarMenu-height: 234px;
+  --gse-ui-calendarMenu-width: 250px;
+  --gse-ui-calendarMenu-month-default-foregroundColor: #1b2c48;
+  --gse-ui-calendarMenu-month-single-header-textWidth: 154px;
+  --gse-ui-calendarMenu-month-single-header-width: 218px;
+  --gse-ui-calendarMenu-month-single-header-height: 44px;
+  --gse-ui-calendarMenu-month-monthCell-width: 66px;
+  --gse-ui-calendarMenu-month-monthCell-height: 49px;
+  --gse-ui-calendarMenu-month-headerText-fontFamily: Noto Sans;
+  --gse-ui-calendarMenu-month-headerText-lineHeight: 24px;
+  --gse-ui-calendarMenu-month-headerText-fontSize: 16px;
+  --gse-ui-calendarMenu-month-headerText-fontWeight: 400;
+  --gse-ui-calendarMenu-month-range-vertical-width: 272px;
+  --gse-ui-calendarMenu-month-range-vertical-height: 652px;
+  --gse-ui-calendarMenu-month-defaultText-fontFamily: Noto Sans;
+  --gse-ui-calendarMenu-month-defaultText-lineHeight: 16px;
+  --gse-ui-calendarMenu-month-defaultText-fontSize: 12px;
+  --gse-ui-calendarMenu-month-defaultText-fontWeight: 400;
+  --gse-ui-calendarMenu-month-currentText-fontFamily: Noto Sans;
+  --gse-ui-calendarMenu-month-currentText-lineHeight: 16px;
+  --gse-ui-calendarMenu-month-currentText-fontSize: 12px;
+  --gse-ui-calendarMenu-month-currentText-fontWeight: 700;
+  --gse-ui-calendarMenu-month-focusBorderRadius: 20px;
+  --gse-ui-calendarMenu-month-borderRadius: 16px;
+  --gse-ui-calendarMenu-month-calendarButton-focusBorderRadius: 2px;
+  --gse-ui-calendarMenu-month-selected-foregroundColor: #ffffff;
+  --gse-ui-calendarMenu-month-selected-backgroundColor: #4856cb;
+  --gse-ui-calendarMenu-month-selected-hoverBackgroundColor: #3742a2;
+  --gse-ui-calendarMenu-month-hover-backgroundColor: #dee1fd;
+  --gse-ui-calendarMenu-dateBody-padding: 18px 24px;
+  --gse-ui-calendarMenu-dateBody-gap: 8px;
+  --gse-ui-calendarMenu-header-backgroundColor: #4856cb;
+  --gse-ui-calendarMenu-header-foregroundColor: #ffffff;
+  --gse-ui-calendarMenu-header-gap: 8px;
+  --gse-ui-calendarMenu-header-padding: 10px 16px;
+  --gse-ui-calendarMenu-header-arrow-padding: 8px;
+  --gse-ui-calendarMenu-backgroundColor: #ffffff;
+  --gse-ui-calendarMenu-date-defaultText-fontFamily: Noto Sans;
+  --gse-ui-calendarMenu-date-defaultText-lineHeight: 16px;
+  --gse-ui-calendarMenu-date-defaultText-fontSize: 12px;
+  --gse-ui-calendarMenu-date-defaultText-fontWeight: 400;
+  --gse-ui-calendarMenu-date-currentText-fontFamily: Noto Sans;
+  --gse-ui-calendarMenu-date-currentText-lineHeight: 16px;
+  --gse-ui-calendarMenu-date-currentText-fontSize: 12px;
+  --gse-ui-calendarMenu-date-currentText-fontWeight: 700;
+  --gse-ui-calendarMenu-date-selected-foregroundColor: #ffffff;
+  --gse-ui-calendarMenu-date-selected-backgroundColor: #4856cb;
+  --gse-ui-calendarMenu-date-selected-hoverBackgroundColor: #3742a2;
+  --gse-ui-calendarMenu-date-hover-backgroundColor: #dee1fd;
+  --gse-ui-calendarMenu-date-range-backgroundColor: #dee1fd;
+  --gse-ui-calendarMenu-date-default-foregroundColor: #1b2c48;
+  --gse-ui-calendarMenu-single-header-borderRadius: 8px 8px 0 0;
+  --gse-ui-calendarMenu-single-body-borderRadius: 0 0 8px 8px;
+  --gse-ui-calendarMenu-range-header-firstMonth-borderRadius: 8px 0 0 0;
+  --gse-ui-calendarMenu-range-header-secondMonth-borderRadius: 0 8px 0 0;
+  --gse-ui-calendarMenu-range-body-firstMonth-borderRadius: 0 0 0 8px;
+  --gse-ui-calendarMenu-range-body-secondMonth-borderRadius: 0 0 8px 0;
+  --gse-ui-calendarMenu-range-date-endDate-borderRadius: 0 16px 16px 0;
+  --gse-ui-calendarMenu-range-date-startDate-borderRadius: 16px 0 0 16px;
+  --gse-ui-calendarMenu-disabled-opacity: 0.5;
+  --gse-ui-calendarMenu-monthBody-padding: 18px 24px;
+  --gse-ui-calendarMenu-monthBody-gap: 2px;
+  --gse-ui-calendarMenu-boxShadow-x: 0px;
+  --gse-ui-calendarMenu-boxShadow-y: 2px;
+  --gse-ui-calendarMenu-boxShadow-blur: 4px;
+  --gse-ui-calendarMenu-boxShadow-spread: 1px;
+  --gse-ui-calendarMenu-boxShadow-color: #23395c1a;
+  --gse-ui-calendarMenu-boxShadow-type: dropShadow;
+  --gse-ui-datePicker-range-gap: 24px;
+  --gse-ui-datePicker-startEndInput-gap: 8px;
+  --gse-ui-datePicker-dateTyped-gap: 10px;
+  --gse-ui-datePicker-dateTyped-backgroundColor: #dee1fd;
+  --gse-ui-datePicker-disabled-opacity: 0.5;
+  --gse-ui-datePicker-focusCalendar-gap: 3px;
+  --gse-ui-datePicker-iconHover: #3742a2;
+  --gse-ui-datePicker-iconFocus: #3742a2;
+  --gse-ui-toggle-label-fontFamily: Noto Sans;
+  --gse-ui-toggle-label-fontWeight: 400;
+  --gse-ui-toggle-label-lineHeight: 16px;
+  --gse-ui-toggle-label-fontSize: 12px;
+  --gse-ui-toggle-gap: 8px;
+  --gse-ui-toggle-padding: 8px;
+  --gse-ui-toggle-track-width: 32px;
+  --gse-ui-toggle-track-height: 16px;
+  --gse-ui-toggle-track-enabled-off-backgroundColor: #c6c8ce;
+  --gse-ui-toggle-track-enabled-on-backgroundColor: #3742a2;
+  --gse-ui-toggle-track-disabled-off-backgroundColor: #c6c8ce;
+  --gse-ui-toggle-track-disabled-on-backgroundColor: #3742a2;
+  --gse-ui-toggle-track-error-off-backgroundColor: #f3a7b5;
+  --gse-ui-toggle-track-error-on-backgroundColor: #e22245;
+  --gse-ui-toggle-track-hover-off-backgroundColor: #9ca6f9;
+  --gse-ui-toggle-track-hover-on-backgroundColor: #252e78;
+  --gse-ui-toggle-track-borderRadius: 8px;
+  --gse-ui-toggle-handle-width: 16px;
+  --gse-ui-toggle-handle-height: 16px;
+  --gse-ui-toggle-handle-hover-border-width: 2px;
+  --gse-ui-toggle-handle-hover-border-style: solid;
+  --gse-ui-toggle-handle-hover-border-color: #4856cb;
+  --gse-ui-toggle-handle-enabled-border-width: 2px;
+  --gse-ui-toggle-handle-enabled-border-color: #4856cb;
+  --gse-ui-toggle-handle-enabled-border-style: solid;
+  --gse-ui-toggle-handle-disabled-border-width: 2px;
+  --gse-ui-toggle-handle-disabled-border-color: #4856cb;
+  --gse-ui-toggle-handle-disabled-border-style: solid;
+  --gse-ui-toggle-handle-error-border-color: #e22245;
+  --gse-ui-toggle-handle-error-border-width: 2px;
+  --gse-ui-toggle-handle-error-border-style: solid;
+  --gse-ui-toggle-handle-backgroundColor: #ffffff;
+  --gse-ui-toggle-handle-foregroundColor: #4856cb;
+  --gse-ui-toggle-handle-borderRadius: 100%;
+  --gse-ui-toggle-disabled-opacity: 0.5;
+  --gse-ui-toggle-focus-border-color: #7b88f7;
+  --gse-ui-toggle-focus-border-width: 2px;
+  --gse-ui-toggle-focus-border-style: solid;
+  --gse-ui-toggle-focus-borderRadius: 16px;
+  --gse-ui-toggle-focus-offset: 1px;
+  --gse-ui-timePicker-clock-padding: 3px;
+  --gse-ui-timePicker-clockStates-defaultColor: #626e84;
+  --gse-ui-timePicker-clockStates-hoverColor: #3742a2;
+  --gse-ui-timePicker-clockStates-activeColor: #4856cb;
+  --gse-ui-timePicker-clockStates-disabledColor: #626e8480;
+  --gse-ui-timePicker-focusClock-border-color: #7b88f7;
+  --gse-ui-timePicker-focusClock-border-width: 2px;
+  --gse-ui-timePicker-focusClock-border-style: solid;
+  --gse-ui-timePicker-focusClock-borderRadius: 2px;
+  --gse-ui-timePicker-focusAmpm-border-color: #7b88f7;
+  --gse-ui-timePicker-focusAmpm-border-width: 2px;
+  --gse-ui-timePicker-focusAmpm-border-style: solid;
+  --gse-ui-timePicker-focusAmpm-borderRadius: 2px;
+  --gse-ui-timePicker-focusTime-border-color: #7b88f7;
+  --gse-ui-timePicker-focusTime-border-width: 3px;
+  --gse-ui-timePicker-focusTime-border-style: solid;
+  --gse-ui-timePicker-focusTime-borderRadius: 4px;
+  --gse-ui-timePicker-ampm-padding: 3px;
+  --gse-ui-colorPicker-label-requiredSymbolColor: #e22245;
+  --gse-ui-colorPicker-label-textColor: #1b2c48;
+  --gse-ui-colorPicker-label-text-fontFamily: Noto Sans;
+  --gse-ui-colorPicker-label-text-lineHeight: 18px;
+  --gse-ui-colorPicker-label-text-fontSize: 12px;
+  --gse-ui-colorPicker-label-text-fontWeight: 400;
+  --gse-ui-colorPicker-inputContainer-backgroundColor: #ffffff;
+  --gse-ui-colorPicker-inputContainer-border-defaultColor: #a3a7b0;
+  --gse-ui-colorPicker-inputContainer-border-hoverColor: #3742a2;
+  --gse-ui-colorPicker-inputContainer-border-activeColor: #252e78;
+  --gse-ui-colorPicker-inputContainer-border-errorColor: #e22245;
+  --gse-ui-colorPicker-input-containerSizing: 32px;
+  --gse-ui-colorPicker-input-swatchSizing: 24px;
+  --gse-ui-colorPicker-input-swatchBorderRadius: 2px;
+  --gse-ui-colorPicker-gap: 8px;
+  --gse-ui-slider-handle-width: 20px;
+  --gse-ui-slider-handle-height: 20px;
+  --gse-ui-slider-handle-default-backgroundColor: #4856cb;
+  --gse-ui-slider-handle-hover-backgroundColor: #3742a2;
+  --gse-ui-slider-handle-active-backgroundColor: #252e78;
+  --gse-ui-slider-handle-disabled-backgroundColor: #4856cb;
+  --gse-ui-slider-handle-borderRadius: 100%;
+  --gse-ui-slider-disabled-opacity: 0.5;
+  --gse-ui-slider-label-text-fontFamily: Noto Sans;
+  --gse-ui-slider-label-text-fontWeight: 600;
+  --gse-ui-slider-label-text-lineHeight: 20px;
+  --gse-ui-slider-label-text-fontSize: 14px;
+  --gse-ui-slider-label-foregroundColor: #1b2c48;
+  --gse-ui-slider-bar-selected-backgroundColor: #4856cb;
+  --gse-ui-slider-bar-default-backgroundColor: #c6c8ce;
+  --gse-ui-slider-bar-height: 4px;
+  --gse-ui-slider-gap: 16px;
+  --gse-ui-slider-focusRing-borderRadius: 100%;
+  --gse-ui-slider-track-borderRadius: 4px;
+  --gse-ui-flyoutMenu-anchor-height: 8px;
+  --gse-ui-flyoutMenu-anchor-width: 76px;
+  --gse-ui-flyoutMenu-width: 207px;
+  --gse-ui-flyoutMenu-borderRadius: 4px;
+  --gse-ui-flyoutMenu-padding: 8px;
+  --gse-ui-flyoutMenu-parenting-gap: 4px;
+  --gse-ui-flyoutMenu-backgroundColor: #ffffff;
+  --gse-ui-flyoutMenu-arrow-borderRadius: 4px;
+  --gse-ui-phoneInput-dropdown-hover-backgroundColor: #eff0fe;
+  --gse-ui-phoneInput-dropdown-active-backgroundColor: #ced2fc;
+  --gse-ui-phoneInput-dropdown-foregroundColor: #626e84;
+  --gse-ui-phoneInput-dropdown-flag-height: 12px;
+  --gse-ui-phoneInput-dropdown-flag-width: 16px;
+  --gse-ui-phoneInput-dropdown-height: 32px;
+  --gse-ui-phoneInput-dropdown-menu-minWidth: 230px;
+  --gse-ui-phoneInput-dropdown-icon-width: 16px;
+  --gse-ui-phoneInput-dropdown-icon-height: 16px;
+  --gse-ui-phoneInput-dropdown-padding: 0 8px 0 12px;
+  --gse-ui-phoneInput-dropdown-disabled-padding: 0 4px 0 12px;
+  --gse-ui-phoneInput-dropdown-gap: 4px;
+  --gse-ui-phoneInput-countryCode-foregroundColor: #626e84;
+  --gse-ui-phoneInput-minWidth: 230px;
+  --gse-ui-contextMenu-button-default: 32px;
+  --gse-ui-contextMenu-button-compact: 24px;
+  --gse-ui-contextMenu-borderRadius: 4px;
+  --gse-ui-contextMenu-menu-maxHeight: 344px;
+  --gse-ui-contextMenu-menu-width: 220px;
+  --gse-ui-monthPicker-calendarStates-defaultColor: #626e84;
+  --gse-ui-monthPicker-calendarStates-hoverColor: #3742a2;
+  --gse-ui-monthPicker-calendarStates-activeColor: #4856cb;
+  --gse-ui-monthPicker-calendarStates-disabledColor: #626e8480;
+  --gse-ui-monthPicker-calendarStates-focus-border-color: #7b88f7;
+  --gse-ui-monthPicker-calendarStates-focus-border-width: 2px;
+  --gse-ui-monthPicker-calendarStates-focus-border-style: solid;
+  --gse-ui-selectorCard-ilustrativeIcon-foregroundColor: #3e5374;
+  --gse-ui-selectorCard-text-foregroundColor: #1b2c48;
+  --gse-ui-selectorCard-default-backgroundColor: #ffffff;
+  --gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor: #4856cb;
+  --gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor: #767c8d;
+  --gse-ui-selectorCard-hover-backgroundColor: #eff0fe;
+  --gse-ui-selectorCard-hover-selectedIndicator-foregroundColor: #3742a2;
+  --gse-ui-selectorCard-active-backgroundColor: #ced2fc;
+  --gse-ui-selectorCard-active-selectedIndicator-foregroundColor: #252e78;
+  --gse-ui-selectorCard-error-backgroundColor: #fef3f3;
+  --gse-ui-selectorCard-error-selectedIndicator-foregroundColor: #e22245;
+  --gse-ui-selectorCard-error-border-color: #e22245;
+  --gse-ui-selectorCard-error-border-width: 1px;
+  --gse-ui-selectorCard-error-border-style: solid;
+  --gse-ui-selectorCard-simple-minWidth: 108px;
+  --gse-ui-selectorCard-simple-maxWidth: 316px;
+  --gse-ui-selectorCard-simple-minHeight: 76px;
+  --gse-ui-selectorCard-simple-maxHeight: 116px;
+  --gse-ui-selectorCard-simple-padding: 12px;
+  --gse-ui-selectorCard-simple-gap: 8px;
+  --gse-ui-selectorCard-simple-borderRadius: 8px;
+  --gse-ui-selectorCard-simple-label-fontFamily: Urbanist;
+  --gse-ui-selectorCard-simple-label-lineHeight: 24px;
+  --gse-ui-selectorCard-simple-label-fontSize: 14px;
+  --gse-ui-selectorCard-simple-label-fontWeight: 700;
+  --gse-ui-selectorCard-descriptive-minWidth: 216px;
+  --gse-ui-selectorCard-descriptive-maxWidth: 316px;
+  --gse-ui-selectorCard-descriptive-minHeight: 118px;
+  --gse-ui-selectorCard-descriptive-maxHeight: 220px;
+  --gse-ui-selectorCard-descriptive-padding: 16px;
+  --gse-ui-selectorCard-descriptive-gap: 8px;
+  --gse-ui-selectorCard-descriptive-text-gap: 4px;
+  --gse-ui-selectorCard-descriptive-badge-marginTop: 8px;
+  --gse-ui-selectorCard-descriptive-borderRadius: 16px;
+  --gse-ui-selectorCard-descriptive-label-fontFamily: Urbanist;
+  --gse-ui-selectorCard-descriptive-label-lineHeight: 24px;
+  --gse-ui-selectorCard-descriptive-label-fontSize: 16px;
+  --gse-ui-selectorCard-descriptive-label-fontWeight: 700;
+  --gse-ui-selectorCard-descriptive-description-fontFamily: Noto Sans;
+  --gse-ui-selectorCard-descriptive-description-lineHeight: 18px;
+  --gse-ui-selectorCard-descriptive-description-fontSize: 12px;
+  --gse-ui-selectorCard-descriptive-description-fontWeight: 400;
+  --gse-ui-selectorCard-unselected-border-color: #c6c8ce;
+  --gse-ui-selectorCard-unselected-border-width: 1px;
+  --gse-ui-selectorCard-unselected-border-style: solid;
+  --gse-ui-selectorCard-selected-border-color: #4856cb;
+  --gse-ui-selectorCard-selected-border-width: 1px;
+  --gse-ui-selectorCard-selected-border-style: solid;
+  --gse-ui-selectorCard-disabled-opacity: 0.5;
+  --gse-ui-selectorCard-disabled-backgroundColor: #ffffff;
+  --gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor: #4856cb;
+  --gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor: #767c8d;
+  --gse-ui-ctaGroup-gap: 8px;
+}
+
+:root {
+  --gse-ui-accordion-header-height: 40px;
+  --gse-ui-accordion-header-padding: 10px 16px 10px 16px;
+  --gse-ui-accordion-header-chevronIcon: 16px;
+  --gse-ui-accordion-header-gap: 8px;
+  --gse-ui-accordion-header-default-foreground-labelColor: #1b2c48;
+  --gse-ui-accordion-header-default-foreground-chevronIcon-closed: #626e84;
+  --gse-ui-accordion-header-default-foreground-chevronIcon-open: #252e78;
+  --gse-ui-accordion-header-default-foreground-chevronIcon-hover: #3742a2;
+  --gse-ui-accordion-header-label-defaultText-fontFamily: Noto Sans;
+  --gse-ui-accordion-header-label-defaultText-lineHeight: 20px;
+  --gse-ui-accordion-header-label-defaultText-fontSize: 14px;
+  --gse-ui-accordion-header-label-defaultText-fontWeight: 700;
+  --gse-ui-accordion-reversedHeader-padding: 2px;
+  --gse-ui-accordion-menuItem-height: 32px;
+  --gse-ui-accordion-menuItem-padding: 0 12px 0 24px;
+  --gse-ui-accordion-menuItem-startIcon: 16px;
+  --gse-ui-accordion-menuItem-parentIcon: 16px;
+  --gse-ui-accordion-menuItem-gap: 8px;
+  --gse-ui-accordion-menuItem-default-foreground-startIconColor: #1b2c48;
+  --gse-ui-accordion-menuItem-default-foreground-labelColor: #1b2c48;
+  --gse-ui-accordion-menuItem-default-foreground-startShortcutColor: #626e84;
+  --gse-ui-accordion-menuItem-default-foreground-parentIconColor: #626e84;
+  --gse-ui-accordion-menuItem-hover-foreground-startIconColor: #1b2c48;
+  --gse-ui-accordion-menuItem-hover-foreground-labelColor: #1b2c48;
+  --gse-ui-accordion-menuItem-hover-foreground-startShortcutColor: #1b2c48;
+  --gse-ui-accordion-menuItem-hover-foreground-parentIconColor: #1b2c48;
+  --gse-ui-accordion-menuItem-hover-backgroundColor: #eff0fe;
+  --gse-ui-accordion-menuItem-selected-foreground-startIconColor: #1b2c48;
+  --gse-ui-accordion-menuItem-selected-foreground-labelColor: #1b2c48;
+  --gse-ui-accordion-menuItem-selected-foreground-startShortcutColor: #1b2c48;
+  --gse-ui-accordion-menuItem-selected-foreground-parentIconColor: #1b2c48;
+  --gse-ui-accordion-menuItem-selected-backgroundColor: #ced2fc;
+  --gse-ui-accordion-menuItem-focus-borderRadius: 4px;
+  --gse-ui-accordion-menuItem-label-defaultText-fontFamily: Noto Sans;
+  --gse-ui-accordion-menuItem-label-defaultText-lineHeight: 18px;
+  --gse-ui-accordion-menuItem-label-defaultText-fontSize: 12px;
+  --gse-ui-accordion-menuItem-label-defaultText-fontWeight: 400;
+  --gse-ui-accordion-menuItem-label-selectedText-fontFamily: Noto Sans;
+  --gse-ui-accordion-menuItem-label-selectedText-lineHeight: 18px;
+  --gse-ui-accordion-menuItem-label-selectedText-fontSize: 12px;
+  --gse-ui-accordion-menuItem-label-selectedText-fontWeight: 600;
+  --gse-ui-accordion-menuItem-shortcut-text-fontFamily: Noto Sans;
+  --gse-ui-accordion-menuItem-shortcut-text-lineHeight: 20px;
+  --gse-ui-accordion-menuItem-shortcut-text-fontSize: 14px;
+  --gse-ui-accordion-menuItem-shortcut-text-fontWeight: 400;
+  --gse-ui-accordion-focusBorder-color: #7b88f7;
+  --gse-ui-accordion-focusBorder-style: solid;
+  --gse-ui-accordion-focusBorder-width: 2px;
+  --gse-ui-accordion-contentItem-padding: 16px;
+  --gse-ui-accordion-contentItem-gap: 16px;
+  --gse-ui-accordion-contentItem-foregroundColor: #1b2c48;
+  --gse-ui-accordion-contentItem-backgroundColor: #ffffff;
+  --gse-ui-accordion-contentItem-defaultText-fontFamily: Noto Sans;
+  --gse-ui-accordion-contentItem-defaultText-lineHeight: 18px;
+  --gse-ui-accordion-contentItem-defaultText-fontSize: 12px;
+  --gse-ui-accordion-contentItem-defaultText-fontWeight: 400;
+  --gse-ui-accordion-wrapper-dividerBorder-color: #c6c8ce;
+  --gse-ui-accordion-wrapper-dividerBorder-width: 1px;
+  --gse-ui-accordion-wrapper-dividerBorder-style: solid;
+  --gse-ui-accordion-focus-offset-gap: 1px;
+  --gse-ui-accordion-contentPanel-paddingBottom: 4px;
+  --gse-ui-accordion-label-disabled-opacity: 0.5;
+}
+
+:root {
+  --gse-ui-tabs-item-height: 40px;
+  --gse-ui-tabs-item-horizontal-fixedHeight: 40px;
+  --gse-ui-tabs-item-horizontal-padding: 11px 12px 10px;
+  --gse-ui-tabs-item-disableOpacity: 0.5;
+  --gse-ui-tabs-item-itemText-fontFamily: Noto Sans;
+  --gse-ui-tabs-item-itemText-lineHeight: 18px;
+  --gse-ui-tabs-item-itemText-fontSize: 12px;
+  --gse-ui-tabs-item-itemText-fontWeight: 400;
+  --gse-ui-tabs-item-itemTextColor: #1b2c48;
+  --gse-ui-tabs-item-divider-horizontal-height: 1px;
+  --gse-ui-tabs-item-divider-vertical-height: 40px;
+  --gse-ui-tabs-item-divider-vertical-width: 1px;
+  --gse-ui-tabs-item-divider-dividerColor: #c6c8ce;
+  --gse-ui-tabs-item-indicator-vertical-height: 40px;
+  --gse-ui-tabs-item-indicator-vertical-width: 2px;
+  --gse-ui-tabs-item-indicator-horizontal-height: 2px;
+  --gse-ui-tabs-item-indicator-hoverColor: #4856cb;
+  --gse-ui-tabs-item-indicator-activeColor: #3742a2;
+  --gse-ui-tabs-item-icon-iconColor: #1b2c48;
+  --gse-ui-tabs-item-icon-size: 16px;
+  --gse-ui-tabs-item-gap: 8px;
+  --gse-ui-tabs-item-vertical-fixedHeight: 40px;
+  --gse-ui-tabs-item-vertical-padding: 11px 9px 10px 12px;
+  --gse-ui-tabs-item-focusRing-offset: 1px;
+  --gse-ui-tabs-set-vertical-height: 360px;
+  --gse-ui-tabs-set-vertical-width: 98px;
+  --gse-ui-tabs-set-vertical-marginRight: 16px;
+  --gse-ui-tabs-set-horizontal-width: 800px;
+  --gse-ui-tabs-set-horizontal-height: 40px;
+  --gse-ui-tabs-set-horizontal-marginBottom: 16px;
+  --gse-ui-tabs-set-gap: -1px;
+  --gse-ui-tabs-set-divider-horizontal-height: 1px;
+  --gse-ui-tabs-set-divider-vertical-width: 1px;
+  --gse-ui-tabs-focusRing-border-color: #7b88f7;
+  --gse-ui-tabs-focusRing-border-width: 3px;
+  --gse-ui-tabs-focusRing-border-style: solid;
+  --gse-ui-tabs-focusRing-borderRadius: 4px;
+  --gse-ui-advancedTabs-divider-dividerColor: #c6c8ce;
+  --gse-ui-advancedTabs-item-padding: 11px 12px 10px;
+  --gse-ui-advancedTabs-item-gap: 8px;
+  --gse-ui-advancedTabs-item-focus-borderRadius: 8px;
+  --gse-ui-advancedTabs-item-focus-border-color: #7b88f7;
+  --gse-ui-advancedTabs-item-focus-border-width: 3px;
+  --gse-ui-advancedTabs-item-focus-border-style: solid;
+  --gse-ui-advancedTabs-item-focus-borderCopy-0: 4;
+  --gse-ui-advancedTabs-item-focus-borderCopy-1: p;
+  --gse-ui-advancedTabs-item-focus-borderCopy-2: x;
+  --gse-ui-advancedTabs-item-backgroundColor: #ffffff;
+  --gse-ui-advancedTabs-item-borderRadius: 4px 4px 0 0;
+  --gse-ui-advancedTabs-item-height: 48px;
+  --gse-ui-advancedTabs-item-width: 151px;
+  --gse-ui-advancedTabs-item-focusItem-height: 53px;
+  --gse-ui-advancedTabs-item-focusItem-width: 126px;
+  --gse-ui-advancedTabs-item-divider-bottom-height: 1px;
+  --gse-ui-advancedTabs-item-divider-right-height: 32px;
+  --gse-ui-advancedTabs-item-divider-right-width: 1px;
+  --gse-ui-advancedTabs-item-text-color: #1b2c48;
+  --gse-ui-advancedTabs-item-text-height: 9px;
+  --gse-ui-advancedTabs-item-indicator-hoverColor: #4856cb;
+  --gse-ui-advancedTabs-item-indicator-activeColor: #3742a2;
+  --gse-ui-advancedTabs-item-indicator-height: 2px;
+  --gse-ui-advancedTabs-item-icon-iconColor: #1b2c48;
+  --gse-ui-advancedTabs-item-icon-size: 16px;
+  --gse-ui-advancedTabs-item-menuButton-gap: 4px;
+  --gse-ui-advancedTabs-item-menuButton-height: 45px;
+  --gse-ui-advancedTabs-item-menuButton-width: 32px;
+  --gse-ui-advancedTabs-item-menuButton-defaultColor: #626e84;
+  --gse-ui-advancedTabs-item-menuButton-activeColor: #252e78;
+  --gse-ui-advancedTabs-item-menuButton-focus-height: 53px;
+  --gse-ui-advancedTabs-item-menuButton-focus-width: 40px;
+  --gse-ui-advancedTabs-item-itemText-fontFamily: Noto Sans;
+  --gse-ui-advancedTabs-item-itemText-lineHeight: 18px;
+  --gse-ui-advancedTabs-item-itemText-fontSize: 12px;
+  --gse-ui-advancedTabs-item-itemText-fontWeight: 400;
+  --gse-ui-advancedTabs-button-add-height: 45px;
+  --gse-ui-advancedTabs-button-arrow-height: 48px;
+  --gse-ui-advancedTabs-set-backgroundColor: #f3f5fb;
+  --gse-ui-advancedTabs-set-standard-width: 920px;
+  --gse-ui-globalNav-text-fontFamily: Noto Sans;
+  --gse-ui-globalNav-text-lineHeight: 16px;
+  --gse-ui-globalNav-text-fontSize: 12px;
+  --gse-ui-globalNav-text-fontWeight: 700;
+  --gse-ui-globalNav-toggle-onQueue-text-fontFamily: Noto Sans;
+  --gse-ui-globalNav-toggle-onQueue-text-lineHeight: 16px;
+  --gse-ui-globalNav-toggle-onQueue-text-fontSize: 12px;
+  --gse-ui-globalNav-toggle-onQueue-text-fontWeight: 600;
+  --gse-ui-globalNav-toggle-gap: 16px;
+  --gse-ui-globalNav-toggle-offQueue-text-fontFamily: Noto Sans;
+  --gse-ui-globalNav-toggle-offQueue-text-lineHeight: 16px;
+  --gse-ui-globalNav-toggle-offQueue-text-fontSize: 12px;
+  --gse-ui-globalNav-toggle-offQueue-text-fontWeight: 400;
+  --gse-ui-globalNav-focus-border-color: #7b88f7;
+  --gse-ui-globalNav-focus-border-width: 3px;
+  --gse-ui-globalNav-focus-border-style: solid;
+  --gse-ui-globalNav-menuOption-height: 32px;
+  --gse-ui-globalNav-menuOption-width: 248px;
+  --gse-ui-globalNav-menuOption-padding: 0px 12px;
+  --gse-ui-globalNav-menuOption-gap: 8px;
+  --gse-ui-globalNav-menuOption-default-foregroundColor: #ffffff;
+  --gse-ui-globalNav-menuOption-hover-backgroundColor: #252e78;
+  --gse-ui-globalNav-menuOption-hover-foregroundColor: #ffffff;
+  --gse-ui-globalNav-menuOption-selected-backgroundColor: #4856cb;
+  --gse-ui-globalNav-menuOption-selected-foregroundColor: #ffffff;
+  --gse-ui-globalNav-menuOption-disabled-backgroundColor: #ffffff;
+  --gse-ui-globalNav-menuOption-focus-borderRadius: 8px;
+  --gse-ui-globalNav-menuOption-borderRadius: 4px;
+  --gse-ui-globalNav-menuOption-disableOpacity: 0.5;
+  --gse-ui-globalNav-menuOption-selectedPanel-backgroundColor: #3742a2;
+  --gse-ui-globalNav-menuOption-selectedPanel-foregroundColor: #ffffff;
+  --gse-ui-globalNav-menuOption-return-default-backgroundColor: #1c2463;
+  --gse-ui-globalNav-menuOption-return-default-foregroundColor: #ffffff;
+  --gse-ui-globalNav-menuOption-return-hover-backgroundColor: #141a4f;
+  --gse-ui-globalNav-menuOption-return-hover-foregroundColor: #ffffff;
+  --gse-ui-globalNav-menuOption-return-selected-backgroundColor: #4856cb;
+  --gse-ui-globalNav-menuOption-return-selected-foregroundColor: #ffffff;
+  --gse-ui-globalNav-menuOption-treeView-bar: #314669;
+  --gse-ui-globalNav-buttonReturn-height: 48px;
+  --gse-ui-globalNav-buttonReturn-width: 280px;
+  --gse-ui-globalNav-buttonReturn-padding: 16px 28px;
+  --gse-ui-globalNav-buttonReturn-gap: 12px;
+  --gse-ui-globalNav-treeView-border-color: #3e5374;
+  --gse-ui-globalNav-treeView-border-width: 2px;
+  --gse-ui-globalNav-treeView-border-style: solid;
+  --gse-ui-globalNav-treeView-gap: 8px;
+  --gse-ui-globalNav-treeView-width: 224px;
+  --gse-ui-globalNav-bar-padding: 8px 12px;
+  --gse-ui-globalNav-sideMenu-heading-text-fontFamily: Urbanist;
+  --gse-ui-globalNav-sideMenu-heading-text-lineHeight: 16px;
+  --gse-ui-globalNav-sideMenu-heading-text-fontSize: 12px;
+  --gse-ui-globalNav-sideMenu-heading-text-fontWeight: 600;
+  --gse-ui-globalNav-sideMenu-top-open-buttons-gap: 8px;
+  --gse-ui-globalNav-sideMenu-top-open-gap: 16px;
+  --gse-ui-globalNav-sideMenu-top-closed-buttons-gap: 8px;
+  --gse-ui-globalNav-sideMenu-top-closed-gap: 128px;
+  --gse-ui-globalNav-sideMenu-width: 280px;
+  --gse-ui-globalNav-sideMenu-items-gap: 12px;
+  --gse-ui-globalNav-sideMenu-padding: 16px 24px;
+  --gse-ui-globalNav-topBar-items-gap: 16px;
+  --gse-ui-globalNav-topBar-padding: 16px 24px;
+  --gse-ui-globalNav-topBar-height: 64px;
+  --gse-ui-globalNav-topBar-frame-backgroundColor: #ffffff;
+  --gse-ui-globalNav-topBar-frame-stroke: #c6ceec;
+  --gse-ui-globalNav-topBar-logo: #ff4f1f;
+  --gse-ui-globalNav-topBar-menuButton-closed-default-foregroundColor: #4856cb;
+  --gse-ui-globalNav-topBar-menuButton-closed-hover-backgroundColor: #3742a2;
+  --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColorStroke: #4856cb;
+  --gse-ui-globalNav-topBar-menuButton-closed-hover-foregroundColor: #ffffff;
+  --gse-ui-globalNav-topBar-menuButton-open-default-foregroundColorStroke: #ffffff;
+  --gse-ui-globalNav-topBar-menuButton-open-hover-backgroundColor: #3742a2;
+  --gse-ui-globalNav-topBar-menuButton-open-hover-foregroundColor: #ffffff;
+  --gse-ui-globalNav-panel-panelTitle: #ffffff;
+  --gse-ui-globalNav-panel-primary: linear-gradient(
+    127deg,
+    #23395d 3.19%,
+    #3e5374 225.06%
+  );
+  --gse-ui-globalNav-panel-secondary: linear-gradient(
+    358deg,
+    #1b2b48 0.16%,
+    #23395d 98.45%
+  );
+}
+
+:root {
+  --gse-ui-search-counter-default-foregroundColor: #626e84;
+  --gse-ui-search-counter-hover-foregroundColor: #4856cb;
+  --gse-ui-search-counter-divider-border-color: #a3a7b0;
+  --gse-ui-search-counter-divider-border-width: 1px;
+  --gse-ui-search-counter-divider-border-style: solid;
+  --gse-ui-search-counter-divider-foregroundColor: #a3a7b0;
+  --gse-ui-search-counter-text-fontFamily: Noto Sans;
+  --gse-ui-search-counter-text-fontWeight: 400;
+  --gse-ui-search-counter-text-lineHeight: 18px;
+  --gse-ui-search-counter-text-fontSize: 12px;
+  --gse-ui-search-counter-gap: 4px;
+  --gse-ui-search-counter-icon-height: 16px;
+  --gse-ui-search-counter-icon-width: 16px;
+  --gse-ui-search-width: 320px;
+  --gse-ui-search-match-firstLevel-backgroundColor: #b5e2e8;
+  --gse-ui-search-match-firstLevel-foregroundColour: #1b2c48;
+  --gse-ui-search-match-subsequentLevel-foregroundColour: #1b2c48;
+  --gse-ui-search-match-subsequentLevel-backgroundColor: #daf0f4;
+  --gse-ui-simpleFilter-gap: 16px;
+}
+
+:root {
+  --gse-ui-card-backgroundColor: #ffffff;
+  --gse-ui-card-borderRadius: 16px;
+  --gse-ui-card-borderRadiusCopy: 16px;
+  --gse-ui-card-default-border-color: #c6c8ce;
+  --gse-ui-card-default-border-width: 1px;
+  --gse-ui-card-default-border-style: solid;
+  --gse-ui-card-raised-border-color: #c6c8ce;
+  --gse-ui-card-raised-border-width: 1px;
+  --gse-ui-card-raised-border-style: solid;
+  --gse-ui-card-raised-boxShadow-x: 0;
+  --gse-ui-card-raised-boxShadow-y: 0;
+  --gse-ui-card-raised-boxShadow-blur: 6px;
+  --gse-ui-card-raised-boxShadow-spread: 1px;
+  --gse-ui-card-raised-boxShadow-color: #23395c1f;
+  --gse-ui-card-raised-boxShadow-type: dropShadow;
+  --gse-ui-card-padding: 24px;
+  --gse-ui-card-borderless-border-color: #00000000;
+  --gse-ui-card-borderless-border-width: 1px;
+  --gse-ui-card-borderless-border-style: solid;
+  --gse-ui-tooltip-light-border-color: #c6c8ce;
+  --gse-ui-tooltip-light-border-width: 1px;
+  --gse-ui-tooltip-light-border-style: solid;
+  --gse-ui-tooltip-light-backgroundColor: #ffffff;
+  --gse-ui-tooltip-light-foregroundColor: #1b2c48;
+  --gse-ui-tooltip-dark-border-color: #1b2c48;
+  --gse-ui-tooltip-dark-border-width: 1px;
+  --gse-ui-tooltip-dark-border-style: solid;
+  --gse-ui-tooltip-dark-backgroundColor: #1b2c48;
+  --gse-ui-tooltip-dark-foregroundColor: #ffffff;
+  --gse-ui-tooltip-dark-iconColor: #ffffff;
+  --gse-ui-tooltip-boxShadow-x: 0;
+  --gse-ui-tooltip-boxShadow-y: 0;
+  --gse-ui-tooltip-boxShadow-blur: 6px;
+  --gse-ui-tooltip-boxShadow-spread: 1px;
+  --gse-ui-tooltip-boxShadow-color: #23395c1f;
+  --gse-ui-tooltip-boxShadow-type: dropShadow;
+  --gse-ui-tooltip-padding: 8px 12px;
+  --gse-ui-tooltip-height: 32px;
+  --gse-ui-tooltip-gap: 8px;
+  --gse-ui-tooltip-borderRadius: 4px;
+  --gse-ui-tooltip-text-fontFamily: Noto Sans;
+  --gse-ui-tooltip-text-lineHeight: 18px;
+  --gse-ui-tooltip-text-fontSize: 12px;
+  --gse-ui-tooltip-text-fontWeight: 400;
+  --gse-ui-tag-borderRadius: 16px;
+  --gse-ui-tag-default-backgroundColor: #23395d;
+  --gse-ui-tag-default-foregroundColor: #ffffff;
+  --gse-ui-tag-default-bold-backgroundColor: #3e5374;
+  --gse-ui-tag-default-bold-foregroundColor: #ffffff;
+  --gse-ui-tag-default-subtle-backgroundColor: #c6c8ce;
+  --gse-ui-tag-default-subtle-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent1-backgroundColor: #e4e5e7;
+  --gse-ui-tag-accent1-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent1-bold-backgroundColor: #626d97;
+  --gse-ui-tag-accent1-bold-foregroundColor: #ffffff;
+  --gse-ui-tag-accent1-subtle-backgroundColor: #d1d7ef;
+  --gse-ui-tag-accent1-subtle-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent2-backgroundColor: #90d3dd;
+  --gse-ui-tag-accent2-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent2-bold-backgroundColor: #54c6ab;
+  --gse-ui-tag-accent2-bold-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent2-subtle-backgroundColor: #98ddcd;
+  --gse-ui-tag-accent2-subtle-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent3-backgroundColor: #0c6d7e;
+  --gse-ui-tag-accent3-foregroundColor: #ffffff;
+  --gse-ui-tag-accent3-bold-backgroundColor: #0c6d7e;
+  --gse-ui-tag-accent3-bold-foregroundColor: #ffffff;
+  --gse-ui-tag-accent3-subtle-backgroundColor: #90d3dd;
+  --gse-ui-tag-accent3-subtle-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent4-backgroundColor: #547688;
+  --gse-ui-tag-accent4-foregroundColor: #ffffff;
+  --gse-ui-tag-accent4-bold-backgroundColor: #607732;
+  --gse-ui-tag-accent4-bold-foregroundColor: #ffffff;
+  --gse-ui-tag-accent4-subtle-backgroundColor: #c6dd98;
+  --gse-ui-tag-accent4-subtle-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent5-backgroundColor: #a5cae0;
+  --gse-ui-tag-accent5-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent5-bold-backgroundColor: #5798d9;
+  --gse-ui-tag-accent5-bold-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent5-subtle-backgroundColor: #9ac1e8;
+  --gse-ui-tag-accent5-subtle-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent6-backgroundColor: #b5bfe6;
+  --gse-ui-tag-accent6-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent6-subtle-backgroundColor: #cdacff;
+  --gse-ui-tag-accent6-subtle-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent6-bold-backgroundColor: #8a5ecc;
+  --gse-ui-tag-accent6-bold-foregroundColor: #ffffff;
+  --gse-ui-tag-text-fontFamily: Noto Sans;
+  --gse-ui-tag-text-lineHeight: 18px;
+  --gse-ui-tag-text-fontSize: 12px;
+  --gse-ui-tag-text-fontWeight: 600;
+  --gse-ui-tag-padding: 0 12px;
+  --gse-ui-tag-removable-padding: 0 8px 0 12px;
+  --gse-ui-tag-removable-gap: 4px;
+  --gse-ui-tag-accent7-backgroundColor: #a05195;
+  --gse-ui-tag-accent7-foregroundColor: #ffffff;
+  --gse-ui-tag-accent7-bold-backgroundColor: #89387b;
+  --gse-ui-tag-accent7-bold-foregroundColor: #ffffff;
+  --gse-ui-tag-accent7-subtle-backgroundColor: #ef9ee1;
+  --gse-ui-tag-accent7-subtle-foregroundColor: #1b2c48;
+  --gse-ui-tag-height: 20px;
+  --gse-ui-tag-accent8-backgroundColor: #f95d6a;
+  --gse-ui-tag-accent8-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent8-bold-backgroundColor: #ff5c77;
+  --gse-ui-tag-accent8-bold-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent8-subtle-backgroundColor: #ff9dad;
+  --gse-ui-tag-accent8-subtle-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent9-backgroundColor: #fe8f85;
+  --gse-ui-tag-accent9-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent9-bold-backgroundColor: #c44b3b;
+  --gse-ui-tag-accent9-bold-foregroundColor: #ffffff;
+  --gse-ui-tag-accent9-subtle-backgroundColor: #feb2ab;
+  --gse-ui-tag-accent9-subtle-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent10-backgroundColor: #ffc650;
+  --gse-ui-tag-accent10-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent10-bold-backgroundColor: #ffc650;
+  --gse-ui-tag-accent10-bold-foregroundColor: #1b2c48;
+  --gse-ui-tag-accent10-subtle-backgroundColor: #ffdd96;
+  --gse-ui-tag-accent10-subtle-foregroundColor: #1b2c48;
+  --gse-ui-tag-button-size: 16px;
+  --gse-ui-tag-disabled-opacity: 0.5;
+  --gse-ui-tag-small-height: 20px;
+  --gse-ui-tag-small-label-fontFamily: Noto Sans;
+  --gse-ui-tag-small-label-fontWeight: 600;
+  --gse-ui-tag-small-label-fontSize: 12px;
+  --gse-ui-tag-small-label-lineHeight: 16px;
+  --gse-ui-tag-large-height: 32px;
+  --gse-ui-tag-large-label-fontFamily: Noto Sans;
+  --gse-ui-tag-large-label-fontWeight: 600;
+  --gse-ui-tag-large-label-fontSize: 14px;
+  --gse-ui-tag-large-label-lineHeight: 16px;
+  --gse-ui-links-asButton-padding: 12px;
+  --gse-ui-links-asButton-gap: 8px;
+  --gse-ui-links-asButton-height: 32px;
+  --gse-ui-links-inLine-padding: 4px;
+  --gse-ui-links-inLine-medium-height: 20px;
+  --gse-ui-links-inLine-small-height: 18px;
+  --gse-ui-links-icon: 16px;
+  --gse-ui-links-borderRadius: 0;
+  --gse-ui-badge-borderRadius: 16px;
+  --gse-ui-badge-text-fontFamily: Noto Sans;
+  --gse-ui-badge-text-lineHeight: 18px;
+  --gse-ui-badge-text-fontSize: 12px;
+  --gse-ui-badge-text-fontWeight: 600;
+  --gse-ui-badge-height: 20px;
+  --gse-ui-badge-padding: 2px 12px;
+  --gse-ui-badge-gap: 4px;
+  --gse-ui-badge-info-bold-backgroundColor: #6e5ddb;
+  --gse-ui-badge-info-bold-foregroundColor: #ffffff;
+  --gse-ui-badge-info-regular-backgroundColor: #c5bef1;
+  --gse-ui-badge-info-regular-foregroundColor: #1b2c48;
+  --gse-ui-badge-success-bold-backgroundColor: #09b581;
+  --gse-ui-badge-success-bold-foregroundColor: #1b2c48;
+  --gse-ui-badge-success-regular-backgroundColor: #9de1cd;
+  --gse-ui-badge-success-regular-foregroundColor: #1b2c48;
+  --gse-ui-badge-warning-bold-backgroundColor: #f8c73e;
+  --gse-ui-badge-warning-bold-foregroundColor: #1b2c48;
+  --gse-ui-badge-warning-regular-backgroundColor: #fce9b2;
+  --gse-ui-badge-warning-regular-foregroundColor: #1b2c48;
+  --gse-ui-badge-error-bold-backgroundColor: #e22245;
+  --gse-ui-badge-error-bold-foregroundColor: #ffffff;
+  --gse-ui-badge-error-regular-backgroundColor: #f3a7b5;
+  --gse-ui-badge-error-regular-foregroundColor: #1b2c48;
+  --gse-ui-icon-size-sm: 16px;
+  --gse-ui-icon-size-md: 24px;
+  --gse-ui-icon-size-lg: 32px;
+  --gse-ui-alert-padding: 8px 16px;
+  --gse-ui-alert-gap: 8px;
+  --gse-ui-alert-info-backgroundColor: #e2dff8;
+  --gse-ui-alert-info-foregroundColor: #1b2c48;
+  --gse-ui-alert-info-iconColor: #6e5ddb;
+  --gse-ui-alert-info-border-color: #c5bef1;
+  --gse-ui-alert-info-border-width: 1px;
+  --gse-ui-alert-info-border-style: solid;
+  --gse-ui-alert-success-backgroundColor: #cef0e6;
+  --gse-ui-alert-success-foregroundColor: #1b2c48;
+  --gse-ui-alert-success-iconColor: #09b581;
+  --gse-ui-alert-success-border-color: #9de1cd;
+  --gse-ui-alert-success-border-width: 1px;
+  --gse-ui-alert-success-border-style: solid;
+  --gse-ui-alert-warning-backgroundColor: #fef4d8;
+  --gse-ui-alert-warning-foregroundColor: #1b2c48;
+  --gse-ui-alert-warning-iconColor: #f8c73e;
+  --gse-ui-alert-warning-border-color: #fce9b2;
+  --gse-ui-alert-warning-border-width: 1px;
+  --gse-ui-alert-warning-border-style: solid;
+  --gse-ui-alert-error-backgroundColor: #f9d3da;
+  --gse-ui-alert-error-foregroundColor: #1b2c48;
+  --gse-ui-alert-error-iconColor: #e22245;
+  --gse-ui-alert-error-border-color: #f3a7b5;
+  --gse-ui-alert-error-border-width: 1px;
+  --gse-ui-alert-error-border-style: solid;
+  --gse-ui-alert-text-fontFamily: Noto Sans;
+  --gse-ui-alert-text-lineHeight: 18px;
+  --gse-ui-alert-text-fontSize: 12px;
+  --gse-ui-alert-text-fontWeight: 400;
+  --gse-ui-alert-emphasisText-fontFamily: Noto Sans;
+  --gse-ui-alert-emphasisText-lineHeight: 18px;
+  --gse-ui-alert-emphasisText-fontSize: 12px;
+  --gse-ui-alert-emphasisText-fontWeight: 700;
+  --gse-ui-alert-borderRadius: 4px;
+  --gse-ui-button-gap: 8px;
+  --gse-ui-button-disabled-opacity: 0.5;
+  --gse-ui-button-text-fontFamily: Noto Sans;
+  --gse-ui-button-text-lineHeight: 16px;
+  --gse-ui-button-text-fontSize: 12px;
+  --gse-ui-button-text-fontWeight: 700;
+  --gse-ui-button-default-padding: 0 12px;
+  --gse-ui-button-default-paddingIconOnly: 8px;
+  --gse-ui-button-default-height: 32px;
+  --gse-ui-button-borderRadius: 4px;
+  --gse-ui-button-iconOnly-width: 32px;
+  --gse-ui-button-icon-size: 16px;
+  --gse-ui-button-primary-default-backgroundColor: #4856cb;
+  --gse-ui-button-primary-default-foregroundColor: #ffffff;
+  --gse-ui-button-primary-hover-backgroundColor: #3742a2;
+  --gse-ui-button-primary-hover-foregroundColor: #ffffff;
+  --gse-ui-button-primary-active-backgroundColor: #252e78;
+  --gse-ui-button-primary-active-foregroundColor: #ffffff;
+  --gse-ui-button-secondary-default-backgroundColor: #eff0fe;
+  --gse-ui-button-secondary-default-foregroundColor: #4856cb;
+  --gse-ui-button-secondary-hover-backgroundColor: #dee1fd;
+  --gse-ui-button-secondary-hover-foregroundColor: #3742a2;
+  --gse-ui-button-secondary-active-backgroundColor: #ced2fc;
+  --gse-ui-button-secondary-active-foregroundColor: #252e78;
+  --gse-ui-button-tertiary-default-backgroundColor: #00000000;
+  --gse-ui-button-tertiary-default-foregroundColor: #4856cb;
+  --gse-ui-button-tertiary-default-border-color: #4856cb;
+  --gse-ui-button-tertiary-default-border-width: 1px;
+  --gse-ui-button-tertiary-default-border-style: solid;
+  --gse-ui-button-tertiary-hover-backgroundColor: #3742a2;
+  --gse-ui-button-tertiary-hover-foregroundColor: #ffffff;
+  --gse-ui-button-tertiary-active-backgroundColor: #252e78;
+  --gse-ui-button-tertiary-active-foregroundColor: #ffffff;
+  --gse-ui-button-ghost-default-backgroundColor: #00000000;
+  --gse-ui-button-ghost-default-foregroundColor: #4856cb;
+  --gse-ui-button-ghost-hover-backgroundColor: #dee1fd;
+  --gse-ui-button-ghost-hover-foregroundColor: #3742a2;
+  --gse-ui-button-ghost-active-backgroundColor: #ced2fc;
+  --gse-ui-button-ghost-active-foregroundColor: #252e78;
+  --gse-ui-button-danger-default-backgroundColor: #e22245;
+  --gse-ui-button-danger-default-foregroundColor: #ffffff;
+  --gse-ui-button-danger-hover-backgroundColor: #881429;
+  --gse-ui-button-danger-hover-foregroundColor: #ffffff;
+  --gse-ui-button-danger-active-backgroundColor: #440a15;
+  --gse-ui-button-danger-active-foregroundColor: #ffffff;
+  --gse-ui-button-compact-height: 24px;
+  --gse-ui-button-compact-padding: 0 12px;
+  --gse-ui-button-compact-paddingIconOnly: 4px;
+  --gse-ui-rating-default-color: #767c8d;
+  --gse-ui-rating-active-color: #4856cb;
+  --gse-ui-rating-hover-color: #3742a2;
+  --gse-ui-rating-disabled-color: #767c8d;
+  --gse-ui-rating-disabled-opacity: 0.5;
+  --gse-ui-rating-size: 16px;
+  --gse-ui-rating-star-gap: 8px;
+  --gse-ui-link-default-foregroundColor: #4856cb;
+  --gse-ui-link-disabled-foregroundColor: #4856cb;
+  --gse-ui-link-hover-foregroundColor: #3742a2;
+  --gse-ui-link-active-foregroundColor: #252e78;
+  --gse-ui-link-visited-foregroundColor: #6e5ddb;
+  --gse-ui-link-asButton-text-fontFamily: Noto Sans;
+  --gse-ui-link-asButton-text-lineHeight: 20px;
+  --gse-ui-link-asButton-text-fontSize: 14px;
+  --gse-ui-link-asButton-text-fontWeight: 700;
+  --gse-ui-link-asButton-underlinedText-fontFamily: Noto Sans;
+  --gse-ui-link-asButton-underlinedText-lineHeight: 20px;
+  --gse-ui-link-asButton-underlinedText-fontSize: 14px;
+  --gse-ui-link-asButton-underlinedText-fontWeight: 700;
+  --gse-ui-link-asButton-underlinedText-textDecoration: underline;
+  --gse-ui-link-inLine-medium-text-fontFamily: Noto Sans;
+  --gse-ui-link-inLine-medium-text-lineHeight: 20px;
+  --gse-ui-link-inLine-medium-text-fontSize: 14px;
+  --gse-ui-link-inLine-medium-text-fontWeight: 600;
+  --gse-ui-link-inLine-medium-underlinedText-fontFamily: Noto Sans;
+  --gse-ui-link-inLine-medium-underlinedText-lineHeight: 20px;
+  --gse-ui-link-inLine-medium-underlinedText-fontSize: 14px;
+  --gse-ui-link-inLine-medium-underlinedText-fontWeight: 600;
+  --gse-ui-link-inLine-medium-underlinedText-textDecoration: underline;
+  --gse-ui-link-inLine-small-text-fontFamily: Noto Sans;
+  --gse-ui-link-inLine-small-text-lineHeight: 18px;
+  --gse-ui-link-inLine-small-text-fontSize: 12px;
+  --gse-ui-link-inLine-small-text-fontWeight: 600;
+  --gse-ui-link-inLine-small-underlinedText-fontFamily: Noto Sans;
+  --gse-ui-link-inLine-small-underlinedText-lineHeight: 18px;
+  --gse-ui-link-inLine-small-underlinedText-fontSize: 12px;
+  --gse-ui-link-inLine-small-underlinedText-fontWeight: 600;
+  --gse-ui-link-inLine-small-underlinedText-textDecoration: underline;
+  --gse-ui-breadcrumbs-primary-height: 20px;
+  --gse-ui-breadcrumbs-primary-separator-padding: 0 12px;
+  --gse-ui-breadcrumbs-primary-separator-typography-fontFamily: Noto Sans;
+  --gse-ui-breadcrumbs-primary-separator-typography-lineHeight: 20px;
+  --gse-ui-breadcrumbs-primary-separator-typography-fontSize: 16px;
+  --gse-ui-breadcrumbs-primary-separator-typography-fontWeight: 700;
+  --gse-ui-breadcrumbs-secondary-height: 18px;
+  --gse-ui-breadcrumbs-secondary-separator-padding: 0 8px;
+  --gse-ui-breadcrumbs-secondary-separator-typography-fontFamily: Noto Sans;
+  --gse-ui-breadcrumbs-secondary-separator-typography-lineHeight: 18px;
+  --gse-ui-breadcrumbs-secondary-separator-typography-fontSize: 14px;
+  --gse-ui-breadcrumbs-secondary-separator-typography-fontWeight: 700;
+  --gse-ui-breadcrumbs-separator-color: #a3a7b0;
+  --gse-ui-breadcrumbs-borderRadius: 0;
+  --gse-ui-actionButton-borderRadius: 4px;
+  --gse-ui-actionButton-rightSegment-borderRadius: 0 4px 4px 0;
+  --gse-ui-actionButton-rightSegment-focusBorderRadius: 0 8px 8px 0;
+  --gse-ui-actionButton-rightSegment-size: 32px;
+  --gse-ui-actionButton-rightSegment-padding: 0 8px;
+  --gse-ui-actionButton-leftSegment-focusBorderRadius: 8px 0 0 8px;
+  --gse-ui-actionButton-leftSegment-borderRadius: 4px 0 0 4px;
+  --gse-ui-actionButton-leftSegment-gap: 8px;
+  --gse-ui-actionButton-leftSegment-padding: 0 16px;
+  --gse-ui-actionButton-tertiary-divider-color: #4856cb;
+  --gse-ui-actionButton-tertiary-divider-width: 1px;
+  --gse-ui-actionButton-tertiary-divider-style: solid;
+  --gse-ui-actionButton-primary-divider-color: #ffffff;
+  --gse-ui-actionButton-primary-divider-width: 2px;
+  --gse-ui-actionButton-primary-divider-style: solid;
+  --gse-ui-actionButton-secondary-divider-color: #ffffff;
+  --gse-ui-actionButton-secondary-divider-width: 2px;
+  --gse-ui-actionButton-secondary-divider-style: solid;
+  --gse-ui-actionButton-danger-divider-color: #ffffff;
+  --gse-ui-actionButton-danger-divider-width: 2px;
+  --gse-ui-actionButton-danger-divider-style: solid;
+  --gse-ui-actionButton-height: 32px;
+  --gse-ui-actionButton-focus-height: 40px;
+  --gse-ui-segmentedControl-button-padding: 0 12px;
+  --gse-ui-segmentedControl-button-gap: 8px;
+  --gse-ui-segmentedControl-button-start-borderRadius: 4px 0 0 4px;
+  --gse-ui-segmentedControl-button-middle-borderRadius: 0;
+  --gse-ui-segmentedControl-button-end-borderRadius: 0 4px 4px 0;
+  --gse-ui-segmentedControl-button-disabled-opacity: 0.5;
+  --gse-ui-segmentedControl-button-disabled-backgroundColor: #00000000;
+  --gse-ui-segmentedControl-button-disabled-foregroundColor: #4856cb;
+  --gse-ui-segmentedControl-button-default-backgroundColor: #00000000;
+  --gse-ui-segmentedControl-button-default-foregroundColor: #4856cb;
+  --gse-ui-segmentedControl-button-hover-backgroundColor: #dee1fd;
+  --gse-ui-segmentedControl-button-hover-foregroundColor: #3742a2;
+  --gse-ui-segmentedControl-button-active-backgroundColor: #4856cb;
+  --gse-ui-segmentedControl-button-active-foregroundColor: #ffffff;
+  --gse-ui-segmentedControl-borderRadius: 4px;
+  --gse-ui-segmentedControl-height: 32px;
+  --gse-ui-segmentedControl-border-color: #4856cb;
+  --gse-ui-segmentedControl-border-width: 1px;
+  --gse-ui-segmentedControl-border-style: solid;
+  --gse-ui-segmentedControl-divider-color: #4856cb;
+  --gse-ui-segmentedControl-divider-width: 1px;
+  --gse-ui-segmentedControl-divider-style: solid;
+  --gse-ui-segmentedControl-iconOnly-padding: 0 8px;
+  --gse-ui-segmentedControl-focus-offset: 0;
+  --gse-ui-formFooter-page-desktop-bottomPadding: 16px;
+  --gse-ui-formFooter-page-desktop-topPadding: 16px;
+  --gse-ui-formFooter-page-desktop-horizontalPadding: 32px;
+  --gse-ui-formFooter-page-desktop-gap: 16px;
+  --gse-ui-formFooter-page-mobile-bottomPadding: 16px;
+  --gse-ui-formFooter-page-mobile-topPadding: 16px;
+  --gse-ui-formFooter-page-mobile-horizontalPadding: 16px;
+  --gse-ui-formFooter-page-mobile-gap: 16px;
+  --gse-ui-formFooter-separator-color: #c6c8ce;
+  --gse-ui-formFooter-separator-width: 1px;
+  --gse-ui-formFooter-separator-style: solid;
+  --gse-ui-formFooter-sideSheet-desktop-bottomPadding: 16px;
+  --gse-ui-formFooter-sideSheet-desktop-topPadding: 16px;
+  --gse-ui-formFooter-sideSheet-desktop-horizontalPadding: 24px;
+  --gse-ui-formFooter-sideSheet-desktop-gap: 16px;
+  --gse-ui-formFooter-modal-desktop-bottomPadding: 16px;
+  --gse-ui-formFooter-modal-desktop-topPadding: 16px;
+  --gse-ui-formFooter-modal-desktop-horizontalPadding: 32px;
+  --gse-ui-formFooter-modal-desktop-gap: 16px;
+  --gse-ui-formFooter-backgroundColor: #ffffff;
+  --gse-ui-formFooter-border-color: #4856cb;
+  --gse-ui-formFooter-border-width: 1px;
+  --gse-ui-formFooter-border-style: solid;
+}
+
+/*# sourceMappingURL=ui.css.map */