/* [project]/components/client/styles/desktop.css [app-client] (css) */
@font-face {
  font-family: SFProDisplay;
  src: url("https://komi-assets.s3.amazonaws.com/SFProDisplay/SFUIDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SFProDisplay;
  src: url("https://komi-assets.s3.amazonaws.com/SFProDisplay/SFUIDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SFProDisplay;
  src: url("https://komi-assets.s3.amazonaws.com/SFProDisplay/SFUIDisplay-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SFProDisplay;
  src: url("https://komi-assets.s3.amazonaws.com/SFProDisplay/SFUIDisplay-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SF Pro Display;
  src: url("https://komi-assets.s3.amazonaws.com/SFProDisplay/SFUIDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SF Pro Display;
  src: url("https://komi-assets.s3.amazonaws.com/SFProDisplay/SFUIDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SF Pro Display;
  src: url("https://komi-assets.s3.amazonaws.com/SFProDisplay/SFUIDisplay-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SF Pro Display;
  src: url("https://komi-assets.s3.amazonaws.com/SFProDisplay/SFUIDisplay-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html {
  font-family: SFProDisplay, "sans-serif";
}

#dNameInput, #dNameLabel, #dEmailInput, #dEmailLabel, #notificationLabel {
  color: #000 !important;
}

::selection {
  color: #fff;
  background: #60e5e8;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  --antd-wave-shadow-color: #60e5e8;
  --scroll-bar: 0;
  font-family: SFProDisplay, "sans-serif";
  line-height: 1.15;
}

:root {
  --ant-typography-color: #fff;
  --ant-background-color: #fff;
  --ant-overlay-color: #fff;
  --ant-overlay-opacity: #fff;
  --color-purple-25: #f6f5ff;
  --color-purple-50: #ebeafd;
  --color-purple-100: #d9d7fd;
  --color-purple-200: #bcb7fb;
  --color-purple-300: #9b8ff6;
  --color-purple-400: #7a61f1;
  --color-purple-600: #582ed3;
  --color-purple-700: #4a26b1;
  --color-purple-800: #3e2191;
  --color-purple-900: #251362;
  --color-lime-25: #fffee5;
  --color-lime-50: #fdffc8;
  --color-lime-100: #faff97;
  --color-lime-200: #f1fc5a;
  --color-lime-300: #e3f331;
  --color-lime-400: #c5d909;
  --color-lime-500: #9aae02;
  --color-lime-600: #738407;
  --color-lime-700: #5b680c;
  --color-lime-800: #4b5710;
  --color-lime-900: #283102;
  --color-pink-25: #fff0fc;
  --color-pink-50: #ffe3fc;
  --color-pink-100: #ffc6f9;
  --color-pink-200: #ff98f3;
  --color-pink-300: #ff58e7;
  --color-pink-400: #ff27d7;
  --color-pink-600: #df0097;
  --color-pink-700: #b8007d;
  --color-pink-800: #98036a;
  --color-pink-900: #5f003c;
  --color-gray-25: #f6f6f7;
  --color-gray-50: #efeff0;
  --color-gray-100: #e2e2e3;
  --color-gray-200: #cfd0d2;
  --color-gray-300: #bababf;
  --color-gray-400: #a8a8ac;
  --color-gray-600: #807e84;
  --color-gray-700: #68686b;
  --color-gray-800: #565659;
  --color-gray-900: #323234;
  --color-blue-25: #eff9ff;
  --color-blue-50: #daf0ff;
  --color-blue-100: #bee6ff;
  --color-blue-200: #91d8ff;
  --color-blue-300: #5dc0fd;
  --color-blue-400: #2f9ef9;
  --color-blue-500: #2285ee;
  --color-blue-600: #1a6ddb;
  --color-blue-700: #1b59b2;
  --color-blue-800: #1c4c8c;
  --color-blue-900: #162f55;
  --color-green-25: #f0fdf5;
  --color-green-50: #dcfcea;
  --color-green-100: #baf8d6;
  --color-green-200: #85f0b7;
  --color-green-300: #49df8f;
  --color-green-400: #21ca70;
  --color-green-500: #15a458;
  --color-green-600: #148148;
  --color-green-700: #15663c;
  --color-green-800: #135433;
  --color-green-900: #052e1a;
  --color-orange-25: #fffbeb;
  --color-orange-50: #fef3c7;
  --color-orange-100: #fde68a;
  --color-orange-200: #fcd34d;
  --color-orange-300: #fbbf24;
  --color-orange-400: #f59e0b;
  --color-orange-500: #d97706;
  --color-orange-600: #b45309;
  --color-orange-700: #92400e;
  --color-orange-800: #78350f;
  --color-orange-900: #451a03;
  --color-red-25: #fff1f2;
  --color-red-50: #ffe0e3;
  --color-red-100: #ffc6cb;
  --color-red-200: #ff9fa7;
  --color-red-300: #ff6774;
  --color-red-400: #fc3748;
  --color-red-500: #eb2839;
  --color-red-600: #c51020;
  --color-red-700: #a2121f;
  --color-red-800: #861620;
  --color-red-900: #49060c;
  --color-transparent: color-mix(in srgb, #fff 0%, transparent 0%);
  --kts-typography-style-header-xsmall-paragraph-indent: none;
  --kts-typography-style-header-small-paragraph-indent: none;
  --kts-typography-style-header-medium-paragraph-indent: none;
  --kts-typography-style-header-large-paragraph-indent: none;
  --kts-typography-style-header-xlarge-paragraph-indent: none;
  --kts-typography-style-header-2xlarge-paragraph-indent: none;
  --kts-typography-style-body-xsmall-paragraph-indent: none;
  --kts-typography-style-body-2xsmall-paragraph-indent: none;
  --kts-typography-style-body-small-paragraph-indent: none;
  --kts-typography-style-body-medium-paragraph-indent: none;
  --kts-typography-style-accent-xsmall-paragraph-indent: none;
  --kts-typography-style-accent-small-paragraph-indent: none;
  --kts-typography-style-accent-medium-paragraph-indent: none;
  --kts-typography-style-accent-large-paragraph-indent: none;
  --kts-typography-style-accent-xlarge-paragraph-indent: none;
  --kts-typography-style-accent-2xlarge-paragraph-indent: none;
  --ktc-typography-component-nav-bar-item-paragraph-indent: 0;
  --ktc-typography-component-user-menu-header-paragraph-indent: 0;
  --ktc-typography-component-user-menu-subitem-paragraph-indent: 0;
  --ktc-typography-component-checkbox-label-paragraph-indent: none;
  --ktc-typography-component-checkbox-group-helper-paragraph-indent: none;
  --ktc-typography-component-checkbox-group-label-paragraph-indent: 0;
  --ktc-typography-component-radio-label-paragraph-indent: none;
  --ktc-typography-component-radio-group-label-paragraph-indent: 0;
  --ktc-typography-component-slider-label-paragraph-indent: 0;
  --ktc-typography-component-menu-item-title-font-weight: 600;
  --ktc-typography-component-menu-item-title-line-height: 24;
  --ktc-typography-component-menu-item-title-font-size: 16px;
  --ktc-typography-component-menu-item-title-letter-spacing: 0;
  --ktc-typography-component-menu-item-title-paragraph-spacing: 12;
  --ktc-typography-component-menu-item-title-paragraph-indent: 0;
  --ktc-typography-component-menu-item-title-text-decoration: none;
  --ktc-typography-component-menu-item-title-text-case: none;
  --ktc-typography-component-menu-item-section-header-font-weight: 600;
  --ktc-typography-component-menu-item-section-header-line-height: 21;
  --ktc-typography-component-menu-item-section-header-font-size: 14px;
  --ktc-typography-component-menu-item-section-header-letter-spacing: 0;
  --ktc-typography-component-menu-item-section-header-paragraph-spacing: 8;
  --ktc-typography-component-menu-item-section-header-paragraph-indent: 0;
  --ktc-typography-component-menu-item-section-header-text-decoration: none;
  --ktc-typography-component-menu-item-section-header-text-case: none;
  --ktc-typography-component-button-medium-label-paragraph-indent: 0;
  --ktc-typography-component-button-full-label-paragraph-indent: 0;
  --ktc-typography-component-button-small-label-paragraph-indent: 0;
  --ktc-typography-component-button-xsmall-label-paragraph-indent: 0;
  --ktc-typography-component-avatar-small-paragraph-indent: 0;
  --ktc-typography-component-avatar-medium-paragraph-indent: 0;
  --ktc-typography-component-avatar-large-paragraph-indent: 0;
  --ktc-typography-component-text-input-label-paragraph-indent: 0;
  --ktc-typography-component-text-input-helper-paragraph-indent: 0;
  --ktc-typography-component-status-label-paragraph-indent: none;
  --ktc-typography-component-search-label-paragraph-indent: 0;
  --ktc-typography-component-dropdown-label-paragraph-indent: 0;
  --ktc-typography-component-dropdown-helper-paragraph-indent: 0;
  --ktc-typography-component-dropdown-menu-create-item-helper-paragraph-indent: 0;
  --ktc-typography-component-dropdown-menu-item-country-code-paragraph-indent: none;
  --ktc-typography-component-dropdown-menu-header-label-paragraph-indent: none;
  --ktc-typography-component-combo-input-label-paragraph-indent: none;
  --ktc-typography-component-combo-input-helper-paragraph-indent: none;
  --ktc-typography-component-date-picker-menu-calendar-date-item-paragraph-indent: none;
  --ktc-typography-component-date-picker-menu-header-controls-dropdown-paragraph-indent: none;
  --ktc-typography-component-tab-bar-item-label-paragraph-indent: none;
  --ktc-typography-component-checklist-item-paragraph-indent: none;
  --ktc-typography-component-datatable-table-cell-number-paragraph-indent: none;
  --ktc-typography-component-datatable-table-header-default-paragraph-indent: none;
  --ktc-typography-component-datatable-table-empty-header-paragraph-indent: none;
  --ktc-typography-component-datatable-table-empty-body-paragraph-indent: none;
  --ktc-typography-component-datatable-footer-paragraph-indent: none;
  --ktc-typography-component-chip-filter-label-paragraph-indent: none;
  --ktc-typography-component-message-body-paragraph-indent: none;
  --ktc-typography-component-progress-tracker-step-label-paragraph-indent: none;
  --ktc-typography-component-tag-label-paragraph-indent: none;
  --ktc-typography-component-page-header-title-device-xl-paragraph-indent: none;
  --ktc-typography-component-page-header-title-device-lg-paragraph-indent: none;
  --ktc-typography-component-page-header-title-device-md-paragraph-indent: none;
  --ktc-typography-component-page-header-title-device-sm-paragraph-indent: none;
  --ktc-typography-component-page-header-title-device-xs-paragraph-indent: none;
  --ktc-typography-component-page-section-header-medium-paragraph-indent: none;
  --ktc-typography-component-page-section-header-small-paragraph-indent: none;
  --ktc-typography-component-page-section-header-xsmall-paragraph-indent: none;
  --ktc-typography-component-page-section-header-large-paragraph-indent: none;
  --ktc-typography-component-page-section-header-xlarge-paragraph-indent: none;
  --ktc-typography-component-page-section-header-2xlarge-paragraph-indent: none;
  --ktc-typography-component-page-section-body-medium-paragraph-indent: none;
  --ktc-typography-component-page-section-body-xsmall-paragraph-indent: none;
  --ktc-typography-component-page-section-body-2xsmall-paragraph-indent: none;
  --ktc-typography-component-page-section-body-small-paragraph-indent: none;
  --ktc-typography-component-page-section-accent-xlarge-paragraph-indent: none;
  --ktc-typography-component-page-section-accent-large-paragraph-indent: none;
  --ktc-typography-component-page-section-accent-medium-paragraph-indent: none;
  --ktc-typography-component-page-section-accent-small-paragraph-indent: none;
  --ktc-typography-component-page-section-accent-xsmall-paragraph-indent: none;
  --ktc-typography-component-page-section-accent-2xlarge-paragraph-indent: none;
  --ktc-typography-component-page-section-label-xsmall-paragraph-indent: none;
  --ktc-typography-component-card-header-medium-paragraph-indent: none;
  --ktc-typography-component-card-header-small-paragraph-indent: none;
  --ktc-typography-component-card-header-xsmall-paragraph-indent: none;
  --ktc-typography-component-card-header-large-paragraph-indent: none;
  --ktc-typography-component-card-header-xlarge-paragraph-indent: none;
  --ktc-typography-component-card-header-2xlarge-paragraph-indent: none;
  --ktc-typography-component-card-body-medium-paragraph-indent: none;
  --ktc-typography-component-card-body-xsmall-paragraph-indent: none;
  --ktc-typography-component-card-body-2xsmall-paragraph-indent: none;
  --ktc-typography-component-card-body-small-paragraph-indent: none;
  --ktc-typography-component-card-accent-xlarge-paragraph-indent: none;
  --ktc-typography-component-card-accent-large-paragraph-indent: none;
  --ktc-typography-component-card-accent-medium-paragraph-indent: none;
  --ktc-typography-component-card-accent-small-paragraph-indent: none;
  --ktc-typography-component-card-accent-xsmall-paragraph-indent: none;
  --ktc-typography-component-card-accent-2xlarge-paragraph-indent: none;
  --ktc-typography-component-card-label-xsmall-paragraph-indent: none;
  --ktc-typography-component-toast-body-paragraph-indent: none;
  --ktc-typography-component-dialog-header-paragraph-indent: none;
  --ktc-typography-component-dialog-body-paragraph-indent: none;
  --ktc-typography-component-toolbar-body-paragraph-indent: none;
  --ktc-typography-component-tooltip-body-paragraph-indent: none;
  --ktc-typography-component-time-select-label-paragraph-indent: 0;
  --ktc-typography-component-time-select-helper-paragraph-indent: 0;
  --ktc-typography-component-time-select-menu-create-item-helper-paragraph-indent: 0;
  --ktc-typography-component-time-select-menu-header-label-paragraph-indent: none;
  --ktc-typography-component-upload-label-paragraph-indent: 0;
  --ktc-typography-component-upload-helper-paragraph-indent: 0;
  --ktc-typography-component-stepper-label-paragraph-indent: 0;
  --ktc-typography-component-stepper-helper-paragraph-indent: 0;
  --ktc-typography-component-text-area-label-paragraph-indent: 0;
  --ktc-typography-component-text-area-helper-paragraph-indent: 0;
  --ktc-typography-component-rich-text-area-label-paragraph-indent: 0;
  --ktc-typography-component-rich-text-area-helper-paragraph-indent: 0;
  --ktc-typography-component-preview-preview-label-paragraph-indent: 0;
  --ktc-typography-component-sms-preview-window-body-message-paragraph-indent: none;
  --ktc-typography-component-sms-preview-window-body-input-paragraph-indent: none;
  --ktc-typography-component-sms-preview-window-header-paragraph-indent: none;
  --ktc-dimension-width-button-full: 358px;
  --ktc-dimension-max-width-page-body: 1368px;
  --ktc-z-index-tool-bar-tool-bar: 500;
  --ktc-z-index-brand-bar-brand-bar: 100;
  --ktc-z-index-nav-bar-nav-bar: 100;
  --ktc-z-index-user-menu-user-menu: 101;
  --ktc-z-index-login-login: 100;
  --ktc-z-index-modal-modal: 300;
  --ktc-z-index-toast-toast: 500;
  --ktc-z-index-preview-preview-collapsed: 400;
  --kts-color-background-brand-primary: var(--color-lime-300);
  --kts-color-background-brand-secondary: var(--color-purple-500);
  --kts-color-background-brand-dark: var(--color-gray-900);
  --kts-color-background-brand-light: var(--color-white);
  --kts-color-background-on-brand-default: var(--color-black);
  --kts-color-background-primary-default: var(--color-gray-900);
  --kts-color-background-primary-hover: var(--color-gray-800);
  --kts-color-background-primary-active: var(--color-gray-700);
  --kts-color-background-secondary-default: var(--color-gray-100);
  --kts-color-background-secondary-hover: var(--color-gray-50);
  --kts-color-background-secondary-active: var(--color-gray-25);
  --kts-color-background-tertiary-default: var(--color-white);
  --kts-color-background-tertiary-hover: var(--color-gray-50);
  --kts-color-background-tertiary-active: var(--color-gray-100);
  --kts-color-background-accent-default: var(--color-black);
  --kts-color-background-accent-hover: var(--color-gray-900);
  --kts-color-background-accent-active: var(--color-gray-800);
  --kts-color-background-accent-disabled: var(--color-gray-900);
  --kts-color-background-surface-lowest-default: var(--color-gray-25);
  --kts-color-background-surface-low-default: var(--color-gray-50);
  --kts-color-background-surface-medium-default: var(--color-white);
  --kts-color-background-surface-medium-hover: var(--color-gray-25);
  --kts-color-background-surface-medium-active: var(--color-gray-100);
  --kts-color-background-surface-medium-empty: var(--color-gray-50);
  --kts-color-background-surface-medium-read-only: var(--color-gray-50);
  --kts-color-background-surface-medium-disabled: var(--color-gray-200);
  --kts-color-background-surface-medium-selected-default: var(--color-purple-50);
  --kts-color-background-surface-medium-selected-hover: var(--color-purple-100);
  --kts-color-background-surface-medium-selected-active: var(--color-purple-200);
  --kts-color-background-surface-medium-selected-disabled: var(--color-white);
  --kts-color-background-surface-high-default: var(--color-white);
  --kts-color-background-surface-high-hover: var(--color-gray-25);
  --kts-color-background-surface-high-active: var(--color-gray-100);
  --kts-color-background-surface-high-empty: var(--color-gray-50);
  --kts-color-background-surface-high-read-only: var(--color-gray-50);
  --kts-color-background-surface-high-disabled: var(--color-gray-200);
  --kts-color-background-surface-high-selected-default: var(--color-purple-50);
  --kts-color-background-surface-high-selected-hover: var(--color-purple-100);
  --kts-color-background-surface-high-selected-active: var(--color-purple-200);
  --kts-color-background-surface-high-selected-disabled: var(--color-white);
  --kts-color-background-surface-highest-default: var(--color-white);
  --kts-color-background-surface-highest-hover: var(--color-gray-25);
  --kts-color-background-surface-highest-active: var(--color-gray-100);
  --kts-color-background-surface-highest-empty: var(--color-gray-50);
  --kts-color-background-surface-highest-read-only: var(--color-gray-50);
  --kts-color-background-surface-highest-disabled: var(--color-gray-200);
  --kts-color-background-surface-highest-selected-default: var(--color-purple-50);
  --kts-color-background-surface-highest-selected-hover: var(--color-purple-100);
  --kts-color-background-surface-highest-selected-active: var(--color-purple-200);
  --kts-color-background-surface-highest-selected-disabled: var(--color-white);
  --kts-color-background-surface-overlay-default: color-mix(in srgb, var(--color-gray-900) 75%, transparent 0%);
  --kts-color-background-danger-default: var(--color-red-600);
  --kts-color-background-danger-hover: var(--color-red-500);
  --kts-color-background-danger-active: var(--color-red-400);
  --kts-color-background-disabled: var(--color-gray-100);
  --kts-color-background-support-muted-default: var(--color-gray-50);
  --kts-color-background-support-muted-primary: var(--color-purple-50);
  --kts-color-background-support-muted-info: var(--color-blue-50);
  --kts-color-background-support-muted-success: var(--color-green-50);
  --kts-color-background-support-muted-warning: var(--color-orange-50);
  --kts-color-background-support-muted-error: var(--color-red-50);
  --kts-color-background-support-muted-brand: var(--color-lime-50);
  --kts-color-background-support-muted-other: var(--color-pink-50);
  --kts-color-background-support-deep-default: var(--color-gray-600);
  --kts-color-background-support-deep-primary: var(--color-purple-600);
  --kts-color-background-support-deep-info: var(--color-blue-600);
  --kts-color-background-support-deep-success: var(--color-green-600);
  --kts-color-background-support-deep-warning: var(--color-orange-600);
  --kts-color-background-support-deep-error: var(--color-red-600);
  --kts-color-background-support-deep-brand: var(--color-lime-600);
  --kts-color-background-support-deep-other: var(--color-pink-600);
  --kts-color-background-adaptive-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --kts-color-background-adaptive-hover: color-mix(in srgb, var(--color-white) 12.5%, transparent 0%);
  --kts-color-background-adaptive-active: color-mix(in srgb, var(--color-white) 25%, transparent 0%);
  --kts-color-background-adaptive-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --kts-color-text-primary-default: var(--color-gray-900);
  --kts-color-text-primary-hover: var(--color-gray-800);
  --kts-color-text-primary-active: var(--color-gray-700);
  --kts-color-text-secondary-default: var(--color-gray-900);
  --kts-color-text-secondary-hover: var(--color-gray-800);
  --kts-color-text-secondary-active: var(--color-gray-700);
  --kts-color-text-tertiary-default: var(--color-gray-600);
  --kts-color-text-tertiary-hover: var(--color-gray-500);
  --kts-color-text-tertiary-active: var(--color-gray-400);
  --kts-color-text-danger-default: var(--color-red-600);
  --kts-color-text-danger-hover: var(--color-red-500);
  --kts-color-text-danger-active: var(--color-red-400);
  --kts-color-text-ink-default: var(--color-gray-900);
  --kts-color-text-ink-hover: var(--color-gray-800);
  --kts-color-text-ink-active: var(--color-gray-700);
  --kts-color-text-charcoal-default: var(--color-gray-700);
  --kts-color-text-charcoal-hover: var(--color-gray-600);
  --kts-color-text-charcoal-active: var(--color-gray-500);
  --kts-color-text-graphite-default: var(--color-gray-500);
  --kts-color-text-graphite-hover: var(--color-gray-400);
  --kts-color-text-graphite-active: var(--color-gray-300);
  --kts-color-text-on-color-default: var(--color-white);
  --kts-color-text-on-color-disabled: color-mix(in srgb, var(--color-white) 75%, transparent 0%);
  --kts-color-text-disabled: var(--color-gray-500);
  --kts-color-text-support-default: var(--color-gray-500);
  --kts-color-text-support-primary: var(--color-purple-500);
  --kts-color-text-support-info: var(--color-blue-500);
  --kts-color-text-support-success: var(--color-green-500);
  --kts-color-text-support-warning: var(--color-orange-500);
  --kts-color-text-support-error: var(--color-red-500);
  --kts-color-text-support-brand: var(--color-lime-500);
  --kts-color-text-support-other: var(--color-pink-500);
  --kts-color-text-on-support-default: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --kts-color-text-adaptive-default: var(--color-white);
  --kts-color-text-adaptive-hover: color-mix(in srgb, var(--color-white) 80%, transparent 0%);
  --kts-color-text-adaptive-active: color-mix(in srgb, var(--color-white) 70%, transparent 0%);
  --kts-color-text-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --kts-color-border-container-default: var(--color-gray-100);
  --kts-color-border-container-hover: var(--color-gray-200);
  --kts-color-border-container-read-only: var(--color-gray-100);
  --kts-color-border-container-active: var(--color-purple-600);
  --kts-color-border-container-selected: var(--color-purple-600);
  --kts-color-border-container-disabled: var(--color-gray-500);
  --kts-color-border-container-error: var(--color-red-600);
  --kts-color-border-primary-default: var(--color-purple-600);
  --kts-color-border-primary-hover: var(--color-purple-500);
  --kts-color-border-primary-active: var(--color-purple-400);
  --kts-color-border-accent-default: var(--color-gray-100);
  --kts-color-border-image-default: var(--color-gray-100);
  --kts-color-border-support-default: var(--color-gray-500);
  --kts-color-border-support-primary: var(--color-purple-500);
  --kts-color-border-support-info: var(--color-blue-500);
  --kts-color-border-support-success: var(--color-green-500);
  --kts-color-border-support-warning: var(--color-orange-500);
  --kts-color-border-support-error: var(--color-red-500);
  --kts-color-border-support-brand: var(--color-lime-500);
  --kts-color-border-support-other: var(--color-pink-500);
  --kts-color-box-shadow-default: color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --kts-color-box-shadow-block: color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --kts-color-icon-primary-default: var(--color-gray-900);
  --kts-color-icon-primary-hover: var(--color-gray-800);
  --kts-color-icon-primary-active: var(--color-gray-700);
  --kts-color-icon-secondary-default: var(--color-gray-900);
  --kts-color-icon-secondary-hover: var(--color-gray-800);
  --kts-color-icon-secondary-active: var(--color-gray-700);
  --kts-color-icon-tertiary-default: var(--color-gray-600);
  --kts-color-icon-tertiary-hover: var(--color-gray-500);
  --kts-color-icon-tertiary-active: var(--color-gray-400);
  --kts-color-icon-danger-default: var(--color-red-600);
  --kts-color-icon-danger-hover: var(--color-red-500);
  --kts-color-icon-danger-active: var(--color-red-400);
  --kts-color-icon-ink-default: var(--color-gray-900);
  --kts-color-icon-ink-hover: var(--color-gray-800);
  --kts-color-icon-ink-active: var(--color-gray-700);
  --kts-color-icon-charcoal-default: var(--color-gray-700);
  --kts-color-icon-charcoal-hover: var(--color-gray-600);
  --kts-color-icon-charcoal-active: var(--color-gray-500);
  --kts-color-icon-graphite-default: var(--color-gray-500);
  --kts-color-icon-graphite-hover: var(--color-gray-400);
  --kts-color-icon-graphite-active: var(--color-gray-300);
  --kts-color-icon-on-color-default: var(--color-white);
  --kts-color-icon-on-color-disabled: color-mix(in srgb, var(--color-white) 75%, transparent 0%);
  --kts-color-icon-disabled: var(--color-gray-500);
  --kts-color-icon-support-default: var(--color-gray-500);
  --kts-color-icon-support-primary: var(--color-purple-500);
  --kts-color-icon-support-info: var(--color-blue-500);
  --kts-color-icon-support-success: var(--color-green-500);
  --kts-color-icon-support-warning: var(--color-orange-500);
  --kts-color-icon-support-error: var(--color-red-500);
  --kts-color-icon-support-brand: var(--color-lime-500);
  --kts-color-icon-support-other: var(--color-pink-500);
  --kts-color-icon-on-support-default: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --kts-color-icon-adaptive-default: var(--color-white);
  --kts-color-icon-adaptive-hover: color-mix(in srgb, var(--color-white) 80%, transparent 0%);
  --kts-color-icon-adaptive-active: color-mix(in srgb, var(--color-white) 70%, transparent 0%);
  --kts-color-icon-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --kts-color-icon-notification: var(--color-lime-300);
  --kts-typography-style-header-xsmall-font-family: DM Sans;
  --kts-typography-style-header-xsmall-font-weight: 700;
  --kts-typography-style-header-xsmall-letter-spacing: -.25px;
  --kts-typography-style-header-xsmall-text-decoration: none;
  --kts-typography-style-header-xsmall-text-case: none;
  --kts-typography-style-header-small-font-family: DM Sans;
  --kts-typography-style-header-small-font-weight: 700;
  --kts-typography-style-header-small-letter-spacing: -.25px;
  --kts-typography-style-header-small-text-decoration: none;
  --kts-typography-style-header-small-text-case: none;
  --kts-typography-style-header-medium-font-family: DM Sans;
  --kts-typography-style-header-medium-font-weight: 700;
  --kts-typography-style-header-medium-letter-spacing: -.25px;
  --kts-typography-style-header-medium-text-decoration: none;
  --kts-typography-style-header-medium-text-case: none;
  --kts-typography-style-header-large-font-family: DM Sans;
  --kts-typography-style-header-large-font-weight: 700;
  --kts-typography-style-header-large-letter-spacing: -.25px;
  --kts-typography-style-header-large-text-decoration: none;
  --kts-typography-style-header-large-text-case: none;
  --kts-typography-style-header-xlarge-font-family: DM Sans;
  --kts-typography-style-header-xlarge-font-weight: 700;
  --kts-typography-style-header-xlarge-letter-spacing: -.25px;
  --kts-typography-style-header-xlarge-text-decoration: none;
  --kts-typography-style-header-xlarge-text-case: none;
  --kts-typography-style-header-2xlarge-font-family: DM Sans;
  --kts-typography-style-header-2xlarge-font-weight: 700;
  --kts-typography-style-header-2xlarge-letter-spacing: -.25px;
  --kts-typography-style-header-2xlarge-text-decoration: none;
  --kts-typography-style-header-2xlarge-text-case: none;
  --kts-typography-style-body-xsmall-font-family: DM Sans;
  --kts-typography-style-body-xsmall-font-weight: 500;
  --kts-typography-style-body-xsmall-letter-spacing: 0;
  --kts-typography-style-body-xsmall-text-decoration: none;
  --kts-typography-style-body-xsmall-text-case: none;
  --kts-typography-style-body-2xsmall-font-family: DM Sans;
  --kts-typography-style-body-2xsmall-font-weight: 500;
  --kts-typography-style-body-2xsmall-letter-spacing: 0;
  --kts-typography-style-body-2xsmall-text-decoration: none;
  --kts-typography-style-body-2xsmall-text-case: none;
  --kts-typography-style-body-small-font-family: DM Sans;
  --kts-typography-style-body-small-font-weight: 500;
  --kts-typography-style-body-small-letter-spacing: 0;
  --kts-typography-style-body-small-text-decoration: none;
  --kts-typography-style-body-small-text-case: none;
  --kts-typography-style-body-medium-font-family: DM Sans;
  --kts-typography-style-body-medium-font-weight: 500;
  --kts-typography-style-body-medium-letter-spacing: 0;
  --kts-typography-style-body-medium-text-decoration: none;
  --kts-typography-style-body-medium-text-case: none;
  --kts-typography-style-accent-xsmall-font-family: DM Mono;
  --kts-typography-style-accent-xsmall-font-weight: 500;
  --kts-typography-style-accent-xsmall-letter-spacing: -.25px;
  --kts-typography-style-accent-xsmall-text-decoration: none;
  --kts-typography-style-accent-xsmall-text-case: none;
  --kts-typography-style-accent-small-font-family: DM Mono;
  --kts-typography-style-accent-small-font-weight: 500;
  --kts-typography-style-accent-small-letter-spacing: -.25px;
  --kts-typography-style-accent-small-text-decoration: none;
  --kts-typography-style-accent-small-text-case: none;
  --kts-typography-style-accent-medium-font-family: DM Mono;
  --kts-typography-style-accent-medium-font-weight: 500;
  --kts-typography-style-accent-medium-text-decoration: none;
  --kts-typography-style-accent-medium-text-case: none;
  --kts-typography-style-accent-medium-letter-spacing: -.25px;
  --kts-typography-style-accent-large-font-family: DM Mono;
  --kts-typography-style-accent-large-font-weight: 500;
  --kts-typography-style-accent-large-letter-spacing: -.25px;
  --kts-typography-style-accent-large-text-decoration: none;
  --kts-typography-style-accent-large-text-case: none;
  --kts-typography-style-accent-xlarge-font-family: DM Mono;
  --kts-typography-style-accent-xlarge-font-weight: 500;
  --kts-typography-style-accent-xlarge-letter-spacing: -.25px;
  --kts-typography-style-accent-xlarge-text-decoration: none;
  --kts-typography-style-accent-xlarge-text-case: none;
  --kts-typography-style-accent-2xlarge-font-family: DM Mono;
  --kts-typography-style-accent-2xlarge-letter-spacing: -.25px;
  --kts-typography-style-accent-2xlarge-text-decoration: none;
  --kts-typography-style-accent-2xlarge-text-case: none;
  --kts-typography-style-accent-2xlarge-font-weight: 500;
  --ktc-color-background-button-small-primary-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-primary-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-primary-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-primary-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-secondary-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-secondary-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-secondary-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-secondary-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-tertiary-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-tertiary-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-tertiary-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-tertiary-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-danger-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-danger-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-danger-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-danger-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-adaptive-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-adaptive-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-adaptive-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-adaptive-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-primary-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-primary-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-primary-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-primary-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-secondary-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-secondary-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-secondary-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-secondary-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-tertiary-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-tertiary-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-tertiary-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-tertiary-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-danger-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-danger-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-danger-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-danger-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-adaptive-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-adaptive-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-adaptive-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-adaptive-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-primary-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-primary-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-primary-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-primary-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-secondary-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-secondary-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-secondary-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-secondary-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-tertiary-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-tertiary-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-tertiary-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-tertiary-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-danger-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-danger-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-danger-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-danger-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-adaptive-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-adaptive-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-adaptive-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-adaptive-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-datatable-fade-default: linear-gradient(90deg, color-mix(in srgb, #fff 0%, transparent 0%), #fff);
  --ktc-color-background-slider-track: var(--color-purple-100);
  --ktc-color-background-progress-tracker-track: var(--color-purple-200);
  --ktc-color-background-button-group-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-status-medium-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-tab-bar-item-unselected-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-tab-bar-item-unselected-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-preview-overlay: color-mix(in srgb, var(--color-black) 80%, transparent 0%);
  --ktc-color-text-sms-preview-window-body-message-link: var(--color-blue-600);
  --ktc-color-icon-progress-tracker-step-icon-future: var(--color-purple-200);
  --ktc-color-border-menu-item-divider: var(--color-gray-50);
  --ktc-color-border-dropdown-field-read-only: var(--color-gray-100);
  --ktc-color-border-dropdown-field-default: var(--color-gray-100);
  --ktc-color-border-dropdown-field-hover: var(--color-gray-200);
  --ktc-color-border-dropdown-field-active: var(--color-purple-600);
  --ktc-color-border-dropdown-field-disabled: var(--color-gray-500);
  --ktc-color-border-dropdown-field-error: var(--color-red-500);
  --ktc-color-border-dropdown-menu-default: var(--color-gray-100);
  --ktc-color-border-dropdown-area-read-only: var(--color-gray-100);
  --ktc-color-border-dropdown-area-default: var(--color-gray-100);
  --ktc-color-border-dropdown-area-hover: var(--color-gray-200);
  --ktc-color-border-dropdown-area-active: var(--color-purple-600);
  --ktc-color-border-dropdown-area-disabled: var(--color-gray-500);
  --ktc-color-border-dropdown-area-error: var(--color-red-500);
  --ktc-color-border-tooltip-subtle: var(--color-gray-100);
  --ktc-color-border-tooltip-default: var(--color-black);
  --ktc-color-border-search-field-default: var(--color-gray-100);
  --ktc-color-border-search-field-hover: var(--color-gray-200);
  --ktc-color-border-search-field-active: var(--color-purple-600);
  --ktc-color-border-search-field-disabled: var(--color-gray-500);
  --ktc-color-border-card-static-medium-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-border-card-static-low-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-border-card-interactive-medium-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-border-upload-field-default: var(--color-gray-100);
  --ktc-color-border-upload-field-hover: var(--color-gray-200);
  --ktc-color-border-upload-field-active: var(--color-purple-600);
  --ktc-color-border-upload-field-disabled: var(--color-gray-500);
  --ktc-color-border-upload-icon: var(--color-white);
  --ktc-color-border-stepper-field-default: var(--color-gray-100);
  --ktc-color-border-stepper-field-hover: var(--color-gray-200);
  --ktc-color-border-stepper-field-active: var(--color-purple-600);
  --ktc-color-border-stepper-field-disabled: var(--color-gray-500);
  --ktc-typography-component-nav-bar-item-font-family: DM Sans;
  --ktc-typography-component-nav-bar-item-font-weight: 500;
  --ktc-typography-component-nav-bar-item-letter-spacing: 0;
  --ktc-typography-component-nav-bar-item-text-decoration: none;
  --ktc-typography-component-nav-bar-item-text-case: none;
  --ktc-typography-component-user-menu-header-font-family: DM Mono;
  --ktc-typography-component-user-menu-header-font-weight: 500;
  --ktc-typography-component-user-menu-header-letter-spacing: 0;
  --ktc-typography-component-user-menu-header-text-decoration: none;
  --ktc-typography-component-user-menu-header-text-case: uppercase;
  --ktc-typography-component-user-menu-subitem-font-family: DM Mono;
  --ktc-typography-component-user-menu-subitem-font-weight: 500;
  --ktc-typography-component-user-menu-subitem-letter-spacing: -.25px;
  --ktc-typography-component-user-menu-subitem-text-decoration: none;
  --ktc-typography-component-user-menu-subitem-text-case: none;
  --ktc-typography-component-checkbox-label-font-family: DM Sans;
  --ktc-typography-component-checkbox-label-font-weight: 500;
  --ktc-typography-component-checkbox-label-letter-spacing: 0;
  --ktc-typography-component-checkbox-label-text-decoration: none;
  --ktc-typography-component-checkbox-label-text-case: none;
  --ktc-typography-component-checkbox-group-helper-font-family: DM Sans;
  --ktc-typography-component-checkbox-group-helper-font-weight: 500;
  --ktc-typography-component-checkbox-group-helper-letter-spacing: 0;
  --ktc-typography-component-checkbox-group-helper-text-decoration: none;
  --ktc-typography-component-checkbox-group-helper-text-case: none;
  --ktc-typography-component-checkbox-group-label-font-family: DM Sans;
  --ktc-typography-component-checkbox-group-label-font-weight: 500;
  --ktc-typography-component-checkbox-group-label-letter-spacing: 0;
  --ktc-typography-component-checkbox-group-label-paragraph-spacing: 1px;
  --ktc-typography-component-checkbox-group-label-text-decoration: none;
  --ktc-typography-component-checkbox-group-label-text-case: none;
  --ktc-typography-component-radio-label-font-family: DM Sans;
  --ktc-typography-component-radio-label-font-weight: 500;
  --ktc-typography-component-radio-label-letter-spacing: 0;
  --ktc-typography-component-radio-label-text-decoration: none;
  --ktc-typography-component-radio-label-text-case: none;
  --ktc-typography-component-radio-group-label-font-family: DM Sans;
  --ktc-typography-component-radio-group-label-font-weight: 500;
  --ktc-typography-component-radio-group-label-letter-spacing: 0;
  --ktc-typography-component-radio-group-label-paragraph-spacing: 1px;
  --ktc-typography-component-radio-group-label-text-decoration: none;
  --ktc-typography-component-radio-group-label-text-case: none;
  --ktc-typography-component-slider-label-font-family: DM Sans;
  --ktc-typography-component-slider-label-font-weight: 500;
  --ktc-typography-component-slider-label-letter-spacing: 0;
  --ktc-typography-component-slider-label-paragraph-spacing: 1px;
  --ktc-typography-component-slider-label-text-decoration: none;
  --ktc-typography-component-slider-label-text-case: none;
  --ktc-typography-component-menu-item-title-font-family: SF Pro Display, sans-serif;
  --ktc-typography-component-menu-item-section-header-font-family: SF Pro Display, sans-serif;
  --ktc-typography-component-button-medium-label-font-family: DM Sans;
  --ktc-typography-component-button-medium-label-font-weight: 700;
  --ktc-typography-component-button-medium-label-letter-spacing: 0;
  --ktc-typography-component-button-medium-label-text-decoration: none;
  --ktc-typography-component-button-medium-label-text-case: capitalize;
  --ktc-typography-component-button-full-label-font-family: DM Sans;
  --ktc-typography-component-button-full-label-font-weight: 700;
  --ktc-typography-component-button-full-label-letter-spacing: 0;
  --ktc-typography-component-button-full-label-text-decoration: none;
  --ktc-typography-component-button-full-label-text-case: capitalize;
  --ktc-typography-component-button-small-label-font-family: DM Sans;
  --ktc-typography-component-button-small-label-font-weight: 700;
  --ktc-typography-component-button-small-label-letter-spacing: 0;
  --ktc-typography-component-button-small-label-text-decoration: none;
  --ktc-typography-component-button-small-label-text-case: capitalize;
  --ktc-typography-component-button-xsmall-label-font-family: DM Sans;
  --ktc-typography-component-button-xsmall-label-font-weight: 700;
  --ktc-typography-component-button-xsmall-label-letter-spacing: 0;
  --ktc-typography-component-button-xsmall-label-text-decoration: none;
  --ktc-typography-component-button-xsmall-label-text-case: capitalize;
  --ktc-typography-component-avatar-small-font-family: DM Mono;
  --ktc-typography-component-avatar-small-font-weight: 500;
  --ktc-typography-component-avatar-small-letter-spacing: 0;
  --ktc-typography-component-avatar-small-text-decoration: none;
  --ktc-typography-component-avatar-small-text-case: uppercase;
  --ktc-typography-component-avatar-medium-font-family: DM Mono;
  --ktc-typography-component-avatar-medium-font-weight: 500;
  --ktc-typography-component-avatar-medium-letter-spacing: 0;
  --ktc-typography-component-avatar-medium-text-decoration: none;
  --ktc-typography-component-avatar-medium-text-case: uppercase;
  --ktc-typography-component-avatar-large-font-family: DM Mono;
  --ktc-typography-component-avatar-large-font-weight: 500;
  --ktc-typography-component-avatar-large-letter-spacing: 0;
  --ktc-typography-component-avatar-large-text-decoration: none;
  --ktc-typography-component-avatar-large-text-case: uppercase;
  --ktc-typography-component-text-input-label-font-family: DM Sans;
  --ktc-typography-component-text-input-label-font-weight: 500;
  --ktc-typography-component-text-input-label-letter-spacing: 0;
  --ktc-typography-component-text-input-label-paragraph-spacing: 1px;
  --ktc-typography-component-text-input-label-text-decoration: none;
  --ktc-typography-component-text-input-label-text-case: none;
  --ktc-typography-component-text-input-helper-font-family: DM Sans;
  --ktc-typography-component-text-input-helper-font-weight: 500;
  --ktc-typography-component-text-input-helper-letter-spacing: 0;
  --ktc-typography-component-text-input-helper-paragraph-spacing: 1px;
  --ktc-typography-component-text-input-helper-text-decoration: none;
  --ktc-typography-component-text-input-helper-text-case: none;
  --ktc-typography-component-text-input-field-text-font-family: DM Sans;
  --ktc-typography-component-text-input-field-text-font-weight: 500;
  --ktc-typography-component-text-input-field-text-letter-spacing: 0;
  --ktc-typography-component-text-input-field-text-paragraph-spacing: 1px;
  --ktc-typography-component-text-input-field-text-text-decoration: none;
  --ktc-typography-component-text-input-field-text-text-case: none;
  --ktc-typography-component-text-input-field-suffix-font-family: DM Sans;
  --ktc-typography-component-text-input-field-suffix-font-weight: 500;
  --ktc-typography-component-text-input-field-suffix-letter-spacing: 0;
  --ktc-typography-component-text-input-field-suffix-paragraph-spacing: 1px;
  --ktc-typography-component-text-input-field-suffix-text-decoration: none;
  --ktc-typography-component-text-input-field-suffix-text-case: none;
  --ktc-typography-component-status-label-font-family: DM Sans;
  --ktc-typography-component-status-label-font-weight: 500;
  --ktc-typography-component-status-label-letter-spacing: 0;
  --ktc-typography-component-status-label-text-decoration: none;
  --ktc-typography-component-status-label-text-case: none;
  --ktc-typography-component-search-label-font-family: DM Sans;
  --ktc-typography-component-search-label-font-weight: 500;
  --ktc-typography-component-search-label-letter-spacing: 0;
  --ktc-typography-component-search-label-text-decoration: none;
  --ktc-typography-component-search-label-text-case: capitalize;
  --ktc-typography-component-search-text-font-family: DM Sans;
  --ktc-typography-component-search-text-font-weight: 500;
  --ktc-typography-component-search-text-letter-spacing: 0;
  --ktc-typography-component-search-text-text-decoration: none;
  --ktc-typography-component-search-text-text-case: none;
  --ktc-typography-component-dropdown-label-font-family: DM Sans;
  --ktc-typography-component-dropdown-label-font-weight: 500;
  --ktc-typography-component-dropdown-label-letter-spacing: 0;
  --ktc-typography-component-dropdown-label-text-decoration: none;
  --ktc-typography-component-dropdown-label-text-case: none;
  --ktc-typography-component-dropdown-helper-font-family: DM Sans;
  --ktc-typography-component-dropdown-helper-font-weight: 500;
  --ktc-typography-component-dropdown-helper-letter-spacing: 0;
  --ktc-typography-component-dropdown-helper-text-decoration: none;
  --ktc-typography-component-dropdown-helper-text-case: none;
  --ktc-typography-component-dropdown-menu-create-item-helper-font-family: DM Sans;
  --ktc-typography-component-dropdown-menu-create-item-helper-font-weight: 500;
  --ktc-typography-component-dropdown-menu-create-item-helper-letter-spacing: 0;
  --ktc-typography-component-dropdown-menu-create-item-helper-text-decoration: none;
  --ktc-typography-component-dropdown-menu-create-item-helper-text-case: none;
  --ktc-typography-component-dropdown-menu-create-item-label-font-family: DM Sans;
  --ktc-typography-component-dropdown-menu-create-item-label-font-weight: 500;
  --ktc-typography-component-dropdown-menu-create-item-label-letter-spacing: 0;
  --ktc-typography-component-dropdown-menu-create-item-label-text-decoration: none;
  --ktc-typography-component-dropdown-menu-create-item-label-text-case: none;
  --ktc-typography-component-dropdown-menu-item-label-font-family: DM Sans;
  --ktc-typography-component-dropdown-menu-item-label-font-weight: 500;
  --ktc-typography-component-dropdown-menu-item-label-letter-spacing: 0;
  --ktc-typography-component-dropdown-menu-item-label-text-decoration: none;
  --ktc-typography-component-dropdown-menu-item-label-text-case: none;
  --ktc-typography-component-dropdown-menu-item-country-code-font-family: DM Mono;
  --ktc-typography-component-dropdown-menu-item-country-code-font-weight: 500;
  --ktc-typography-component-dropdown-menu-item-country-code-letter-spacing: -.25px;
  --ktc-typography-component-dropdown-menu-item-country-code-text-decoration: none;
  --ktc-typography-component-dropdown-menu-item-country-code-text-case: none;
  --ktc-typography-component-dropdown-menu-header-label-font-family: DM Mono;
  --ktc-typography-component-dropdown-menu-header-label-font-weight: 500;
  --ktc-typography-component-dropdown-menu-header-label-letter-spacing: -.25px;
  --ktc-typography-component-dropdown-menu-header-label-text-decoration: none;
  --ktc-typography-component-dropdown-menu-header-label-text-case: uppercase;
  --ktc-typography-component-dropdown-area-label-font-family: DM Sans;
  --ktc-typography-component-dropdown-area-label-font-weight: 500;
  --ktc-typography-component-dropdown-area-label-letter-spacing: 0;
  --ktc-typography-component-dropdown-area-label-text-decoration: none;
  --ktc-typography-component-dropdown-area-label-text-case: none;
  --ktc-typography-component-combo-input-label-font-family: DM Sans;
  --ktc-typography-component-combo-input-label-font-weight: 500;
  --ktc-typography-component-combo-input-label-letter-spacing: 0;
  --ktc-typography-component-combo-input-label-text-decoration: none;
  --ktc-typography-component-combo-input-label-text-case: none;
  --ktc-typography-component-combo-input-helper-font-family: DM Sans;
  --ktc-typography-component-combo-input-helper-font-weight: 500;
  --ktc-typography-component-combo-input-helper-letter-spacing: 0;
  --ktc-typography-component-combo-input-helper-text-decoration: none;
  --ktc-typography-component-combo-input-helper-text-case: none;
  --ktc-typography-component-date-picker-menu-item-label-font-family: DM Sans;
  --ktc-typography-component-date-picker-menu-item-label-font-weight: 500;
  --ktc-typography-component-date-picker-menu-item-label-letter-spacing: 0;
  --ktc-typography-component-date-picker-menu-item-label-text-decoration: none;
  --ktc-typography-component-date-picker-menu-item-label-text-case: none;
  --ktc-typography-component-date-picker-menu-calendar-date-item-font-family: DM Mono;
  --ktc-typography-component-date-picker-menu-calendar-date-item-font-weight: 500;
  --ktc-typography-component-date-picker-menu-calendar-date-item-letter-spacing: -.25px;
  --ktc-typography-component-date-picker-menu-calendar-date-item-text-decoration: none;
  --ktc-typography-component-date-picker-menu-calendar-date-item-text-case: none;
  --ktc-typography-component-date-picker-menu-header-controls-dropdown-font-family: DM Mono;
  --ktc-typography-component-date-picker-menu-header-controls-dropdown-font-weight: 500;
  --ktc-typography-component-date-picker-menu-header-controls-dropdown-letter-spacing: -.25px;
  --ktc-typography-component-date-picker-menu-header-controls-dropdown-text-decoration: none;
  --ktc-typography-component-date-picker-menu-header-controls-dropdown-text-case: none;
  --ktc-typography-component-tab-bar-item-label-font-family: DM Sans;
  --ktc-typography-component-tab-bar-item-label-font-weight: 500;
  --ktc-typography-component-tab-bar-item-label-letter-spacing: 0;
  --ktc-typography-component-tab-bar-item-label-text-decoration: none;
  --ktc-typography-component-tab-bar-item-label-text-case: none;
  --ktc-typography-component-checklist-item-font-family: DM Sans;
  --ktc-typography-component-checklist-item-font-weight: 500;
  --ktc-typography-component-checklist-item-letter-spacing: 0;
  --ktc-typography-component-checklist-item-text-decoration: none;
  --ktc-typography-component-checklist-item-text-case: none;
  --ktc-typography-component-datatable-table-cell-text-font-family: DM Sans;
  --ktc-typography-component-datatable-table-cell-text-font-weight: 500;
  --ktc-typography-component-datatable-table-cell-text-letter-spacing: 0;
  --ktc-typography-component-datatable-table-cell-text-text-decoration: none;
  --ktc-typography-component-datatable-table-cell-text-text-case: none;
  --ktc-typography-component-datatable-table-cell-number-font-family: DM Mono;
  --ktc-typography-component-datatable-table-cell-number-font-weight: 500;
  --ktc-typography-component-datatable-table-cell-number-letter-spacing: -.25px;
  --ktc-typography-component-datatable-table-cell-number-text-decoration: none;
  --ktc-typography-component-datatable-table-cell-number-text-case: none;
  --ktc-typography-component-datatable-table-header-default-font-family: DM Sans;
  --ktc-typography-component-datatable-table-header-default-font-weight: 700;
  --ktc-typography-component-datatable-table-header-default-letter-spacing: -.25px;
  --ktc-typography-component-datatable-table-header-default-text-decoration: none;
  --ktc-typography-component-datatable-table-header-default-text-case: none;
  --ktc-typography-component-datatable-table-empty-header-font-family: DM Sans;
  --ktc-typography-component-datatable-table-empty-header-font-weight: 700;
  --ktc-typography-component-datatable-table-empty-header-letter-spacing: -.25px;
  --ktc-typography-component-datatable-table-empty-header-text-decoration: none;
  --ktc-typography-component-datatable-table-empty-header-text-case: none;
  --ktc-typography-component-datatable-table-empty-body-font-family: DM Sans;
  --ktc-typography-component-datatable-table-empty-body-font-weight: 500;
  --ktc-typography-component-datatable-table-empty-body-letter-spacing: 0;
  --ktc-typography-component-datatable-table-empty-body-text-decoration: none;
  --ktc-typography-component-datatable-table-empty-body-text-case: none;
  --ktc-typography-component-datatable-footer-font-family: DM Sans;
  --ktc-typography-component-datatable-footer-font-weight: 500;
  --ktc-typography-component-datatable-footer-letter-spacing: 0;
  --ktc-typography-component-datatable-footer-paragraph-spacing: 1px;
  --ktc-typography-component-datatable-footer-text-decoration: none;
  --ktc-typography-component-datatable-footer-text-case: none;
  --ktc-typography-component-login-content-body-font-family: DM Sans;
  --ktc-typography-component-login-content-body-font-weight: 500;
  --ktc-typography-component-login-content-body-letter-spacing: 0;
  --ktc-typography-component-login-content-body-text-decoration: none;
  --ktc-typography-component-login-content-body-text-case: none;
  --ktc-typography-component-login-content-header-font-family: DM Sans;
  --ktc-typography-component-login-content-header-font-weight: 700;
  --ktc-typography-component-login-content-header-letter-spacing: 0;
  --ktc-typography-component-login-content-header-text-decoration: none;
  --ktc-typography-component-login-content-header-text-case: none;
  --ktc-typography-component-chip-filter-label-font-family: DM Sans;
  --ktc-typography-component-chip-filter-label-font-weight: 500;
  --ktc-typography-component-chip-filter-label-letter-spacing: 0;
  --ktc-typography-component-chip-filter-label-text-decoration: none;
  --ktc-typography-component-chip-filter-label-text-case: none;
  --ktc-typography-component-message-body-font-family: DM Sans;
  --ktc-typography-component-message-body-font-weight: 500;
  --ktc-typography-component-message-body-letter-spacing: 0;
  --ktc-typography-component-message-body-text-decoration: none;
  --ktc-typography-component-message-body-text-case: none;
  --ktc-typography-component-progress-tracker-step-label-font-family: DM Sans;
  --ktc-typography-component-progress-tracker-step-label-font-weight: 700;
  --ktc-typography-component-progress-tracker-step-label-letter-spacing: 0;
  --ktc-typography-component-progress-tracker-step-label-text-decoration: none;
  --ktc-typography-component-progress-tracker-step-label-text-case: capitalize;
  --ktc-typography-component-tag-label-font-family: DM Mono;
  --ktc-typography-component-tag-label-font-weight: 500;
  --ktc-typography-component-tag-label-letter-spacing: -.25px;
  --ktc-typography-component-tag-label-text-decoration: none;
  --ktc-typography-component-tag-label-text-case: capitalize;
  --ktc-typography-component-page-header-title-device-xl-font-family: DM Sans;
  --ktc-typography-component-page-header-title-device-xl-font-weight: 700;
  --ktc-typography-component-page-header-title-device-xl-letter-spacing: 0;
  --ktc-typography-component-page-header-title-device-xl-text-decoration: none;
  --ktc-typography-component-page-header-title-device-xl-text-case: none;
  --ktc-typography-component-page-header-title-device-lg-font-family: DM Sans;
  --ktc-typography-component-page-header-title-device-lg-font-weight: 700;
  --ktc-typography-component-page-header-title-device-lg-letter-spacing: 0;
  --ktc-typography-component-page-header-title-device-lg-text-decoration: none;
  --ktc-typography-component-page-header-title-device-lg-text-case: none;
  --ktc-typography-component-page-header-title-device-md-font-family: DM Sans;
  --ktc-typography-component-page-header-title-device-md-font-weight: 700;
  --ktc-typography-component-page-header-title-device-md-letter-spacing: -.25px;
  --ktc-typography-component-page-header-title-device-md-text-decoration: none;
  --ktc-typography-component-page-header-title-device-md-text-case: none;
  --ktc-typography-component-page-header-title-device-sm-font-family: DM Sans;
  --ktc-typography-component-page-header-title-device-sm-font-weight: 700;
  --ktc-typography-component-page-header-title-device-sm-letter-spacing: -.25px;
  --ktc-typography-component-page-header-title-device-sm-text-decoration: none;
  --ktc-typography-component-page-header-title-device-sm-text-case: none;
  --ktc-typography-component-page-header-title-device-xs-font-family: DM Sans;
  --ktc-typography-component-page-header-title-device-xs-font-weight: 700;
  --ktc-typography-component-page-header-title-device-xs-letter-spacing: -.25px;
  --ktc-typography-component-page-header-title-device-xs-text-decoration: none;
  --ktc-typography-component-page-header-title-device-xs-text-case: none;
  --ktc-typography-component-page-section-header-medium-font-family: DM Sans;
  --ktc-typography-component-page-section-header-medium-font-weight: 700;
  --ktc-typography-component-page-section-header-medium-letter-spacing: -.25px;
  --ktc-typography-component-page-section-header-medium-text-decoration: none;
  --ktc-typography-component-page-section-header-medium-text-case: none;
  --ktc-typography-component-page-section-header-small-font-family: DM Sans;
  --ktc-typography-component-page-section-header-small-font-weight: 700;
  --ktc-typography-component-page-section-header-small-letter-spacing: -.25px;
  --ktc-typography-component-page-section-header-small-text-decoration: none;
  --ktc-typography-component-page-section-header-small-text-case: none;
  --ktc-typography-component-page-section-header-xsmall-font-family: DM Sans;
  --ktc-typography-component-page-section-header-xsmall-font-weight: 700;
  --ktc-typography-component-page-section-header-xsmall-letter-spacing: -.25px;
  --ktc-typography-component-page-section-header-xsmall-text-decoration: none;
  --ktc-typography-component-page-section-header-xsmall-text-case: none;
  --ktc-typography-component-page-section-header-large-font-family: DM Sans;
  --ktc-typography-component-page-section-header-large-font-weight: 700;
  --ktc-typography-component-page-section-header-large-letter-spacing: -.25px;
  --ktc-typography-component-page-section-header-large-text-decoration: none;
  --ktc-typography-component-page-section-header-large-text-case: none;
  --ktc-typography-component-page-section-header-xlarge-font-family: DM Sans;
  --ktc-typography-component-page-section-header-xlarge-font-weight: 700;
  --ktc-typography-component-page-section-header-xlarge-letter-spacing: -.25px;
  --ktc-typography-component-page-section-header-xlarge-text-decoration: none;
  --ktc-typography-component-page-section-header-xlarge-text-case: none;
  --ktc-typography-component-page-section-header-2xlarge-font-family: DM Sans;
  --ktc-typography-component-page-section-header-2xlarge-font-weight: 700;
  --ktc-typography-component-page-section-header-2xlarge-letter-spacing: -.25px;
  --ktc-typography-component-page-section-header-2xlarge-text-decoration: none;
  --ktc-typography-component-page-section-header-2xlarge-text-case: none;
  --ktc-typography-component-page-section-body-medium-font-family: DM Sans;
  --ktc-typography-component-page-section-body-medium-font-weight: 500;
  --ktc-typography-component-page-section-body-medium-letter-spacing: 0;
  --ktc-typography-component-page-section-body-medium-text-decoration: none;
  --ktc-typography-component-page-section-body-medium-text-case: none;
  --ktc-typography-component-page-section-body-xsmall-font-family: DM Sans;
  --ktc-typography-component-page-section-body-xsmall-font-weight: 500;
  --ktc-typography-component-page-section-body-xsmall-letter-spacing: 0;
  --ktc-typography-component-page-section-body-xsmall-text-decoration: none;
  --ktc-typography-component-page-section-body-xsmall-text-case: none;
  --ktc-typography-component-page-section-body-2xsmall-font-family: DM Sans;
  --ktc-typography-component-page-section-body-2xsmall-font-weight: 500;
  --ktc-typography-component-page-section-body-2xsmall-letter-spacing: 0;
  --ktc-typography-component-page-section-body-2xsmall-text-decoration: none;
  --ktc-typography-component-page-section-body-2xsmall-text-case: none;
  --ktc-typography-component-page-section-body-small-font-family: DM Sans;
  --ktc-typography-component-page-section-body-small-font-weight: 500;
  --ktc-typography-component-page-section-body-small-letter-spacing: 0;
  --ktc-typography-component-page-section-body-small-text-decoration: none;
  --ktc-typography-component-page-section-body-small-text-case: none;
  --ktc-typography-component-page-section-accent-xlarge-font-family: DM Mono;
  --ktc-typography-component-page-section-accent-xlarge-font-weight: 500;
  --ktc-typography-component-page-section-accent-xlarge-letter-spacing: -.25px;
  --ktc-typography-component-page-section-accent-xlarge-text-decoration: none;
  --ktc-typography-component-page-section-accent-xlarge-text-case: none;
  --ktc-typography-component-page-section-accent-large-font-family: DM Mono;
  --ktc-typography-component-page-section-accent-large-font-weight: 500;
  --ktc-typography-component-page-section-accent-large-letter-spacing: -.25px;
  --ktc-typography-component-page-section-accent-large-text-decoration: none;
  --ktc-typography-component-page-section-accent-large-text-case: none;
  --ktc-typography-component-page-section-accent-medium-font-family: DM Mono;
  --ktc-typography-component-page-section-accent-medium-font-weight: 500;
  --ktc-typography-component-page-section-accent-medium-text-decoration: none;
  --ktc-typography-component-page-section-accent-medium-text-case: none;
  --ktc-typography-component-page-section-accent-medium-letter-spacing: -.25px;
  --ktc-typography-component-page-section-accent-small-font-family: DM Mono;
  --ktc-typography-component-page-section-accent-small-font-weight: 500;
  --ktc-typography-component-page-section-accent-small-letter-spacing: -.25px;
  --ktc-typography-component-page-section-accent-small-text-decoration: none;
  --ktc-typography-component-page-section-accent-small-text-case: none;
  --ktc-typography-component-page-section-accent-xsmall-font-family: DM Mono;
  --ktc-typography-component-page-section-accent-xsmall-font-weight: 500;
  --ktc-typography-component-page-section-accent-xsmall-letter-spacing: -.25px;
  --ktc-typography-component-page-section-accent-xsmall-text-decoration: none;
  --ktc-typography-component-page-section-accent-xsmall-text-case: none;
  --ktc-typography-component-page-section-accent-2xlarge-font-family: DM Mono;
  --ktc-typography-component-page-section-accent-2xlarge-letter-spacing: -.25px;
  --ktc-typography-component-page-section-accent-2xlarge-text-decoration: none;
  --ktc-typography-component-page-section-accent-2xlarge-text-case: none;
  --ktc-typography-component-page-section-accent-2xlarge-font-weight: 500;
  --ktc-typography-component-page-section-label-xsmall-font-family: DM Sans;
  --ktc-typography-component-page-section-label-xsmall-font-weight: 500;
  --ktc-typography-component-page-section-label-xsmall-letter-spacing: 0;
  --ktc-typography-component-page-section-label-xsmall-text-decoration: none;
  --ktc-typography-component-page-section-label-xsmall-text-case: none;
  --ktc-typography-component-card-header-medium-font-family: DM Sans;
  --ktc-typography-component-card-header-medium-font-weight: 700;
  --ktc-typography-component-card-header-medium-letter-spacing: -.25px;
  --ktc-typography-component-card-header-medium-text-decoration: none;
  --ktc-typography-component-card-header-medium-text-case: none;
  --ktc-typography-component-card-header-small-font-family: DM Sans;
  --ktc-typography-component-card-header-small-font-weight: 700;
  --ktc-typography-component-card-header-small-letter-spacing: -.25px;
  --ktc-typography-component-card-header-small-text-decoration: none;
  --ktc-typography-component-card-header-small-text-case: none;
  --ktc-typography-component-card-header-xsmall-font-family: DM Sans;
  --ktc-typography-component-card-header-xsmall-font-weight: 700;
  --ktc-typography-component-card-header-xsmall-letter-spacing: -.25px;
  --ktc-typography-component-card-header-xsmall-text-decoration: none;
  --ktc-typography-component-card-header-xsmall-text-case: none;
  --ktc-typography-component-card-header-large-font-family: DM Sans;
  --ktc-typography-component-card-header-large-font-weight: 700;
  --ktc-typography-component-card-header-large-letter-spacing: -.25px;
  --ktc-typography-component-card-header-large-text-decoration: none;
  --ktc-typography-component-card-header-large-text-case: none;
  --ktc-typography-component-card-header-xlarge-font-family: DM Sans;
  --ktc-typography-component-card-header-xlarge-font-weight: 700;
  --ktc-typography-component-card-header-xlarge-letter-spacing: -.25px;
  --ktc-typography-component-card-header-xlarge-text-decoration: none;
  --ktc-typography-component-card-header-xlarge-text-case: none;
  --ktc-typography-component-card-header-2xlarge-font-family: DM Sans;
  --ktc-typography-component-card-header-2xlarge-font-weight: 700;
  --ktc-typography-component-card-header-2xlarge-letter-spacing: -.25px;
  --ktc-typography-component-card-header-2xlarge-text-decoration: none;
  --ktc-typography-component-card-header-2xlarge-text-case: none;
  --ktc-typography-component-card-body-medium-font-family: DM Sans;
  --ktc-typography-component-card-body-medium-font-weight: 500;
  --ktc-typography-component-card-body-medium-letter-spacing: 0;
  --ktc-typography-component-card-body-medium-text-decoration: none;
  --ktc-typography-component-card-body-medium-text-case: none;
  --ktc-typography-component-card-body-xsmall-font-family: DM Sans;
  --ktc-typography-component-card-body-xsmall-font-weight: 500;
  --ktc-typography-component-card-body-xsmall-letter-spacing: 0;
  --ktc-typography-component-card-body-xsmall-text-decoration: none;
  --ktc-typography-component-card-body-xsmall-text-case: none;
  --ktc-typography-component-card-body-2xsmall-font-family: DM Sans;
  --ktc-typography-component-card-body-2xsmall-font-weight: 500;
  --ktc-typography-component-card-body-2xsmall-letter-spacing: 0;
  --ktc-typography-component-card-body-2xsmall-text-decoration: none;
  --ktc-typography-component-card-body-2xsmall-text-case: none;
  --ktc-typography-component-card-body-small-font-family: DM Sans;
  --ktc-typography-component-card-body-small-font-weight: 500;
  --ktc-typography-component-card-body-small-letter-spacing: 0;
  --ktc-typography-component-card-body-small-text-decoration: none;
  --ktc-typography-component-card-body-small-text-case: none;
  --ktc-typography-component-card-accent-xlarge-font-family: DM Mono;
  --ktc-typography-component-card-accent-xlarge-font-weight: 500;
  --ktc-typography-component-card-accent-xlarge-letter-spacing: -.25px;
  --ktc-typography-component-card-accent-xlarge-text-decoration: none;
  --ktc-typography-component-card-accent-xlarge-text-case: none;
  --ktc-typography-component-card-accent-large-font-family: DM Mono;
  --ktc-typography-component-card-accent-large-font-weight: 500;
  --ktc-typography-component-card-accent-large-letter-spacing: -.25px;
  --ktc-typography-component-card-accent-large-text-decoration: none;
  --ktc-typography-component-card-accent-large-text-case: none;
  --ktc-typography-component-card-accent-medium-font-family: DM Mono;
  --ktc-typography-component-card-accent-medium-font-weight: 500;
  --ktc-typography-component-card-accent-medium-text-decoration: none;
  --ktc-typography-component-card-accent-medium-text-case: none;
  --ktc-typography-component-card-accent-medium-letter-spacing: -.25px;
  --ktc-typography-component-card-accent-small-font-family: DM Mono;
  --ktc-typography-component-card-accent-small-font-weight: 500;
  --ktc-typography-component-card-accent-small-letter-spacing: -.25px;
  --ktc-typography-component-card-accent-small-text-decoration: none;
  --ktc-typography-component-card-accent-small-text-case: none;
  --ktc-typography-component-card-accent-xsmall-font-family: DM Mono;
  --ktc-typography-component-card-accent-xsmall-font-weight: 500;
  --ktc-typography-component-card-accent-xsmall-letter-spacing: -.25px;
  --ktc-typography-component-card-accent-xsmall-text-decoration: none;
  --ktc-typography-component-card-accent-xsmall-text-case: none;
  --ktc-typography-component-card-accent-2xlarge-font-family: DM Mono;
  --ktc-typography-component-card-accent-2xlarge-letter-spacing: -.25px;
  --ktc-typography-component-card-accent-2xlarge-text-decoration: none;
  --ktc-typography-component-card-accent-2xlarge-text-case: none;
  --ktc-typography-component-card-accent-2xlarge-font-weight: 500;
  --ktc-typography-component-card-label-xsmall-font-family: DM Sans;
  --ktc-typography-component-card-label-xsmall-font-weight: 500;
  --ktc-typography-component-card-label-xsmall-letter-spacing: 0;
  --ktc-typography-component-card-label-xsmall-text-decoration: none;
  --ktc-typography-component-card-label-xsmall-text-case: none;
  --ktc-typography-component-toast-body-font-family: DM Sans;
  --ktc-typography-component-toast-body-font-weight: 500;
  --ktc-typography-component-toast-body-letter-spacing: 0;
  --ktc-typography-component-toast-body-text-decoration: none;
  --ktc-typography-component-toast-body-text-case: none;
  --ktc-typography-component-dialog-header-font-family: DM Sans;
  --ktc-typography-component-dialog-header-font-weight: 700;
  --ktc-typography-component-dialog-header-letter-spacing: -.25px;
  --ktc-typography-component-dialog-header-text-decoration: none;
  --ktc-typography-component-dialog-header-text-case: none;
  --ktc-typography-component-dialog-body-font-family: DM Sans;
  --ktc-typography-component-dialog-body-font-weight: 500;
  --ktc-typography-component-dialog-body-letter-spacing: 0;
  --ktc-typography-component-dialog-body-text-decoration: none;
  --ktc-typography-component-dialog-body-text-case: none;
  --ktc-typography-component-toolbar-body-font-family: DM Mono;
  --ktc-typography-component-toolbar-body-font-weight: 500;
  --ktc-typography-component-toolbar-body-letter-spacing: -.25px;
  --ktc-typography-component-toolbar-body-text-decoration: none;
  --ktc-typography-component-toolbar-body-text-case: none;
  --ktc-typography-component-tooltip-body-font-family: DM Mono;
  --ktc-typography-component-tooltip-body-font-weight: 500;
  --ktc-typography-component-tooltip-body-letter-spacing: -.25px;
  --ktc-typography-component-tooltip-body-text-decoration: none;
  --ktc-typography-component-tooltip-body-text-case: none;
  --ktc-typography-component-time-select-label-font-family: DM Sans;
  --ktc-typography-component-time-select-label-font-weight: 500;
  --ktc-typography-component-time-select-label-letter-spacing: 0;
  --ktc-typography-component-time-select-label-text-decoration: none;
  --ktc-typography-component-time-select-label-text-case: none;
  --ktc-typography-component-time-select-helper-font-family: DM Sans;
  --ktc-typography-component-time-select-helper-font-weight: 500;
  --ktc-typography-component-time-select-helper-letter-spacing: 0;
  --ktc-typography-component-time-select-helper-text-decoration: none;
  --ktc-typography-component-time-select-helper-text-case: none;
  --ktc-typography-component-time-select-menu-create-item-helper-font-family: DM Sans;
  --ktc-typography-component-time-select-menu-create-item-helper-font-weight: 500;
  --ktc-typography-component-time-select-menu-create-item-helper-letter-spacing: 0;
  --ktc-typography-component-time-select-menu-create-item-helper-text-decoration: none;
  --ktc-typography-component-time-select-menu-create-item-helper-text-case: none;
  --ktc-typography-component-time-select-menu-create-item-label-font-family: DM Sans;
  --ktc-typography-component-time-select-menu-create-item-label-font-weight: 500;
  --ktc-typography-component-time-select-menu-create-item-label-letter-spacing: 0;
  --ktc-typography-component-time-select-menu-create-item-label-text-decoration: none;
  --ktc-typography-component-time-select-menu-create-item-label-text-case: none;
  --ktc-typography-component-time-select-menu-item-label-font-family: DM Sans;
  --ktc-typography-component-time-select-menu-item-label-font-weight: 500;
  --ktc-typography-component-time-select-menu-item-label-letter-spacing: 0;
  --ktc-typography-component-time-select-menu-item-label-text-decoration: none;
  --ktc-typography-component-time-select-menu-item-label-text-case: none;
  --ktc-typography-component-time-select-menu-header-label-font-family: DM Mono;
  --ktc-typography-component-time-select-menu-header-label-font-weight: 500;
  --ktc-typography-component-time-select-menu-header-label-letter-spacing: -.25px;
  --ktc-typography-component-time-select-menu-header-label-text-decoration: none;
  --ktc-typography-component-time-select-menu-header-label-text-case: uppercase;
  --ktc-typography-component-upload-label-font-family: DM Sans;
  --ktc-typography-component-upload-label-font-weight: 500;
  --ktc-typography-component-upload-label-letter-spacing: 0;
  --ktc-typography-component-upload-label-paragraph-spacing: 1px;
  --ktc-typography-component-upload-label-text-decoration: none;
  --ktc-typography-component-upload-label-text-case: none;
  --ktc-typography-component-upload-helper-font-family: DM Sans;
  --ktc-typography-component-upload-helper-font-weight: 500;
  --ktc-typography-component-upload-helper-letter-spacing: 0;
  --ktc-typography-component-upload-helper-paragraph-spacing: 1px;
  --ktc-typography-component-upload-helper-text-decoration: none;
  --ktc-typography-component-upload-helper-text-case: none;
  --ktc-typography-component-upload-field-text-font-family: DM Sans;
  --ktc-typography-component-upload-field-text-font-weight: 500;
  --ktc-typography-component-upload-field-text-letter-spacing: 0;
  --ktc-typography-component-upload-field-text-paragraph-spacing: 1px;
  --ktc-typography-component-upload-field-text-text-decoration: none;
  --ktc-typography-component-upload-field-text-text-case: none;
  --ktc-typography-component-stepper-label-font-family: DM Sans;
  --ktc-typography-component-stepper-label-font-weight: 500;
  --ktc-typography-component-stepper-label-letter-spacing: 0;
  --ktc-typography-component-stepper-label-paragraph-spacing: 1px;
  --ktc-typography-component-stepper-label-text-decoration: none;
  --ktc-typography-component-stepper-label-text-case: none;
  --ktc-typography-component-stepper-helper-font-family: DM Sans;
  --ktc-typography-component-stepper-helper-font-weight: 500;
  --ktc-typography-component-stepper-helper-letter-spacing: 0;
  --ktc-typography-component-stepper-helper-paragraph-spacing: 1px;
  --ktc-typography-component-stepper-helper-text-decoration: none;
  --ktc-typography-component-stepper-helper-text-case: none;
  --ktc-typography-component-stepper-field-text-font-family: DM Mono;
  --ktc-typography-component-stepper-field-text-font-weight: 500;
  --ktc-typography-component-stepper-field-text-letter-spacing: .25px;
  --ktc-typography-component-stepper-field-text-paragraph-spacing: 1px;
  --ktc-typography-component-stepper-field-text-text-decoration: none;
  --ktc-typography-component-stepper-field-text-text-case: none;
  --ktc-typography-component-text-area-label-font-family: DM Sans;
  --ktc-typography-component-text-area-label-font-weight: 500;
  --ktc-typography-component-text-area-label-letter-spacing: 0;
  --ktc-typography-component-text-area-label-paragraph-spacing: 1px;
  --ktc-typography-component-text-area-label-text-decoration: none;
  --ktc-typography-component-text-area-label-text-case: none;
  --ktc-typography-component-text-area-helper-font-family: DM Sans;
  --ktc-typography-component-text-area-helper-font-weight: 500;
  --ktc-typography-component-text-area-helper-letter-spacing: 0;
  --ktc-typography-component-text-area-helper-paragraph-spacing: 1px;
  --ktc-typography-component-text-area-helper-text-decoration: none;
  --ktc-typography-component-text-area-helper-text-case: none;
  --ktc-typography-component-text-area-field-text-font-family: DM Sans;
  --ktc-typography-component-text-area-field-text-font-weight: 500;
  --ktc-typography-component-text-area-field-text-letter-spacing: 0;
  --ktc-typography-component-text-area-field-text-paragraph-spacing: 1px;
  --ktc-typography-component-text-area-field-text-text-decoration: none;
  --ktc-typography-component-text-area-field-text-text-case: none;
  --ktc-typography-component-text-area-field-suffix-font-family: DM Sans;
  --ktc-typography-component-text-area-field-suffix-font-weight: 500;
  --ktc-typography-component-text-area-field-suffix-letter-spacing: 0;
  --ktc-typography-component-text-area-field-suffix-paragraph-spacing: 1px;
  --ktc-typography-component-text-area-field-suffix-text-decoration: none;
  --ktc-typography-component-text-area-field-suffix-text-case: none;
  --ktc-typography-component-rich-text-area-label-font-family: DM Sans;
  --ktc-typography-component-rich-text-area-label-font-weight: 500;
  --ktc-typography-component-rich-text-area-label-letter-spacing: 0;
  --ktc-typography-component-rich-text-area-label-paragraph-spacing: 1px;
  --ktc-typography-component-rich-text-area-label-text-decoration: none;
  --ktc-typography-component-rich-text-area-label-text-case: none;
  --ktc-typography-component-rich-text-area-helper-font-family: DM Sans;
  --ktc-typography-component-rich-text-area-helper-font-weight: 500;
  --ktc-typography-component-rich-text-area-helper-letter-spacing: 0;
  --ktc-typography-component-rich-text-area-helper-paragraph-spacing: 1px;
  --ktc-typography-component-rich-text-area-helper-text-decoration: none;
  --ktc-typography-component-rich-text-area-helper-text-case: none;
  --ktc-typography-component-rich-text-area-field-text-font-family: DM Sans;
  --ktc-typography-component-rich-text-area-field-text-font-weight: 500;
  --ktc-typography-component-rich-text-area-field-text-letter-spacing: 0;
  --ktc-typography-component-rich-text-area-field-text-paragraph-spacing: 1px;
  --ktc-typography-component-rich-text-area-field-text-text-decoration: none;
  --ktc-typography-component-rich-text-area-field-text-text-case: none;
  --ktc-typography-component-rich-text-area-field-suffix-font-family: DM Sans;
  --ktc-typography-component-rich-text-area-field-suffix-font-weight: 500;
  --ktc-typography-component-rich-text-area-field-suffix-letter-spacing: 0;
  --ktc-typography-component-rich-text-area-field-suffix-paragraph-spacing: 1px;
  --ktc-typography-component-rich-text-area-field-suffix-text-decoration: none;
  --ktc-typography-component-rich-text-area-field-suffix-text-case: none;
  --ktc-typography-component-preview-preview-label-font-family: DM Sans;
  --ktc-typography-component-preview-preview-label-font-weight: 700;
  --ktc-typography-component-preview-preview-label-letter-spacing: 0;
  --ktc-typography-component-preview-preview-label-text-decoration: none;
  --ktc-typography-component-preview-preview-label-text-case: capitalize;
  --ktc-typography-component-sms-preview-window-body-message-font-family: DM Sans;
  --ktc-typography-component-sms-preview-window-body-message-font-weight: 500;
  --ktc-typography-component-sms-preview-window-body-message-letter-spacing: 0;
  --ktc-typography-component-sms-preview-window-body-message-text-decoration: none;
  --ktc-typography-component-sms-preview-window-body-message-text-case: none;
  --ktc-typography-component-sms-preview-window-body-input-font-family: DM Sans;
  --ktc-typography-component-sms-preview-window-body-input-font-weight: 500;
  --ktc-typography-component-sms-preview-window-body-input-letter-spacing: 0;
  --ktc-typography-component-sms-preview-window-body-input-text-decoration: none;
  --ktc-typography-component-sms-preview-window-body-input-text-case: none;
  --ktc-typography-component-sms-preview-window-header-font-family: DM Sans;
  --ktc-typography-component-sms-preview-window-header-font-weight: 500;
  --ktc-typography-component-sms-preview-window-header-letter-spacing: 0;
  --ktc-typography-component-sms-preview-window-header-text-decoration: none;
  --ktc-typography-component-sms-preview-window-header-text-case: none;
  --ktc-dimension-width-nav-bar-collapsed-device-xs: 390px;
  --ktc-dimension-width-nav-bar-collapsed-device-sm: 768px;
  --ktc-dimension-gap-dropdown-area-vertical: 8px;
  --kts-box-shadow-focus-element: 0px 0px 0px 2px #e3f331;
  --kts-box-shadow-elevation-surface-highest: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --kts-box-shadow-elevation-surface-medium: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --cns-sys-box-shadow-elevation-surface-highest: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --kts-typography-style-header-xsmall-line-height: 15px;
  --kts-typography-style-header-xsmall-paragraph-spacing: 12px;
  --kts-typography-style-header-xsmall-font-size: 12px;
  --kts-typography-style-header-small-line-height: 18px;
  --kts-typography-style-header-small-paragraph-spacing: 14px;
  --kts-typography-style-header-small-font-size: 14px;
  --kts-typography-style-header-medium-line-height: 20px;
  --kts-typography-style-header-medium-paragraph-spacing: 16px;
  --kts-typography-style-header-medium-font-size: 16px;
  --kts-typography-style-header-large-line-height: 25px;
  --kts-typography-style-header-large-paragraph-spacing: 20px;
  --kts-typography-style-header-large-font-size: 20px;
  --kts-typography-style-header-xlarge-line-height: 30px;
  --kts-typography-style-header-xlarge-paragraph-spacing: 24px;
  --kts-typography-style-header-xlarge-font-size: 24px;
  --kts-typography-style-header-2xlarge-line-height: 40px;
  --kts-typography-style-header-2xlarge-paragraph-spacing: 32px;
  --kts-typography-style-header-2xlarge-font-size: 32px;
  --kts-typography-style-body-xsmall-font-size: 12px;
  --kts-typography-style-body-xsmall-paragraph-spacing: 12px;
  --kts-typography-style-body-xsmall-line-height: 18px;
  --kts-typography-style-body-2xsmall-font-size: 8px;
  --kts-typography-style-body-2xsmall-paragraph-spacing: 8px;
  --kts-typography-style-body-2xsmall-line-height: 12px;
  --kts-typography-style-body-small-font-size: 14px;
  --kts-typography-style-body-small-paragraph-spacing: 14px;
  --kts-typography-style-body-small-line-height: 21px;
  --kts-typography-style-body-medium-font-size: 16px;
  --kts-typography-style-body-medium-paragraph-spacing: 16px;
  --kts-typography-style-body-medium-line-height: 24px;
  --kts-typography-style-accent-xsmall-line-height: 18px;
  --kts-typography-style-accent-xsmall-paragraph-spacing: 12px;
  --kts-typography-style-accent-xsmall-font-size: 12px;
  --kts-typography-style-accent-small-line-height: 21px;
  --kts-typography-style-accent-small-paragraph-spacing: 14px;
  --kts-typography-style-accent-small-font-size: 14px;
  --kts-typography-style-accent-medium-line-height: 24px;
  --kts-typography-style-accent-medium-paragraph-spacing: 16px;
  --kts-typography-style-accent-medium-font-size: 16px;
  --kts-typography-style-accent-large-line-height: 25px;
  --kts-typography-style-accent-large-paragraph-spacing: 20px;
  --kts-typography-style-accent-large-font-size: 20px;
  --kts-typography-style-accent-xlarge-line-height: 30px;
  --kts-typography-style-accent-xlarge-paragraph-spacing: 24px;
  --kts-typography-style-accent-xlarge-font-size: 24px;
  --kts-typography-style-accent-2xlarge-line-height: 40px;
  --kts-typography-style-accent-2xlarge-paragraph-spacing: 32px;
  --kts-typography-style-accent-2xlarge-font-size: 32px;
  --ktc-color-background-komi-logo-primary: var(--kts-color-background-brand-primary);
  --ktc-color-background-komi-logo-secondary: var(--kts-color-background-brand-secondary);
  --ktc-color-background-komi-logo-dark: var(--kts-color-background-brand-dark);
  --ktc-color-background-komi-logo-light: var(--kts-color-background-brand-light);
  --ktc-color-background-komi-icon-primary: var(--kts-color-background-brand-primary);
  --ktc-color-background-page-default: var(--kts-color-background-surface-lowest-default);
  --ktc-color-background-page-support: var(--kts-color-background-surface-medium-default);
  --ktc-color-background-page-section-medium: var(--kts-color-background-surface-medium-default);
  --ktc-color-background-page-section-low: var(--kts-color-background-surface-low-default);
  --ktc-color-background-modal: color-mix(in srgb, var(--color-gray-900) 75%, transparent 0%);
  --ktc-color-background-toolbar: var(--kts-color-background-accent-default);
  --ktc-color-background-nav-bar-item-default: var(--kts-color-background-accent-default);
  --ktc-color-background-nav-bar-item-hover: var(--kts-color-background-accent-hover);
  --ktc-color-background-nav-bar-item-active: var(--kts-color-background-accent-active);
  --ktc-color-background-nav-bar-item-disabled: var(--kts-color-background-accent-disabled);
  --ktc-color-background-nav-bar-item-highlighted-default: var(--kts-color-background-brand-primary);
  --ktc-color-background-nav-bar-item-highlighted-disabled: var(--kts-color-background-accent-disabled);
  --ktc-color-background-nav-bar-scrollbar-track-default: var(--kts-color-background-accent-hover);
  --ktc-color-background-nav-bar-scrollbar-track-disabled: var(--kts-color-background-accent-disabled);
  --ktc-color-background-nav-bar-scrollbar-handle-default: var(--kts-color-background-tertiary-default);
  --ktc-color-background-nav-bar-scrollbar-handle-hover: var(--kts-color-background-tertiary-hover);
  --ktc-color-background-nav-bar-scrollbar-handle-active: var(--kts-color-background-tertiary-active);
  --ktc-color-background-nav-bar-scrollbar-handle-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-nav-bar-nav-bar-default: var(--kts-color-background-accent-default);
  --ktc-color-background-user-menu-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-user-menu-item-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-user-menu-item-hover: var(--kts-color-background-surface-highest-hover);
  --ktc-color-background-user-menu-item-active: var(--kts-color-background-surface-highest-active);
  --ktc-color-background-user-menu-item-disabled: var(--kts-color-background-surface-highest-disabled);
  --ktc-color-background-user-menu-scrollbar-track-default: var(--kts-color-background-surface-highest-active);
  --ktc-color-background-user-menu-scrollbar-track-disabled: var(--kts-color-background-surface-highest-disabled);
  --ktc-color-background-user-menu-scrollbar-handle-default: var(--kts-color-background-accent-default);
  --ktc-color-background-user-menu-scrollbar-handle-hover: var(--kts-color-background-accent-hover);
  --ktc-color-background-user-menu-scrollbar-handle-active: var(--kts-color-background-accent-active);
  --ktc-color-background-user-menu-scrollbar-handle-disabled: var(--kts-color-background-accent-disabled);
  --ktc-color-background-brandbar-default: var(--kts-color-background-accent-default);
  --ktc-color-background-button-medium-primary-default: var(--kts-color-background-primary-default);
  --ktc-color-background-button-medium-primary-hover: var(--kts-color-background-primary-hover);
  --ktc-color-background-button-medium-primary-active: var(--kts-color-background-primary-active);
  --ktc-color-background-button-medium-primary-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-button-medium-secondary-default: var(--kts-color-background-secondary-default);
  --ktc-color-background-button-medium-secondary-hover: var(--kts-color-background-secondary-hover);
  --ktc-color-background-button-medium-secondary-active: var(--kts-color-background-secondary-active);
  --ktc-color-background-button-medium-secondary-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-button-medium-tertiary-default: var(--kts-color-background-tertiary-default);
  --ktc-color-background-button-medium-tertiary-hover: var(--kts-color-background-tertiary-hover);
  --ktc-color-background-button-medium-tertiary-active: var(--kts-color-background-tertiary-active);
  --ktc-color-background-button-medium-tertiary-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-button-medium-danger-default: var(--kts-color-background-danger-default);
  --ktc-color-background-button-medium-danger-hover: var(--kts-color-background-danger-hover);
  --ktc-color-background-button-medium-danger-active: var(--kts-color-background-danger-active);
  --ktc-color-background-button-medium-danger-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-button-medium-adaptive-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-medium-adaptive-hover: color-mix(in srgb, var(--color-white) 12.5%, transparent 0%);
  --ktc-color-background-button-medium-adaptive-active: color-mix(in srgb, var(--color-white) 25%, transparent 0%);
  --ktc-color-background-button-medium-adaptive-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-full-primary-default: var(--kts-color-background-primary-default);
  --ktc-color-background-button-full-primary-hover: var(--kts-color-background-primary-hover);
  --ktc-color-background-button-full-primary-active: var(--kts-color-background-primary-active);
  --ktc-color-background-button-full-primary-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-button-full-secondary-default: var(--kts-color-background-secondary-default);
  --ktc-color-background-button-full-secondary-hover: var(--kts-color-background-secondary-hover);
  --ktc-color-background-button-full-secondary-active: var(--kts-color-background-secondary-active);
  --ktc-color-background-button-full-secondary-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-button-full-tertiary-default: var(--kts-color-background-tertiary-default);
  --ktc-color-background-button-full-tertiary-hover: var(--kts-color-background-tertiary-hover);
  --ktc-color-background-button-full-tertiary-active: var(--kts-color-background-tertiary-active);
  --ktc-color-background-button-full-tertiary-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-button-full-danger-default: var(--kts-color-background-danger-default);
  --ktc-color-background-button-full-danger-hover: var(--kts-color-background-danger-hover);
  --ktc-color-background-button-full-danger-active: var(--kts-color-background-danger-active);
  --ktc-color-background-button-full-danger-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-button-full-adaptive-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-full-adaptive-hover: color-mix(in srgb, var(--color-white) 12.5%, transparent 0%);
  --ktc-color-background-button-full-adaptive-active: color-mix(in srgb, var(--color-white) 25%, transparent 0%);
  --ktc-color-background-button-full-adaptive-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-avatar-default: var(--kts-color-background-secondary-default);
  --ktc-color-background-avatar-icon: var(--kts-color-background-brand-primary);
  --ktc-color-background-text-input-field-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-text-input-field-disabled: var(--kts-color-background-surface-high-disabled);
  --ktc-color-background-text-input-field-read-only: var(--kts-color-background-surface-high-read-only);
  --ktc-color-background-dropdown-field-read-only: var(--kts-color-background-surface-high-read-only);
  --ktc-color-background-dropdown-field-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-dropdown-field-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-dropdown-menu-item-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-dropdown-menu-item-hover: var(--kts-color-background-surface-highest-hover);
  --ktc-color-background-dropdown-menu-item-active: var(--kts-color-background-surface-highest-active);
  --ktc-color-background-dropdown-menu-item-selected: var(--kts-color-background-surface-highest-selected-default);
  --ktc-color-background-dropdown-menu-item-disabled: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-dropdown-menu-item-multi-selected: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-dropdown-menu-header: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-dropdown-menu-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-dropdown-menu-empty: var(--kts-color-background-surface-highest-empty);
  --ktc-color-background-dropdown-menu-create-item-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-dropdown-menu-create-item-hover: var(--kts-color-background-surface-highest-hover);
  --ktc-color-background-dropdown-menu-create-item-active: var(--kts-color-background-surface-highest-active);
  --ktc-color-background-dropdown-menu-create-item-selected: var(--kts-color-background-surface-highest-selected-default);
  --ktc-color-background-dropdown-menu-create-item-disabled: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-dropdown-menu-create-item-multi-selected: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-dropdown-area-read-only: var(--kts-color-background-surface-high-read-only);
  --ktc-color-background-dropdown-area-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-dropdown-area-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-search-field-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-search-field-disabled: var(--kts-color-background-surface-high-disabled);
  --ktc-color-background-datatable-table-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-datatable-table-empty: var(--kts-color-background-surface-high-empty);
  --ktc-color-background-datatable-table-header-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-datatable-table-header-hover: var(--kts-color-background-surface-high-hover);
  --ktc-color-background-datatable-table-cell-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-datatable-table-cell-hover: var(--kts-color-background-surface-high-hover);
  --ktc-color-background-login-header: var(--kts-color-background-accent-default);
  --ktc-color-background-login-body: var(--kts-color-background-surface-medium-default);
  --ktc-color-background-chip-filter-unselected-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-chip-filter-unselected-hover: var(--kts-color-background-surface-high-hover);
  --ktc-color-background-chip-filter-unselected-active: var(--kts-color-background-surface-high-active);
  --ktc-color-background-chip-filter-unselected-disabled: var(--kts-color-background-surface-high-default);
  --ktc-color-background-chip-filter-selected-default: var(--kts-color-background-surface-high-selected-default);
  --ktc-color-background-chip-filter-selected-hover: var(--kts-color-background-surface-high-selected-hover);
  --ktc-color-background-chip-filter-selected-active: var(--kts-color-background-surface-high-selected-active);
  --ktc-color-background-chip-filter-selected-disabled: var(--kts-color-background-surface-high-selected-disabled);
  --ktc-color-background-slider-indicator: var(--kts-color-background-primary-default);
  --ktc-color-background-slider-knob: var(--kts-color-background-surface-high-default);
  --ktc-color-background-switch-knob: var(--kts-color-background-surface-high-default);
  --ktc-color-background-switch-unselected-default: var(--kts-color-background-secondary-default);
  --ktc-color-background-switch-unselected-hover: var(--kts-color-background-secondary-hover);
  --ktc-color-background-switch-unselected-active: var(--kts-color-background-secondary-active);
  --ktc-color-background-switch-unselected-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-switch-selected-default: var(--kts-color-background-primary-default);
  --ktc-color-background-switch-selected-hover: var(--kts-color-background-primary-hover);
  --ktc-color-background-switch-selected-active: var(--kts-color-background-primary-active);
  --ktc-color-background-switch-selected-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-progress-tracker-default: var(--kts-color-background-surface-low-default);
  --ktc-color-background-progress-tracker-indicator: var(--kts-color-background-primary-default);
  --ktc-color-background-tag-default: var(--kts-color-background-support-muted-default);
  --ktc-color-background-tag-primary: var(--kts-color-background-support-muted-primary);
  --ktc-color-background-tag-info: var(--kts-color-background-support-muted-info);
  --ktc-color-background-tag-success: var(--kts-color-background-support-muted-success);
  --ktc-color-background-tag-warning: var(--kts-color-background-support-muted-warning);
  --ktc-color-background-tag-error: var(--kts-color-background-support-muted-error);
  --ktc-color-background-tag-brand: var(--kts-color-background-support-muted-brand);
  --ktc-color-background-tag-other: var(--kts-color-background-support-muted-other);
  --ktc-color-background-illustration: var(--kts-color-background-brand-primary);
  --ktc-color-background-message-info: var(--kts-color-background-support-muted-info);
  --ktc-color-background-message-default: var(--kts-color-background-support-muted-default);
  --ktc-color-background-message-success: var(--kts-color-background-support-muted-success);
  --ktc-color-background-message-warning: var(--kts-color-background-support-muted-warning);
  --ktc-color-background-message-error: var(--kts-color-background-support-muted-error);
  --ktc-color-background-card-static-high-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-card-static-medium-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-card-static-low-default: var(--kts-color-background-surface-low-default);
  --ktc-color-background-card-image-medium-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-card-interactive-high-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-card-interactive-high-hover: var(--kts-color-background-surface-high-hover);
  --ktc-color-background-card-interactive-high-active: var(--kts-color-background-surface-high-active);
  --ktc-color-background-card-interactive-high-disabled: var(--kts-color-background-surface-high-default);
  --ktc-color-background-card-interactive-medium-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-card-interactive-medium-hover: var(--kts-color-background-surface-high-hover);
  --ktc-color-background-card-interactive-medium-active: var(--kts-color-background-surface-high-active);
  --ktc-color-background-card-interactive-medium-disabled: var(--kts-color-background-surface-high-default);
  --ktc-color-background-card-selected-high-default: var(--kts-color-background-surface-high-selected-default);
  --ktc-color-background-card-selected-high-hover: var(--kts-color-background-surface-high-selected-hover);
  --ktc-color-background-card-selected-high-active: var(--kts-color-background-surface-high-selected-hover);
  --ktc-color-background-card-selected-high-disabled: var(--kts-color-background-surface-high-selected-disabled);
  --ktc-color-background-toast-default: var(--kts-color-background-support-deep-default);
  --ktc-color-background-toast-info: var(--kts-color-background-support-deep-info);
  --ktc-color-background-toast-success: var(--kts-color-background-support-deep-success);
  --ktc-color-background-toast-warning: var(--kts-color-background-support-deep-warning);
  --ktc-color-background-toast-error: var(--kts-color-background-support-deep-error);
  --ktc-color-background-dialog-body: var(--kts-color-background-surface-medium-default);
  --ktc-color-background-tooltip-default: var(--kts-color-background-accent-default);
  --ktc-color-background-tooltip-subtle: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-menu-calendar-date-item-unselected-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-menu-calendar-date-item-unselected-hover: var(--kts-color-background-surface-highest-hover);
  --ktc-color-background-date-picker-menu-calendar-date-item-unselected-active: var(--kts-color-background-surface-highest-active);
  --ktc-color-background-date-picker-menu-calendar-date-item-unselected-disabled: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-menu-calendar-date-item-selected-default: var(--kts-color-background-surface-highest-selected-default);
  --ktc-color-background-date-picker-menu-calendar-date-item-selected-hover: var(--kts-color-background-surface-highest-selected-hover);
  --ktc-color-background-date-picker-menu-calendar-date-item-selected-active: var(--kts-color-background-surface-highest-selected-active);
  --ktc-color-background-date-picker-menu-calendar-date-item-selected-disabled: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-menu-calendar-date-item-current-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-menu-calendar-date-item-current-hover: var(--kts-color-background-surface-highest-hover);
  --ktc-color-background-date-picker-menu-calendar-date-item-current-active: var(--kts-color-background-surface-highest-active);
  --ktc-color-background-date-picker-menu-calendar-date-item-current-disabled: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-menu-header-controls-dropdown-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-menu-header-controls-dropdown-hover: var(--kts-color-background-surface-highest-hover);
  --ktc-color-background-date-picker-menu-header-controls-dropdown-active: var(--kts-color-background-surface-highest-active);
  --ktc-color-background-date-picker-menu-header-controls-dropdown-disabled: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-menu-item-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-menu-item-hover: var(--kts-color-background-surface-highest-hover);
  --ktc-color-background-date-picker-menu-item-active: var(--kts-color-background-surface-highest-active);
  --ktc-color-background-date-picker-menu-item-selected: var(--kts-color-background-surface-highest-selected-default);
  --ktc-color-background-date-picker-menu-item-disabled: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-button-group-floating: linear-gradient(180deg, rgba(247, 247, 248, 0), #f6f6f7 75%);
  --ktc-color-background-more-menu-menu-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-status-large-default: var(--kts-color-background-support-muted-default);
  --ktc-color-background-status-large-loading: var(--kts-color-background-support-muted-default);
  --ktc-color-background-status-large-info: var(--kts-color-background-support-muted-info);
  --ktc-color-background-status-large-success: var(--kts-color-background-support-muted-success);
  --ktc-color-background-status-large-warning: var(--kts-color-background-support-muted-warning);
  --ktc-color-background-status-large-error: var(--kts-color-background-support-muted-error);
  --ktc-color-background-upload-field-field-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-upload-field-field-disabled: var(--kts-color-background-surface-high-disabled);
  --ktc-color-background-upload-field-item-default: var(--kts-color-background-surface-lowest-default);
  --ktc-color-background-upload-cropper-preview: var(--kts-color-background-accent-default);
  --ktc-color-background-upload-cropper-mask: color-mix(in srgb, var(--color-gray-900) 75%, transparent 0%);
  --ktc-color-background-stepper-field-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-stepper-field-disabled: var(--kts-color-background-surface-high-disabled);
  --ktc-color-background-stepper-field-read-only: var(--kts-color-background-surface-high-read-only);
  --ktc-color-background-text-area-field-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-text-area-field-disabled: var(--kts-color-background-surface-high-disabled);
  --ktc-color-background-text-area-field-read-only: var(--kts-color-background-surface-high-read-only);
  --ktc-color-background-scrollbar-track-default: var(--kts-color-background-surface-high-empty);
  --ktc-color-background-scrollbar-track-disabled: var(--kts-color-background-surface-high-disabled);
  --ktc-color-background-scrollbar-handle-default: var(--kts-color-background-secondary-default);
  --ktc-color-background-scrollbar-handle-hover: var(--kts-color-background-secondary-hover);
  --ktc-color-background-scrollbar-handle-active: var(--kts-color-background-secondary-active);
  --ktc-color-background-scrollbar-handle-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-tab-bar-item-selected-default: var(--kts-color-background-surface-medium-default);
  --ktc-color-background-tab-bar-item-selected-hover: var(--kts-color-background-surface-medium-hover);
  --ktc-color-background-tab-bar-item-selected-active: var(--kts-color-background-surface-medium-active);
  --ktc-color-background-tab-bar-item-selected-disabled: var(--kts-color-background-surface-medium-default);
  --ktc-color-background-tab-bar-item-unselected-hover: var(--kts-color-background-surface-medium-selected-hover);
  --ktc-color-background-tab-bar-item-unselected-active: var(--kts-color-background-surface-medium-selected-active);
  --ktc-color-background-tab-bar-tab-bar-default: var(--kts-color-background-surface-low-default);
  --ktc-color-background-loading-state-skeleton: var(--kts-color-background-support-muted-default);
  --ktc-color-background-rich-text-area-field-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-rich-text-area-field-disabled: var(--kts-color-background-surface-high-disabled);
  --ktc-color-background-rich-text-area-field-read-only: var(--kts-color-background-surface-high-read-only);
  --ktc-color-background-rich-text-area-format-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-rich-text-area-format-disabled: var(--kts-color-background-surface-high-disabled);
  --ktc-color-background-preview-preview-collapsed: var(--kts-color-background-accent-default);
  --ktc-color-background-preview-switcher: var(--kts-color-background-surface-medium-default);
  --ktc-color-background-sms-preview-background: var(--kts-color-background-support-muted-primary);
  --ktc-color-background-sms-preview-window-body-background: var(--kts-color-background-surface-medium-default);
  --ktc-color-background-sms-preview-window-body-input: var(--kts-color-background-surface-medium-default);
  --ktc-color-background-sms-preview-window-body-message: var(--kts-color-background-support-muted-default);
  --ktc-color-background-sms-preview-window-header-background: var(--kts-color-background-support-muted-default);
  --ktc-color-text-nav-bar-item-default: var(--kts-color-text-on-color-default);
  --ktc-color-text-nav-bar-item-highlighted-default: var(--kts-color-text-primary-default);
  --ktc-color-text-nav-bar-item-disabled: color-mix(in srgb, var(--color-white) 75%, transparent 0%);
  --ktc-color-text-user-menu-item-default: var(--kts-color-text-ink-default);
  --ktc-color-text-user-menu-item-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-user-menu-subitem-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-user-menu-subitem-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-checkbox-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-checkbox-label-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-checkbox-group-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-checkbox-group-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-text-radio-group-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-radio-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-radio-label-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-menu-item-title-default: var(--kts-color-text-ink-default);
  --ktc-color-text-menu-item-title-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-menu-item-section-header: var(--kts-color-text-charcoal-default);
  --ktc-color-text-button-medium-primary-default: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-medium-primary-hover: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-medium-primary-active: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-medium-primary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-medium-secondary-default: var(--kts-color-text-secondary-default);
  --ktc-color-text-button-medium-secondary-hover: var(--kts-color-text-secondary-hover);
  --ktc-color-text-button-medium-secondary-active: var(--kts-color-text-secondary-active);
  --ktc-color-text-button-medium-secondary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-medium-tertiary-default: var(--kts-color-text-tertiary-default);
  --ktc-color-text-button-medium-tertiary-hover: var(--kts-color-text-tertiary-hover);
  --ktc-color-text-button-medium-tertiary-active: var(--kts-color-text-tertiary-active);
  --ktc-color-text-button-medium-tertiary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-medium-danger-default: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-medium-danger-hover: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-medium-danger-active: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-medium-danger-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-medium-adaptive-default: var(--kts-color-text-adaptive-default);
  --ktc-color-text-button-medium-adaptive-hover: var(--kts-color-text-adaptive-default);
  --ktc-color-text-button-medium-adaptive-active: var(--kts-color-text-adaptive-default);
  --ktc-color-text-button-medium-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --ktc-color-text-button-small-primary-default: var(--kts-color-text-primary-default);
  --ktc-color-text-button-small-primary-hover: var(--kts-color-text-primary-hover);
  --ktc-color-text-button-small-primary-active: var(--kts-color-text-primary-active);
  --ktc-color-text-button-small-primary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-small-secondary-default: var(--kts-color-text-secondary-default);
  --ktc-color-text-button-small-secondary-hover: var(--kts-color-text-secondary-hover);
  --ktc-color-text-button-small-secondary-active: var(--kts-color-text-secondary-active);
  --ktc-color-text-button-small-secondary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-small-tertiary-default: var(--kts-color-text-tertiary-default);
  --ktc-color-text-button-small-tertiary-hover: var(--kts-color-text-tertiary-hover);
  --ktc-color-text-button-small-tertiary-active: var(--kts-color-text-tertiary-active);
  --ktc-color-text-button-small-tertiary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-small-danger-default: var(--kts-color-text-danger-default);
  --ktc-color-text-button-small-danger-hover: var(--kts-color-text-danger-hover);
  --ktc-color-text-button-small-danger-active: var(--kts-color-text-danger-active);
  --ktc-color-text-button-small-danger-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-small-adaptive-default: var(--kts-color-text-adaptive-default);
  --ktc-color-text-button-small-adaptive-hover: color-mix(in srgb, var(--color-white) 80%, transparent 0%);
  --ktc-color-text-button-small-adaptive-active: color-mix(in srgb, var(--color-white) 70%, transparent 0%);
  --ktc-color-text-button-small-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --ktc-color-text-button-xsmall-primary-default: var(--kts-color-text-primary-default);
  --ktc-color-text-button-xsmall-primary-hover: var(--kts-color-text-primary-hover);
  --ktc-color-text-button-xsmall-primary-active: var(--kts-color-text-primary-active);
  --ktc-color-text-button-xsmall-primary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-xsmall-secondary-default: var(--kts-color-text-secondary-default);
  --ktc-color-text-button-xsmall-secondary-hover: var(--kts-color-text-secondary-hover);
  --ktc-color-text-button-xsmall-secondary-active: var(--kts-color-text-secondary-active);
  --ktc-color-text-button-xsmall-secondary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-xsmall-tertiary-default: var(--kts-color-text-tertiary-default);
  --ktc-color-text-button-xsmall-tertiary-hover: var(--kts-color-text-tertiary-hover);
  --ktc-color-text-button-xsmall-tertiary-active: var(--kts-color-text-tertiary-active);
  --ktc-color-text-button-xsmall-tertiary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-xsmall-danger-default: var(--kts-color-text-danger-default);
  --ktc-color-text-button-xsmall-danger-hover: var(--kts-color-text-danger-hover);
  --ktc-color-text-button-xsmall-danger-active: var(--kts-color-text-danger-active);
  --ktc-color-text-button-xsmall-danger-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-xsmall-adaptive-default: var(--kts-color-text-adaptive-default);
  --ktc-color-text-button-xsmall-adaptive-hover: color-mix(in srgb, var(--color-white) 80%, transparent 0%);
  --ktc-color-text-button-xsmall-adaptive-active: color-mix(in srgb, var(--color-white) 70%, transparent 0%);
  --ktc-color-text-button-xsmall-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --ktc-color-text-button-full-primary-default: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-full-primary-hover: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-full-primary-active: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-full-primary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-full-secondary-default: var(--kts-color-text-secondary-default);
  --ktc-color-text-button-full-secondary-hover: var(--kts-color-text-secondary-hover);
  --ktc-color-text-button-full-secondary-active: var(--kts-color-text-secondary-active);
  --ktc-color-text-button-full-secondary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-full-tertiary-default: var(--kts-color-text-tertiary-default);
  --ktc-color-text-button-full-tertiary-hover: var(--kts-color-text-tertiary-hover);
  --ktc-color-text-button-full-tertiary-active: var(--kts-color-text-tertiary-active);
  --ktc-color-text-button-full-tertiary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-full-danger-default: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-full-danger-hover: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-full-danger-active: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-full-danger-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-full-adaptive-default: var(--kts-color-text-adaptive-default);
  --ktc-color-text-button-full-adaptive-hover: var(--kts-color-text-adaptive-default);
  --ktc-color-text-button-full-adaptive-active: var(--kts-color-text-adaptive-default);
  --ktc-color-text-button-full-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --ktc-color-text-avatar-default: var(--kts-color-text-on-color-default);
  --ktc-color-text-text-input-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-text-input-field-text: var(--kts-color-text-ink-default);
  --ktc-color-text-text-input-field-suffix: var(--kts-color-text-ink-default);
  --ktc-color-text-text-input-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-text-input-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-text-slider-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-status-default: var(--kts-color-text-ink-default);
  --ktc-color-text-search-label: var(--kts-color-text-charcoal-default);
  --ktc-color-text-search-text: var(--kts-color-text-ink-default);
  --ktc-color-text-search-placeholder: var(--kts-color-text-graphite-default);
  --ktc-color-text-dropdown-label: var(--kts-color-text-charcoal-default);
  --ktc-color-text-dropdown-area-label: var(--kts-color-text-charcoal-default);
  --ktc-color-text-dropdown-area-helper: var(--kts-color-text-charcoal-default);
  --ktc-color-text-dropdown-area-text: var(--kts-color-text-ink-default);
  --ktc-color-text-dropdown-text: var(--kts-color-text-ink-default);
  --ktc-color-text-dropdown-menu-item-default: var(--kts-color-text-ink-default);
  --ktc-color-text-dropdown-menu-item-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-dropdown-menu-header-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-dropdown-menu-create-item-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-dropdown-menu-create-item-label-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-dropdown-menu-create-item-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-dropdown-placeholder: var(--kts-color-text-ink-default);
  --ktc-color-text-dropdown-helper: var(--kts-color-text-charcoal-default);
  --ktc-color-text-dropdown-error: var(--kts-color-text-danger-default);
  --ktc-color-text-combo-input-item-country-code: var(--kts-color-text-ink-default);
  --ktc-color-text-combo-input-label: var(--kts-color-text-charcoal-default);
  --ktc-color-text-combo-input-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-combo-input-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-text-time-select-label: var(--kts-color-text-charcoal-default);
  --ktc-color-text-time-select-helper: var(--kts-color-text-graphite-default);
  --ktc-color-text-time-select-error: var(--kts-color-text-danger-default);
  --ktc-color-text-datatable-table-header: var(--kts-color-text-ink-default);
  --ktc-color-text-datatable-table-cell: var(--kts-color-text-ink-default);
  --ktc-color-text-datatable-table-empty-body-default: var(--kts-color-icon-charcoal-default);
  --ktc-color-text-datatable-table-empty-header-default: var(--kts-color-text-ink-default);
  --ktc-color-text-datatable-footer-helper: var(--kts-color-icon-charcoal-default);
  --ktc-color-text-login-body: var(--kts-color-icon-ink-default);
  --ktc-color-text-chip-filter-default: var(--kts-color-text-ink-default);
  --ktc-color-text-chip-filter-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-progress-tracker-step-label: var(--kts-color-text-support-primary);
  --ktc-color-text-tag-default: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-text-tag-primary: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-text-tag-info: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-text-tag-success: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-text-tag-warning: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-text-tag-error: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-text-tag-brand: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-text-tag-other: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-text-message-default: var(--kts-color-icon-ink-default);
  --ktc-color-text-card-body-default: var(--kts-color-text-ink-default);
  --ktc-color-text-card-body-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-card-label-default: var(--kts-color-icon-charcoal-default);
  --ktc-color-text-card-label-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-card-header-default: var(--kts-color-text-ink-default);
  --ktc-color-text-card-header-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-toast-default: var(--kts-color-text-on-color-default);
  --ktc-color-text-dialog-header: var(--kts-color-icon-ink-default);
  --ktc-color-text-dialog-body: var(--kts-color-icon-charcoal-default);
  --ktc-color-text-tooltip-body-default: var(--kts-color-text-on-color-default);
  --ktc-color-text-tooltip-body-subtle: var(--kts-color-text-charcoal-default);
  --ktc-color-text-toolbar-body: var(--kts-color-text-on-color-default);
  --ktc-color-text-date-picker-menu-calendar-date-item-default: var(--kts-color-text-ink-default);
  --ktc-color-text-date-picker-menu-calendar-date-item-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-date-picker-menu-header-controls-dropdown-default: var(--kts-color-text-ink-default);
  --ktc-color-text-date-picker-menu-header-controls-dropdown-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-date-picker-menu-item: var(--kts-color-text-ink-default);
  --ktc-color-text-page-header: var(--kts-color-icon-ink-default);
  --ktc-color-text-page-section-body-default: var(--kts-color-text-ink-default);
  --ktc-color-text-page-section-body-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-page-section-label-default: var(--kts-color-icon-charcoal-default);
  --ktc-color-text-page-section-label-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-page-section-header-default: var(--kts-color-text-ink-default);
  --ktc-color-text-page-section-header-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-upload-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-upload-field-text: var(--kts-color-text-ink-default);
  --ktc-color-text-upload-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-upload-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-text-stepper-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-stepper-field-text: var(--kts-color-text-ink-default);
  --ktc-color-text-stepper-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-stepper-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-text-text-area-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-text-area-field-text: var(--kts-color-text-ink-default);
  --ktc-color-text-text-area-field-suffix: var(--kts-color-text-ink-default);
  --ktc-color-text-text-area-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-text-area-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-text-tab-bar-item-selected-label-default: var(--kts-color-text-ink-default);
  --ktc-color-text-tab-bar-item-selected-label-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-tab-bar-item-unselected-label-default: var(--kts-color-text-ink-default);
  --ktc-color-text-tab-bar-item-unselected-label-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-rich-text-area-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-rich-text-area-field-text: var(--kts-color-text-ink-default);
  --ktc-color-text-rich-text-area-field-suffix: var(--kts-color-text-ink-default);
  --ktc-color-text-rich-text-area-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-rich-text-area-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-text-preview-preview-collapsed: var(--kts-color-text-on-color-default);
  --ktc-color-text-sms-preview-window-body-message-text: var(--kts-color-icon-ink-default);
  --ktc-color-text-sms-preview-window-body-input: var(--kts-color-icon-graphite-default);
  --ktc-color-text-sms-preview-window-header: var(--kts-color-icon-charcoal-default);
  --ktc-color-icon-selected-tab-bar-item-selected-icon-default: var(--kts-color-icon-ink-default);
  --ktc-color-icon-selected-tab-bar-item-selected-icon-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-selected-tab-bar-item-unselected-icon-default: var(--kts-color-icon-ink-default);
  --ktc-color-icon-selected-tab-bar-item-unselected-icon-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-logo-default: var(--kts-color-background-on-brand-default);
  --ktc-color-icon-nav-bar-item-default: var(--kts-color-text-on-color-default);
  --ktc-color-icon-nav-bar-item-highlighted-default: var(--kts-color-icon-primary-default);
  --ktc-color-icon-nav-bar-item-disabled: color-mix(in srgb, var(--color-white) 75%, transparent 0%);
  --ktc-color-icon-user-menu-item-default: var(--kts-color-text-ink-default);
  --ktc-color-icon-user-menu-item-disabled: var(--kts-color-text-disabled);
  --ktc-color-icon-user-menu-subitem-default: var(--kts-color-text-charcoal-default);
  --ktc-color-icon-user-menu-subitem-disabled: var(--kts-color-text-disabled);
  --ktc-color-icon-checkbox-unselected-default: var(--kts-color-icon-graphite-default);
  --ktc-color-icon-checkbox-unselected-hover: var(--kts-color-icon-graphite-hover);
  --ktc-color-icon-checkbox-unselected-active: var(--kts-color-icon-graphite-active);
  --ktc-color-icon-checkbox-unselected-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-checkbox-selected-default: var(--kts-color-icon-primary-default);
  --ktc-color-icon-checkbox-selected-hover: var(--kts-color-icon-primary-hover);
  --ktc-color-icon-checkbox-selected-active: var(--kts-color-icon-primary-active);
  --ktc-color-icon-checkbox-selected-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-radio-unselected-default: var(--kts-color-icon-charcoal-default);
  --ktc-color-icon-radio-unselected-hover: var(--kts-color-icon-charcoal-hover);
  --ktc-color-icon-radio-unselected-active: var(--kts-color-icon-charcoal-active);
  --ktc-color-icon-radio-unselected-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-radio-selected-default: var(--kts-color-icon-primary-default);
  --ktc-color-icon-radio-selected-hover: var(--kts-color-icon-primary-hover);
  --ktc-color-icon-radio-selected-active: var(--kts-color-icon-primary-active);
  --ktc-color-icon-radio-selected-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-medium-primary-default: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-medium-primary-hover: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-medium-primary-active: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-medium-primary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-medium-secondary-default: var(--kts-color-icon-secondary-default);
  --ktc-color-icon-button-medium-secondary-hover: var(--kts-color-icon-secondary-hover);
  --ktc-color-icon-button-medium-secondary-active: var(--kts-color-icon-secondary-active);
  --ktc-color-icon-button-medium-secondary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-medium-tertiary-default: var(--kts-color-icon-tertiary-default);
  --ktc-color-icon-button-medium-tertiary-hover: var(--kts-color-icon-tertiary-hover);
  --ktc-color-icon-button-medium-tertiary-active: var(--kts-color-icon-tertiary-active);
  --ktc-color-icon-button-medium-tertiary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-medium-danger-default: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-medium-danger-hover: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-medium-danger-active: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-medium-danger-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-medium-adaptive-default: var(--kts-color-icon-adaptive-default);
  --ktc-color-icon-button-medium-adaptive-hover: var(--kts-color-icon-adaptive-default);
  --ktc-color-icon-button-medium-adaptive-active: var(--kts-color-icon-adaptive-default);
  --ktc-color-icon-button-medium-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --ktc-color-icon-button-small-primary-default: var(--kts-color-icon-primary-default);
  --ktc-color-icon-button-small-primary-hover: var(--kts-color-icon-primary-hover);
  --ktc-color-icon-button-small-primary-active: var(--kts-color-icon-primary-active);
  --ktc-color-icon-button-small-primary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-small-secondary-default: var(--kts-color-text-secondary-default);
  --ktc-color-icon-button-small-secondary-hover: var(--kts-color-text-secondary-hover);
  --ktc-color-icon-button-small-secondary-active: var(--kts-color-text-secondary-active);
  --ktc-color-icon-button-small-secondary-disabled: var(--kts-color-text-disabled);
  --ktc-color-icon-button-small-tertiary-default: var(--kts-color-icon-tertiary-default);
  --ktc-color-icon-button-small-tertiary-hover: var(--kts-color-icon-tertiary-hover);
  --ktc-color-icon-button-small-tertiary-active: var(--kts-color-icon-tertiary-active);
  --ktc-color-icon-button-small-tertiary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-small-danger-default: var(--kts-color-icon-danger-default);
  --ktc-color-icon-button-small-danger-hover: var(--kts-color-icon-danger-hover);
  --ktc-color-icon-button-small-danger-active: var(--kts-color-icon-danger-active);
  --ktc-color-icon-button-small-danger-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-small-adaptive-default: var(--kts-color-icon-adaptive-default);
  --ktc-color-icon-button-small-adaptive-hover: color-mix(in srgb, var(--color-white) 80%, transparent 0%);
  --ktc-color-icon-button-small-adaptive-active: color-mix(in srgb, var(--color-white) 70%, transparent 0%);
  --ktc-color-icon-button-small-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --ktc-color-icon-button-xsmall-primary-default: var(--kts-color-icon-primary-default);
  --ktc-color-icon-button-xsmall-primary-hover: var(--kts-color-icon-primary-hover);
  --ktc-color-icon-button-xsmall-primary-active: var(--kts-color-icon-primary-active);
  --ktc-color-icon-button-xsmall-primary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-xsmall-secondary-default: var(--kts-color-icon-secondary-default);
  --ktc-color-icon-button-xsmall-secondary-hover: var(--kts-color-icon-secondary-hover);
  --ktc-color-icon-button-xsmall-secondary-active: var(--kts-color-icon-secondary-active);
  --ktc-color-icon-button-xsmall-secondary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-xsmall-tertiary-default: var(--kts-color-icon-tertiary-default);
  --ktc-color-icon-button-xsmall-tertiary-hover: var(--kts-color-icon-tertiary-hover);
  --ktc-color-icon-button-xsmall-tertiary-active: var(--kts-color-icon-tertiary-active);
  --ktc-color-icon-button-xsmall-tertiary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-xsmall-danger-default: var(--kts-color-icon-danger-default);
  --ktc-color-icon-button-xsmall-danger-hover: var(--kts-color-icon-danger-hover);
  --ktc-color-icon-button-xsmall-danger-active: var(--kts-color-icon-danger-active);
  --ktc-color-icon-button-xsmall-danger-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-xsmall-adaptive-default: var(--kts-color-icon-adaptive-default);
  --ktc-color-icon-button-xsmall-adaptive-hover: color-mix(in srgb, var(--color-white) 80%, transparent 0%);
  --ktc-color-icon-button-xsmall-adaptive-active: color-mix(in srgb, var(--color-white) 70%, transparent 0%);
  --ktc-color-icon-button-xsmall-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --ktc-color-icon-button-2xsmall-primary-default: var(--kts-color-icon-primary-default);
  --ktc-color-icon-button-2xsmall-primary-hover: var(--kts-color-icon-primary-hover);
  --ktc-color-icon-button-2xsmall-primary-active: var(--kts-color-icon-primary-active);
  --ktc-color-icon-button-2xsmall-primary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-2xsmall-secondary-default: var(--kts-color-icon-secondary-default);
  --ktc-color-icon-button-2xsmall-secondary-hover: var(--kts-color-icon-secondary-hover);
  --ktc-color-icon-button-2xsmall-secondary-active: var(--kts-color-icon-secondary-active);
  --ktc-color-icon-button-2xsmall-secondary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-2xsmall-tertiary-default: var(--kts-color-icon-tertiary-default);
  --ktc-color-icon-button-2xsmall-tertiary-hover: var(--kts-color-icon-tertiary-hover);
  --ktc-color-icon-button-2xsmall-tertiary-active: var(--kts-color-icon-tertiary-active);
  --ktc-color-icon-button-2xsmall-tertiary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-2xsmall-danger-default: var(--kts-color-icon-danger-default);
  --ktc-color-icon-button-2xsmall-danger-hover: var(--kts-color-icon-danger-hover);
  --ktc-color-icon-button-2xsmall-danger-active: var(--kts-color-icon-danger-active);
  --ktc-color-icon-button-2xsmall-danger-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-2xsmall-adaptive-default: var(--kts-color-icon-adaptive-default);
  --ktc-color-icon-button-2xsmall-adaptive-hover: color-mix(in srgb, var(--color-white) 80%, transparent 0%);
  --ktc-color-icon-button-2xsmall-adaptive-active: color-mix(in srgb, var(--color-white) 70%, transparent 0%);
  --ktc-color-icon-button-2xsmall-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --ktc-color-icon-button-full-primary-default: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-full-primary-hover: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-full-primary-active: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-full-primary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-full-secondary-default: var(--kts-color-icon-secondary-default);
  --ktc-color-icon-button-full-secondary-hover: var(--kts-color-icon-secondary-hover);
  --ktc-color-icon-button-full-secondary-active: var(--kts-color-icon-secondary-active);
  --ktc-color-icon-button-full-secondary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-full-tertiary-default: var(--kts-color-icon-tertiary-default);
  --ktc-color-icon-button-full-tertiary-hover: var(--kts-color-icon-tertiary-hover);
  --ktc-color-icon-button-full-tertiary-active: var(--kts-color-icon-tertiary-active);
  --ktc-color-icon-button-full-tertiary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-full-danger-default: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-full-danger-hover: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-full-danger-active: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-full-danger-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-full-adaptive-default: var(--kts-color-icon-adaptive-default);
  --ktc-color-icon-button-full-adaptive-hover: var(--kts-color-icon-adaptive-default);
  --ktc-color-icon-button-full-adaptive-active: var(--kts-color-icon-adaptive-default);
  --ktc-color-icon-button-full-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --ktc-color-icon-komi-icon-primary: var(--kts-color-background-on-brand-default);
  --ktc-color-icon-text-input-field-default: var(--kts-color-icon-ink-default);
  --ktc-color-icon-text-input-field-error: var(--kts-color-icon-support-error);
  --ktc-color-icon-text-input-field-success: var(--kts-color-icon-support-success);
  --ktc-color-icon-text-input-field-text: var(--kts-color-text-ink-default);
  --ktc-color-icon-text-input-field-suffix: var(--kts-color-text-ink-default);
  --ktc-color-icon-text-input-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-icon-text-input-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-icon-status-default: var(--kts-color-icon-charcoal-default);
  --ktc-color-icon-status-info: var(--kts-color-icon-support-info);
  --ktc-color-icon-status-success: var(--kts-color-icon-support-success);
  --ktc-color-icon-status-warning: var(--kts-color-icon-support-warning);
  --ktc-color-icon-status-error: var(--kts-color-icon-support-error);
  --ktc-color-icon-search-field: var(--kts-color-icon-ink-default);
  --ktc-color-icon-search-text: var(--kts-color-text-ink-default);
  --ktc-color-icon-search-placeholder: var(--kts-color-text-graphite-default);
  --ktc-color-icon-dropdown-field: var(--kts-color-icon-ink-default);
  --ktc-color-icon-dropdown-menu-item-default: var(--kts-color-text-ink-default);
  --ktc-color-icon-dropdown-menu-item-disabled: var(--kts-color-text-disabled);
  --ktc-color-icon-dropdown-menu-header-default: var(--kts-color-text-charcoal-default);
  --ktc-color-icon-dropdown-text: var(--kts-color-text-ink-default);
  --ktc-color-icon-dropdown-placeholder: var(--kts-color-text-ink-default);
  --ktc-color-icon-dropdown-helper: var(--kts-color-text-graphite-default);
  --ktc-color-icon-dropdown-error: var(--kts-color-text-danger-default);
  --ktc-color-icon-dropdown-area: var(--kts-color-icon-ink-default);
  --ktc-color-icon-datatable-table-header: var(--kts-color-text-ink-default);
  --ktc-color-icon-datatable-table-cell: var(--kts-color-text-ink-default);
  --ktc-color-icon-datatable-footer-helper: var(--kts-color-icon-charcoal-default);
  --ktc-color-icon-chip-filter-default: var(--kts-color-text-ink-default);
  --ktc-color-icon-chip-filter-disabled: var(--kts-color-text-disabled);
  --ktc-color-icon-progress-tracker-step-icon-past: var(--kts-color-background-primary-default);
  --ktc-color-icon-progress-tracker-step-icon-present: var(--kts-color-background-surface-medium-default);
  --ktc-color-icon-message-info: var(--kts-color-icon-support-info);
  --ktc-color-icon-message-default: var(--kts-color-icon-support-default);
  --ktc-color-icon-message-action: var(--kts-color-icon-ink-default);
  --ktc-color-icon-message-success: var(--kts-color-icon-support-success);
  --ktc-color-icon-message-warning: var(--kts-color-icon-support-warning);
  --ktc-color-icon-message-error: var(--kts-color-icon-support-error);
  --ktc-color-icon-toast-default: var(--kts-color-text-on-color-default);
  --ktc-color-icon-date-picker-menu-calendar-date-item-default: var(--kts-color-text-ink-default);
  --ktc-color-icon-date-picker-menu-calendar-date-item-disabled: var(--kts-color-text-disabled);
  --ktc-color-icon-date-picker-menu-header-controls-dropdown-default: var(--kts-color-text-ink-default);
  --ktc-color-icon-date-picker-menu-header-controls-dropdown-disabled: var(--kts-color-text-disabled);
  --ktc-color-icon-date-picker-menu-item-default: var(--kts-color-text-ink-default);
  --ktc-color-icon-date-picker-menu-item-disabled: var(--kts-color-text-disabled);
  --ktc-color-icon-menu-item-title-default: var(--kts-color-text-ink-default);
  --ktc-color-icon-menu-item-title-disabled: var(--kts-color-text-disabled);
  --ktc-color-icon-menu-item-section-header: var(--kts-color-text-charcoal-default);
  --ktc-color-icon-avatar-default: var(--kts-color-text-on-color-default);
  --ktc-color-icon-avatar-icon: var(--kts-color-icon-ink-default);
  --ktc-color-icon-login-body: var(--kts-color-icon-ink-default);
  --ktc-color-icon-tag-default: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-icon-tag-primary: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-icon-tag-info: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-icon-tag-success: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-icon-tag-warning: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-icon-tag-error: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-icon-tag-brand: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-icon-tag-other: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-icon-card-body-default: var(--kts-color-icon-ink-default);
  --ktc-color-icon-card-body-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-card-body-loading: var(--kts-color-icon-support-primary);
  --ktc-color-icon-dialog-header: var(--kts-color-icon-ink-default);
  --ktc-color-icon-dialog-body: var(--kts-color-icon-charcoal-default);
  --ktc-color-icon-tooltip-body: var(--kts-color-text-on-color-default);
  --ktc-color-icon-illustration: var(--kts-color-icon-ink-default);
  --ktc-color-icon-modal-loading-icon: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-page-loading-icon: var(--kts-color-icon-primary-default);
  --ktc-color-icon-upload-field-field-default: var(--kts-color-icon-ink-default);
  --ktc-color-icon-upload-field-field-error: var(--kts-color-icon-support-error);
  --ktc-color-icon-upload-field-item-default: var(--kts-color-icon-primary-default);
  --ktc-color-icon-upload-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-icon-upload-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-icon-upload-cropper-preview: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-text-area-field-default: var(--kts-color-icon-ink-default);
  --ktc-color-icon-text-area-field-error: var(--kts-color-icon-support-error);
  --ktc-color-icon-text-area-field-success: var(--kts-color-icon-support-success);
  --ktc-color-icon-text-area-field-text: var(--kts-color-text-ink-default);
  --ktc-color-icon-text-area-field-suffix: var(--kts-color-text-ink-default);
  --ktc-color-icon-text-area-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-icon-text-area-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-icon-loading-state-wheel: var(--kts-color-icon-support-primary);
  --ktc-color-icon-rich-text-area-field-default: var(--kts-color-icon-ink-default);
  --ktc-color-icon-rich-text-area-field-error: var(--kts-color-icon-support-error);
  --ktc-color-icon-rich-text-area-field-success: var(--kts-color-icon-support-success);
  --ktc-color-icon-rich-text-area-field-text: var(--kts-color-text-ink-default);
  --ktc-color-icon-rich-text-area-field-suffix: var(--kts-color-text-ink-default);
  --ktc-color-icon-rich-text-area-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-icon-rich-text-area-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-icon-preview-switcher-item-unselected-default: var(--kts-color-icon-ink-default);
  --ktc-color-icon-preview-switcher-item-unselected-hover: var(--kts-color-icon-ink-hover);
  --ktc-color-icon-preview-switcher-item-unselected-active: var(--kts-color-icon-ink-active);
  --ktc-color-icon-preview-switcher-item-unselected-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-preview-switcher-item-selected-default: var(--kts-color-icon-primary-default);
  --ktc-color-icon-preview-switcher-item-selected-hover: var(--kts-color-icon-primary-hover);
  --ktc-color-icon-preview-switcher-item-selected-active: var(--kts-color-icon-primary-active);
  --ktc-color-icon-preview-switcher-item-selected-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-preview-icon: var(--kts-color-icon-notification);
  --ktc-color-checklist-item-icon-default: var(--kts-color-icon-support-default);
  --ktc-color-checklist-item-icon-success: var(--kts-color-icon-support-success);
  --ktc-color-checklist-item-icon-error: var(--kts-color-icon-support-error);
  --ktc-color-border-navigation-primary-group: var(--kts-color-border-accent-default);
  --ktc-color-border-toolbar-divider: var(--kts-color-border-accent-default);
  --ktc-color-border-text-input-field-default: var(--kts-color-border-container-default);
  --ktc-color-border-text-input-field-read-only: var(--kts-color-border-container-read-only);
  --ktc-color-border-text-input-field-hover: var(--kts-color-border-container-hover);
  --ktc-color-border-text-input-field-active: var(--kts-color-border-container-active);
  --ktc-color-border-text-input-field-disabled: var(--kts-color-border-container-disabled);
  --ktc-color-border-text-input-field-error: var(--kts-color-border-container-error);
  --ktc-color-border-datatable-table-default: var(--kts-color-border-container-default);
  --ktc-color-border-datatable-table-divider: var(--kts-color-border-container-default);
  --ktc-color-border-chip-filter-unselected-default: var(--kts-color-border-container-default);
  --ktc-color-border-chip-filter-selected-default: var(--kts-color-border-container-selected);
  --ktc-color-border-slider-knob-default: var(--kts-color-border-primary-default);
  --ktc-color-border-slider-knob-hover: var(--kts-color-border-primary-hover);
  --ktc-color-border-slider-knob-active: var(--kts-color-border-primary-active);
  --ktc-color-border-progress-tracker-step-icon-present: var(--kts-color-text-support-primary);
  --ktc-color-border-message-info: var(--kts-color-border-support-info);
  --ktc-color-border-message-default: var(--kts-color-border-support-default);
  --ktc-color-border-message-success: var(--kts-color-border-support-success);
  --ktc-color-border-message-warning: var(--kts-color-border-support-warning);
  --ktc-color-border-message-error: var(--kts-color-border-support-error);
  --ktc-color-border-card-static-high-default: var(--kts-color-border-container-default);
  --ktc-color-border-card-interactive-high-default: var(--kts-color-border-container-default);
  --ktc-color-border-card-selected-high-selected: var(--kts-color-border-container-selected);
  --ktc-color-border-date-picker-menu-calendar-date-item-current: var(--kts-color-border-container-selected);
  --ktc-color-border-date-picker-menu-menu: var(--kts-color-border-container-default);
  --ktc-color-border-more-menu-menu-default: var(--kts-color-border-container-default);
  --ktc-color-border-upload-field-error: var(--kts-color-border-container-error);
  --ktc-color-border-stepper-field-error: var(--kts-color-border-container-error);
  --ktc-color-border-text-area-field-default: var(--kts-color-border-container-default);
  --ktc-color-border-text-area-field-read-only: var(--kts-color-border-container-read-only);
  --ktc-color-border-text-area-field-hover: var(--kts-color-border-container-hover);
  --ktc-color-border-text-area-field-active: var(--kts-color-border-container-active);
  --ktc-color-border-text-area-field-disabled: var(--kts-color-border-container-disabled);
  --ktc-color-border-text-area-field-error: var(--kts-color-border-container-error);
  --ktc-color-border-rich-text-area-field-default: var(--kts-color-border-container-default);
  --ktc-color-border-rich-text-area-field-read-only: var(--kts-color-border-container-read-only);
  --ktc-color-border-rich-text-area-field-hover: var(--kts-color-border-container-hover);
  --ktc-color-border-rich-text-area-field-active: var(--kts-color-border-container-active);
  --ktc-color-border-rich-text-area-field-disabled: var(--kts-color-border-container-disabled);
  --ktc-color-border-rich-text-area-field-error: var(--kts-color-border-container-error);
  --ktc-color-border-rich-text-area-format-default: var(--kts-color-border-container-default);
  --ktc-color-border-rich-text-area-format-disabled: var(--kts-color-border-container-disabled);
  --ktc-color-border-sms-preview-window-body-input: var(--kts-color-border-container-default);
  --checklist-item: var(--kts-color-text-charcoal-default);
  --ktc-typography-component-nav-bar-item-font-size: 16px;
  --ktc-typography-component-nav-bar-item-line-height: 24px;
  --ktc-typography-component-nav-bar-item-paragraph-spacing: 12px;
  --ktc-typography-component-user-menu-header-font-size: 12px;
  --ktc-typography-component-user-menu-header-line-height: 20px;
  --ktc-typography-component-user-menu-header-paragraph-spacing: 12px;
  --ktc-typography-component-user-menu-subitem-font-size: 12px;
  --ktc-typography-component-user-menu-subitem-line-height: 15px;
  --ktc-typography-component-user-menu-subitem-paragraph-spacing: 9px;
  --ktc-typography-component-checkbox-label-font-size: 14px;
  --ktc-typography-component-checkbox-label-paragraph-spacing: 14px;
  --ktc-typography-component-checkbox-label-line-height: 24px;
  --ktc-typography-component-checkbox-group-helper-font-size: 12px;
  --ktc-typography-component-checkbox-group-helper-paragraph-spacing: 12px;
  --ktc-typography-component-checkbox-group-helper-line-height: 18px;
  --ktc-typography-component-checkbox-group-label-font-size: 14px;
  --ktc-typography-component-checkbox-group-label-line-height: 21px;
  --ktc-typography-component-radio-label-font-size: 14px;
  --ktc-typography-component-radio-label-paragraph-spacing: 14px;
  --ktc-typography-component-radio-label-line-height: 24px;
  --ktc-typography-component-radio-group-label-font-size: 14px;
  --ktc-typography-component-radio-group-label-line-height: 21px;
  --ktc-typography-component-slider-label-font-size: 14px;
  --ktc-typography-component-slider-label-line-height: 21px;
  --ktc-typography-component-button-medium-label-font-size: 16px;
  --ktc-typography-component-button-medium-label-line-height: 24px;
  --ktc-typography-component-button-medium-label-paragraph-spacing: 12px;
  --ktc-typography-component-button-full-label-font-size: 16px;
  --ktc-typography-component-button-full-label-line-height: 24px;
  --ktc-typography-component-button-full-label-paragraph-spacing: 12px;
  --ktc-typography-component-button-small-label-font-size: 16px;
  --ktc-typography-component-button-small-label-line-height: 24px;
  --ktc-typography-component-button-small-label-paragraph-spacing: 12px;
  --ktc-typography-component-button-xsmall-label-font-size: 14px;
  --ktc-typography-component-button-xsmall-label-line-height: 24px;
  --ktc-typography-component-button-xsmall-label-paragraph-spacing: 12px;
  --ktc-typography-component-avatar-small-font-size: 12px;
  --ktc-typography-component-avatar-small-line-height: 18px;
  --ktc-typography-component-avatar-small-paragraph-spacing: 9px;
  --ktc-typography-component-avatar-medium-font-size: 16px;
  --ktc-typography-component-avatar-medium-line-height: 24px;
  --ktc-typography-component-avatar-medium-paragraph-spacing: 12px;
  --ktc-typography-component-avatar-large-font-size: 20px;
  --ktc-typography-component-avatar-large-line-height: 30px;
  --ktc-typography-component-avatar-large-paragraph-spacing: 15px;
  --ktc-typography-component-text-input-label-font-size: 14px;
  --ktc-typography-component-text-input-label-line-height: 21px;
  --ktc-typography-component-text-input-helper-font-size: 12px;
  --ktc-typography-component-text-input-helper-line-height: 18px;
  --ktc-typography-component-text-input-field-text-font-size: 16px;
  --ktc-typography-component-text-input-field-text-line-height: 24px;
  --ktc-typography-component-text-input-field-suffix-font-size: 16px;
  --ktc-typography-component-text-input-field-suffix-line-height: 24px;
  --ktc-typography-component-status-label-font-size: 16px;
  --ktc-typography-component-status-label-line-height: 24px;
  --ktc-typography-component-status-label-paragraph-spacing: 16px;
  --ktc-typography-component-search-label-font-size: 14px;
  --ktc-typography-component-search-label-line-height: 21px;
  --ktc-typography-component-search-label-paragraph-spacing: 14px;
  --ktc-typography-component-search-text-font-size: 16px;
  --ktc-typography-component-search-text-line-height: 24px;
  --ktc-typography-component-search-text-paragraph-spacing: 16px;
  --ktc-typography-component-dropdown-label-font-size: 14px;
  --ktc-typography-component-dropdown-label-line-height: 21px;
  --ktc-typography-component-dropdown-label-paragraph-spacing: 16px;
  --ktc-typography-component-dropdown-helper-font-size: 12px;
  --ktc-typography-component-dropdown-helper-line-height: 18px;
  --ktc-typography-component-dropdown-helper-paragraph-spacing: 12px;
  --ktc-typography-component-dropdown-menu-create-item-helper-font-size: 12px;
  --ktc-typography-component-dropdown-menu-create-item-helper-line-height: 18px;
  --ktc-typography-component-dropdown-menu-create-item-helper-paragraph-spacing: 12px;
  --ktc-typography-component-dropdown-menu-create-item-label-font-size: 16px;
  --ktc-typography-component-dropdown-menu-create-item-label-line-height: 24px;
  --ktc-typography-component-dropdown-menu-create-item-label-paragraph-spacing: 16px;
  --ktc-typography-component-dropdown-menu-item-label-font-size: 16px;
  --ktc-typography-component-dropdown-menu-item-label-line-height: 24px;
  --ktc-typography-component-dropdown-menu-item-label-paragraph-spacing: 16px;
  --ktc-typography-component-dropdown-menu-item-country-code-line-height: 21px;
  --ktc-typography-component-dropdown-menu-item-country-code-paragraph-spacing: 14px;
  --ktc-typography-component-dropdown-menu-item-country-code-font-size: 14px;
  --ktc-typography-component-dropdown-menu-header-label-line-height: 24px;
  --ktc-typography-component-dropdown-menu-header-label-paragraph-spacing: 14px;
  --ktc-typography-component-dropdown-menu-header-label-font-size: 14px;
  --ktc-typography-component-dropdown-area-label-font-size: 16px;
  --ktc-typography-component-dropdown-area-label-line-height: 24px;
  --ktc-typography-component-dropdown-area-label-paragraph-spacing: 16px;
  --ktc-typography-component-combo-input-label-font-size: 14px;
  --ktc-typography-component-combo-input-label-paragraph-spacing: 14px;
  --ktc-typography-component-combo-input-label-line-height: 21px;
  --ktc-typography-component-combo-input-helper-font-size: 12px;
  --ktc-typography-component-combo-input-helper-paragraph-spacing: 12px;
  --ktc-typography-component-combo-input-helper-line-height: 18px;
  --ktc-typography-component-date-picker-menu-item-label-font-size: 16px;
  --ktc-typography-component-date-picker-menu-item-label-line-height: 24px;
  --ktc-typography-component-date-picker-menu-item-label-paragraph-spacing: 16px;
  --ktc-typography-component-date-picker-menu-calendar-date-item-line-height: 21px;
  --ktc-typography-component-date-picker-menu-calendar-date-item-paragraph-spacing: 14px;
  --ktc-typography-component-date-picker-menu-calendar-date-item-font-size: 14px;
  --ktc-typography-component-date-picker-menu-header-controls-dropdown-line-height: 21px;
  --ktc-typography-component-date-picker-menu-header-controls-dropdown-paragraph-spacing: 14px;
  --ktc-typography-component-date-picker-menu-header-controls-dropdown-font-size: 14px;
  --ktc-typography-component-tab-bar-item-label-font-size: 12px;
  --ktc-typography-component-tab-bar-item-label-paragraph-spacing: 12px;
  --ktc-typography-component-tab-bar-item-label-line-height: 18px;
  --ktc-typography-component-checklist-item-font-size: 12px;
  --ktc-typography-component-checklist-item-paragraph-spacing: 12px;
  --ktc-typography-component-datatable-table-cell-text-font-size: 14px;
  --ktc-typography-component-datatable-table-cell-text-line-height: 24px;
  --ktc-typography-component-datatable-table-cell-text-paragraph-spacing: 16px;
  --ktc-typography-component-datatable-table-cell-number-line-height: 21px;
  --ktc-typography-component-datatable-table-cell-number-paragraph-spacing: 14px;
  --ktc-typography-component-datatable-table-cell-number-font-size: 14px;
  --ktc-typography-component-datatable-table-header-default-line-height: 18px;
  --ktc-typography-component-datatable-table-header-default-paragraph-spacing: 14px;
  --ktc-typography-component-datatable-table-header-default-font-size: 14px;
  --ktc-typography-component-datatable-table-empty-header-line-height: 20px;
  --ktc-typography-component-datatable-table-empty-header-paragraph-spacing: 16px;
  --ktc-typography-component-datatable-table-empty-header-font-size: 16px;
  --ktc-typography-component-datatable-table-empty-body-font-size: 14px;
  --ktc-typography-component-datatable-table-empty-body-paragraph-spacing: 14px;
  --ktc-typography-component-datatable-table-empty-body-line-height: 21px;
  --ktc-typography-component-datatable-footer-font-size: 16px;
  --ktc-typography-component-datatable-footer-line-height: 24px;
  --ktc-typography-component-login-content-body-font-size: 16px;
  --ktc-typography-component-login-content-body-line-height: 24px;
  --ktc-typography-component-login-content-body-paragraph-spacing: 16px;
  --ktc-typography-component-login-content-header-font-size: 20px;
  --ktc-typography-component-login-content-header-line-height: 25px;
  --ktc-typography-component-login-content-header-paragraph-spacing: 20px;
  --ktc-typography-component-chip-filter-label-line-height: 24px;
  --ktc-typography-component-chip-filter-label-font-size: 14px;
  --ktc-typography-component-chip-filter-label-paragraph-spacing: 14px;
  --ktc-typography-component-message-body-line-height: 24px;
  --ktc-typography-component-message-body-font-size: 14px;
  --ktc-typography-component-message-body-paragraph-spacing: 14px;
  --ktc-typography-component-progress-tracker-step-label-font-size: 12px;
  --ktc-typography-component-progress-tracker-step-label-line-height: 15px;
  --ktc-typography-component-progress-tracker-step-label-paragraph-spacing: 12px;
  --ktc-typography-component-tag-label-font-size: 14px;
  --ktc-typography-component-tag-label-line-height: 24px;
  --ktc-typography-component-tag-label-paragraph-spacing: 14px;
  --ktc-typography-component-page-header-title-device-xl-font-size: 24px;
  --ktc-typography-component-page-header-title-device-xl-line-height: 30px;
  --ktc-typography-component-page-header-title-device-xl-paragraph-spacing: 24px;
  --ktc-typography-component-page-header-title-device-lg-font-size: 24px;
  --ktc-typography-component-page-header-title-device-lg-line-height: 30px;
  --ktc-typography-component-page-header-title-device-lg-paragraph-spacing: 24px;
  --ktc-typography-component-page-header-title-device-md-line-height: 25px;
  --ktc-typography-component-page-header-title-device-md-paragraph-spacing: 20px;
  --ktc-typography-component-page-header-title-device-md-font-size: 20px;
  --ktc-typography-component-page-header-title-device-sm-line-height: 25px;
  --ktc-typography-component-page-header-title-device-sm-paragraph-spacing: 20px;
  --ktc-typography-component-page-header-title-device-sm-font-size: 20px;
  --ktc-typography-component-page-header-title-device-xs-line-height: 25px;
  --ktc-typography-component-page-header-title-device-xs-paragraph-spacing: 20px;
  --ktc-typography-component-page-header-title-device-xs-font-size: 20px;
  --ktc-typography-component-page-section-header-medium-line-height: 20px;
  --ktc-typography-component-page-section-header-medium-paragraph-spacing: 16px;
  --ktc-typography-component-page-section-header-medium-font-size: 16px;
  --ktc-typography-component-page-section-header-small-line-height: 18px;
  --ktc-typography-component-page-section-header-small-paragraph-spacing: 14px;
  --ktc-typography-component-page-section-header-small-font-size: 14px;
  --ktc-typography-component-page-section-header-xsmall-line-height: 15px;
  --ktc-typography-component-page-section-header-xsmall-paragraph-spacing: 12px;
  --ktc-typography-component-page-section-header-xsmall-font-size: 12px;
  --ktc-typography-component-page-section-header-large-line-height: 25px;
  --ktc-typography-component-page-section-header-large-paragraph-spacing: 20px;
  --ktc-typography-component-page-section-header-large-font-size: 20px;
  --ktc-typography-component-page-section-header-xlarge-line-height: 30px;
  --ktc-typography-component-page-section-header-xlarge-paragraph-spacing: 24px;
  --ktc-typography-component-page-section-header-xlarge-font-size: 24px;
  --ktc-typography-component-page-section-header-2xlarge-line-height: 40px;
  --ktc-typography-component-page-section-header-2xlarge-paragraph-spacing: 32px;
  --ktc-typography-component-page-section-header-2xlarge-font-size: 32px;
  --ktc-typography-component-page-section-body-medium-font-size: 16px;
  --ktc-typography-component-page-section-body-medium-paragraph-spacing: 16px;
  --ktc-typography-component-page-section-body-medium-line-height: 24px;
  --ktc-typography-component-page-section-body-xsmall-font-size: 12px;
  --ktc-typography-component-page-section-body-xsmall-paragraph-spacing: 12px;
  --ktc-typography-component-page-section-body-xsmall-line-height: 18px;
  --ktc-typography-component-page-section-body-2xsmall-font-size: 8px;
  --ktc-typography-component-page-section-body-2xsmall-paragraph-spacing: 8px;
  --ktc-typography-component-page-section-body-2xsmall-line-height: 12px;
  --ktc-typography-component-page-section-body-small-font-size: 14px;
  --ktc-typography-component-page-section-body-small-paragraph-spacing: 14px;
  --ktc-typography-component-page-section-body-small-line-height: 21px;
  --ktc-typography-component-page-section-accent-xlarge-line-height: 30px;
  --ktc-typography-component-page-section-accent-xlarge-paragraph-spacing: 24px;
  --ktc-typography-component-page-section-accent-xlarge-font-size: 24px;
  --ktc-typography-component-page-section-accent-large-line-height: 25px;
  --ktc-typography-component-page-section-accent-large-paragraph-spacing: 20px;
  --ktc-typography-component-page-section-accent-large-font-size: 20px;
  --ktc-typography-component-page-section-accent-medium-line-height: 24px;
  --ktc-typography-component-page-section-accent-medium-paragraph-spacing: 16px;
  --ktc-typography-component-page-section-accent-medium-font-size: 16px;
  --ktc-typography-component-page-section-accent-small-line-height: 21px;
  --ktc-typography-component-page-section-accent-small-paragraph-spacing: 14px;
  --ktc-typography-component-page-section-accent-small-font-size: 14px;
  --ktc-typography-component-page-section-accent-xsmall-line-height: 18px;
  --ktc-typography-component-page-section-accent-xsmall-paragraph-spacing: 12px;
  --ktc-typography-component-page-section-accent-xsmall-font-size: 12px;
  --ktc-typography-component-page-section-accent-2xlarge-line-height: 40px;
  --ktc-typography-component-page-section-accent-2xlarge-paragraph-spacing: 32px;
  --ktc-typography-component-page-section-accent-2xlarge-font-size: 32px;
  --ktc-typography-component-page-section-label-xsmall-font-size: 12px;
  --ktc-typography-component-page-section-label-xsmall-paragraph-spacing: 12px;
  --ktc-typography-component-page-section-label-xsmall-line-height: 18px;
  --ktc-typography-component-card-header-medium-line-height: 20px;
  --ktc-typography-component-card-header-medium-paragraph-spacing: 16px;
  --ktc-typography-component-card-header-medium-font-size: 16px;
  --ktc-typography-component-card-header-small-line-height: 18px;
  --ktc-typography-component-card-header-small-paragraph-spacing: 14px;
  --ktc-typography-component-card-header-small-font-size: 14px;
  --ktc-typography-component-card-header-xsmall-line-height: 15px;
  --ktc-typography-component-card-header-xsmall-paragraph-spacing: 12px;
  --ktc-typography-component-card-header-xsmall-font-size: 12px;
  --ktc-typography-component-card-header-large-line-height: 25px;
  --ktc-typography-component-card-header-large-paragraph-spacing: 20px;
  --ktc-typography-component-card-header-large-font-size: 20px;
  --ktc-typography-component-card-header-xlarge-line-height: 30px;
  --ktc-typography-component-card-header-xlarge-paragraph-spacing: 24px;
  --ktc-typography-component-card-header-xlarge-font-size: 24px;
  --ktc-typography-component-card-header-2xlarge-line-height: 40px;
  --ktc-typography-component-card-header-2xlarge-paragraph-spacing: 32px;
  --ktc-typography-component-card-header-2xlarge-font-size: 32px;
  --ktc-typography-component-card-body-medium-font-size: 16px;
  --ktc-typography-component-card-body-medium-paragraph-spacing: 16px;
  --ktc-typography-component-card-body-medium-line-height: 24px;
  --ktc-typography-component-card-body-xsmall-font-size: 12px;
  --ktc-typography-component-card-body-xsmall-paragraph-spacing: 12px;
  --ktc-typography-component-card-body-xsmall-line-height: 18px;
  --ktc-typography-component-card-body-2xsmall-font-size: 8px;
  --ktc-typography-component-card-body-2xsmall-paragraph-spacing: 8px;
  --ktc-typography-component-card-body-2xsmall-line-height: 12px;
  --ktc-typography-component-card-body-small-font-size: 14px;
  --ktc-typography-component-card-body-small-paragraph-spacing: 14px;
  --ktc-typography-component-card-body-small-line-height: 21px;
  --ktc-typography-component-card-accent-xlarge-line-height: 30px;
  --ktc-typography-component-card-accent-xlarge-paragraph-spacing: 24px;
  --ktc-typography-component-card-accent-xlarge-font-size: 24px;
  --ktc-typography-component-card-accent-large-line-height: 25px;
  --ktc-typography-component-card-accent-large-paragraph-spacing: 20px;
  --ktc-typography-component-card-accent-large-font-size: 20px;
  --ktc-typography-component-card-accent-medium-line-height: 24px;
  --ktc-typography-component-card-accent-medium-paragraph-spacing: 16px;
  --ktc-typography-component-card-accent-medium-font-size: 16px;
  --ktc-typography-component-card-accent-small-line-height: 21px;
  --ktc-typography-component-card-accent-small-paragraph-spacing: 14px;
  --ktc-typography-component-card-accent-small-font-size: 14px;
  --ktc-typography-component-card-accent-xsmall-line-height: 18px;
  --ktc-typography-component-card-accent-xsmall-paragraph-spacing: 12px;
  --ktc-typography-component-card-accent-xsmall-font-size: 12px;
  --ktc-typography-component-card-accent-2xlarge-line-height: 40px;
  --ktc-typography-component-card-accent-2xlarge-paragraph-spacing: 32px;
  --ktc-typography-component-card-accent-2xlarge-font-size: 32px;
  --ktc-typography-component-card-label-xsmall-font-size: 12px;
  --ktc-typography-component-card-label-xsmall-paragraph-spacing: 12px;
  --ktc-typography-component-card-label-xsmall-line-height: 18px;
  --ktc-typography-component-toast-body-line-height: 24px;
  --ktc-typography-component-toast-body-font-size: 14px;
  --ktc-typography-component-toast-body-paragraph-spacing: 14px;
  --ktc-typography-component-dialog-header-line-height: 25px;
  --ktc-typography-component-dialog-header-paragraph-spacing: 20px;
  --ktc-typography-component-dialog-header-font-size: 20px;
  --ktc-typography-component-dialog-body-font-size: 16px;
  --ktc-typography-component-dialog-body-paragraph-spacing: 16px;
  --ktc-typography-component-dialog-body-line-height: 24px;
  --ktc-typography-component-toolbar-body-line-height: 21px;
  --ktc-typography-component-toolbar-body-paragraph-spacing: 14px;
  --ktc-typography-component-toolbar-body-font-size: 14px;
  --ktc-typography-component-tooltip-body-line-height: 18px;
  --ktc-typography-component-tooltip-body-paragraph-spacing: 12px;
  --ktc-typography-component-tooltip-body-font-size: 12px;
  --ktc-typography-component-time-select-label-font-size: 14px;
  --ktc-typography-component-time-select-label-line-height: 21px;
  --ktc-typography-component-time-select-label-paragraph-spacing: 16px;
  --ktc-typography-component-time-select-helper-font-size: 12px;
  --ktc-typography-component-time-select-helper-line-height: 18px;
  --ktc-typography-component-time-select-helper-paragraph-spacing: 12px;
  --ktc-typography-component-time-select-menu-create-item-helper-font-size: 12px;
  --ktc-typography-component-time-select-menu-create-item-helper-line-height: 18px;
  --ktc-typography-component-time-select-menu-create-item-helper-paragraph-spacing: 12px;
  --ktc-typography-component-time-select-menu-create-item-label-font-size: 16px;
  --ktc-typography-component-time-select-menu-create-item-label-line-height: 24px;
  --ktc-typography-component-time-select-menu-create-item-label-paragraph-spacing: 16px;
  --ktc-typography-component-time-select-menu-item-label-font-size: 16px;
  --ktc-typography-component-time-select-menu-item-label-line-height: 24px;
  --ktc-typography-component-time-select-menu-item-label-paragraph-spacing: 16px;
  --ktc-typography-component-time-select-menu-header-label-line-height: 24px;
  --ktc-typography-component-time-select-menu-header-label-paragraph-spacing: 14px;
  --ktc-typography-component-time-select-menu-header-label-font-size: 14px;
  --ktc-typography-component-upload-label-font-size: 14px;
  --ktc-typography-component-upload-label-line-height: 21px;
  --ktc-typography-component-upload-helper-font-size: 12px;
  --ktc-typography-component-upload-helper-line-height: 18px;
  --ktc-typography-component-upload-field-text-font-size: 16px;
  --ktc-typography-component-upload-field-text-line-height: 24px;
  --ktc-typography-component-stepper-label-font-size: 14px;
  --ktc-typography-component-stepper-label-line-height: 21px;
  --ktc-typography-component-stepper-helper-font-size: 12px;
  --ktc-typography-component-stepper-helper-line-height: 18px;
  --ktc-typography-component-stepper-field-text-font-size: 16px;
  --ktc-typography-component-stepper-field-text-line-height: 24px;
  --ktc-typography-component-text-area-label-font-size: 14px;
  --ktc-typography-component-text-area-label-line-height: 21px;
  --ktc-typography-component-text-area-helper-font-size: 12px;
  --ktc-typography-component-text-area-helper-line-height: 18px;
  --ktc-typography-component-text-area-field-text-font-size: 16px;
  --ktc-typography-component-text-area-field-text-line-height: 24px;
  --ktc-typography-component-text-area-field-suffix-font-size: 16px;
  --ktc-typography-component-text-area-field-suffix-line-height: 24px;
  --ktc-typography-component-rich-text-area-label-font-size: 14px;
  --ktc-typography-component-rich-text-area-label-line-height: 21px;
  --ktc-typography-component-rich-text-area-helper-font-size: 12px;
  --ktc-typography-component-rich-text-area-helper-line-height: 18px;
  --ktc-typography-component-rich-text-area-field-text-font-size: 16px;
  --ktc-typography-component-rich-text-area-field-text-line-height: 24px;
  --ktc-typography-component-rich-text-area-field-suffix-font-size: 16px;
  --ktc-typography-component-rich-text-area-field-suffix-line-height: 24px;
  --ktc-typography-component-preview-preview-label-font-size: 16px;
  --ktc-typography-component-preview-preview-label-line-height: 24px;
  --ktc-typography-component-preview-preview-label-paragraph-spacing: 12px;
  --ktc-typography-component-sms-preview-window-body-message-font-size: 12px;
  --ktc-typography-component-sms-preview-window-body-message-paragraph-spacing: 12px;
  --ktc-typography-component-sms-preview-window-body-message-line-height: 18px;
  --ktc-typography-component-sms-preview-window-body-input-font-size: 14px;
  --ktc-typography-component-sms-preview-window-body-input-paragraph-spacing: 14px;
  --ktc-typography-component-sms-preview-window-body-input-line-height: 21px;
  --ktc-typography-component-sms-preview-window-header-font-size: 12px;
  --ktc-typography-component-sms-preview-window-header-paragraph-spacing: 12px;
  --ktc-typography-component-sms-preview-window-header-line-height: 18px;
  --ktc-border-radius-all-nav-bar-item: 8px;
  --ktc-border-radius-all-nav-bar-collapsed-device-sm: 0px;
  --ktc-border-radius-all-nav-bar-expanded-device-sm: 0px 0px 8px 8px;
  --ktc-border-radius-all-scrollbar-track: 888px;
  --ktc-border-radius-all-scrollbar-handle: 888px;
  --ktc-border-radius-all-toolbar: 4px;
  --ktc-border-radius-all-user-menu-device-md: 8px;
  --ktc-border-radius-all-user-menu-device-xs: 8px;
  --ktc-border-radius-all-user-menu-item: 8px;
  --ktc-border-radius-all-user-menu-collapsed-device-sm: 0px;
  --ktc-border-radius-all-user-menu-expanded-device-sm: 0px 0px 8px 8px;
  --ktc-border-radius-all-button-medium: 888px;
  --ktc-border-radius-all-button-full: 888px;
  --ktc-border-radius-all-tab-bar-tab-bar: 888px;
  --ktc-border-radius-all-tab-bar-item: 888px;
  --ktc-border-radius-all-switch: 888px;
  --ktc-border-radius-all-avatar: 888px;
  --ktc-border-radius-all-text-input-field: 4px;
  --ktc-border-radius-all-upload-field-field: 4px;
  --ktc-border-radius-all-upload-field-item: 4px;
  --ktc-border-radius-all-page-section: 4px;
  --ktc-border-radius-all-search-field: 4px;
  --ktc-border-radius-all-status-medium: 0px;
  --ktc-border-radius-all-status-large: 4px;
  --ktc-border-radius-all-dropdown-field: 4px;
  --ktc-border-radius-all-dropdown-menu: 4px;
  --ktc-border-radius-all-dropdown-area: 4px;
  --ktc-border-radius-all-combo-input-field-dropdown: 4px 0px 0px 4px;
  --ktc-border-radius-all-combo-input-field-input: 0px 4px 4px 0px;
  --ktc-border-radius-all-datatable-table: 4px;
  --ktc-border-radius-all-login: 8px;
  --ktc-border-radius-all-chip-filter: 4px;
  --ktc-border-radius-all-date-picker-menu-calendar-date-item: 888px;
  --ktc-border-radius-all-date-picker-menu-header-controls-dropdown: 888px;
  --ktc-border-radius-all-slider-indicator: 888px;
  --ktc-border-radius-all-slider-tracker: 888px;
  --ktc-border-radius-all-slider-knob: 888px;
  --ktc-border-radius-all-progress-tracker-indicator: 888px;
  --ktc-border-radius-all-progress-tracker-track: 888px;
  --ktc-border-radius-all-progress-tracker-step: 888px;
  --ktc-border-radius-all-tag: 4px;
  --ktc-border-radius-all-message: 0px 4px 4px 0px;
  --ktc-border-radius-all-toast: 4px;
  --ktc-border-radius-all-card: 4px;
  --ktc-border-radius-all-dialog: 4px;
  --ktc-border-radius-all-tooltip: 4px;
  --ktc-border-radius-all-komi-icon-square: 0px;
  --ktc-border-radius-all-komi-icon-circle: 888px;
  --ktc-border-radius-all-more-menu-menu: 4px;
  --ktc-border-radius-all-stepper-field: 4px;
  --ktc-border-radius-all-text-area-field: 4px;
  --ktc-border-radius-all-loading-state-skeleton-default: 4px;
  --ktc-border-radius-all-rich-text-area-field: 0px 0px 4px 4px;
  --ktc-border-radius-all-rich-text-area-format: 4px 4px 0px 0px;
  --ktc-border-radius-all-sms-preview-window-window: 16px;
  --ktc-border-radius-all-sms-preview-window-body-message: 4px;
  --ktc-border-radius-all-sms-preview-window-body-input: 16px;
  --ktc-border-radius-all-sms-preview-background: 4px;
  --ktc-border-radius-date-picker-menu-menu: 4px;
  --ktc-border-radius-preview-preview-collapsed-device-sm: 16px 16px 0px 0px;
  --ktc-border-radius-preview-preview-collapsed-device-md: 16px;
  --ktc-border-radius-preview-preview-expanded-device-sm: 16px 16px 0px 0px;
  --ktc-border-radius-preview-preview-expanded-device-md: 16px;
  --ktc-box-shadow-navigation-primary: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-navigation-secondary: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-toast: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-toolbar: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-tooltip: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-dropdown-menu: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-more-menu-menu: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-date-picker: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-tab-bar-item: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-login: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-page-section: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-datatable-table: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-button-group-floating: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-upload-cropper-preview-icon: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-switch-toggle: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-card-static-medium-default: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-card-image-medium-default: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-card-interactive-high-dragged: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-card-interactive-medium-default: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-card-interactive-medium-hover: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-card-interactive-medium-active: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-card-interactive-medium-disabled: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-preview-button: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-preview-switcher: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-preview-preview: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-sms-preview-window: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-border-all-nav-bar-subitemgroup: var(--border-width-small) solid var(--kts-color-border-accent-default);
  --ktc-border-all-dropdown-field-error: var(--border-width-small) solid var(--ktc-color-border-dropdown-field-error);
  --ktc-border-all-dropdown-field-default: var(--border-width-small) solid var(--ktc-color-border-dropdown-field-default);
  --ktc-border-all-dropdown-field-hover: var(--border-width-small) solid var(--ktc-color-border-dropdown-field-hover);
  --ktc-border-all-dropdown-field-active: var(--border-width-small) solid var(--ktc-color-border-dropdown-field-active);
  --ktc-border-all-dropdown-field-disabled: var(--border-width-small) solid var(--ktc-color-border-dropdown-field-disabled);
  --ktc-border-all-dropdown-field-read-only: var(--border-width-small) solid var(--ktc-color-border-dropdown-field-default);
  --ktc-border-all-dropdown-menu-default: var(--border-width-small) solid var(--kts-color-border-container-default);
  --ktc-border-all-search-field-default: var(--border-width-small) solid var(--ktc-color-border-search-field-default);
  --ktc-border-all-search-field-hover: var(--border-width-small) solid var(--ktc-color-border-search-field-hover);
  --ktc-border-all-search-field-active: var(--border-width-small) solid var(--ktc-color-border-search-field-active);
  --ktc-border-all-search-field-disabled: var(--border-width-small) solid var(--ktc-color-border-search-field-disabled);
  --ktc-border-all-card-static-medium: var(--border-width-none) solid var(--ktc-color-border-card-static-medium-default);
  --ktc-border-all-card-static-low: var(--border-width-small) solid var(--ktc-color-border-card-static-low-default);
  --ktc-border-all-card-image-medium: var(--border-width-none) solid var(--ktc-color-border-card-static-medium-default);
  --ktc-border-all-card-interactive-medium: var(--border-width-none) solid var(--ktc-color-border-card-static-medium-default);
  --ktc-border-all-upload-field-default: var(--border-width-small) solid var(--ktc-color-border-upload-field-default);
  --ktc-border-all-upload-field-hover: var(--border-width-small) solid var(--ktc-color-border-upload-field-hover);
  --ktc-border-all-upload-field-active: var(--border-width-small) solid var(--ktc-color-border-upload-field-active);
  --ktc-border-all-upload-field-disabled: var(--border-width-small) solid var(--ktc-color-border-upload-field-disabled);
  --ktc-border-all-upload-icon: var(--border-width-medium) solid var(--ktc-color-border-upload-icon);
  --ktc-dimension-height-button-medium: 40px;
  --ktc-dimension-height-button-full: 40px;
  --ktc-dimension-height-button-small: 24px;
  --ktc-dimension-height-button-xsmall: 24px;
  --ktc-dimension-height-button-2xsmall: 24px;
  --ktc-dimension-height-switch-large-background: 24px;
  --ktc-dimension-height-switch-large-knob: 16px;
  --ktc-dimension-height-switch-small-background: 16px;
  --ktc-dimension-height-switch-small-knob: 12px;
  --ktc-dimension-height-card-label-icon: 16px;
  --ktc-dimension-height-nav-bar-subitem: 40px;
  --ktc-dimension-height-nav-bar-item: 48px;
  --ktc-dimension-height-nav-bar-device-sm: 40px;
  --ktc-dimension-height-nav-bar-header-device-md: 72px;
  --ktc-dimension-height-nav-bar-header-device-sm: 40px;
  --ktc-dimension-height-user-menu-item: 48px;
  --ktc-dimension-height-datatable-table-empty-icon: 128px;
  --ktc-dimension-height-datatable-table-empty-default: 616px;
  --ktc-dimension-height-datatable-table-header: 56px;
  --ktc-dimension-height-datatable-table-cell: 56px;
  --ktc-dimension-height-brandbar-default: 56px;
  --ktc-dimension-height-brandbar-logo: 24px;
  --ktc-dimension-height-avatar-avatar-small: 24px;
  --ktc-dimension-height-avatar-avatar-medium: 32px;
  --ktc-dimension-height-avatar-avatar-large: 48px;
  --ktc-dimension-height-avatar-icon-small: 16px;
  --ktc-dimension-height-avatar-icon-medium: 24px;
  --ktc-dimension-height-avatar-icon-large: 32px;
  --ktc-dimension-height-text-input-field: 40px;
  --ktc-dimension-height-combo-input-field: 40px;
  --ktc-dimension-height-dropdown-menu-item-flag: 24px;
  --ktc-dimension-height-dropdown-menu-item-item: 40px;
  --ktc-dimension-height-dropdown-menu-header: 40px;
  --ktc-dimension-height-dropdown-field: 40px;
  --ktc-dimension-height-dropdown-area: 40px;
  --ktc-dimension-height-upload-field: 80px;
  --ktc-dimension-height-upload-thumbnail: 56px;
  --ktc-dimension-height-upload-cropper-preview-icon: 48px;
  --ktc-dimension-height-search-field: 40px;
  --ktc-dimension-height-date-picker-menu-item: 40px;
  --ktc-dimension-height-date-picker-menu-calendar-date: 48px;
  --ktc-dimension-height-date-picker-menu-header-controls-dropdown: 40px;
  --ktc-dimension-height-chip-filter: 40px;
  --ktc-dimension-height-slider-knob: 24px;
  --ktc-dimension-height-progress-tracker-indicator: 4px;
  --ktc-dimension-height-progress-tracker-track: 4px;
  --ktc-dimension-height-progress-tracker-icon: 16px;
  --ktc-dimension-height-tag-tag: 24px;
  --ktc-dimension-height-tag-icon: 16px;
  --ktc-dimension-height-komi-logo-xsmall: 8px;
  --ktc-dimension-height-komi-logo-small: 16px;
  --ktc-dimension-height-komi-logo-medium: 24px;
  --ktc-dimension-height-komi-logo-large: 32px;
  --ktc-dimension-height-komi-logo-xlarge: 64px;
  --ktc-dimension-height-komi-icon-small: 16px;
  --ktc-dimension-height-komi-icon-medium: 24px;
  --ktc-dimension-height-komi-icon-large: 32px;
  --ktc-dimension-height-komi-icon-xlarge: 64px;
  --ktc-dimension-height-more-menu-menu-item: 40px;
  --ktc-dimension-height-more-menu-more-menu: 40px;
  --ktc-dimension-height-toolbar-divider: 40px;
  --ktc-dimension-height-modal-loading-icon: 48px;
  --ktc-dimension-height-page-loading-icon: 48px;
  --ktc-dimension-height-page-header: 40px;
  --ktc-dimension-height-stepper-field: 40px;
  --ktc-dimension-height-text-area-field: 160px;
  --ktc-dimension-height-tab-bar-tab-bar: 48px;
  --ktc-dimension-height-tab-bar-item: 40px;
  --ktc-dimension-height-checklist-item-icon: 16px;
  --ktc-dimension-height-loading-state-skeleton-default: 24px;
  --ktc-dimension-height-loading-state-wheel-small: 24px;
  --ktc-dimension-height-loading-state-wheel-medium: 48px;
  --ktc-dimension-height-rich-text-area-field: 160px;
  --ktc-dimension-height-rich-text-area-format: 40px;
  --ktc-dimension-height-sms-preview-window-body-input: 32px;
  --ktc-dimension-height-sms-preview-window-window: 624px;
  --ktc-dimension-width-dropdown-menu-item-flag: 16px;
  --ktc-dimension-width-combo-input-field-dropdown-field: 128px;
  --ktc-dimension-width-combo-input-menu: 360px;
  --ktc-dimension-width-card-label-icon: 16px;
  --ktc-dimension-width-nav-bar-collapsed-device-md: 72px;
  --ktc-dimension-width-nav-bar-collapsed-device-lg: 72px;
  --ktc-dimension-width-nav-bar-collapsed-device-xl: 72px;
  --ktc-dimension-width-nav-bar-expanded-device-md: 320px;
  --ktc-dimension-width-scrollbar-track: 12px;
  --ktc-dimension-width-scrollbar-handle: 8px;
  --ktc-dimension-width-datatable-table-empty-icon: 128px;
  --ktc-dimension-width-datatable-table-empty-body-device-xl: 480px;
  --ktc-dimension-width-datatable-table-empty-body-device-lg: 480px;
  --ktc-dimension-width-datatable-table-empty-body-device-md: 480px;
  --ktc-dimension-width-datatable-table-empty-body-device-sm: 480px;
  --ktc-dimension-width-datatable-table-empty-body-device-xs: 320px;
  --ktc-dimension-width-user-menu-device-md: 320px;
  --ktc-dimension-width-button-medium: 160px;
  --ktc-dimension-width-switch-large-knob: 16px;
  --ktc-dimension-width-switch-large-background: 48px;
  --ktc-dimension-width-switch-small-knob: 12px;
  --ktc-dimension-width-switch-small-background: 32px;
  --ktc-dimension-width-avatar-avatar-small: 24px;
  --ktc-dimension-width-avatar-avatar-medium: 32px;
  --ktc-dimension-width-avatar-avatar-large: 48px;
  --ktc-dimension-width-avatar-icon-small: 16px;
  --ktc-dimension-width-avatar-icon-medium: 24px;
  --ktc-dimension-width-avatar-icon-large: 32px;
  --ktc-dimension-width-checklist-item-icon: 16px;
  --ktc-dimension-width-slider-knob: 24px;
  --ktc-dimension-width-progress-tracker-icon: 16px;
  --ktc-dimension-width-date-picker-menu-default: 360px;
  --ktc-dimension-width-date-picker-menu-calendar-date: 48px;
  --ktc-dimension-width-tag-icon: 16px;
  --ktc-dimension-width-modal-loading-icon: 48px;
  --ktc-dimension-width-page-loading-icon: 48px;
  --ktc-dimension-width-stepper-field: 128px;
  --ktc-dimension-width-upload-cropper-preview-icon: 48px;
  --ktc-dimension-width-loading-state-skeleton-small: 24px;
  --ktc-dimension-width-loading-state-skeleton-medium: 72px;
  --ktc-dimension-width-loading-state-skeleton-large: 128px;
  --ktc-dimension-width-loading-state-skeleton-xlarge: 256px;
  --ktc-dimension-width-loading-state-wheel-small: 24px;
  --ktc-dimension-width-loading-state-wheel-medium: 48px;
  --ktc-dimension-width-sms-preview-window-window: 320px;
  --ktc-dimension-width-sms-preview-window-body-message: 256px;
  --ktc-dimension-gap-combo-input-field: -1px;
  --ktc-dimension-gap-combo-input-combo-input: 4px;
  --ktc-dimension-gap-date-picker-menu-header-controls-horizontal: 0px;
  --ktc-dimension-gap-date-picker-menu-header-controls-dropdown: 4px;
  --ktc-dimension-gap-date-picker-header: 8px 16px;
  --ktc-dimension-gap-date-picker-footer: 8px 16px;
  --ktc-dimension-gap-toolbar-menu: 16px;
  --ktc-dimension-gap-toolbar-body: 16px;
  --ktc-dimension-gap-nav-bar-device-md: 8px;
  --ktc-dimension-gap-nav-bar-device-sm: 8px;
  --ktc-dimension-gap-nav-bar-item: 12px;
  --ktc-dimension-gap-nav-bar-subitemgroup: 12px;
  --ktc-dimension-gap-nav-bar-itemgroup: 16px;
  --ktc-dimension-gap-nav-bar-header-wrapper: 8px;
  --ktc-dimension-gap-user-menu-device-md: 8px;
  --ktc-dimension-gap-user-menu-device-sm: 8px;
  --ktc-dimension-gap-user-menu-item: 16px;
  --ktc-dimension-gap-user-menu-item-combo: 16px;
  --ktc-dimension-gap-user-menu-item-group: 8px;
  --ktc-dimension-gap-radio-radio: 4px;
  --ktc-dimension-gap-radio-group-body-horizontal: 24px;
  --ktc-dimension-gap-radio-group-body-vertical: 16px;
  --ktc-dimension-gap-radio-group-group: 8px;
  --ktc-dimension-gap-datatable-table-empty-body: 24px;
  --ktc-dimension-gap-datatable-table-empty-text: 4px;
  --ktc-dimension-gap-datatable-table-header: 8px;
  --ktc-dimension-gap-datatable-table-cell: 16px;
  --ktc-dimension-gap-datatable-datatable: 16px;
  --ktc-dimension-gap-tag: 4px;
  --ktc-dimension-gap-text-input-field: 8px;
  --ktc-dimension-gap-text-input-text-input: 4px;
  --ktc-dimension-gap-upload-field: 8px;
  --ktc-dimension-gap-upload-upload: 4px;
  --ktc-dimension-gap-status: 4px;
  --ktc-dimension-gap-search-field: 8px;
  --ktc-dimension-gap-dropdown-field: 8px;
  --ktc-dimension-gap-dropdown-menu-item: 8px;
  --ktc-dimension-gap-dropdown-menu-create-item-horizontal: 8px;
  --ktc-dimension-gap-dropdown-menu-create-item-vertical: 8px;
  --ktc-dimension-gap-dropdown-vertical: 4px;
  --ktc-dimension-gap-dropdown-area-horizontal: 16px;
  --ktc-dimension-gap-tab-bar-tab-bar: 4px;
  --ktc-dimension-gap-tab-bar-item: 4px;
  --ktc-dimension-gap-login-body: 24px;
  --ktc-dimension-gap-login-content: 8px;
  --ktc-dimension-gap-checkbox-group-list-horizontal: 24px;
  --ktc-dimension-gap-checkbox-group-list-vertical: 16px;
  --ktc-dimension-gap-checkbox-group-group: 4px;
  --ktc-dimension-gap-checkbox-checkbox: 4px;
  --ktc-dimension-gap-checklist-item: 4px;
  --ktc-dimension-gap-checklist-group: 12px;
  --ktc-dimension-gap-button-medium: 8px;
  --ktc-dimension-gap-button-full: 8px;
  --ktc-dimension-gap-button-small: 2px;
  --ktc-dimension-gap-button-xsmall: 2px;
  --ktc-dimension-gap-button-group-horizontal-device-xs: 16px;
  --ktc-dimension-gap-button-group-horizontal-device-sm: 16px;
  --ktc-dimension-gap-button-group-horizontal-device-md: 16px;
  --ktc-dimension-gap-button-group-horizontal-device-lg: 24px;
  --ktc-dimension-gap-button-group-horizontal-device-xl: 24px;
  --ktc-dimension-gap-button-group-vertical-device-xs: 12px;
  --ktc-dimension-gap-button-group-vertical-device-sm: 12px;
  --ktc-dimension-gap-button-group-vertical-device-md: 12px;
  --ktc-dimension-gap-button-group-vertical-device-lg: 12px;
  --ktc-dimension-gap-button-group-vertical-device-xl: 12px;
  --ktc-dimension-gap-grid-device-xl: 24px;
  --ktc-dimension-gap-grid-device-lg: 24px;
  --ktc-dimension-gap-grid-device-md: 16px;
  --ktc-dimension-gap-grid-device-sm: 16px;
  --ktc-dimension-gap-grid-device-xs: 16px;
  --ktc-dimension-gap-message-body: 8px;
  --ktc-dimension-gap-message-horizontal: 12px;
  --ktc-dimension-gap-toast: 12px;
  --ktc-dimension-gap-card-body: 8px;
  --ktc-dimension-gap-card-content: 4px;
  --ktc-dimension-gap-card-label: 4px;
  --ktc-dimension-gap-dialog-dialog: 16px;
  --ktc-dimension-gap-dialog-header: 16px;
  --ktc-dimension-gap-dialog-body: 16px;
  --ktc-dimension-gap-tooltip: 2px;
  --ktc-dimension-gap-brandbar: 16px;
  --ktc-dimension-gap-page-body-device-xl: 24px;
  --ktc-dimension-gap-page-body-device-lg: 24px;
  --ktc-dimension-gap-page-body-device-md: 16px;
  --ktc-dimension-gap-page-body-device-sm: 16px;
  --ktc-dimension-gap-page-body-device-xs: 16px;
  --ktc-dimension-gap-page-body-header-col-left: 8px;
  --ktc-dimension-gap-page-body-header-col-right: 24px;
  --ktc-dimension-gap-page-section-device-xl: 16px;
  --ktc-dimension-gap-page-section-device-lg: 16px;
  --ktc-dimension-gap-page-section-device-md: 16px;
  --ktc-dimension-gap-page-section-device-sm: 16px;
  --ktc-dimension-gap-page-section-device-xs: 16px;
  --ktc-dimension-gap-time-select-body: 16px;
  --ktc-dimension-gap-time-select-vertical: 4px;
  --ktc-dimension-gap-chip-group: 8px;
  --ktc-dimension-gap-more-menu-menu-vertical: 4px;
  --ktc-dimension-gap-more-menu-menu-horizontal: 8px;
  --ktc-dimension-gap-more-menu-more-menu: 8px;
  --ktc-dimension-gap-checkbox-button: 4px;
  --ktc-dimension-gap-stepper-field: 8px;
  --ktc-dimension-gap-stepper-stepper: 4px;
  --ktc-dimension-gap-text-area-field: 8px;
  --ktc-dimension-gap-text-area-text-input: 4px;
  --ktc-dimension-gap-slider-slider: 8px;
  --ktc-dimension-gap-rich-text-area-field: 8px;
  --ktc-dimension-gap-rich-text-area-editor: -1px;
  --ktc-dimension-gap-rich-text-area-format-format: 12px;
  --ktc-dimension-gap-rich-text-area-format-group: 2px;
  --ktc-dimension-gap-rich-text-area-text-input: 4px;
  --ktc-dimension-gap-preview-switcher: 24px;
  --ktc-dimension-gap-sms-preview-window-header: 4px;
  --ktc-dimension-gap-sms-preview-window-window: 0px;
  --ktc-dimension-padding-nav-bar-device-md: 8px;
  --ktc-dimension-padding-nav-bar-device-sm: 8px;
  --ktc-dimension-padding-nav-bar-header-device-md: 24px 16px;
  --ktc-dimension-padding-nav-bar-header-device-sm: 8px;
  --ktc-dimension-padding-nav-bar-item: 12px 16px;
  --ktc-dimension-padding-nav-bar-subitem: 8px 12px;
  --ktc-dimension-padding-nav-bar-subitemgroup: 16px 16px 0px 16px;
  --ktc-dimension-padding-user-menu-device-md: 8px;
  --ktc-dimension-padding-user-menu-device-sm: 8px;
  --ktc-dimension-padding-user-menu-item: 12px 16px;
  --ktc-dimension-padding-user-menu-item-combo: 0px 12px 0px 0px;
  --ktc-dimension-padding-user-menu-group-header: 16px 16px 0px 16px;
  --ktc-dimension-padding-tab-bar-tab-bar: 4px;
  --ktc-dimension-padding-tab-bar-item: 8px 16px;
  --ktc-dimension-padding-brandbar: 16px;
  --ktc-dimension-padding-date-picker-menu-calendar-date: 4px;
  --ktc-dimension-padding-date-picker-menu-header-all: 8px 16px;
  --ktc-dimension-padding-date-picker-menu-header-controls-dropdown: 12px;
  --ktc-dimension-padding-date-picker-menu-item-all: 8px 24px;
  --ktc-dimension-padding-date-picker-menu-footer-all: 8px 24px;
  --ktc-dimension-padding-button-medium: 8px 16px;
  --ktc-dimension-padding-button-full: 8px 16px;
  --ktc-dimension-padding-button-small: 0px;
  --ktc-dimension-padding-button-xsmall: 0px;
  --ktc-dimension-padding-switch-large-off: 4px;
  --ktc-dimension-padding-switch-large-on: 4px;
  --ktc-dimension-padding-switch-small-off: 2px;
  --ktc-dimension-padding-switch-small-on: 2px;
  --ktc-dimension-padding-text-input-field: 8px 12px;
  --ktc-dimension-padding-upload-field: 8px 12px;
  --ktc-dimension-padding-toolbar: 12px 16px;
  --ktc-dimension-padding-search-field: 8px 12px;
  --ktc-dimension-padding-dropdown-field: 8px 12px;
  --ktc-dimension-padding-dropdown-menu-item: 8px 12px;
  --ktc-dimension-padding-dropdown-menu-create-item: 8px 12px;
  --ktc-dimension-padding-dropdown-menu-header: 16px 16px 0px 16px;
  --ktc-dimension-padding-dropdown-area: 8px 12px;
  --ktc-dimension-padding-datatable-table-header: 16px;
  --ktc-dimension-padding-datatable-table-cell: 16px;
  --ktc-dimension-padding-login-header: 16px 24px;
  --ktc-dimension-padding-login-body: 24px;
  --ktc-dimension-padding-page-body-device-xl: 32px;
  --ktc-dimension-padding-page-body-device-lg: 32px;
  --ktc-dimension-padding-page-body-device-md: 24px;
  --ktc-dimension-padding-page-body-device-sm: 24px;
  --ktc-dimension-padding-page-body-device-xs: 16px;
  --ktc-dimension-padding-page-section-device-xl: 24px;
  --ktc-dimension-padding-page-section-device-lg: 24px;
  --ktc-dimension-padding-page-section-device-md: 24px;
  --ktc-dimension-padding-page-section-device-sm: 16px;
  --ktc-dimension-padding-page-section-device-xs: 16px;
  --ktc-dimension-padding-tag: 0px 8px;
  --ktc-dimension-padding-message: 8px 12px;
  --ktc-dimension-padding-toast: 8px 12px;
  --ktc-dimension-padding-card-default: 16px;
  --ktc-dimension-padding-card-image: 0px;
  --ktc-dimension-padding-dialog-device-xs: 16px;
  --ktc-dimension-padding-dialog-device-sm: 16px;
  --ktc-dimension-padding-dialog-device-md: 16px;
  --ktc-dimension-padding-dialog-device-lg: 24px;
  --ktc-dimension-padding-dialog-device-xl: 24px;
  --ktc-dimension-padding-tooltip: 4px 12px;
  --ktc-dimension-padding-button-group-default-device-xs: 0px;
  --ktc-dimension-padding-button-group-default-device-sm: 0px;
  --ktc-dimension-padding-button-group-default-device-md: 0px;
  --ktc-dimension-padding-button-group-default-device-lg: 0px;
  --ktc-dimension-padding-button-group-default-device-xl: 0px;
  --ktc-dimension-padding-button-group-floating-device-xs: 16px;
  --ktc-dimension-padding-button-group-floating-device-sm: 24px;
  --ktc-dimension-padding-button-group-floating-device-md: 24px;
  --ktc-dimension-padding-button-group-floating-device-lg: 32px;
  --ktc-dimension-padding-button-group-floating-device-xl: 32px;
  --ktc-dimension-padding-more-menu-menu-item: 8px 12px;
  --ktc-dimension-padding-more-menu-menu-vertical: 8px;
  --ktc-dimension-padding-more-menu-menu-horizontal: 0px;
  --ktc-dimension-padding-modal-default-dialog-advanced-device-xs: 72px 16px 16px 16px;
  --ktc-dimension-padding-modal-default-dialog-advanced-device-sm: 72px 24px 24px 24px;
  --ktc-dimension-padding-modal-default-dialog-advanced-device-md: 72px 32px 32px 32px;
  --ktc-dimension-padding-modal-default-dialog-advanced-device-lg: 72px 32px 32px 32px;
  --ktc-dimension-padding-modal-default-dialog-advanced-device-xl: 72px 32px 32px 32px;
  --ktc-dimension-padding-modal-default-dialog-basic-device-xs: 16px;
  --ktc-dimension-padding-modal-default-dialog-basic-device-sm: 24px;
  --ktc-dimension-padding-modal-default-dialog-basic-device-md: 32px;
  --ktc-dimension-padding-modal-default-dialog-basic-device-lg: 32px;
  --ktc-dimension-padding-modal-default-dialog-basic-device-xl: 32px;
  --ktc-dimension-padding-modal-loading-device-xs: 16px;
  --ktc-dimension-padding-modal-loading-device-sm: 24px;
  --ktc-dimension-padding-modal-loading-device-md: 32px;
  --ktc-dimension-padding-modal-loading-device-lg: 32px;
  --ktc-dimension-padding-modal-loading-device-xl: 32px;
  --ktc-dimension-padding-status-medium: 0px;
  --ktc-dimension-padding-status-large: 4px 8px;
  --ktc-dimension-padding-stepper-field: 8px 12px;
  --ktc-dimension-padding-text-area-field: 8px 12px;
  --ktc-dimension-padding-rich-text-area-field: 8px 12px;
  --ktc-dimension-padding-rich-text-area-format: 8px 12px;
  --ktc-dimension-padding-preview-preview-collapsed: 12px 8px;
  --ktc-dimension-padding-preview-switcher: 12px 16px;
  --ktc-dimension-padding-sms-preview-window-body-input: 8px;
  --ktc-dimension-padding-sms-preview-window-body-body: 16px;
  --ktc-dimension-padding-sms-preview-window-body-message: 8px 12px;
  --ktc-dimension-padding-sms-preview-window-header: 16px 16px 8px 16px;
  --ktc-dimension-padding-sms-preview-background: 16px;
  --ktc-color-background-nav-bar-item-highlighted-hover: var(--ktc-color-background-nav-bar-item-highlighted-default);
  --ktc-color-background-nav-bar-item-highlighted-active: var(--ktc-color-background-nav-bar-item-highlighted-default);
  --ktc-typography-component-checklist-item-line-height: 16px;
  --ktc-border-all-text-input-field-default: var(--border-width-small) solid var(--ktc-color-border-text-input-field-default);
  --ktc-border-all-text-input-field-hover: var(--border-width-small) solid var(--ktc-color-border-text-input-field-hover);
  --ktc-border-all-text-input-field-active: var(--border-width-small) solid var(--ktc-color-border-text-input-field-active);
  --ktc-border-all-text-input-field-disabled: var(--border-width-small) solid var(--ktc-color-border-text-input-field-disabled);
  --ktc-border-all-text-input-field-error: var(--border-width-small) solid var(--ktc-color-border-text-input-field-error);
  --ktc-border-all-text-input-field-read-only: var(--border-width-small) solid var(--ktc-color-border-text-input-field-read-only);
  --ktc-border-all-chip-filter-unselected-default: var(--border-width-small) solid var(--ktc-color-border-chip-filter-unselected-default);
  --ktc-border-all-chip-filter-unselected-hover: var(--border-width-small) solid var(--ktc-color-border-chip-filter-unselected-default);
  --ktc-border-all-chip-filter-unselected-active: var(--border-width-small) solid var(--ktc-color-border-chip-filter-unselected-default);
  --ktc-border-all-chip-filter-unselected-disabled: var(--border-width-small) solid var(--ktc-color-border-chip-filter-unselected-default);
  --ktc-border-all-chip-filter-selected-default: var(--border-width-small) solid var(--ktc-color-border-chip-filter-selected-default);
  --ktc-border-all-chip-filter-selected-hover: var(--border-width-small) solid var(--ktc-color-border-chip-filter-selected-default);
  --ktc-border-all-chip-filter-selected-active: var(--border-width-small) solid var(--ktc-color-border-chip-filter-selected-default);
  --ktc-border-all-chip-filter-selected-disabled: var(--border-width-small) solid var(--ktc-color-border-chip-filter-selected-default);
  --ktc-border-all-slider-knob-default: var(--border-width-large) solid var(--ktc-color-border-slider-knob-default);
  --ktc-border-all-slider-knob-hover: var(--border-width-large) solid var(--ktc-color-border-slider-knob-hover);
  --ktc-border-all-slider-knob-active: var(--border-width-large) solid var(--ktc-color-border-slider-knob-active);
  --ktc-border-all-progress-tracker-step-present: var(--border-width-large) solid var(--ktc-color-border-progress-tracker-step-icon-present);
  --ktc-border-all-card-static-high: var(--border-width-small) solid var(--ktc-color-border-card-static-high-default);
  --ktc-border-all-card-interactive-high: var(--border-width-small) solid var(--ktc-color-border-card-static-high-default);
  --ktc-border-all-card-selected-high: var(--border-width-small) solid var(--ktc-color-border-card-selected-high-selected);
  --ktc-border-all-more-menu-menu-default: var(--border-width-small) solid var(--ktc-color-border-more-menu-menu-default);
  --ktc-border-all-upload-field-error: var(--border-width-small) solid var(--ktc-color-border-upload-field-error);
  --ktc-border-all-stepper-field-default: var(--border-width-small) solid var(--ktc-color-border-text-input-field-default);
  --ktc-border-all-stepper-field-hover: var(--border-width-small) solid var(--ktc-color-border-text-input-field-hover);
  --ktc-border-all-stepper-field-active: var(--border-width-small) solid var(--ktc-color-border-text-input-field-active);
  --ktc-border-all-stepper-field-disabled: var(--border-width-small) solid var(--ktc-color-border-text-input-field-disabled);
  --ktc-border-all-stepper-field-error: var(--border-width-small) solid var(--ktc-color-border-text-input-field-error);
  --ktc-border-all-text-area-field-default: var(--border-width-small) solid var(--ktc-color-border-text-input-field-default);
  --ktc-border-all-text-area-field-hover: var(--border-width-small) solid var(--ktc-color-border-text-input-field-hover);
  --ktc-border-all-text-area-field-active: var(--border-width-small) solid var(--ktc-color-border-text-input-field-active);
  --ktc-border-all-text-area-field-disabled: var(--border-width-small) solid var(--ktc-color-border-text-input-field-disabled);
  --ktc-border-all-text-area-field-error: var(--border-width-small) solid var(--ktc-color-border-text-input-field-error);
  --ktc-border-all-text-area-field-read-only: var(--border-width-small) solid var(--ktc-color-border-text-input-field-read-only);
  --ktc-border-all-date-picker-menu-menu: var(--border-width-small) solid var(--ktc-color-border-date-picker-menu-menu);
  --ktc-border-all-rich-text-area-field-default: var(--border-width-small) solid var(--ktc-color-border-rich-text-area-field-default);
  --ktc-border-all-rich-text-area-field-hover: var(--border-width-small) solid var(--ktc-color-border-rich-text-area-field-hover);
  --ktc-border-all-rich-text-area-field-active: var(--border-width-small) solid var(--ktc-color-border-rich-text-area-field-active);
  --ktc-border-all-rich-text-area-field-disabled: var(--border-width-small) solid var(--ktc-color-border-rich-text-area-field-disabled);
  --ktc-border-all-rich-text-area-field-error: var(--border-width-small) solid var(--ktc-color-border-rich-text-area-field-error);
  --ktc-border-all-rich-text-area-field-read-only: var(--border-width-small) solid var(--ktc-color-border-rich-text-area-field-read-only);
  --ktc-border-all-rich-text-area-format-default: var(--border-width-small) solid var(--ktc-color-border-rich-text-area-field-default);
  --ktc-border-all-rich-text-area-format-disabled: var(--border-width-small) solid var(--ktc-color-border-rich-text-area-format-disabled);
  --ktc-border-bottom-datatable-table-divider: var(--border-width-small) solid var(--ktc-color-border-datatable-table-divider);
  --ktc-border-left-message-info: var(--border-width-large) solid var(--ktc-color-border-message-info);
  --ktc-border-left-message-default: var(--border-width-large) solid var(--ktc-color-border-message-default);
  --ktc-border-left-message-success: var(--border-width-large) solid var(--ktc-color-border-message-success);
  --ktc-border-left-message-warning: var(--border-width-large) solid var(--ktc-color-border-message-warning);
  --ktc-border-left-message-error: var(--border-width-large) solid var(--ktc-color-border-message-error);
  --ktc-border-date-picker-menu-calendar-date-item-current: var(--border-width-small) solid var(--ktc-color-border-date-picker-menu-calendar-date-item-current);
}

@supports (color: color(display-p3 0 0 0)) {
  :root {
    --color-purple-25: color(display-p3 .962774 .962454 .996915);
  }
}

@supports (color: lab(0% 0 0)) {
  :root {
    --color-purple-25: lab(96.9% 1.32582 -4.62367);
  }
}

:root {
  --cns-sys-color-theme-background: #121212;
  --cns-sys-color-theme-foreground: #fff;
  --cns-sys-typography-style-header-xsmall-paragraph-indent: none;
  --cns-sys-typography-style-header-small-paragraph-indent: none;
  --cns-sys-typography-style-header-medium-paragraph-indent: none;
  --cns-sys-typography-style-header-large-paragraph-indent: none;
  --cns-sys-typography-style-header-xlarge-paragraph-indent: none;
  --cns-sys-typography-style-header-2xlarge-paragraph-indent: none;
  --cns-sys-typography-style-body-2xsmall-paragraph-indent: none;
  --cns-sys-typography-style-body-xsmall-paragraph-indent: none;
  --cns-sys-typography-style-body-small-paragraph-indent: none;
  --cns-sys-typography-style-body-medium-paragraph-indent: none;
  --cns-com-dimension-gap-page-footer-branding: 6px;
  --cns-com-dimension-height-item-item-device-sm: 116px;
  --cns-com-dimension-height-item-item-device-lg: 140px;
  --cns-com-dimension-height-item-prefix-device-sm: 116px;
  --cns-com-dimension-height-item-prefix-device-lg: 140px;
  --cns-com-dimension-width-item-prefix-device-sm: 116px;
  --cns-com-dimension-width-item-prefix-device-lg: 140px;
  --cns-com-dimension-maxwidth-page-body-device-lg: 736px;
  --cns-com-box-shadow-pbk: 0px 0px 16px 4px rgba(0, 0, 0, .25);
  --cns-com-typography-component-pbk-paragraph-indent: none;
  --cns-com-typography-component-button-full-label-paragraph-indent: 0;
  --cns-com-typography-component-button-medium-label-paragraph-indent: 0;
  --cns-com-typography-component-button-small-label-paragraph-indent: 0;
  --cns-com-typography-component-button-xsmall-label-paragraph-indent: 0;
  --cns-com-typography-component-checkbox-label-paragraph-indent: none;
  --cns-com-typography-component-checkbox-group-label-paragraph-indent: 0;
  --cns-com-typography-component-checkbox-group-helper-paragraph-indent: 0;
  --cns-com-typography-component-text-input-label-paragraph-indent: 0;
  --cns-com-typography-component-text-input-helper-paragraph-indent: 0;
  --cns-com-typography-component-avatar-small-paragraph-indent: 0;
  --cns-com-typography-component-avatar-medium-paragraph-indent: 0;
  --cns-com-typography-component-avatar-large-paragraph-indent: 0;
  --cns-com-typography-component-toast-body-paragraph-indent: none;
  --cns-com-typography-component-page-header-paragraph-indent: none;
  --cns-com-typography-component-page-footer-paragraph-indent: none;
  --cns-com-typography-component-radio-label-paragraph-indent: none;
  --cns-com-typography-component-radio-group-label-paragraph-indent: 0;
  --cns-com-typography-component-dropdown-label-paragraph-indent: 0;
  --cns-com-typography-component-dropdown-helper-paragraph-indent: 0;
  --cns-com-typography-component-dropdown-menu-create-item-helper-paragraph-indent: 0;
  --cns-com-typography-component-dropdown-menu-item-country-code-paragraph-indent: none;
  --cns-com-typography-component-dropdown-menu-header-label-paragraph-indent: none;
  --cns-com-typography-component-tag-label-paragraph-indent: none;
  --cns-com-typography-component-tab-bar-item-paragraph-indent: none;
  --cns-com-typography-item-title-device-sm-paragraph-indent: none;
  --cns-com-typography-item-title-device-lg-paragraph-indent: none;
  --cns-com-typography-item-subtitle-device-sm-paragraph-indent: none;
  --cns-com-typography-item-subtitle-device-lg-paragraph-indent: none;
  --cns-z-index-pbk-pbk: 500;
  --global-color-purple-25: #f6f5ff;
  --global-color-purple-50: #ebeafd;
  --global-color-purple-100: #d9d7fd;
  --global-color-purple-200: #bcb7fb;
  --global-color-purple-300: #9b8ff6;
  --global-color-purple-400: #7a61f1;
  --global-color-purple-500: #5f35e6;
  --global-color-purple-600: #582ed3;
  --global-color-purple-700: #4a26b1;
  --global-color-purple-800: #3e2191;
  --global-color-purple-900: #251362;
  --global-color-lime-25: #fffee5;
  --global-color-lime-50: #fdffc8;
  --global-color-lime-100: #faff97;
  --global-color-lime-200: #f1fc5a;
  --global-color-lime-300: #e3f331;
  --global-color-lime-400: #c5d909;
  --global-color-lime-500: #9aae02;
  --global-color-lime-600: #738407;
  --global-color-lime-700: #5b680c;
  --global-color-lime-800: #4b5710;
  --global-color-lime-900: #283102;
  --global-color-pink-25: #fff0fc;
  --global-color-pink-50: #ffe3fc;
  --global-color-pink-100: #ffc6f9;
  --global-color-pink-200: #ff98f3;
  --global-color-pink-300: #ff58e7;
  --global-color-pink-400: #ff27d7;
  --global-color-pink-500: #ff04bc;
  --global-color-pink-600: #df0097;
  --global-color-pink-700: #b8007d;
  --global-color-pink-800: #98036a;
  --global-color-pink-900: #5f003c;
  --global-color-gray-25: #f6f6f7;
  --global-color-gray-50: #efeff0;
  --global-color-gray-100: #e2e2e3;
  --global-color-gray-200: #cfd0d2;
  --global-color-gray-300: #bababf;
  --global-color-gray-400: #a8a8ac;
  --global-color-gray-500: #8a898f;
  --global-color-gray-600: #807e84;
  --global-color-gray-700: #68686b;
  --global-color-gray-800: #565659;
  --global-color-gray-900: #323234;
  --global-color-blue-25: #eff9ff;
  --global-color-blue-50: #daf0ff;
  --global-color-blue-100: #bee6ff;
  --global-color-blue-200: #91d8ff;
  --global-color-blue-300: #5dc0fd;
  --global-color-blue-400: #2f9ef9;
  --global-color-blue-500: #2285ee;
  --global-color-blue-600: #1a6ddb;
  --global-color-blue-700: #1b59b2;
  --global-color-blue-800: #1c4c8c;
  --global-color-blue-900: #162f55;
  --global-color-green-25: #f0fdf5;
  --global-color-green-50: #dcfcea;
  --global-color-green-100: #baf8d6;
  --global-color-green-200: #85f0b7;
  --global-color-green-300: #49df8f;
  --global-color-green-400: #21ca70;
  --global-color-green-500: #15a458;
  --global-color-green-600: #148148;
  --global-color-green-700: #15663c;
  --global-color-green-800: #135433;
  --global-color-green-900: #052e1a;
  --global-color-orange-25: #fffbeb;
  --global-color-orange-50: #fef3c7;
  --global-color-orange-100: #fde68a;
  --global-color-orange-200: #fcd34d;
  --global-color-orange-300: #fbbf24;
  --global-color-orange-400: #f59e0b;
  --global-color-orange-500: #d97706;
  --global-color-orange-600: #b45309;
  --global-color-orange-700: #92400e;
  --global-color-orange-800: #78350f;
  --global-color-orange-900: #451a03;
  --global-color-red-25: #fff1f2;
  --global-color-red-50: #ffe0e3;
  --global-color-red-100: #ffc6cb;
  --global-color-red-200: #ff9fa7;
  --global-color-red-300: #ff6774;
  --global-color-red-400: #fc3748;
  --global-color-red-500: #eb2839;
  --global-color-red-600: #c51020;
  --global-color-red-700: #a2121f;
  --global-color-red-800: #861620;
  --global-color-red-900: #49060c;
  --global-color-white: #fff;
  --global-color-black: #000;
  --global-color-transparent: color-mix(in srgb, #fff 0%, transparent 0%);
  --color-modifier-25: .95;
  --color-modifier-50: .9;
  --color-modifier-100: .8;
  --color-modifier-200: .6;
  --color-modifier-300: .4;
  --color-modifier-400: .2;
  --color-modifier-600: .16;
  --color-modifier-700: .32;
  --color-modifier-800: .48;
  --color-modifier-900: .56;
  --font-family-dm-sans: DM Sans;
  --font-family-dm-mono: DM Mono;
  --font-family-inter: Inter;
  --font-family-sf-pro-display: SF Pro Display, sans-serif;
  --font-size-base: 16px;
  --border-width-base: 1px;
  --opacity-0: 0;
  --opacity-5: .05;
  --opacity-10: .1;
  --opacity-12: .125;
  --opacity-20: .2;
  --opacity-25: .25;
  --opacity-30: .3;
  --opacity-40: .4;
  --opacity-50: .5;
  --opacity-60: .6;
  --opacity-70: .7;
  --opacity-75: .75;
  --opacity-80: .8;
  --opacity-90: .9;
  --opacity-100: 1;
  --letter-spacing-small: -.25px;
  --letter-spacing-large: .25px;
  --letter-spacing-xlarge: .5px;
  --letter-spacing-medium: 0;
  --text-case-none: none;
  --text-case-uppercase: uppercase;
  --text-case-capitalize: capitalize;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --text-decoration-none: none;
  --text-decoration-line-through: line-through;
  --text-decoration-underline: underline;
  --line-height-small: 1.25;
  --line-height-medium: 1.5;
  --line-height-large: 1.75;
  --line-height-xlarge: 2;
  --paragraph-spacing-small: .75px;
  --paragraph-spacing-medium: 1px;
  --paragraph-spacing-large: 1.5px;
  --paragraph-spacing-xlarge: 1.75px;
  --dimension-base-8: 8px;
  --grid-breakpoint-xs: 390px;
  --grid-breakpoint-sm: 768px;
  --grid-breakpoint-md: 1024px;
  --grid-breakpoint-lg: 1440px;
  --grid-breakpoint-xl: 1920px;
  --grid-col-count-xs: 4;
  --grid-col-count-sm: 12;
  --grid-col-count-md: 12;
  --grid-col-count-lg: 12;
  --grid-col-count-xl: 12;
  --cns-sys-color-theme-middleground: var(--global-color-white);
  --cns-sys-color-background-surface-low-default: var(--cns-sys-color-theme-background);
  --cns-sys-color-background-surface-lowest-default: var(--cns-sys-color-theme-background);
  --cns-sys-color-background-primary-default: var(--cns-sys-color-theme-foreground);
  --cns-sys-color-background-primary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-sys-color-background-primary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-sys-color-background-support-muted-default: var(--global-color-gray-50);
  --cns-sys-color-background-support-muted-primary: var(--global-color-purple-50);
  --cns-sys-color-background-support-muted-info: var(--global-color-blue-50);
  --cns-sys-color-background-support-muted-success: var(--global-color-green-50);
  --cns-sys-color-background-support-muted-warning: var(--global-color-orange-50);
  --cns-sys-color-background-support-muted-error: var(--global-color-red-50);
  --cns-sys-color-background-support-muted-brand: var(--global-color-lime-100);
  --cns-sys-color-background-support-muted-other: var(--global-color-pink-50);
  --cns-sys-color-background-support-deep-default: var(--global-color-gray-600);
  --cns-sys-color-background-support-deep-primary: var(--global-color-purple-600);
  --cns-sys-color-background-support-deep-info: var(--global-color-blue-600);
  --cns-sys-color-background-support-deep-success: var(--global-color-green-600);
  --cns-sys-color-background-support-deep-warning: var(--global-color-orange-600);
  --cns-sys-color-background-support-deep-error: var(--global-color-red-600);
  --cns-sys-color-background-support-deep-brand: var(--global-color-lime-600);
  --cns-sys-color-background-support-deep-other: var(--global-color-pink-600);
  --cns-sys-color-text-primary-default: var(--cns-sys-color-theme-foreground);
  --cns-sys-color-text-primary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-sys-color-text-primary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-sys-color-text-secondary-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-sys-color-text-secondary-hover: color-mix(in lch, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-sys-color-text-secondary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-sys-color-text-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-sys-color-text-support-error: var(--global-color-red-600);
  --cns-sys-color-text-inverted-default: var(--cns-sys-color-theme-background);
  --cns-sys-color-icon-primary-default: var(--cns-sys-color-theme-foreground);
  --cns-sys-color-icon-primary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-sys-color-icon-primary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-sys-color-icon-secondary-default: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-sys-color-icon-secondary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-sys-color-icon-secondary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-sys-color-icon-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-sys-color-icon-support-error: var(--global-color-red-600);
  --cns-sys-color-icon-support-success: var(--global-color-green-600);
  --cns-sys-color-border-container-default: var(--cns-sys-color-theme-foreground);
  --cns-sys-color-border-container-read-only: var(--cns-sys-color-theme-foreground);
  --cns-sys-color-border-container-hover: var(--cns-sys-color-theme-foreground);
  --cns-sys-color-border-container-active: var(--cns-sys-color-theme-foreground);
  --cns-sys-color-border-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 10%, transparent 0%);
  --cns-sys-color-border-support-error: var(--global-color-red-600);
  --cns-sys-typography-style-header-xsmall-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-header-xsmall-font-weight: 700;
  --cns-sys-typography-style-header-xsmall-letter-spacing: -.25px;
  --cns-sys-typography-style-header-xsmall-text-decoration: none;
  --cns-sys-typography-style-header-xsmall-text-case: none;
  --cns-sys-typography-style-header-small-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-header-small-font-weight: 700;
  --cns-sys-typography-style-header-small-letter-spacing: -.25px;
  --cns-sys-typography-style-header-small-text-decoration: none;
  --cns-sys-typography-style-header-small-text-case: none;
  --cns-sys-typography-style-header-medium-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-header-medium-font-weight: 700;
  --cns-sys-typography-style-header-medium-letter-spacing: -.25px;
  --cns-sys-typography-style-header-medium-text-decoration: none;
  --cns-sys-typography-style-header-medium-text-case: none;
  --cns-sys-typography-style-header-large-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-header-large-font-weight: 700;
  --cns-sys-typography-style-header-large-letter-spacing: -.25px;
  --cns-sys-typography-style-header-large-text-decoration: none;
  --cns-sys-typography-style-header-large-text-case: none;
  --cns-sys-typography-style-header-xlarge-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-header-xlarge-font-weight: 700;
  --cns-sys-typography-style-header-xlarge-letter-spacing: -.25px;
  --cns-sys-typography-style-header-xlarge-text-decoration: none;
  --cns-sys-typography-style-header-xlarge-text-case: none;
  --cns-sys-typography-style-header-2xlarge-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-header-2xlarge-font-weight: 700;
  --cns-sys-typography-style-header-2xlarge-letter-spacing: -.25px;
  --cns-sys-typography-style-header-2xlarge-text-decoration: none;
  --cns-sys-typography-style-header-2xlarge-text-case: none;
  --cns-sys-typography-style-body-2xsmall-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-body-2xsmall-font-weight: 500;
  --cns-sys-typography-style-body-2xsmall-letter-spacing: 0;
  --cns-sys-typography-style-body-2xsmall-text-decoration: none;
  --cns-sys-typography-style-body-2xsmall-text-case: none;
  --cns-sys-typography-style-body-xsmall-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-body-xsmall-font-weight: 500;
  --cns-sys-typography-style-body-xsmall-letter-spacing: 0;
  --cns-sys-typography-style-body-xsmall-text-decoration: none;
  --cns-sys-typography-style-body-xsmall-text-case: none;
  --cns-sys-typography-style-body-small-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-body-small-font-weight: 500;
  --cns-sys-typography-style-body-small-letter-spacing: 0;
  --cns-sys-typography-style-body-small-text-decoration: none;
  --cns-sys-typography-style-body-small-text-case: none;
  --cns-sys-typography-style-body-medium-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-body-medium-font-weight: 500;
  --cns-sys-typography-style-body-medium-letter-spacing: 0;
  --cns-sys-typography-style-body-medium-text-decoration: none;
  --cns-sys-typography-style-body-medium-text-case: none;
  --cns-com-color-box-shadow-default: color-mix(in srgb, var(--global-color-black) 50%, transparent 0%);
  --cns-com-color-background-pbk-theme-dark: var(--global-color-white);
  --cns-com-color-background-pbk-theme-light: var(--global-color-black);
  --cns-com-color-text-pbk-theme-dark: var(--global-color-black);
  --cns-com-color-text-pbk-theme-light: var(--global-color-white);
  --cns-com-color-icon-pbk-theme-dark: var(--global-color-black);
  --cns-com-color-icon-pbk-theme-light: var(--global-color-white);
  --cns-com-color-border-tab-bar-item-unselected-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --cns-com-dimension-gap-pbk-large-body-image: -4px;
  --cns-com-dimension-gap-dropdown-area-vertical: 8px;
  --cns-com-typography-component-pbk-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-pbk-font-weight: 700;
  --cns-com-typography-component-pbk-letter-spacing: .5px;
  --cns-com-typography-component-pbk-text-decoration: none;
  --cns-com-typography-component-pbk-text-case: uppercase;
  --cns-com-typography-component-button-full-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-button-full-label-font-weight: 700;
  --cns-com-typography-component-button-full-label-letter-spacing: 0;
  --cns-com-typography-component-button-full-label-text-decoration: none;
  --cns-com-typography-component-button-full-label-text-case: capitalize;
  --cns-com-typography-component-button-medium-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-button-medium-label-font-weight: 700;
  --cns-com-typography-component-button-medium-label-letter-spacing: 0;
  --cns-com-typography-component-button-medium-label-text-decoration: none;
  --cns-com-typography-component-button-medium-label-text-case: capitalize;
  --cns-com-typography-component-button-small-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-button-small-label-font-weight: 700;
  --cns-com-typography-component-button-small-label-letter-spacing: 0;
  --cns-com-typography-component-button-small-label-text-decoration: none;
  --cns-com-typography-component-button-small-label-text-case: capitalize;
  --cns-com-typography-component-button-xsmall-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-button-xsmall-label-font-weight: 700;
  --cns-com-typography-component-button-xsmall-label-letter-spacing: 0;
  --cns-com-typography-component-button-xsmall-label-text-decoration: none;
  --cns-com-typography-component-button-xsmall-label-text-case: capitalize;
  --cns-com-typography-component-checkbox-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-checkbox-label-font-weight: 500;
  --cns-com-typography-component-checkbox-label-letter-spacing: 0;
  --cns-com-typography-component-checkbox-label-text-decoration: none;
  --cns-com-typography-component-checkbox-label-text-case: none;
  --cns-com-typography-component-checkbox-group-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-checkbox-group-label-font-weight: 500;
  --cns-com-typography-component-checkbox-group-label-letter-spacing: 0;
  --cns-com-typography-component-checkbox-group-label-paragraph-spacing: 1px;
  --cns-com-typography-component-checkbox-group-label-text-decoration: none;
  --cns-com-typography-component-checkbox-group-label-text-case: none;
  --cns-com-typography-component-checkbox-group-helper-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-checkbox-group-helper-font-weight: 500;
  --cns-com-typography-component-checkbox-group-helper-letter-spacing: 0;
  --cns-com-typography-component-checkbox-group-helper-paragraph-spacing: 1px;
  --cns-com-typography-component-checkbox-group-helper-text-decoration: none;
  --cns-com-typography-component-checkbox-group-helper-text-case: none;
  --cns-com-typography-component-text-input-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-text-input-label-font-weight: 500;
  --cns-com-typography-component-text-input-label-letter-spacing: 0;
  --cns-com-typography-component-text-input-label-paragraph-spacing: 1px;
  --cns-com-typography-component-text-input-label-text-decoration: none;
  --cns-com-typography-component-text-input-label-text-case: none;
  --cns-com-typography-component-text-input-helper-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-text-input-helper-font-weight: 500;
  --cns-com-typography-component-text-input-helper-letter-spacing: 0;
  --cns-com-typography-component-text-input-helper-paragraph-spacing: 1px;
  --cns-com-typography-component-text-input-helper-text-decoration: none;
  --cns-com-typography-component-text-input-helper-text-case: none;
  --cns-com-typography-component-text-input-field-text-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-text-input-field-text-font-weight: 500;
  --cns-com-typography-component-text-input-field-text-letter-spacing: 0;
  --cns-com-typography-component-text-input-field-text-paragraph-spacing: 1px;
  --cns-com-typography-component-text-input-field-text-text-decoration: none;
  --cns-com-typography-component-text-input-field-text-text-case: none;
  --cns-com-typography-component-text-input-field-suffix-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-text-input-field-suffix-font-weight: 500;
  --cns-com-typography-component-text-input-field-suffix-letter-spacing: 0;
  --cns-com-typography-component-text-input-field-suffix-paragraph-spacing: 1px;
  --cns-com-typography-component-text-input-field-suffix-text-decoration: none;
  --cns-com-typography-component-text-input-field-suffix-text-case: none;
  --cns-com-typography-component-avatar-small-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-avatar-small-font-weight: 500;
  --cns-com-typography-component-avatar-small-letter-spacing: 0;
  --cns-com-typography-component-avatar-small-text-decoration: none;
  --cns-com-typography-component-avatar-small-text-case: uppercase;
  --cns-com-typography-component-avatar-medium-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-avatar-medium-font-weight: 500;
  --cns-com-typography-component-avatar-medium-letter-spacing: 0;
  --cns-com-typography-component-avatar-medium-text-decoration: none;
  --cns-com-typography-component-avatar-medium-text-case: uppercase;
  --cns-com-typography-component-avatar-large-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-avatar-large-font-weight: 500;
  --cns-com-typography-component-avatar-large-letter-spacing: 0;
  --cns-com-typography-component-avatar-large-text-decoration: none;
  --cns-com-typography-component-avatar-large-text-case: uppercase;
  --cns-com-typography-component-toast-body-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-toast-body-font-weight: 500;
  --cns-com-typography-component-toast-body-letter-spacing: 0;
  --cns-com-typography-component-toast-body-text-decoration: none;
  --cns-com-typography-component-toast-body-text-case: none;
  --cns-com-typography-component-page-header-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-page-header-font-weight: 700;
  --cns-com-typography-component-page-header-letter-spacing: 0;
  --cns-com-typography-component-page-header-text-decoration: none;
  --cns-com-typography-component-page-header-text-case: none;
  --cns-com-typography-component-page-footer-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-page-footer-font-weight: 500;
  --cns-com-typography-component-page-footer-letter-spacing: 0;
  --cns-com-typography-component-page-footer-text-decoration: none;
  --cns-com-typography-component-page-footer-text-case: none;
  --cns-com-typography-component-radio-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-radio-label-font-weight: 500;
  --cns-com-typography-component-radio-label-letter-spacing: 0;
  --cns-com-typography-component-radio-label-text-decoration: none;
  --cns-com-typography-component-radio-label-text-case: none;
  --cns-com-typography-component-radio-group-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-radio-group-label-font-weight: 500;
  --cns-com-typography-component-radio-group-label-letter-spacing: 0;
  --cns-com-typography-component-radio-group-label-paragraph-spacing: 1px;
  --cns-com-typography-component-radio-group-label-text-decoration: none;
  --cns-com-typography-component-radio-group-label-text-case: none;
  --cns-com-typography-component-dropdown-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-dropdown-label-font-weight: 500;
  --cns-com-typography-component-dropdown-label-letter-spacing: 0;
  --cns-com-typography-component-dropdown-label-text-decoration: none;
  --cns-com-typography-component-dropdown-label-text-case: none;
  --cns-com-typography-component-dropdown-helper-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-dropdown-helper-font-weight: 500;
  --cns-com-typography-component-dropdown-helper-letter-spacing: 0;
  --cns-com-typography-component-dropdown-helper-text-decoration: none;
  --cns-com-typography-component-dropdown-helper-text-case: none;
  --cns-com-typography-component-dropdown-menu-create-item-helper-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-dropdown-menu-create-item-helper-font-weight: 500;
  --cns-com-typography-component-dropdown-menu-create-item-helper-letter-spacing: 0;
  --cns-com-typography-component-dropdown-menu-create-item-helper-text-decoration: none;
  --cns-com-typography-component-dropdown-menu-create-item-helper-text-case: none;
  --cns-com-typography-component-dropdown-menu-create-item-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-dropdown-menu-create-item-label-font-weight: 500;
  --cns-com-typography-component-dropdown-menu-create-item-label-letter-spacing: 0;
  --cns-com-typography-component-dropdown-menu-create-item-label-text-decoration: none;
  --cns-com-typography-component-dropdown-menu-create-item-label-text-case: none;
  --cns-com-typography-component-dropdown-menu-item-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-dropdown-menu-item-label-font-weight: 500;
  --cns-com-typography-component-dropdown-menu-item-label-letter-spacing: 0;
  --cns-com-typography-component-dropdown-menu-item-label-text-decoration: none;
  --cns-com-typography-component-dropdown-menu-item-label-text-case: none;
  --cns-com-typography-component-dropdown-menu-item-country-code-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-dropdown-menu-item-country-code-font-weight: 500;
  --cns-com-typography-component-dropdown-menu-item-country-code-letter-spacing: 0;
  --cns-com-typography-component-dropdown-menu-item-country-code-text-decoration: none;
  --cns-com-typography-component-dropdown-menu-item-country-code-text-case: none;
  --cns-com-typography-component-dropdown-menu-header-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-dropdown-menu-header-label-font-weight: 500;
  --cns-com-typography-component-dropdown-menu-header-label-letter-spacing: -.25px;
  --cns-com-typography-component-dropdown-menu-header-label-text-decoration: none;
  --cns-com-typography-component-dropdown-menu-header-label-text-case: uppercase;
  --cns-com-typography-component-dropdown-area-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-dropdown-area-label-font-weight: 500;
  --cns-com-typography-component-dropdown-area-label-letter-spacing: 0;
  --cns-com-typography-component-dropdown-area-label-text-decoration: none;
  --cns-com-typography-component-dropdown-area-label-text-case: none;
  --cns-com-typography-component-tag-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-tag-label-font-weight: 500;
  --cns-com-typography-component-tag-label-letter-spacing: -.25px;
  --cns-com-typography-component-tag-label-text-decoration: none;
  --cns-com-typography-component-tag-label-text-case: capitalize;
  --cns-com-typography-component-tab-bar-item-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-tab-bar-item-font-weight: 500;
  --cns-com-typography-component-tab-bar-item-letter-spacing: 0;
  --cns-com-typography-component-tab-bar-item-text-decoration: none;
  --cns-com-typography-component-tab-bar-item-text-case: none;
  --cns-com-typography-item-title-device-sm-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-item-title-device-sm-font-weight: 700;
  --cns-com-typography-item-title-device-sm-letter-spacing: 0;
  --cns-com-typography-item-title-device-sm-text-decoration: none;
  --cns-com-typography-item-title-device-sm-text-case: none;
  --cns-com-typography-item-title-device-lg-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-item-title-device-lg-font-weight: 700;
  --cns-com-typography-item-title-device-lg-letter-spacing: 0;
  --cns-com-typography-item-title-device-lg-text-decoration: none;
  --cns-com-typography-item-title-device-lg-text-case: none;
  --cns-com-typography-item-subtitle-device-sm-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-item-subtitle-device-sm-font-weight: 500;
  --cns-com-typography-item-subtitle-device-sm-letter-spacing: 0;
  --cns-com-typography-item-subtitle-device-sm-text-decoration: none;
  --cns-com-typography-item-subtitle-device-sm-text-case: none;
  --cns-com-typography-item-subtitle-device-lg-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-item-subtitle-device-lg-font-weight: 500;
  --cns-com-typography-item-subtitle-device-lg-letter-spacing: 0;
  --cns-com-typography-item-subtitle-device-lg-text-decoration: none;
  --cns-com-typography-item-subtitle-device-lg-text-case: none;
  --font-size-xsmall: 12px;
  --font-size-small: 14px;
  --font-size-medium: 16px;
  --font-size-large: 20px;
  --font-size-xlarge: 24px;
  --font-size-2xlarge: 32px;
  --font-size-2xsmall: 8px;
  --border-width-small: 1px;
  --border-width-medium: 2px;
  --border-width-large: 4px;
  --border-width-none: 0px;
  --dimension-width-0: 0px;
  --dimension-width-1: 8px;
  --dimension-width-2: 16px;
  --dimension-width-3: 24px;
  --dimension-width-4: 32px;
  --dimension-width-5: 40px;
  --dimension-width-6: 48px;
  --dimension-width-7: 56px;
  --dimension-width-8: 64px;
  --dimension-width-9: 72px;
  --dimension-width-10: 80px;
  --dimension-width-16: 128px;
  --dimension-width-20: 160px;
  --dimension-width-32: 256px;
  --dimension-width-40: 320px;
  --dimension-width-45: 360px;
  --dimension-width-60: 480px;
  --dimension-width-0-125: 1px;
  --dimension-width-0-25: 2px;
  --dimension-width-0-5: 4px;
  --dimension-width-1-5: 12px;
  --dimension-height-0: 0px;
  --dimension-height-1: 8px;
  --dimension-height-2: 16px;
  --dimension-height-3: 24px;
  --dimension-height-4: 32px;
  --dimension-height-5: 40px;
  --dimension-height-6: 48px;
  --dimension-height-7: 56px;
  --dimension-height-8: 64px;
  --dimension-height-9: 72px;
  --dimension-height-10: 80px;
  --dimension-height-16: 128px;
  --dimension-height-20: 160px;
  --dimension-height-32: 256px;
  --dimension-height-40: 320px;
  --dimension-height-77: 616px;
  --dimension-height-78: 624px;
  --dimension-height-0-125: 1px;
  --dimension-height-0-25: 2px;
  --dimension-height-0-5: 4px;
  --dimension-height-1-5: 12px;
  --dimension-gap-0: 0px;
  --dimension-gap-1: 8px;
  --dimension-gap-2: 16px;
  --dimension-gap-3: 24px;
  --dimension-gap-4: 32px;
  --dimension-gap-5: 40px;
  --dimension-gap-6: 48px;
  --dimension-gap-7: 56px;
  --dimension-gap-8: 64px;
  --dimension-gap-9: 72px;
  --dimension-gap-10: 80px;
  --dimension-gap-16: 128px;
  --dimension-gap-20: 160px;
  --dimension-gap-32: 256px;
  --dimension-gap-40: 320px;
  --dimension-gap-0-125: 1px;
  --dimension-gap-0-25: 2px;
  --dimension-gap-0-5: 4px;
  --dimension-gap-1-5: 12px;
  --dimension-padding-0: 0px;
  --dimension-padding-1: 8px;
  --dimension-padding-2: 16px;
  --dimension-padding-3: 24px;
  --dimension-padding-4: 32px;
  --dimension-padding-5: 40px;
  --dimension-padding-6: 48px;
  --dimension-padding-7: 56px;
  --dimension-padding-8: 64px;
  --dimension-padding-9: 72px;
  --dimension-padding-10: 80px;
  --dimension-padding-16: 128px;
  --dimension-padding-20: 160px;
  --dimension-padding-32: 256px;
  --dimension-padding-40: 320px;
  --dimension-padding-3-5: 28px;
  --dimension-padding-0-125: 1px;
  --dimension-padding-0-25: 2px;
  --dimension-padding-0-5: 4px;
  --dimension-padding-1-5: 12px;
  --dimension-x-0: 0px;
  --dimension-x-1: 8px;
  --dimension-x-2: 16px;
  --dimension-x-3: 24px;
  --dimension-x-4: 32px;
  --dimension-x-5: 40px;
  --dimension-x-6: 48px;
  --dimension-x-7: 56px;
  --dimension-x-8: 64px;
  --dimension-x-9: 72px;
  --dimension-x-10: 80px;
  --dimension-x-16: 128px;
  --dimension-x-20: 160px;
  --dimension-x-32: 256px;
  --dimension-x-40: 320px;
  --dimension-x-0-125: 1px;
  --dimension-x-0-25: 2px;
  --dimension-x-0-5: 4px;
  --dimension-x-1-5: 12px;
  --dimension-y-0: 0px;
  --dimension-y-1: 8px;
  --dimension-y-2: 16px;
  --dimension-y-3: 24px;
  --dimension-y-4: 32px;
  --dimension-y-5: 40px;
  --dimension-y-6: 48px;
  --dimension-y-7: 56px;
  --dimension-y-8: 64px;
  --dimension-y-9: 72px;
  --dimension-y-10: 80px;
  --dimension-y-16: 128px;
  --dimension-y-20: 160px;
  --dimension-y-32: 256px;
  --dimension-y-40: 320px;
  --dimension-y-0-125: 1px;
  --dimension-y-0-25: 2px;
  --dimension-y-0-5: 4px;
  --dimension-y-1-5: 12px;
  --dimension-blur-0: 0px;
  --dimension-blur-1: 8px;
  --dimension-blur-2: 16px;
  --dimension-blur-3: 24px;
  --dimension-blur-4: 32px;
  --dimension-blur-5: 40px;
  --dimension-blur-6: 48px;
  --dimension-blur-7: 56px;
  --dimension-blur-8: 64px;
  --dimension-blur-9: 72px;
  --dimension-blur-10: 80px;
  --dimension-blur-16: 128px;
  --dimension-blur-20: 160px;
  --dimension-blur-32: 256px;
  --dimension-blur-40: 320px;
  --dimension-blur-0-125: 1px;
  --dimension-blur-0-25: 2px;
  --dimension-blur-0-5: 4px;
  --dimension-blur-1-5: 12px;
  --dimension-spread-0: 0px;
  --dimension-spread-1: 8px;
  --dimension-spread-2: 16px;
  --dimension-spread-3: 24px;
  --dimension-spread-4: 32px;
  --dimension-spread-5: 40px;
  --dimension-spread-6: 48px;
  --dimension-spread-7: 56px;
  --dimension-spread-8: 64px;
  --dimension-spread-9: 72px;
  --dimension-spread-10: 80px;
  --dimension-spread-16: 128px;
  --dimension-spread-20: 160px;
  --dimension-spread-32: 256px;
  --dimension-spread-40: 320px;
  --dimension-spread-0-125: 1px;
  --dimension-spread-0-25: 2px;
  --dimension-spread-0-5: 4px;
  --dimension-spread-1-5: 12px;
  --dimension-border-radius-0: 0px;
  --dimension-border-radius-1: 8px;
  --dimension-border-radius-2: 16px;
  --dimension-border-radius-3: 24px;
  --dimension-border-radius-4: 32px;
  --dimension-border-radius-5: 40px;
  --dimension-border-radius-6: 48px;
  --dimension-border-radius-7: 56px;
  --dimension-border-radius-8: 64px;
  --dimension-border-radius-9: 72px;
  --dimension-border-radius-10: 80px;
  --dimension-border-radius-16: 128px;
  --dimension-border-radius-20: 160px;
  --dimension-border-radius-32: 256px;
  --dimension-border-radius-40: 320px;
  --dimension-border-radius-full: 888px;
  --dimension-border-radius-0-125: 1px;
  --dimension-border-radius-0-25: 2px;
  --dimension-border-radius-0-5: 4px;
  --dimension-border-radius-1-5: 12px;
  --dimension-position-0: 0px;
  --dimension-position-1: 8px;
  --dimension-position-2: 16px;
  --dimension-position-3: 24px;
  --dimension-position-4: 32px;
  --dimension-position-5: 40px;
  --dimension-position-6: 48px;
  --dimension-position-7: 56px;
  --dimension-position-8: 64px;
  --dimension-position-9: 72px;
  --dimension-position-10: 80px;
  --dimension-position-16: 128px;
  --dimension-position-20: 160px;
  --dimension-position-32: 256px;
  --dimension-position-40: 320px;
  --dimension-position-0-125: 1px;
  --dimension-position-0-25: 2px;
  --dimension-position-0-5: 4px;
  --dimension-position-1-5: 12px;
  --grid-gap-row-xs: 16px;
  --grid-gap-row-sm: 16px;
  --grid-gap-row-md: 16px;
  --grid-gap-row-lg: 24px;
  --grid-gap-row-xl: 24px;
  --grid-gap-col-xs: 16px;
  --grid-gap-col-sm: 16px;
  --grid-gap-col-md: 16px;
  --grid-gap-col-lg: 24px;
  --grid-gap-col-xl: 24px;
  --cns-sys-color-theme-overlay-0: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 0%, transparent 0%);
  --cns-sys-color-theme-overlay-5: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-sys-color-theme-overlay-10: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-sys-color-theme-overlay-20: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-sys-color-theme-overlay-30: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 30%, transparent 0%);
  --cns-sys-color-theme-overlay-40: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-sys-color-theme-overlay-50: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 50%, transparent 0%);
  --cns-sys-color-theme-overlay-60: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 60%, transparent 0%);
  --cns-sys-color-theme-overlay-70: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 70%, transparent 0%);
  --cns-sys-color-theme-overlay-80: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 70%, transparent 0%);
  --cns-sys-color-theme-overlay-90: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 70%, transparent 0%);
  --cns-sys-color-theme-overlay-100: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 100%, transparent 0%);
  --cns-sys-typography-style-header-xsmall-line-height: 15px;
  --cns-sys-typography-style-header-xsmall-paragraph-spacing: 12px;
  --cns-sys-typography-style-header-xsmall-font-size: 12px;
  --cns-sys-typography-style-header-small-line-height: 18px;
  --cns-sys-typography-style-header-small-paragraph-spacing: 14px;
  --cns-sys-typography-style-header-small-font-size: 14px;
  --cns-sys-typography-style-header-medium-line-height: 20px;
  --cns-sys-typography-style-header-medium-paragraph-spacing: 16px;
  --cns-sys-typography-style-header-medium-font-size: 16px;
  --cns-sys-typography-style-header-large-line-height: 25px;
  --cns-sys-typography-style-header-large-paragraph-spacing: 20px;
  --cns-sys-typography-style-header-large-font-size: 20px;
  --cns-sys-typography-style-header-xlarge-line-height: 30px;
  --cns-sys-typography-style-header-xlarge-paragraph-spacing: 24px;
  --cns-sys-typography-style-header-xlarge-font-size: 24px;
  --cns-sys-typography-style-header-2xlarge-line-height: 40px;
  --cns-sys-typography-style-header-2xlarge-paragraph-spacing: 32px;
  --cns-sys-typography-style-header-2xlarge-font-size: 32px;
  --cns-sys-typography-style-body-2xsmall-font-size: 8px;
  --cns-sys-typography-style-body-2xsmall-paragraph-spacing: 8px;
  --cns-sys-typography-style-body-2xsmall-line-height: 12px;
  --cns-sys-typography-style-body-xsmall-font-size: 12px;
  --cns-sys-typography-style-body-xsmall-paragraph-spacing: 12px;
  --cns-sys-typography-style-body-xsmall-line-height: 18px;
  --cns-sys-typography-style-body-small-font-size: 14px;
  --cns-sys-typography-style-body-small-paragraph-spacing: 14px;
  --cns-sys-typography-style-body-small-line-height: 21px;
  --cns-sys-typography-style-body-medium-font-size: 16px;
  --cns-sys-typography-style-body-medium-paragraph-spacing: 16px;
  --cns-sys-typography-style-body-medium-line-height: 24px;
  --cns-sys-box-shadow-elevation-surface-highest: 0px 0px 16px 4px color-mix(in srgb, var(--global-color-black) 50%, transparent 0%);
  --cns-com-color-background-button-full-primary-default: var(--cns-sys-color-background-primary-default);
  --cns-com-color-background-button-full-primary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-background-button-full-primary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-background-button-medium-primary-default: var(--cns-sys-color-background-primary-default);
  --cns-com-color-background-button-medium-primary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-background-button-medium-primary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-background-button-small-primary-default: var(--cns-sys-color-background-primary-default);
  --cns-com-color-background-button-small-primary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-background-button-small-primary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-background-button-xsmall-primary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-background-button-xsmall-primary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-background-text-input-helper-error: var(--cns-sys-color-background-support-muted-error);
  --cns-com-color-background-dropdown-helper-error: var(--cns-sys-color-background-support-muted-error);
  --cns-com-color-background-checkbox-group-helper-error: var(--cns-sys-color-background-support-muted-error);
  --cns-com-color-background-toast-default: var(--cns-sys-color-background-support-deep-default);
  --cns-com-color-background-toast-info: var(--cns-sys-color-background-support-deep-info);
  --cns-com-color-background-toast-success: var(--cns-sys-color-background-support-deep-success);
  --cns-com-color-background-toast-warning: var(--cns-sys-color-background-support-deep-warning);
  --cns-com-color-background-toast-error: var(--cns-sys-color-background-support-deep-error);
  --cns-com-color-background-page-page: var(--cns-sys-color-background-surface-lowest-default);
  --cns-com-color-background-page-body: var(--cns-sys-color-background-surface-low-default);
  --cns-com-color-background-tag-default: var(--cns-sys-color-background-support-muted-default);
  --cns-com-color-background-tag-primary: var(--cns-sys-color-background-support-muted-primary);
  --cns-com-color-background-tag-info: var(--cns-sys-color-background-support-muted-info);
  --cns-com-color-background-tag-success: var(--cns-sys-color-background-support-muted-success);
  --cns-com-color-background-tag-warning: var(--cns-sys-color-background-support-muted-warning);
  --cns-com-color-background-tag-error: var(--cns-sys-color-background-support-muted-error);
  --cns-com-color-background-tag-brand: var(--cns-sys-color-background-support-muted-brand);
  --cns-com-color-background-tag-other: var(--cns-sys-color-background-support-muted-other);
  --cns-com-color-background-komi-logo-primary: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-background-komi-logo-secondary: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-button-full-primary-default: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-full-primary-hover: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-full-primary-active: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-full-primary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-button-full-secondary-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-full-secondary-hover: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-full-secondary-active: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-full-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-button-medium-primary-default: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-medium-primary-hover: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-medium-primary-active: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-medium-primary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-button-medium-secondary-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-medium-secondary-hover: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-medium-secondary-active: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-medium-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-button-small-primary-default: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-small-primary-hover: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-small-primary-active: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-small-primary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-button-small-secondary-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-small-secondary-hover: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-small-secondary-active: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-small-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-button-xsmall-primary-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-xsmall-primary-hover: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-xsmall-primary-active: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-xsmall-primary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-button-xsmall-secondary-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-xsmall-secondary-hover: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-xsmall-secondary-active: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-xsmall-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-checkbox-label-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-checkbox-label-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-checkbox-group-label-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-checkbox-group-helper-error: var(--cns-sys-color-text-support-error);
  --cns-com-color-text-checkbox-group-helper-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-text-input-label-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-text-input-field-text: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-text-input-field-suffix: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-text-input-helper-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-text-input-helper-error: var(--cns-sys-color-text-support-error);
  --cns-com-color-text-dropdown-helper-error: var(--cns-sys-color-text-support-error);
  --cns-com-color-text-dropdown-helper-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-dropdown-label: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-dropdown-area-label: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-dropdown-area-helper: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-dropdown-area-text: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-dropdown-text: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-dropdown-menu-item-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-dropdown-menu-item-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-dropdown-menu-header-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-dropdown-menu-create-item-label-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-dropdown-menu-create-item-label-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-dropdown-menu-create-item-helper-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-dropdown-placeholder: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-dropdown-error: var(--cns-sys-color-text-support-error);
  --cns-com-color-text-avatar-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-item-body-details-title: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-item-body-details-subtitle: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-toast-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-page-header: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-page-footer: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-radio-group-label-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-radio-label-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-radio-label-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-tag-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-tag-primary: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-tag-info: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-tag-success: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-tag-warning: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-tag-error: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-tag-brand: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-tag-other: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-tab-bar-item-selected-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-tab-bar-item-selected-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-text-tab-bar-item-selected-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-text-tab-bar-item-selected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-tab-bar-item-unselected-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-tab-bar-item-unselected-hover: color-mix(in lch, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-text-tab-bar-item-unselected-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-text-tab-bar-item-unselected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-button-xsmall-primary-default: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-button-xsmall-primary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-icon-button-xsmall-primary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-icon-button-xsmall-primary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-button-xsmall-secondary-default: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-icon-button-xsmall-secondary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-icon-button-xsmall-secondary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-icon-button-xsmall-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-checkbox-unselected-default: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-icon-checkbox-unselected-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-icon-checkbox-unselected-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-icon-checkbox-unselected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-checkbox-selected-default: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-checkbox-selected-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-icon-checkbox-selected-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-icon-checkbox-selected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-text-input-field-default: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-text-input-field-error: var(--cns-sys-color-icon-support-error);
  --cns-com-color-icon-text-input-field-success: var(--cns-sys-color-icon-support-success);
  --cns-com-color-icon-text-input-field-text: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-text-input-field-suffix: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-text-input-helper-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-icon-text-input-helper-error: var(--cns-sys-color-text-support-error);
  --cns-com-color-icon-avatar-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-icon-avatar-icon: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-toast-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-empty-state: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-radio-unselected-default: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-icon-radio-unselected-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-icon-radio-unselected-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-icon-radio-unselected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-radio-selected-default: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-radio-selected-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-icon-radio-selected-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-icon-radio-selected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-dropdown-field: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-dropdown-menu-item-default: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-dropdown-menu-item-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-dropdown-menu-header-default: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-icon-dropdown-text: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-dropdown-placeholder: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-icon-dropdown-helper: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-icon-dropdown-error: var(--cns-sys-color-icon-support-error);
  --cns-com-color-icon-dropdown-area: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-tag-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-tag-primary: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-tag-info: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-tag-success: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-tag-warning: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-tag-error: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-tag-brand: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-tag-other: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-tab-bar-item-selected-default: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-tab-bar-item-selected-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-icon-tab-bar-item-selected-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-icon-tab-bar-item-selected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-tab-bar-item-unselected-default: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-icon-tab-bar-item-unselected-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-icon-tab-bar-item-unselected-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-icon-tab-bar-item-unselected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-page-footer: var(--cns-sys-color-text-primary-default);
  --cns-com-color-border-button-full-secondary-default: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-button-full-secondary-hover: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-button-full-secondary-active: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-button-full-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 10%, transparent 0%);
  --cns-com-color-border-button-medium-secondary-default: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-button-medium-secondary-hover: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-button-medium-secondary-active: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-button-medium-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 10%, transparent 0%);
  --cns-com-color-border-button-small-secondary-default: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-button-small-secondary-hover: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-button-small-secondary-active: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-button-small-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 10%, transparent 0%);
  --cns-com-color-border-text-input-field-default: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-text-input-field-read-only: var(--cns-sys-color-border-container-read-only);
  --cns-com-color-border-text-input-field-hover: var(--cns-sys-color-border-container-hover);
  --cns-com-color-border-text-input-field-active: var(--cns-sys-color-border-container-active);
  --cns-com-color-border-text-input-field-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 10%, transparent 0%);
  --cns-com-color-border-text-input-field-error: var(--cns-sys-color-border-support-error);
  --cns-com-color-border-dropdown-field-read-only: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-dropdown-field-default: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-dropdown-field-hover: var(--cns-sys-color-border-container-hover);
  --cns-com-color-border-dropdown-field-active: var(--cns-sys-color-border-container-active);
  --cns-com-color-border-dropdown-field-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 10%, transparent 0%);
  --cns-com-color-border-dropdown-field-error: var(--cns-sys-color-border-support-error);
  --cns-com-color-border-dropdown-menu-default: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-dropdown-area-read-only: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-dropdown-area-default: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-dropdown-area-hover: var(--cns-sys-color-border-container-hover);
  --cns-com-color-border-dropdown-area-active: var(--cns-sys-color-border-container-active);
  --cns-com-color-border-dropdown-area-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 10%, transparent 0%);
  --cns-com-color-border-dropdown-area-error: var(--cns-sys-color-border-support-error);
  --cns-com-color-border-tab-bar-item-selected-default: var(--cns-sys-color-border-container-default);
  --cns-com-border-radius-pbk-large: 8px;
  --cns-com-border-radius-pbk-small: 888px;
  --cns-com-border-radius-all-button-full: 888px;
  --cns-com-border-radius-all-button-medium: 888px;
  --cns-com-border-radius-all-button-small: 888px;
  --cns-com-border-radius-all-button-xsmall: 888px;
  --cns-com-border-radius-all-button-2xsmall: 0px;
  --cns-com-border-radius-all-text-input-field: 8px;
  --cns-com-border-radius-all-text-input-helper-error: 4px;
  --cns-com-border-radius-all-dropdown-helper-error: 4px;
  --cns-com-border-radius-all-dropdown-field: 8px;
  --cns-com-border-radius-all-dropdown-menu: 8px;
  --cns-com-border-radius-all-dropdown-area: 8px;
  --cns-com-border-radius-all-checkbox-group-helper-error: 4px;
  --cns-com-border-radius-all-avatar: 888px;
  --cns-com-border-radius-all-item: 8px;
  --cns-com-border-radius-all-toast: 8px;
  --cns-com-border-radius-all-image-gallery-viewport: 16px;
  --cns-com-border-radius-all-image-gallery-nav-nav: 888px;
  --cns-com-border-radius-all-image-gallery-nav-item: 888px;
  --cns-com-border-radius-all-page-body-device-sm: 0px;
  --cns-com-border-radius-all-page-body-device-lg: 12px;
  --cns-com-border-radius-all-tag: 4px;
  --cns-com-border-radius-all-tab-bar-item: 8px;
  --cns-com-dimension-padding-pbk-small: 8px 8px 8px 16px;
  --cns-com-dimension-padding-pbk-large: 16px;
  --cns-com-dimension-padding-text-input-field: 8px 12px;
  --cns-com-dimension-padding-text-input-helper-error: 4px 12px;
  --cns-com-dimension-padding-dropdown-helper-error: 4px 12px;
  --cns-com-dimension-padding-dropdown-field: 8px 12px;
  --cns-com-dimension-padding-dropdown-menu-item: 8px 12px;
  --cns-com-dimension-padding-dropdown-menu-create-item: 8px 12px;
  --cns-com-dimension-padding-dropdown-menu-header: 16px 16px 0px 16px;
  --cns-com-dimension-padding-dropdown-area: 8px 12px;
  --cns-com-dimension-padding-checkbox-group-helper-error: 4px 12px;
  --cns-com-dimension-padding-item-body-device-sm: 16px;
  --cns-com-dimension-padding-item-body-device-lg: 16px;
  --cns-com-dimension-padding-toast: 8px 12px;
  --cns-com-dimension-padding-image-gallery-nav: 4px;
  --cns-com-dimension-padding-page-body-device-sm: 16px;
  --cns-com-dimension-padding-page-body-device-lg: 32px 64px;
  --cns-com-dimension-padding-page-page-device-sm: 0px;
  --cns-com-dimension-padding-page-page-device-lg: 80px;
  --cns-com-dimension-padding-page-header: 0px 48px 0px 0px;
  --cns-com-dimension-padding-page-footer: 16px 0px;
  --cns-com-dimension-padding-tag: 0px 8px;
  --cns-com-dimension-padding-button-full: 16px 24px;
  --cns-com-dimension-padding-button-medium: 16px 24px;
  --cns-com-dimension-padding-button-small: 8px 12px;
  --cns-com-dimension-padding-button-xsmall: 8px 12px;
  --cns-com-dimension-padding-button-2xsmall: 0px;
  --cns-com-dimension-padding-tab-bar-item: 8px 12px;
  --cns-com-dimension-gap-pbk-small-default: 8px;
  --cns-com-dimension-gap-pbk-large-body-vertical: 16px;
  --cns-com-dimension-gap-pbk-large-body-horizontal: 8px;
  --cns-com-dimension-gap-checkbox-group-list-horizontal: 24px;
  --cns-com-dimension-gap-checkbox-group-list-vertical: 16px;
  --cns-com-dimension-gap-checkbox-group-group: 4px;
  --cns-com-dimension-gap-checkbox-checkbox: 4px;
  --cns-com-dimension-gap-text-input-field: 8px;
  --cns-com-dimension-gap-text-input-text-input: 4px;
  --cns-com-dimension-gap-item-body-body-device-sm: 12px;
  --cns-com-dimension-gap-item-body-body-device-lg: 12px;
  --cns-com-dimension-gap-item-body-details-device-sm: 2px;
  --cns-com-dimension-gap-item-body-details-device-lg: 2px;
  --cns-com-dimension-gap-item-body-controls-device-sm: 12px;
  --cns-com-dimension-gap-item-body-controls-device-lg: 12px;
  --cns-com-dimension-gap-toast: 12px;
  --cns-com-dimension-gap-image-gallery-image-gallery: 12px;
  --cns-com-dimension-gap-image-gallery-nav: 8px;
  --cns-com-dimension-gap-page-body-device-sm: 24px;
  --cns-com-dimension-gap-page-body-device-lg: 24px;
  --cns-com-dimension-gap-page-header: 8px;
  --cns-com-dimension-gap-page-footer-links: 4px;
  --cns-com-dimension-gap-page-footer-footer: 16px;
  --cns-com-dimension-gap-radio-radio: 4px;
  --cns-com-dimension-gap-radio-group-body-horizontal: 24px;
  --cns-com-dimension-gap-radio-group-body-vertical: 16px;
  --cns-com-dimension-gap-radio-group-group: 8px;
  --cns-com-dimension-gap-dropdown-field: 8px;
  --cns-com-dimension-gap-dropdown-menu-item: 8px;
  --cns-com-dimension-gap-dropdown-menu-create-item-horizontal: 8px;
  --cns-com-dimension-gap-dropdown-menu-create-item-vertical: 8px;
  --cns-com-dimension-gap-dropdown-vertical: 4px;
  --cns-com-dimension-gap-dropdown-area-horizontal: 16px;
  --cns-com-dimension-gap-tag: 4px;
  --cns-com-dimension-gap-tab-bar-item: 8px;
  --cns-com-dimension-height-pbk-icon-close: 16px;
  --cns-com-dimension-height-button-full-device-lg: 48px;
  --cns-com-dimension-height-button-full-device-sm: 40px;
  --cns-com-dimension-height-button-medium-device-lg: 48px;
  --cns-com-dimension-height-button-medium-device-sm: 40px;
  --cns-com-dimension-height-button-small-device-lg: 32px;
  --cns-com-dimension-height-button-small-device-sm: 24px;
  --cns-com-dimension-height-button-xsmall-device-lg: 32px;
  --cns-com-dimension-height-button-xsmall-device-sm: 24px;
  --cns-com-dimension-height-button-2xsmall-device-lg: 32px;
  --cns-com-dimension-height-button-2xsmall-device-sm: 24px;
  --cns-com-dimension-height-text-input-field: 40px;
  --cns-com-dimension-height-avatar-avatar-small: 24px;
  --cns-com-dimension-height-avatar-avatar-medium: 32px;
  --cns-com-dimension-height-avatar-avatar-large: 48px;
  --cns-com-dimension-height-avatar-icon-small: 16px;
  --cns-com-dimension-height-avatar-icon-medium: 24px;
  --cns-com-dimension-height-avatar-icon-large: 32px;
  --cns-com-dimension-height-image-gallery-nav-item: 8px;
  --cns-com-dimension-height-page-header: 40px;
  --cns-com-dimension-height-empty-state-icon: 64px;
  --cns-com-dimension-height-dropdown-menu-item-flag: 24px;
  --cns-com-dimension-height-dropdown-menu-item-item: 40px;
  --cns-com-dimension-height-dropdown-menu-header: 40px;
  --cns-com-dimension-height-dropdown-field: 40px;
  --cns-com-dimension-height-dropdown-area: 40px;
  --cns-com-dimension-height-tag-tag: 24px;
  --cns-com-dimension-height-tag-icon: 16px;
  --cns-com-dimension-height-tab-bar-item: 40px;
  --cns-com-dimension-height-komi-logo-xsmall: 8px;
  --cns-com-dimension-height-komi-logo-small: 16px;
  --cns-com-dimension-height-komi-logo-medium: 24px;
  --cns-com-dimension-height-komi-logo-large: 32px;
  --cns-com-dimension-height-komi-logo-xlarge: 64px;
  --cns-com-dimension-width-pbk-icon: 16px;
  --cns-com-dimension-width-button-2xsmall-device-lg: 32px;
  --cns-com-dimension-width-button-2xsmall-device-sm: 24px;
  --cns-com-dimension-width-avatar-avatar-small: 24px;
  --cns-com-dimension-width-avatar-avatar-medium: 32px;
  --cns-com-dimension-width-avatar-avatar-large: 48px;
  --cns-com-dimension-width-avatar-icon-small: 16px;
  --cns-com-dimension-width-avatar-icon-medium: 24px;
  --cns-com-dimension-width-avatar-icon-large: 32px;
  --cns-com-dimension-width-image-gallery-nav-item: 8px;
  --cns-com-dimension-width-empty-state-icon: 64px;
  --cns-com-dimension-width-dropdown-menu-item-flag: 16px;
  --cns-com-dimension-width-tag-icon: 16px;
  --cns-com-dimension-position-top-pbk-large: 8px;
  --cns-com-dimension-position-right-pbk-large: 8px;
  --cns-com-dimension-blur-page-image: 128px;
  --cns-com-box-shadow-toast: 0px 0px 16px 4px color-mix(in srgb, var(--global-color-black) 50%, transparent 0%);
  --cns-com-box-shadow-dropdown-menu: 0px 0px 16px 4px color-mix(in srgb, var(--global-color-black) 50%, transparent 0%);
  --cns-com-box-shadow-image-gallery-button: 0px 0px 4px 4px rgba(0, 0, 0, .5);
  --cns-com-typography-component-pbk-font-size: 8px;
  --cns-com-typography-component-pbk-paragraph-spacing: 8px;
  --cns-com-typography-component-pbk-line-height: 12px;
  --cns-com-typography-component-button-full-label-font-size: 16px;
  --cns-com-typography-component-button-full-label-line-height: 24px;
  --cns-com-typography-component-button-full-label-paragraph-spacing: 12px;
  --cns-com-typography-component-button-medium-label-font-size: 16px;
  --cns-com-typography-component-button-medium-label-line-height: 24px;
  --cns-com-typography-component-button-medium-label-paragraph-spacing: 12px;
  --cns-com-typography-component-button-small-label-font-size: 12px;
  --cns-com-typography-component-button-small-label-line-height: 15px;
  --cns-com-typography-component-button-small-label-paragraph-spacing: 9px;
  --cns-com-typography-component-button-xsmall-label-font-size: 12px;
  --cns-com-typography-component-button-xsmall-label-line-height: 18px;
  --cns-com-typography-component-button-xsmall-label-paragraph-spacing: 9px;
  --cns-com-typography-component-checkbox-label-font-size: 14px;
  --cns-com-typography-component-checkbox-label-paragraph-spacing: 14px;
  --cns-com-typography-component-checkbox-label-line-height: 24px;
  --cns-com-typography-component-checkbox-group-label-font-size: 14px;
  --cns-com-typography-component-checkbox-group-label-line-height: 21px;
  --cns-com-typography-component-checkbox-group-helper-font-size: 12px;
  --cns-com-typography-component-checkbox-group-helper-line-height: 18px;
  --cns-com-typography-component-text-input-label-font-size: 14px;
  --cns-com-typography-component-text-input-label-line-height: 21px;
  --cns-com-typography-component-text-input-helper-font-size: 12px;
  --cns-com-typography-component-text-input-helper-line-height: 18px;
  --cns-com-typography-component-text-input-field-text-font-size: 16px;
  --cns-com-typography-component-text-input-field-text-line-height: 24px;
  --cns-com-typography-component-text-input-field-suffix-font-size: 16px;
  --cns-com-typography-component-text-input-field-suffix-line-height: 24px;
  --cns-com-typography-component-avatar-small-font-size: 12px;
  --cns-com-typography-component-avatar-small-line-height: 18px;
  --cns-com-typography-component-avatar-small-paragraph-spacing: 9px;
  --cns-com-typography-component-avatar-medium-font-size: 16px;
  --cns-com-typography-component-avatar-medium-line-height: 24px;
  --cns-com-typography-component-avatar-medium-paragraph-spacing: 12px;
  --cns-com-typography-component-avatar-large-font-size: 20px;
  --cns-com-typography-component-avatar-large-line-height: 30px;
  --cns-com-typography-component-avatar-large-paragraph-spacing: 15px;
  --cns-com-typography-component-toast-body-line-height: 24px;
  --cns-com-typography-component-toast-body-font-size: 14px;
  --cns-com-typography-component-toast-body-paragraph-spacing: 14px;
  --cns-com-typography-component-page-header-font-size: 20px;
  --cns-com-typography-component-page-header-line-height: 25px;
  --cns-com-typography-component-page-header-paragraph-spacing: 15px;
  --cns-com-typography-component-page-footer-font-size: 8px;
  --cns-com-typography-component-page-footer-paragraph-spacing: 8px;
  --cns-com-typography-component-page-footer-line-height: 12px;
  --cns-com-typography-component-radio-label-font-size: 14px;
  --cns-com-typography-component-radio-label-paragraph-spacing: 14px;
  --cns-com-typography-component-radio-label-line-height: 24px;
  --cns-com-typography-component-radio-group-label-font-size: 14px;
  --cns-com-typography-component-radio-group-label-line-height: 21px;
  --cns-com-typography-component-dropdown-label-font-size: 14px;
  --cns-com-typography-component-dropdown-label-line-height: 21px;
  --cns-com-typography-component-dropdown-label-paragraph-spacing: 16px;
  --cns-com-typography-component-dropdown-helper-font-size: 12px;
  --cns-com-typography-component-dropdown-helper-line-height: 18px;
  --cns-com-typography-component-dropdown-helper-paragraph-spacing: 12px;
  --cns-com-typography-component-dropdown-menu-create-item-helper-font-size: 12px;
  --cns-com-typography-component-dropdown-menu-create-item-helper-line-height: 18px;
  --cns-com-typography-component-dropdown-menu-create-item-helper-paragraph-spacing: 12px;
  --cns-com-typography-component-dropdown-menu-create-item-label-font-size: 16px;
  --cns-com-typography-component-dropdown-menu-create-item-label-line-height: 24px;
  --cns-com-typography-component-dropdown-menu-create-item-label-paragraph-spacing: 16px;
  --cns-com-typography-component-dropdown-menu-item-label-font-size: 16px;
  --cns-com-typography-component-dropdown-menu-item-label-line-height: 24px;
  --cns-com-typography-component-dropdown-menu-item-label-paragraph-spacing: 16px;
  --cns-com-typography-component-dropdown-menu-item-country-code-font-size: 14px;
  --cns-com-typography-component-dropdown-menu-item-country-code-paragraph-spacing: 14px;
  --cns-com-typography-component-dropdown-menu-item-country-code-line-height: 21px;
  --cns-com-typography-component-dropdown-menu-header-label-line-height: 24px;
  --cns-com-typography-component-dropdown-menu-header-label-paragraph-spacing: 14px;
  --cns-com-typography-component-dropdown-menu-header-label-font-size: 14px;
  --cns-com-typography-component-dropdown-area-label-font-size: 16px;
  --cns-com-typography-component-dropdown-area-label-line-height: 24px;
  --cns-com-typography-component-dropdown-area-label-paragraph-spacing: 16px;
  --cns-com-typography-component-tag-label-font-size: 14px;
  --cns-com-typography-component-tag-label-line-height: 24px;
  --cns-com-typography-component-tag-label-paragraph-spacing: 14px;
  --cns-com-typography-component-tab-bar-item-font-size: 14px;
  --cns-com-typography-component-tab-bar-item-paragraph-spacing: 14px;
  --cns-com-typography-component-tab-bar-item-line-height: 24px;
  --cns-com-typography-item-title-device-sm-font-size: 16px;
  --cns-com-typography-item-title-device-sm-line-height: 20px;
  --cns-com-typography-item-title-device-sm-paragraph-spacing: 12px;
  --cns-com-typography-item-title-device-lg-font-size: 20px;
  --cns-com-typography-item-title-device-lg-line-height: 25px;
  --cns-com-typography-item-title-device-lg-paragraph-spacing: 15px;
  --cns-com-typography-item-subtitle-device-sm-font-size: 14px;
  --cns-com-typography-item-subtitle-device-sm-line-height: 17.5px;
  --cns-com-typography-item-subtitle-device-sm-paragraph-spacing: 10.5px;
  --cns-com-typography-item-subtitle-device-lg-font-size: 16px;
  --cns-com-typography-item-subtitle-device-lg-line-height: 20px;
  --cns-com-typography-item-subtitle-device-lg-paragraph-spacing: 12px;
  --cns-com-border-all-tab-bar-item-unselected: var(--border-width-none) solid var(--cns-com-color-border-tab-bar-item-unselected-default);
  --cns-sys-color-background-surface-medium-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-sys-color-background-surface-medium-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-sys-color-background-surface-medium-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-sys-color-background-surface-high-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-sys-color-background-surface-high-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-sys-color-background-surface-high-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-sys-color-background-surface-highest-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-sys-color-background-surface-highest-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-sys-color-background-surface-highest-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-sys-color-background-surface-selectable-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 50%, transparent 0%);
  --cns-sys-color-background-surface-selectable-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 70%, transparent 0%);
  --cns-sys-color-background-surface-selectable-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 100%, transparent 0%);
  --cns-sys-color-background-secondary-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 0%, transparent 0%);
  --cns-sys-color-background-secondary-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-sys-color-background-secondary-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-sys-color-background-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-sys-color-border-divider: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-button-xsmall-primary-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 0%, transparent 0%);
  --cns-com-border-all-button-full-secondary-default: var(--border-width-medium) solid var(--cns-com-color-background-button-full-primary-default);
  --cns-com-border-all-button-full-secondary-hover: var(--border-width-medium) solid var(--cns-com-color-background-button-full-primary-hover);
  --cns-com-border-all-button-full-secondary-active: var(--border-width-medium) solid var(--cns-com-color-background-button-full-primary-active);
  --cns-com-border-all-button-full-secondary-disabled: var(--border-width-medium) solid var(--cns-com-color-background-button-full-primary-active);
  --cns-com-border-all-button-medium-secondary-default: var(--border-width-medium) solid var(--cns-com-color-background-button-medium-primary-default);
  --cns-com-border-all-button-medium-secondary-hover: var(--border-width-medium) solid var(--cns-com-color-background-button-medium-primary-hover);
  --cns-com-border-all-button-medium-secondary-active: var(--border-width-medium) solid var(--cns-com-color-background-button-medium-primary-active);
  --cns-com-border-all-button-medium-secondary-disabled: var(--border-width-medium) solid var(--cns-com-color-background-button-medium-primary-active);
  --cns-com-border-all-button-small-secondary-default: var(--border-width-small) solid var(--cns-com-color-background-button-small-primary-default);
  --cns-com-border-all-button-small-secondary-hover: var(--border-width-small) solid var(--cns-com-color-background-button-small-primary-hover);
  --cns-com-border-all-button-small-secondary-active: var(--border-width-small) solid var(--cns-com-color-background-button-small-primary-active);
  --cns-com-border-all-button-small-secondary-disabled: var(--border-width-small) solid var(--cns-com-color-background-button-small-primary-active);
  --cns-com-border-all-text-input-field-default: var(--border-width-small) solid var(--cns-com-color-border-text-input-field-default);
  --cns-com-border-all-text-input-field-hover: var(--border-width-small) solid var(--cns-com-color-border-text-input-field-hover);
  --cns-com-border-all-text-input-field-active: var(--border-width-small) solid var(--cns-com-color-border-text-input-field-active);
  --cns-com-border-all-text-input-field-disabled: var(--border-width-small) solid var(--cns-com-color-border-text-input-field-disabled);
  --cns-com-border-all-text-input-field-error: var(--border-width-small) solid var(--cns-com-color-border-text-input-field-error);
  --cns-com-border-all-text-input-field-read-only: var(--border-width-small) solid var(--cns-com-color-border-text-input-field-read-only);
  --cns-com-border-all-dropdown-field-error: var(--border-width-small) solid var(--cns-com-color-border-dropdown-field-error);
  --cns-com-border-all-dropdown-field-default: var(--border-width-small) solid var(--cns-com-color-border-dropdown-field-default);
  --cns-com-border-all-dropdown-field-hover: var(--border-width-small) solid var(--cns-com-color-border-dropdown-field-hover);
  --cns-com-border-all-dropdown-field-active: var(--border-width-small) solid var(--cns-com-color-border-dropdown-field-active);
  --cns-com-border-all-dropdown-field-disabled: var(--border-width-small) solid var(--cns-com-color-border-dropdown-field-disabled);
  --cns-com-border-all-dropdown-field-read-only: var(--border-width-small) solid var(--cns-com-color-border-dropdown-field-default);
  --cns-com-border-all-dropdown-menu-default: var(--border-width-small) solid var(--cns-com-color-border-dropdown-area-default);
  --cns-com-border-all-tab-bar-item-selected: var(--border-width-small) solid var(--cns-com-color-border-tab-bar-item-selected-default);
  --cns-sys-border-top-divider: var(--border-width-small) solid var(--cns-sys-color-border-divider);
  --cns-sys-border-bottom-divider: var(--border-width-small) solid var(--cns-sys-color-border-divider);
  --cns-com-color-background-button-full-primary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-button-full-secondary-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 0%, transparent 0%);
  --cns-com-color-background-button-full-secondary-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-com-color-background-button-full-secondary-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-button-full-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-button-medium-primary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-button-medium-secondary-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 0%, transparent 0%);
  --cns-com-color-background-button-medium-secondary-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-com-color-background-button-medium-secondary-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-button-medium-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-button-small-primary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-button-small-secondary-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 0%, transparent 0%);
  --cns-com-color-background-button-small-secondary-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-com-color-background-button-small-secondary-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-button-small-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-button-xsmall-primary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-button-xsmall-secondary-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 0%, transparent 0%);
  --cns-com-color-background-button-xsmall-secondary-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-com-color-background-button-xsmall-secondary-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-button-xsmall-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-text-input-field-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-text-input-field-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-text-input-field-read-only: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-field-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-field-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-dropdown-field-read-only: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-dropdown-menu-item-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-menu-item-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-com-color-background-dropdown-menu-item-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-dropdown-menu-item-selected: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-dropdown-menu-item-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-menu-item-multi-selected: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-dropdown-menu-header: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-menu-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-menu-empty: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-menu-create-item-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-menu-create-item-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-com-color-background-dropdown-menu-create-item-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-dropdown-menu-create-item-selected: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-dropdown-menu-create-item-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-menu-create-item-multi-selected: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-dropdown-area-read-only: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-area-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-area-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-avatar-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-avatar-icon: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-item-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-image-gallery-nav-nav: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-image-gallery-nav-item-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 50%, transparent 0%);
  --cns-com-color-background-image-gallery-nav-item-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 70%, transparent 0%);
  --cns-com-color-background-image-gallery-nav-item-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 100%, transparent 0%);
  --cns-com-color-background-image-gallery-nav-item-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-empty-state: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-tab-bar-item-selected-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-tab-bar-item-selected-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-com-color-background-tab-bar-item-selected-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-tab-bar-item-selected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-tab-bar-item-unselected-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-tab-bar-item-unselected-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-com-color-background-tab-bar-item-unselected-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-tab-bar-item-unselected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
}

@supports (color: color(display-p3 0 0 0)) {
  :root {
    --global-color-purple-25: color(display-p3 .962774 .962454 .996915);
  }
}

@supports (color: lab(0% 0 0)) {
  :root {
    --global-color-purple-25: lab(96.9% 1.32582 -4.62367);
  }
}

:root {
  --color-purple-50: #fffeff;
  --color-purple-100: #f8f6fe;
  --color-purple-200: #e9e3fb;
  --color-purple-300: #b9a7f4;
  --color-purple-400: #9f87f0;
  --color-purple-500: #5f35e6;
  --color-purple-600: #311295;
  --color-purple-700: #1a094f;
  --color-purple-800: #0b0423;
  --color-purple-900: #04010c;
  --color-pink-50: #fffeff;
  --color-pink-100: #fff3fc;
  --color-pink-200: #ffdcf6;
  --color-pink-300: #ff91e2;
  --color-pink-400: #ff6ad7;
  --color-pink-500: #ff04bc;
  --color-pink-600: #9a0071;
  --color-pink-700: #52003c;
  --color-pink-800: #24001b;
  --color-pink-900: #0c0009;
  --color-lime-50: #fffffe;
  --color-lime-100: #fefff5;
  --color-lime-200: #fbfde2;
  --color-lime-300: #f3faa4;
  --color-lime-400: #eff885;
  --color-lime-500: #e3f331;
  --color-lime-600: #97a409;
  --color-lime-700: #505705;
  --color-lime-800: #242702;
  --color-lime-900: #0c0d01;
  --color-gray-50: #fff;
  --color-gray-100: #fafafa;
  --color-gray-200: #eeeeef;
  --color-gray-300: #cbcbce;
  --color-gray-400: #bab9bd;
  --color-gray-500: #8a898f;
  --color-gray-600: #515156;
  --color-gray-700: #2b2b2d;
  --color-gray-800: #131314;
  --color-gray-900: #060607;
  --color-blue-50: #feffff;
  --color-blue-100: #f5fcff;
  --color-blue-200: #e2f5fe;
  --color-blue-300: #a4e0fb;
  --color-blue-400: #83d4fa;
  --color-blue-500: #2fb8f7;
  --color-blue-600: #0775a8;
  --color-blue-700: #033e59;
  --color-blue-800: #021b27;
  --color-blue-900: #00090d;
  --color-green-50: #fff;
  --color-green-100: #f5fdf4;
  --color-green-200: #e2fade;
  --color-green-300: #a3ee98;
  --color-green-400: #83e874;
  --color-green-500: #37cc21;
  --color-green-600: #227914;
  --color-green-700: #12410a;
  --color-green-800: #081d05;
  --color-green-900: #030901;
  --color-orange-50: #fffffe;
  --color-orange-100: #fefaf6;
  --color-orange-200: #fdf0e3;
  --color-orange-300: #f9d2a8;
  --color-orange-400: #f7c38a;
  --color-orange-500: #f29838;
  --color-orange-600: #a75b0b;
  --color-orange-700: #583005;
  --color-orange-800: #281603;
  --color-orange-900: #0d0701;
  --color-red-50: #fffefe;
  --color-red-100: #fef5f6;
  --color-red-200: #fbe1e4;
  --color-red-300: #f4a2a9;
  --color-red-400: #f0828b;
  --color-red-500: #e62c3b;
  --color-red-600: #91111c;
  --color-red-700: #4d090f;
  --color-red-800: #220407;
  --color-red-900: #0c0102;
  --color-white: #fff;
  --color-black: #000;
  --ant-primary-color: var(--cns-sys-color-theme-background);
  --ant-primary-color-disabled: color-mix(in srgb, var(--ant-primary-color) 60%, var(--cns-sys-color-theme-middleground));
  --ant-primary-color-hover: color-mix(in srgb, var(--ant-primary-color) 80%, var(--cns-sys-color-theme-middleground));
  --ant-primary-color-active: color-mix(in srgb, var(--ant-primary-color) 20%, black);
  --ant-primary-color-outline: color-mix(in srgb, var(--ant-primary-color) 20%, transparent);
  --ant-primary-color-deprecated-bg: var(--ant-primary-color-disabled);
  --ant-primary-color-deprecated-border: color-mix(in srgb, var(--ant-primary-color) 70%, var(--cns-sys-color-theme-middleground));
  --ant-primary-1: color-mix(in srgb, var(--ant-primary-color) 90%, var(--cns-sys-color-theme-middleground));
  --ant-primary-2: color-mix(in srgb, var(--ant-primary-color) 80%, var(--cns-sys-color-theme-middleground));
  --ant-primary-3: color-mix(in srgb, var(--ant-primary-color) 70%, var(--cns-sys-color-theme-middleground));
  --ant-primary-4: color-mix(in srgb, var(--ant-primary-color) 60%, var(--cns-sys-color-theme-middleground));
  --ant-primary-5: color-mix(in srgb, var(--ant-primary-color) 50%, var(--cns-sys-color-theme-middleground));
  --ant-primary-6: var(--ant-primary-color);
  --ant-primary-7: color-mix(in srgb, var(--ant-primary-color) 40%, black);
  --ant-primary-8: color-mix(in srgb, var(--ant-primary-color) 20%, black);
  --ant-primary-9: color-mix(in srgb, var(--ant-primary-color) 10%, black);
  --ant-primary-10: black;
  --ant-primary-color-deprecated-l-35: color-mix(in srgb, var(--ant-primary-color) 90%, var(--cns-sys-color-theme-middleground));
  --ant-primary-color-deprecated-l-20: color-mix(in srgb, var(--ant-primary-color) 80%, var(--cns-sys-color-theme-middleground));
  --ant-primary-color-deprecated-t-20: color-mix(in srgb, var(--ant-primary-color) 60%, var(--cns-sys-color-theme-middleground));
  --ant-primary-color-deprecated-t-50: color-mix(in srgb, var(--ant-primary-color) 50%, var(--cns-sys-color-theme-middleground));
  --ant-primary-color-deprecated-f-12: color-mix(in srgb, var(--ant-primary-color) 12%, transparent);
  --ant-primary-color-active-deprecated-f-30: color-mix(in srgb, var(--ant-primary-color) 30%, var(--cns-sys-color-theme-middleground));
  --ant-primary-color-active-deprecated-d-02: color-mix(in srgb, var(--ant-primary-color) 98%, var(--cns-sys-color-theme-middleground));
  --ant-success-color: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent);
  --ant-success-color-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 70%, black);
  --ant-success-color-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, black);
  --ant-success-color-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 100%, black);
  --ant-success-color-outline: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent);
  --ant-success-color-deprecated-bg: var(--ant-success-color-disabled);
  --ant-success-color-deprecated-border: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, black);
  --ant-info-color: var(--cns-sys-color-theme-foreground);
  --ant-info-color-disabled: color-mix(in srgb, var(--ant-info-color) 90%, var(--cns-sys-color-theme-middleground));
  --ant-info-color-hover: color-mix(in srgb, var(--ant-info-color) 80%, var(--cns-sys-color-theme-middleground));
  --ant-info-color-active: color-mix(in srgb, var(--ant-info-color) 60%, var(--cns-sys-color-theme-middleground));
  --ant-info-color-outline: color-mix(in srgb, var(--ant-info-color) 20%, transparent);
  --ant-info-color-deprecated-bg: var(--ant-info-color-disabled);
  --ant-info-color-deprecated-border: color-mix(in srgb, var(--ant-info-color) 70%, var(--cns-sys-color-theme-middleground));
}

*, :after, :before {
  box-sizing: border-box;
}

.ant-form-item-label {
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
  flex-grow: 0;
  display: inline-block;
  overflow: hidden;
}

.ant-form-item {
  box-sizing: border-box;
  color: #121212;
  font-variant: tabular-nums;
  font-feature-settings: "tnum";
  vertical-align: top;
  transition: margin-bottom .3slinear 17ms;
  margin: 0 0 24px;
  padding: 0;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
}

.ant-form-item-with-help {
  margin-bottom: 0;
  transition: none;
}

body {
  color: #121212;
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 14px;
  line-height: 1.5715;
  font-family: SFProDisplay, sans-serif !important;
}

#lanyard_root {
  visibility: hidden;
  visibility: visible;
}

:root {
  --cns-sys-color-theme-background: #ecfdf5;
  --cns-sys-color-theme-foreground: #0d9488;
  --cns-sys-color-theme-middleground: #121212;
}

.ant-layout {
  background: #f0f2f5;
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
}

.ant-row {
  flex-flow: wrap;
}

.ant-row, .ant-row:after, .ant-row:before {
  display: flex;
}

.ant-form-item {
  font-weight: 600;
}

.ant-form-vertical .ant-form-item {
  flex-direction: column;
}

.ant-row-center {
  justify-content: center;
}

.ant-layout, .ant-layout * {
  box-sizing: border-box;
}

.ant-typography-ellipsis-multiple-line {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

img {
  vertical-align: middle;
  border-style: none;
}

.detail-layout {
  background-color: #000;
  background-size: cover;
  justify-content: center;
  min-height: 100vh;
  padding-bottom: 105px;
  display: flex;
}

.detail-layout--talent-profile {
  background-color: var(--ant-primary-color);
}

.detail-layout * {
  color: #fff !important;
}

.detail-layout__background {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  opacity: .8;
  filter: blur(104px);
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

.detail-layout__content {
  background: #121212;
  border-radius: 12px;
  width: 100%;
  max-width: 735px;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 80px;
  padding: 28px 74px 32px;
  position: relative;
  overflow-x: hidden;
}

.ant-col {
  max-width: 100%;
  min-height: 1px;
  position: relative;
}

.opacity--05 {
  opacity: .5;
}

.text--semibold16.ant-typography {
  line-height: 24px;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.m__t--12 {
  margin-top: 12px !important;
}

.talent-detail .music-card .ant-btn.btn-play-full {
  border-color: var(--ant-info-color);
  background: none;
  border-radius: 100px;
  align-items: center;
  height: 36px;
  display: flex;
}

.m__b--24 {
  margin-bottom: 24px !important;
}

.detail-layout--talent-profile * {
  color: var(--ant-info-color) !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.detail-layout--talent-profile .detail-layout__content {
  background: var(--ant-primary-color);
}

.talent-detail__header {
  position: relative;
}

.m__x--16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.ant-row-space-between {
  justify-content: space-between;
}

.image-skeleton {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-skeleton__image {
  opacity: 0;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.image-skeleton img {
  -o-object-fit: cover;
  object-fit: cover;
}

.image-skeleton__image.thumb {
  opacity: 1;
  filter: blur(7px);
  transition: opacity .3sease-in-out;
  position: absolute;
}

.image-skeleton__image.isLoaded {
  opacity: 1;
}

.image-skeleton__image.thumb.isLoaded {
  opacity: 0;
}

.d--none {
  display: none !important;
}

.ant-skeleton-element .ant-skeleton-avatar {
  vertical-align: top;
  background: rgba(191, 191, 191, .2);
  width: 32px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
}

.m__t--16 {
  margin-top: 16px !important;
}

.talent-detail__name__image {
  text-align: center;
  width: 366px;
  margin: auto auto 8px;
}

.position--relative {
  position: relative;
}

.talent-detail__name__image .image-skeleton {
  height: 64px;
}

.talent-detail__name__image .image-skeleton.loaded {
  margin-left: 0;
  width: auto !important;
  height: auto !important;
}

.talent-detail__name__image .image-skeleton.loaded img {
  border-radius: 0 !important;
  height: auto !important;
}

.text {
  color: #020025;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text__align--center {
  text-align: center !important;
}

.talent-detail__name__text {
  width: 100%;
  display: block;
}

.text--bold48.ant-typography {
  line-height: 66px;
  font-size: 48px !important;
  font-weight: 700 !important;
}

.ant-form-item-label {
  padding-bottom: 8px !important;
}

.talent-detail__social .ant-col {
  height: 32px !important;
}

a {
  color: #2f80ed;
  cursor: pointer;
  -webkit-text-decoration-skip: objects;
  background-color: rgba(0, 0, 0, 0);
  outline: none;
  text-decoration: none;
  transition: color .3s;
}

[role="button"], a, area, button, input:not([type="range"]), label, select, summary, textarea {
  touch-action: manipulation;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

.ant-btn {
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  transition: all .3scubic-bezier(.645, .045, .355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #121212;
  background: #fff;
  border: 1px solid #e9e9eb;
  border-radius: 0;
  height: 32px;
  padding: 4px 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5715;
  display: inline-block;
  position: relative;
  box-shadow: 0 2px rgba(0, 0, 0, .016);
}

.ant-btn, .ant-btn:active, .ant-btn:focus {
  outline: 0;
}

.ant-btn-primary {
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, .12);
  background: #60e5e8;
  border-color: #60e5e8;
  box-shadow: 0 2px rgba(0, 0, 0, .043);
}

.ant-btn-block {
  width: 100%;
  width: 100% !important;
}

.ant-btn-text {
  color: #121212;
  box-shadow: none;
  background: none;
  border-color: rgba(0, 0, 0, 0);
}

.p--0 {
  padding: 0 !important;
}

[type="reset"], [type="submit"], button, html [type="button"] {
  -webkit-appearance: button;
}

button.ant-btn {
  min-height: 32px;
  text-shadow: none;
  border-radius: 123px;
  height: 48px;
  box-shadow: none !important;
}

button.ant-btn-primary {
  background: #121212;
  border: none;
  border-radius: 123px;
  padding: 0 24px;
}

button.ant-btn-text {
  border-radius: 0;
  height: auto;
  border: none !important;
  min-height: 0 !important;
}

svg:not(:root) {
  overflow: hidden;
}

.talent-detail__social .ant-col svg {
  width: 32px;
  height: 32px;
}

.m__t--32 {
  margin-top: 32px !important;
}

.my-swiper__content {
  position: relative;
}

.my-swiper .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}

.my-swiper.single:not(.fix-width) .swiper-slide {
  width: auto !important;
}

.talent-detail-tab.ant-btn {
  border-radius: 8px;
  padding: 0 16px;
  height: 44px !important;
}

.talent-detail-tab.ant-btn.active {
  background: linear-gradient(var(--ant-success-color), var(--ant-success-color)), var(--ant-primary-color) !important;
}

.ant-btn > span {
  display: inline-block;
}

.text--semibold20.ant-typography {
  line-height: 28px;
  font-size: 20px !important;
  font-weight: 600 !important;
}

.text--regular20.ant-typography {
  line-height: 32px;
  font-size: 20px !important;
  font-weight: 400 !important;
}

.p__t--0 {
  padding-top: 0 !important;
}

.p__b--20 {
  padding-bottom: 20px !important;
}

.p__r--24 {
  padding-right: 24px !important;
}

.align__items--center {
  align-items: center;
}

.ant-typography {
  color: #121212;
  overflow-wrap: break-word;
}

.ant-typography-single-line {
  white-space: nowrap;
}

.ant-typography-ellipsis-single-line {
  text-overflow: ellipsis;
  overflow: hidden;
}

.ant-typography p, div.ant-typography {
  margin-bottom: 1em;
}

.text--semibold28.ant-typography {
  line-height: 36px;
  font-size: 28px !important;
  font-weight: 600 !important;
}

.text--medium20.ant-typography {
  line-height: 32px;
  font-size: 20px !important;
  font-weight: 500 !important;
}

.text--semibold24.ant-typography {
  line-height: 32px;
  font-size: 24px !important;
  font-weight: 600 !important;
}

.ant-typography p, .ant-typography.ant-typography-ellipsis, div.ant-typography {
  margin-bottom: 0;
}

.ant-divider {
  box-sizing: border-box;
  color: #121212;
  font-variant: tabular-nums;
  font-feature-settings: "tnum";
  border-top: 1px solid rgba(0, 0, 0, .06);
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
}

.ant-divider-horizontal {
  clear: both;
  width: 100%;
  min-width: 100%;
  margin: 24px 0;
  display: flex;
}

.m__b--0 {
  margin-bottom: 0 !important;
}

.m__t--24 {
  margin-top: 24px !important;
}

.detail-layout .ant-divider {
  background-color: rgba(255, 255, 255, .1) !important;
}

.talent-detail .ant-divider {
  height: 1px;
  background: var(--ant-success-color) !important;
  border: none !important;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-flow: column wrap;
}

.my-swiper .swiper-wrapper {
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

.ant-row-middle {
  align-items: center;
}

.talent-detail .link-card {
  border-radius: 8px;
  overflow: hidden;
  background: linear-gradient(var(--ant-success-color), var(--ant-success-color)), var(--ant-primary-color) !important;
}

.talent-detail .music-card__left {
  position: relative;
}

.talent-detail .music-card__left .ant-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 32px !important;
}

.talent-detail .music-card__left .ant-btn svg {
  width: 32px;
  height: 32px;
}

.p__x--16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.flex--1 {
  flex: 1 !important;
}

.ant-col {
  min-width: 0;
}

.talent-detail .music-card__right {
  flex: 1;
}

.d--flex, .d--flex--row {
  display: flex !important;
}

.my-swiper__content .shadow-right {
  z-index: 9;
  background: linear-gradient(270deg, #121212, rgba(18, 18, 18, 0));
  width: 24px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.talent-detail .shadow-right {
  background: linear-gradient(270deg, rgba(18, 18, 18, .1), rgba(18, 18, 18, 0));
}

.talent-detail .youtube-player {
  border-radius: 8px;
  position: relative;
  background: linear-gradient(var(--ant-success-color), var(--ant-success-color)), var(--ant-primary-color) !important;
}

.talent-detail .youtube-player__overlay {
  z-index: 99;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.talent-detail .youtube-player__overlay__name {
  z-index: 10;
  width: 100%;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
}

.full-height {
  height: 100% !important;
}

.talent-detail .youtube-player__overlay__name__background {
  z-index: 9;
  opacity: .4;
  background: linear-gradient(#000, rgba(0, 0, 0, 0));
  width: 100%;
  height: 100%;
  position: absolute;
}

.talent-detail .youtube-player__overlay__name .ant-typography {
  z-index: 10;
  width: 100%;
  padding: 12px;
  display: block;
  position: absolute;
  color: #fff !important;
}

.talent-detail .youtube-player__overlay img {
  z-index: 9;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.talent-detail .youtube-player__overlay button {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px !important;
  height: 48px !important;
}

.talent-detail .youtube-player__overlay button svg {
  width: 48px !important;
  height: 48px !important;
}

.p__y--20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.p__x--32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.m__l--80 {
  margin-left: 80px !important;
}

.m__t--20 {
  margin-top: 20px !important;
}

.m__l--32 {
  margin-left: 32px !important;
}

.text--regular18.ant-typography {
  line-height: 24px;
  font-size: 18px !important;
  font-weight: 400 !important;
}

.container {
  width: 100%;
  max-width: 1194px;
  margin: auto;
  padding: 0 24px;
}

.footer__info {
  margin: auto;
  box-shadow: 0 -1px rgba(255, 255, 255, .1);
  padding: 16px 0 !important;
}

.detail-layout--talent-profile .footer__info {
  box-shadow: none;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  padding: 0;
  display: flex;
}

.detail-layout--talent-profile .footer__info-left, .detail-layout--talent-profile .footer__info-right {
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}

.detail-layout--talent-profile .footer__info-left {
  text-align: left;
}

.text--regular14.ant-typography {
  line-height: 20px;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.ant-typography a, a.ant-typography {
  color: #2f80ed;
  cursor: pointer;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  transition: color .3s;
}

.footer a {
  color: #121212;
}

.ant-modal-mask {
  z-index: 1000;
  background-color: rgba(0, 0, 0, .8);
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ant-modal-wrap {
  -webkit-overflow-scrolling: touch;
  z-index: 1000;
  outline: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}

.ant-modal-centered {
  text-align: center;
}

.ant-modal {
  box-sizing: border-box;
  color: #121212;
  font-variant: tabular-nums;
  font-feature-settings: "tnum";
  pointer-events: none;
  width: auto;
  max-width: calc(100vw - 32px);
  margin: 0 auto;
  padding: 0 0 24px;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  position: relative;
  top: 100px;
}

.m__y--40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.data-capture-modal {
  padding: 0;
}

.ant-modal-centered .ant-modal {
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  top: 0;
}

.ant-modal-content {
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
  border-radius: 16px !important;
}

.data-capture-modal .ant-modal-content {
  overflow: visible;
}

.ant-modal-body {
  word-wrap: break-word;
  padding: 24px;
  font-size: 14px;
  line-height: 1.5715;
}

.d--block {
  display: block !important;
}

.m__t--4 {
  margin-top: 4px !important;
}

.p--24 {
  padding: 24px !important;
}

.data-capture-modal__scroll {
  max-height: calc(100vh - 184px);
  overflow: auto;
}

.ant-form {
  box-sizing: border-box;
  color: #121212;
  font-variant: tabular-nums;
  font-feature-settings: "tnum";
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
}

.ant-col-24.ant-form-item-label, .ant-col-xl-24.ant-form-item-label, .ant-form-vertical .ant-form-item-label {
  white-space: normal;
  text-align: left;
  padding: 0 0 8px;
  line-height: 1.5715;
}

.ant-form label {
  font-size: 14px;
}

.ant-form-item-label > label {
  color: #020025;
  align-items: center;
  max-width: 100%;
  height: 32px;
  font-size: 14px;
  display: inline-flex;
  position: relative;
}

.ant-form-item-label label {
  font-size: 14px;
  font-weight: 400;
}

.data-capture-modal .ant-form-item-required {
  display: block;
}

.ant-form-vertical .ant-form-item-label > label {
  height: auto;
}

.ant-col-24.ant-form-item-label > label, .ant-col-xl-24.ant-form-item-label > label, .ant-form-vertical .ant-form-item-label > label {
  margin: 0;
}

.text--red, .text--red.ant-typography {
  color: #ff3c45 !important;
}

.ant-form-item-control {
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.ant-form-item-control-input {
  align-items: center;
  min-height: 32px;
  display: flex;
  position: relative;
}

.ant-form-item-control-input-content {
  flex: auto;
  max-width: 100%;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.ant-input {
  box-sizing: border-box;
  font-variant: tabular-nums;
  font-feature-settings: "tnum";
  color: #121212;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e9e9eb;
  border-radius: 0;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 4px 11px;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  transition: all .3s;
  display: inline-block;
  position: relative;
}

input[type="number"], input[type="password"], input[type="text"], textarea {
  -webkit-appearance: none;
}

.ant-form-item-control-input input {
  border-radius: 8px;
  height: 52px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 16px;
  font-weight: 600;
}

.data-capture-modal input, .data-capture-modal textarea {
  font-size: 16px;
  line-height: 24px;
}

.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}

.ant-form-item-explain, .ant-form-item-extra {
  clear: both;
  color: #121212;
  transition: color .3scubic-bezier(.215, .61, .355, 1);
  font-size: 14px;
  line-height: 1.5715;
}

.ant-form-item-explain-connected {
  opacity: 0;
  height: 0;
  min-height: 0;
}

.ant-form-item-explain {
  color: rgba(18, 18, 18, .7);
  margin-top: 8px;
  font-weight: 400;
  font-size: 12px !important;
}

.ant-form-item-with-help .ant-form-item-explain {
  opacity: 1;
  height: auto;
  min-height: 24px;
}

.data-capture-modal .ant-form-item-explain {
  min-height: 0;
  margin-top: 4px;
}

.ant-form-item-explain-error {
  color: #ff4040;
  margin-top: 8px !important;
}

.ant-input:hover {
  border-color: #8cf5f3;
  border-right-width: 1px !important;
}

input.ant-input:focus, input.ant-input:hover, .ant-input:active {
  box-shadow: none !important;
  border: 2px solid #8cf5f3 !important;
}

.data-capture-modal .btn-actions {
  -moz-column-gap: 24px;
  flex-direction: row-reverse;
  column-gap: 24px;
  display: flex;
}

.ant-form-item-control:first-child:not([class^="ant-col-"]):not([class*=" ant-col-"]) {
  width: 100%;
}

button.ant-btn-primary .ant-typography, button.ant-btn-primary span {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  color: #fff !important;
  font-weight: 700 !important;
}

button.ant-btn-back {
  border: 2px solid #f4f3f3;
  border-radius: 124px;
  padding: 0 24px;
}

.data-capture-modal .btn-actions button {
  width: 160px !important;
  height: 52px !important;
}

.text--bold16.ant-typography {
  line-height: 24px;
  font-size: 16px !important;
  font-weight: 700 !important;
}

button.ant-btn-back .ant-typography, button.ant-btn-back span {
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #121212 !important;
  font-weight: 700 !important;
}

.p__t--24 {
  padding-top: 24px !important;
}

.ant-message {
  box-sizing: border-box;
  color: #121212;
  font-variant: tabular-nums;
  font-feature-settings: "tnum";
  z-index: 1010;
  pointer-events: none;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  position: fixed;
  top: 8px;
  left: 0;
  top: 40px !important;
}

.ant-message-notice {
  text-align: center;
  padding: 8px;
}

.ant-message-notice-content {
  pointer-events: all;
  text-align: left;
  background: #fff;
  border-radius: 0;
  padding: 10px 16px;
  display: inline-block;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
  background: rgba(18, 18, 18, .8) !important;
  border-radius: 123px !important;
  padding: 12px 24px !important;
}

.noti-message .ant-message-notice-content {
  background: #fff !important;
  border-radius: 8px !important;
  padding: 16px !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, .25) !important;
}

.noti-message .ant-message-custom-content {
  align-items: flex-start;
  display: flex;
}

.noti-message .ant-message-custom-content > svg {
  align-self: flex-start;
  width: 20px !important;
  height: 20px !important;
}

.noti-message .notification-content {
  justify-content: center;
  align-items: flex-start;
  margin-left: 10px;
  display: flex;
}

.noti-message .notification-content .ant-typography {
  color: #1a1a1a;
  letter-spacing: -.24px;
  font-size: 15px;
  line-height: 20px;
}

.noti-message .notification-content__close {
  cursor: pointer;
  margin-left: 10px;
}

.m__b--20 {
  margin-bottom: 20px !important;
}

.p__b--16 {
  padding-bottom: 16px !important;
}

.data-capture-modal .ant-form-item-has-error .react-tel-input input.phone-input, .data-capture-modal .ant-form-item-has-error :not(.ant-input-disabled).ant-input {
  border: 1px solid #ff3c45 !important;
}

.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover, .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background-color: #fff;
  border-color: #ff4040;
}

.ant-form-item-has-error :not(.ant-input-disabled).ant-input, .ant-form-item-has-error :not(.ant-input-disabled).ant-input-affix-wrapper {
  border: 2px solid #ff3c45 !important;
}

.ant-form-item-explain-error {
  color: #ff4040;
  margin-top: 8px !important;
}

.data-capture-modal .ant-form-item-explain-error {
  font-size: 12px;
  line-height: 16px;
  margin-top: 0 !important;
}

button.ant-btn.ant-btn-round {
  border-radius: 123px;
}

button.ant-btn.ant-btn-round.get-offer-btn.m__t--16 {
  border-color: var(--ant-info-color);
  background: none;
  justify-content: center;
  align-items: center;
  height: 36px;
  display: flex;
}

/* [project]/node_modules/swiper/swiper.css [app-client] (css) */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

:host {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.swiper {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: block;
  position: relative;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
  margin-left: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
  margin-right: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-top: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* [project]/node_modules/swiper/modules/free-mode.css [app-client] (css) */
.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

/* [project]/components/spacebrowser/css/App.scss.css [app-client] (css) */
::-webkit-scrollbar-thumb {
  background: #979797;
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background: #979797;
}

::-webkit-scrollbar {
  z-index: -1;
  width: 8px;
  height: 8px;
}

@media only screen and (max-width: 768px) {
  ::-webkit-scrollbar {
    background: none;
    width: 0;
  }
}

body, html {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f4f3f3;
  font-family: SFProDisplay, sans-serif !important;
}

/* [project]/components/spacebrowser/css/base/spacing.scss.css [app-client] (css) */
.special-offer-modal .ant-row {
  flex-flow: wrap;
}

.special-offer-modal .ant-row, .special-offer-modal .ant-row:after, .special-offer-modal .ant-row:before {
  display: flex;
}

.special-offer-modal .align__items--center {
  align-items: center;
}

.special-offer-modal .position--relative {
  position: relative;
}

.special-offer-modal .p--16 {
  padding: 16px !important;
}

.special-offer-modal .p__l--16 {
  padding-left: 16px !important;
}

.special-offer-modal .p__x--16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.special-offer-modal .p__y--16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.special-offer-modal .m__t--16 {
  margin-top: 16px !important;
}

.special-offer-modal .m__b--4 {
  margin-bottom: 4px !important;
}

.special-offer-modal .p--12 {
  padding: 12px !important;
}

.special-offer-modal .d--flex, .special-offer-modal .d--flex--row {
  display: flex !important;
}

.special-offer-modal .m__t--24 {
  margin-top: 24px !important;
}

.special-offer-modal .justify__content--end {
  justify-content: flex-end;
}

/* [project]/components/spacebrowser/css/base/modal.scss.css [app-client] (css) */
.special-offer-modal .ant-modal-content {
  background-color: rgba(0, 0, 0, 0);
  overflow: visible;
  border-radius: 16px !important;
  padding: 0 !important;
}

.special-offer-modal .ant-modal-body {
  padding: 0;
}

.special-offer-modal .modal__header {
  background: linear-gradient(var(--ant-success-color), var(--ant-success-color)), var(--ant-primary-color);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  border-radius: 16px 16px 0 0;
}

/* [project]/components/spacebrowser/css/base/tabs.scss.css [app-client] (css) */
.link-editor-modal .ant-tabs-tab, .ant-tabs-tab:hover {
  color: #121212;
}

/* [project]/components/spacebrowser/css/base/text.scss.css [app-client] (css) */
.special-offer-modal .text__align--center {
  text-align: center !important;
}

.special-offer-modal .text--semibold18.ant-typography {
  line-height: 28px;
  font-size: 18px !important;
  font-weight: 600 !important;
}

.special-offer-modal .text--gray4, .special-offer-modal .text--gray4.ant-typography, .special-offer-modal .text--grey4, .special-offer-modal .text--grey4.ant-typography {
  color: #636363 !important;
}

.special-offer-modal .leading-22 {
  line-height: 22px !important;
}

.special-offer-modal .text--tundola, .special-offer-modal .text--tundola.ant-typography {
  color: #414141 !important;
}

.special-offer-modal .ant-typography {
  color: #121212;
  overflow-wrap: break-word;
}

.special-offer-modal .ant-typography-ellipsis-multiple-line {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.special-offer-modal .text {
  color: #020025;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.special-offer-modal .ant-typography p, .special-offer-modal div.ant-typography {
  margin-bottom: 1em;
}

.special-offer-modal .text--semibold14.ant-typography {
  line-height: 22px;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.special-offer-modal .text--regular14.ant-typography {
  line-height: 20px;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.special-offer-modal .ant-typography p, .special-offer-modal .ant-typography.ant-typography-ellipsis, .special-offer-modal div.ant-typography {
  margin-bottom: 0;
}

.special-offer-modal .special-offer-modal-header .ant-typography {
  color: var(--ant-info-color) !important;
}

.special-offer-modal .text--default, .special-offer-modal .text--default.ant-typography {
  color: #121212 !important;
}

.special-offer-modal .opacity--06 {
  opacity: .6;
}

.special-offer-modal .text--regular12.ant-typography {
  line-height: 16px;
  font-size: 12px !important;
  font-weight: 400 !important;
}

.special-offer-modal .text--semibold16.ant-typography {
  line-height: 24px;
  font-size: 16px !important;
  font-weight: 600 !important;
}

/* [project]/components/spacebrowser/css/base/display.scss.css [app-client] (css) */
.link-editor-modal .d--block {
  display: block !important;
}

/* [project]/components/spacebrowser/css/base/form.scss.css [app-client] (css) */
.link-editor-modal .ant-form-item {
  font-weight: 500;
}

.link-editor-modal .ant-form-item-control-input input, .link-editor-modal .ant-form-item-control-input textarea {
  height: 52px;
  padding-left: 14px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.link-editor-modal .ant-input:placeholder-shown {
  text-overflow: ellipsis;
}

.link-editor-modal .m__b--20 {
  margin-bottom: 20px !important;
}

.link-editor-modal .m__t--8 {
  margin-top: 8px !important;
}

.link-editor-modal .opacity--60 {
  opacity: .6;
}

/* [project]/components/spacebrowser/css/base/button.scss.css [app-client] (css) */
.special-offer-modal button.ant-btn {
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #121212;
  background: #fff;
  border: 1px solid #e9e9eb;
  border-radius: 0;
  height: 32px;
  padding: 4px 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5715;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  display: inline-block;
  position: relative;
  box-shadow: 0 2px rgba(0, 0, 0, .016);
}

.special-offer-modal button.ant-btn-primary {
  color: #121212;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #121212;
  border: none;
  border-radius: 123px;
  font-weight: 700;
  line-height: 24px;
}

.special-offer-modal button.ant-btn:focus, .special-offer-modal button.ant-btn:hover {
  color: #121212 !important;
  background-color: #e0e0e0 !important;
  border: 2px solid #e0e0e0 !important;
}

.special-offer-modal button.ant-btn-primary:focus, .special-offer-modal button.ant-btn-primary:hover {
  background: rgba(18, 18, 18, .8) !important;
  border: none !important;
}

.special-offer-modal button.ant-btn.ant-btn-xl {
  border-radius: 123px;
  min-width: 160px;
  height: 52px;
}

.special-offer-modal button.ant-btn-uppercase > span {
  text-transform: uppercase;
}

.special-offer-modal button.ant-btn-primary .ant-typography, .special-offer-modal button.ant-btn-primary span {
  color: #fff;
}

.special-offer-modal .ant-btn, .special-offer-modal .ant-btn:active, .special-offer-modal .ant-btn:focus {
  outline: 0;
}

.special-offer-modal button.ant-btn {
  min-height: 32px;
  text-shadow: none;
  border-radius: 123px;
  height: 48px;
  box-shadow: none !important;
}

.special-offer-modal .special-offer-modal-btn-wrapper .ant-btn {
  letter-spacing: 1px;
  border-radius: 123px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}

.special-offer-modal .visit-store-btn {
  margin-left: 24px;
  background: #121212 !important;
  border: none !important;
}

.special-offer-modal .visit-store-btn span {
  color: #fff !important;
}

.special-offer-modal .ant-btn > span {
  display: inline-block;
}

.special-offer-modal .w__160 {
  width: 160px;
}

@media (max-width: 480px) {
  .special-offer-modal .visit-store-btn, .special-offer-modal .cancel-btn {
    width: 100% !important;
    margin-bottom: 16px !important;
    margin-left: 0 !important;
  }
}

/* [project]/components/spacebrowser/css/SpecialOfferModal.scss.css [app-client] (css) */
.special-offer-modal-header {
  background: linear-gradient(var(--ant-success-color), var(--ant-success-color)), var(--ant-primary-color);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  border-radius: 16px 16px 0 0;
}

.special-offer-modal .close-icon {
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
}

.special-offer-modal-header-left {
  position: relative;
}

.image-skeleton {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.special-offer-modal-header .image-skeleton {
  overflow: hidden;
  border-radius: 8px !important;
}

img {
  vertical-align: middle;
  border-style: none;
}

.image-skeleton__image {
  opacity: 0;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.image-skeleton img {
  -o-object-fit: cover;
  object-fit: cover;
}

.image-skeleton__image.original {
  transition: opacity .3s ease-in-out;
  position: absolute;
}

.image-skeleton__image.isLoaded {
  opacity: 1;
}

.special-offer-modal-content-wrapper {
  border-radius: 0 0 16px 16px;
  overflow: hidden;
}

.special-offer-modal-content {
  background-color: #fff;
  border-radius: 0 0 16px 16px;
  max-height: calc(100vh - 320px);
  overflow: auto;
}

.cursor-pointer {
  cursor: pointer !important;
}

.special-offer-modal-copy-btn {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  justify-content: space-between;
}

.special-offer-modal-copy-btn-text {
  width: calc(100% - 80px);
}

.copy-text {
  color: #257ffc;
  font-size: 14px;
  line-height: 22px;
}

@media (max-width: 480px) {
  .special-offer-modal {
    max-width: calc(100vw - 48px) !important;
    margin: 0 auto !important;
  }

  .special-offer-modal .close-icon {
    top: 8px;
    right: 8px;
  }

  .special-offer-modal-content {
    max-height: calc(100vh - 360px);
  }

  .special-offer-modal-btn-wrapper {
    flex-direction: column-reverse;
  }

  .special-offer-modal-btn-wrapper .ant-btn {
    height: 44px !important;
  }
}

/* [project]/components/client/styles/mobile.css [app-client] (css) */
@font-face {
  font-family: SFProDisplay;
  src: url("https://komi-assets.s3.amazonaws.com/SFProDisplay/SFUIDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SFProDisplay;
  src: url("https://komi-assets.s3.amazonaws.com/SFProDisplay/SFUIDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SFProDisplay;
  src: url("https://komi-assets.s3.amazonaws.com/SFProDisplay/SFUIDisplay-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SFProDisplay;
  src: url("https://komi-assets.s3.amazonaws.com/SFProDisplay/SFUIDisplay-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SF Pro Display;
  src: url("https://komi-assets.s3.amazonaws.com/SFProDisplay/SFUIDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SF Pro Display;
  src: url("https://komi-assets.s3.amazonaws.com/SFProDisplay/SFUIDisplay-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SF Pro Display;
  src: url("https://komi-assets.s3.amazonaws.com/SFProDisplay/SFUIDisplay-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SF Pro Display;
  src: url("https://komi-assets.s3.amazonaws.com/SFProDisplay/SFUIDisplay-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html {
  font-family: SFProDisplay, "sans-serif";
}

#mNameInput, #mNameLabel, #mEmailInput, #mEmailLabel, #notificationLabel {
  color: #000 !important;
}

img {
  display: inline-block;
}

::selection {
  color: #fff;
  background: #60e5e8;
}

*, :after, :before {
  box-sizing: border-box;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

.ant-btn {
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  transition: all .3scubic-bezier(.645, .045, .355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: manipulation;
  color: #121212;
  background: #fff;
  border: 1px solid #e9e9eb;
  border-radius: 0;
  height: 32px;
  padding: 4px 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5715;
  display: inline-block;
  position: relative;
  box-shadow: 0 2px rgba(0, 0, 0, .016);
}

.ant-btn, .ant-btn:active, .ant-btn:focus {
  outline: 0;
}

.ant-btn-primary {
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, .12);
  background: #60e5e8;
  border-color: #60e5e8;
  box-shadow: 0 2px rgba(0, 0, 0, .043);
}

.ant-btn-block {
  width: 100%;
  width: 100% !important;
}

.ant-btn-text {
  color: #121212;
  box-shadow: none;
  background: none;
  border-color: rgba(0, 0, 0, 0);
}

.ant-form-item {
  box-sizing: border-box;
  color: #121212;
  font-variant: tabular-nums;
  font-feature-settings: "tnum";
  vertical-align: top;
  transition: margin-bottom .3slinear 17ms;
  margin: 0 0 24px;
  padding: 0;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
}

.ant-row {
  flex-flow: wrap;
}

.ant-row, .ant-row:after, .ant-row:before {
  display: flex;
}

.ant-row-space-between {
  justify-content: space-between;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  --antd-wave-shadow-color: #60e5e8;
  --scroll-bar: 0;
  font-family: sans-serif;
  line-height: 1.15;
}

:root {
  --ant-typography-color: #fff;
  --ant-background-color: #fff;
  --ant-overlay-color: #fff;
  --ant-overlay-opacity: #fff;
  --color-purple-25: #f6f5ff;
  --color-purple-50: #ebeafd;
  --color-purple-100: #d9d7fd;
  --color-purple-200: #bcb7fb;
  --color-purple-300: #9b8ff6;
  --color-purple-400: #7a61f1;
  --color-purple-600: #582ed3;
  --color-purple-700: #4a26b1;
  --color-purple-800: #3e2191;
  --color-purple-900: #251362;
  --color-lime-25: #fffee5;
  --color-lime-50: #fdffc8;
  --color-lime-100: #faff97;
  --color-lime-200: #f1fc5a;
  --color-lime-300: #e3f331;
  --color-lime-400: #c5d909;
  --color-lime-500: #9aae02;
  --color-lime-600: #738407;
  --color-lime-700: #5b680c;
  --color-lime-800: #4b5710;
  --color-lime-900: #283102;
  --color-pink-25: #fff0fc;
  --color-pink-50: #ffe3fc;
  --color-pink-100: #ffc6f9;
  --color-pink-200: #ff98f3;
  --color-pink-300: #ff58e7;
  --color-pink-400: #ff27d7;
  --color-pink-600: #df0097;
  --color-pink-700: #b8007d;
  --color-pink-800: #98036a;
  --color-pink-900: #5f003c;
  --color-gray-25: #f6f6f7;
  --color-gray-50: #efeff0;
  --color-gray-100: #e2e2e3;
  --color-gray-200: #cfd0d2;
  --color-gray-300: #bababf;
  --color-gray-400: #a8a8ac;
  --color-gray-600: #807e84;
  --color-gray-700: #68686b;
  --color-gray-800: #565659;
  --color-gray-900: #323234;
  --color-blue-25: #eff9ff;
  --color-blue-50: #daf0ff;
  --color-blue-100: #bee6ff;
  --color-blue-200: #91d8ff;
  --color-blue-300: #5dc0fd;
  --color-blue-400: #2f9ef9;
  --color-blue-500: #2285ee;
  --color-blue-600: #1a6ddb;
  --color-blue-700: #1b59b2;
  --color-blue-800: #1c4c8c;
  --color-blue-900: #162f55;
  --color-green-25: #f0fdf5;
  --color-green-50: #dcfcea;
  --color-green-100: #baf8d6;
  --color-green-200: #85f0b7;
  --color-green-300: #49df8f;
  --color-green-400: #21ca70;
  --color-green-500: #15a458;
  --color-green-600: #148148;
  --color-green-700: #15663c;
  --color-green-800: #135433;
  --color-green-900: #052e1a;
  --color-orange-25: #fffbeb;
  --color-orange-50: #fef3c7;
  --color-orange-100: #fde68a;
  --color-orange-200: #fcd34d;
  --color-orange-300: #fbbf24;
  --color-orange-400: #f59e0b;
  --color-orange-500: #d97706;
  --color-orange-600: #b45309;
  --color-orange-700: #92400e;
  --color-orange-800: #78350f;
  --color-orange-900: #451a03;
  --color-red-25: #fff1f2;
  --color-red-50: #ffe0e3;
  --color-red-100: #ffc6cb;
  --color-red-200: #ff9fa7;
  --color-red-300: #ff6774;
  --color-red-400: #fc3748;
  --color-red-500: #eb2839;
  --color-red-600: #c51020;
  --color-red-700: #a2121f;
  --color-red-800: #861620;
  --color-red-900: #49060c;
  --color-transparent: color-mix(in srgb, #fff 0%, transparent 0%);
  --kts-typography-style-header-xsmall-paragraph-indent: none;
  --kts-typography-style-header-small-paragraph-indent: none;
  --kts-typography-style-header-medium-paragraph-indent: none;
  --kts-typography-style-header-large-paragraph-indent: none;
  --kts-typography-style-header-xlarge-paragraph-indent: none;
  --kts-typography-style-header-2xlarge-paragraph-indent: none;
  --kts-typography-style-body-xsmall-paragraph-indent: none;
  --kts-typography-style-body-2xsmall-paragraph-indent: none;
  --kts-typography-style-body-small-paragraph-indent: none;
  --kts-typography-style-body-medium-paragraph-indent: none;
  --kts-typography-style-accent-xsmall-paragraph-indent: none;
  --kts-typography-style-accent-small-paragraph-indent: none;
  --kts-typography-style-accent-medium-paragraph-indent: none;
  --kts-typography-style-accent-large-paragraph-indent: none;
  --kts-typography-style-accent-xlarge-paragraph-indent: none;
  --kts-typography-style-accent-2xlarge-paragraph-indent: none;
  --ktc-typography-component-nav-bar-item-paragraph-indent: 0;
  --ktc-typography-component-user-menu-header-paragraph-indent: 0;
  --ktc-typography-component-user-menu-subitem-paragraph-indent: 0;
  --ktc-typography-component-checkbox-label-paragraph-indent: none;
  --ktc-typography-component-checkbox-group-helper-paragraph-indent: none;
  --ktc-typography-component-checkbox-group-label-paragraph-indent: 0;
  --ktc-typography-component-radio-label-paragraph-indent: none;
  --ktc-typography-component-radio-group-label-paragraph-indent: 0;
  --ktc-typography-component-slider-label-paragraph-indent: 0;
  --ktc-typography-component-menu-item-title-font-weight: 600;
  --ktc-typography-component-menu-item-title-line-height: 24;
  --ktc-typography-component-menu-item-title-font-size: 16px;
  --ktc-typography-component-menu-item-title-letter-spacing: 0;
  --ktc-typography-component-menu-item-title-paragraph-spacing: 12;
  --ktc-typography-component-menu-item-title-paragraph-indent: 0;
  --ktc-typography-component-menu-item-title-text-decoration: none;
  --ktc-typography-component-menu-item-title-text-case: none;
  --ktc-typography-component-menu-item-section-header-font-weight: 600;
  --ktc-typography-component-menu-item-section-header-line-height: 21;
  --ktc-typography-component-menu-item-section-header-font-size: 14px;
  --ktc-typography-component-menu-item-section-header-letter-spacing: 0;
  --ktc-typography-component-menu-item-section-header-paragraph-spacing: 8;
  --ktc-typography-component-menu-item-section-header-paragraph-indent: 0;
  --ktc-typography-component-menu-item-section-header-text-decoration: none;
  --ktc-typography-component-menu-item-section-header-text-case: none;
  --ktc-typography-component-button-medium-label-paragraph-indent: 0;
  --ktc-typography-component-button-full-label-paragraph-indent: 0;
  --ktc-typography-component-button-small-label-paragraph-indent: 0;
  --ktc-typography-component-button-xsmall-label-paragraph-indent: 0;
  --ktc-typography-component-avatar-small-paragraph-indent: 0;
  --ktc-typography-component-avatar-medium-paragraph-indent: 0;
  --ktc-typography-component-avatar-large-paragraph-indent: 0;
  --ktc-typography-component-text-input-label-paragraph-indent: 0;
  --ktc-typography-component-text-input-helper-paragraph-indent: 0;
  --ktc-typography-component-status-label-paragraph-indent: none;
  --ktc-typography-component-search-label-paragraph-indent: 0;
  --ktc-typography-component-dropdown-label-paragraph-indent: 0;
  --ktc-typography-component-dropdown-helper-paragraph-indent: 0;
  --ktc-typography-component-dropdown-menu-create-item-helper-paragraph-indent: 0;
  --ktc-typography-component-dropdown-menu-item-country-code-paragraph-indent: none;
  --ktc-typography-component-dropdown-menu-header-label-paragraph-indent: none;
  --ktc-typography-component-combo-input-label-paragraph-indent: none;
  --ktc-typography-component-combo-input-helper-paragraph-indent: none;
  --ktc-typography-component-date-picker-menu-calendar-date-item-paragraph-indent: none;
  --ktc-typography-component-date-picker-menu-header-controls-dropdown-paragraph-indent: none;
  --ktc-typography-component-tab-bar-item-label-paragraph-indent: none;
  --ktc-typography-component-checklist-item-paragraph-indent: none;
  --ktc-typography-component-datatable-table-cell-number-paragraph-indent: none;
  --ktc-typography-component-datatable-table-header-default-paragraph-indent: none;
  --ktc-typography-component-datatable-table-empty-header-paragraph-indent: none;
  --ktc-typography-component-datatable-table-empty-body-paragraph-indent: none;
  --ktc-typography-component-datatable-footer-paragraph-indent: none;
  --ktc-typography-component-chip-filter-label-paragraph-indent: none;
  --ktc-typography-component-message-body-paragraph-indent: none;
  --ktc-typography-component-progress-tracker-step-label-paragraph-indent: none;
  --ktc-typography-component-tag-label-paragraph-indent: none;
  --ktc-typography-component-page-header-title-device-xl-paragraph-indent: none;
  --ktc-typography-component-page-header-title-device-lg-paragraph-indent: none;
  --ktc-typography-component-page-header-title-device-md-paragraph-indent: none;
  --ktc-typography-component-page-header-title-device-sm-paragraph-indent: none;
  --ktc-typography-component-page-header-title-device-xs-paragraph-indent: none;
  --ktc-typography-component-page-section-header-medium-paragraph-indent: none;
  --ktc-typography-component-page-section-header-small-paragraph-indent: none;
  --ktc-typography-component-page-section-header-xsmall-paragraph-indent: none;
  --ktc-typography-component-page-section-header-large-paragraph-indent: none;
  --ktc-typography-component-page-section-header-xlarge-paragraph-indent: none;
  --ktc-typography-component-page-section-header-2xlarge-paragraph-indent: none;
  --ktc-typography-component-page-section-body-medium-paragraph-indent: none;
  --ktc-typography-component-page-section-body-xsmall-paragraph-indent: none;
  --ktc-typography-component-page-section-body-2xsmall-paragraph-indent: none;
  --ktc-typography-component-page-section-body-small-paragraph-indent: none;
  --ktc-typography-component-page-section-accent-xlarge-paragraph-indent: none;
  --ktc-typography-component-page-section-accent-large-paragraph-indent: none;
  --ktc-typography-component-page-section-accent-medium-paragraph-indent: none;
  --ktc-typography-component-page-section-accent-small-paragraph-indent: none;
  --ktc-typography-component-page-section-accent-xsmall-paragraph-indent: none;
  --ktc-typography-component-page-section-accent-2xlarge-paragraph-indent: none;
  --ktc-typography-component-page-section-label-xsmall-paragraph-indent: none;
  --ktc-typography-component-card-header-medium-paragraph-indent: none;
  --ktc-typography-component-card-header-small-paragraph-indent: none;
  --ktc-typography-component-card-header-xsmall-paragraph-indent: none;
  --ktc-typography-component-card-header-large-paragraph-indent: none;
  --ktc-typography-component-card-header-xlarge-paragraph-indent: none;
  --ktc-typography-component-card-header-2xlarge-paragraph-indent: none;
  --ktc-typography-component-card-body-medium-paragraph-indent: none;
  --ktc-typography-component-card-body-xsmall-paragraph-indent: none;
  --ktc-typography-component-card-body-2xsmall-paragraph-indent: none;
  --ktc-typography-component-card-body-small-paragraph-indent: none;
  --ktc-typography-component-card-accent-xlarge-paragraph-indent: none;
  --ktc-typography-component-card-accent-large-paragraph-indent: none;
  --ktc-typography-component-card-accent-medium-paragraph-indent: none;
  --ktc-typography-component-card-accent-small-paragraph-indent: none;
  --ktc-typography-component-card-accent-xsmall-paragraph-indent: none;
  --ktc-typography-component-card-accent-2xlarge-paragraph-indent: none;
  --ktc-typography-component-card-label-xsmall-paragraph-indent: none;
  --ktc-typography-component-toast-body-paragraph-indent: none;
  --ktc-typography-component-dialog-header-paragraph-indent: none;
  --ktc-typography-component-dialog-body-paragraph-indent: none;
  --ktc-typography-component-toolbar-body-paragraph-indent: none;
  --ktc-typography-component-tooltip-body-paragraph-indent: none;
  --ktc-typography-component-time-select-label-paragraph-indent: 0;
  --ktc-typography-component-time-select-helper-paragraph-indent: 0;
  --ktc-typography-component-time-select-menu-create-item-helper-paragraph-indent: 0;
  --ktc-typography-component-time-select-menu-header-label-paragraph-indent: none;
  --ktc-typography-component-upload-label-paragraph-indent: 0;
  --ktc-typography-component-upload-helper-paragraph-indent: 0;
  --ktc-typography-component-stepper-label-paragraph-indent: 0;
  --ktc-typography-component-stepper-helper-paragraph-indent: 0;
  --ktc-typography-component-text-area-label-paragraph-indent: 0;
  --ktc-typography-component-text-area-helper-paragraph-indent: 0;
  --ktc-typography-component-rich-text-area-label-paragraph-indent: 0;
  --ktc-typography-component-rich-text-area-helper-paragraph-indent: 0;
  --ktc-typography-component-preview-preview-label-paragraph-indent: 0;
  --ktc-typography-component-sms-preview-window-body-message-paragraph-indent: none;
  --ktc-typography-component-sms-preview-window-body-input-paragraph-indent: none;
  --ktc-typography-component-sms-preview-window-header-paragraph-indent: none;
  --ktc-dimension-width-button-full: 358px;
  --ktc-dimension-max-width-page-body: 1368px;
  --ktc-z-index-tool-bar-tool-bar: 500;
  --ktc-z-index-brand-bar-brand-bar: 100;
  --ktc-z-index-nav-bar-nav-bar: 100;
  --ktc-z-index-user-menu-user-menu: 101;
  --ktc-z-index-login-login: 100;
  --ktc-z-index-modal-modal: 300;
  --ktc-z-index-toast-toast: 500;
  --ktc-z-index-preview-preview-collapsed: 400;
  --kts-color-background-brand-primary: var(--color-lime-300);
  --kts-color-background-brand-secondary: var(--color-purple-500);
  --kts-color-background-brand-dark: var(--color-gray-900);
  --kts-color-background-brand-light: var(--color-white);
  --kts-color-background-on-brand-default: var(--color-black);
  --kts-color-background-primary-default: var(--color-gray-900);
  --kts-color-background-primary-hover: var(--color-gray-800);
  --kts-color-background-primary-active: var(--color-gray-700);
  --kts-color-background-secondary-default: var(--color-gray-100);
  --kts-color-background-secondary-hover: var(--color-gray-50);
  --kts-color-background-secondary-active: var(--color-gray-25);
  --kts-color-background-tertiary-default: var(--color-white);
  --kts-color-background-tertiary-hover: var(--color-gray-50);
  --kts-color-background-tertiary-active: var(--color-gray-100);
  --kts-color-background-accent-default: var(--color-black);
  --kts-color-background-accent-hover: var(--color-gray-900);
  --kts-color-background-accent-active: var(--color-gray-800);
  --kts-color-background-accent-disabled: var(--color-gray-900);
  --kts-color-background-surface-lowest-default: var(--color-gray-25);
  --kts-color-background-surface-low-default: var(--color-gray-50);
  --kts-color-background-surface-medium-default: var(--color-white);
  --kts-color-background-surface-medium-hover: var(--color-gray-25);
  --kts-color-background-surface-medium-active: var(--color-gray-100);
  --kts-color-background-surface-medium-empty: var(--color-gray-50);
  --kts-color-background-surface-medium-read-only: var(--color-gray-50);
  --kts-color-background-surface-medium-disabled: var(--color-gray-200);
  --kts-color-background-surface-medium-selected-default: var(--color-purple-50);
  --kts-color-background-surface-medium-selected-hover: var(--color-purple-100);
  --kts-color-background-surface-medium-selected-active: var(--color-purple-200);
  --kts-color-background-surface-medium-selected-disabled: var(--color-white);
  --kts-color-background-surface-high-default: var(--color-white);
  --kts-color-background-surface-high-hover: var(--color-gray-25);
  --kts-color-background-surface-high-active: var(--color-gray-100);
  --kts-color-background-surface-high-empty: var(--color-gray-50);
  --kts-color-background-surface-high-read-only: var(--color-gray-50);
  --kts-color-background-surface-high-disabled: var(--color-gray-200);
  --kts-color-background-surface-high-selected-default: var(--color-purple-50);
  --kts-color-background-surface-high-selected-hover: var(--color-purple-100);
  --kts-color-background-surface-high-selected-active: var(--color-purple-200);
  --kts-color-background-surface-high-selected-disabled: var(--color-white);
  --kts-color-background-surface-highest-default: var(--color-white);
  --kts-color-background-surface-highest-hover: var(--color-gray-25);
  --kts-color-background-surface-highest-active: var(--color-gray-100);
  --kts-color-background-surface-highest-empty: var(--color-gray-50);
  --kts-color-background-surface-highest-read-only: var(--color-gray-50);
  --kts-color-background-surface-highest-disabled: var(--color-gray-200);
  --kts-color-background-surface-highest-selected-default: var(--color-purple-50);
  --kts-color-background-surface-highest-selected-hover: var(--color-purple-100);
  --kts-color-background-surface-highest-selected-active: var(--color-purple-200);
  --kts-color-background-surface-highest-selected-disabled: var(--color-white);
  --kts-color-background-surface-overlay-default: color-mix(in srgb, var(--color-gray-900) 75%, transparent 0%);
  --kts-color-background-danger-default: var(--color-red-600);
  --kts-color-background-danger-hover: var(--color-red-500);
  --kts-color-background-danger-active: var(--color-red-400);
  --kts-color-background-disabled: var(--color-gray-100);
  --kts-color-background-support-muted-default: var(--color-gray-50);
  --kts-color-background-support-muted-primary: var(--color-purple-50);
  --kts-color-background-support-muted-info: var(--color-blue-50);
  --kts-color-background-support-muted-success: var(--color-green-50);
  --kts-color-background-support-muted-warning: var(--color-orange-50);
  --kts-color-background-support-muted-error: var(--color-red-50);
  --kts-color-background-support-muted-brand: var(--color-lime-50);
  --kts-color-background-support-muted-other: var(--color-pink-50);
  --kts-color-background-support-deep-default: var(--color-gray-600);
  --kts-color-background-support-deep-primary: var(--color-purple-600);
  --kts-color-background-support-deep-info: var(--color-blue-600);
  --kts-color-background-support-deep-success: var(--color-green-600);
  --kts-color-background-support-deep-warning: var(--color-orange-600);
  --kts-color-background-support-deep-error: var(--color-red-600);
  --kts-color-background-support-deep-brand: var(--color-lime-600);
  --kts-color-background-support-deep-other: var(--color-pink-600);
  --kts-color-background-adaptive-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --kts-color-background-adaptive-hover: color-mix(in srgb, var(--color-white) 12.5%, transparent 0%);
  --kts-color-background-adaptive-active: color-mix(in srgb, var(--color-white) 25%, transparent 0%);
  --kts-color-background-adaptive-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --kts-color-text-primary-default: var(--color-gray-900);
  --kts-color-text-primary-hover: var(--color-gray-800);
  --kts-color-text-primary-active: var(--color-gray-700);
  --kts-color-text-secondary-default: var(--color-gray-900);
  --kts-color-text-secondary-hover: var(--color-gray-800);
  --kts-color-text-secondary-active: var(--color-gray-700);
  --kts-color-text-tertiary-default: var(--color-gray-600);
  --kts-color-text-tertiary-hover: var(--color-gray-500);
  --kts-color-text-tertiary-active: var(--color-gray-400);
  --kts-color-text-danger-default: var(--color-red-600);
  --kts-color-text-danger-hover: var(--color-red-500);
  --kts-color-text-danger-active: var(--color-red-400);
  --kts-color-text-ink-default: var(--color-gray-900);
  --kts-color-text-ink-hover: var(--color-gray-800);
  --kts-color-text-ink-active: var(--color-gray-700);
  --kts-color-text-charcoal-default: var(--color-gray-700);
  --kts-color-text-charcoal-hover: var(--color-gray-600);
  --kts-color-text-charcoal-active: var(--color-gray-500);
  --kts-color-text-graphite-default: var(--color-gray-500);
  --kts-color-text-graphite-hover: var(--color-gray-400);
  --kts-color-text-graphite-active: var(--color-gray-300);
  --kts-color-text-on-color-default: var(--color-white);
  --kts-color-text-on-color-disabled: color-mix(in srgb, var(--color-white) 75%, transparent 0%);
  --kts-color-text-disabled: var(--color-gray-500);
  --kts-color-text-support-default: var(--color-gray-500);
  --kts-color-text-support-primary: var(--color-purple-500);
  --kts-color-text-support-info: var(--color-blue-500);
  --kts-color-text-support-success: var(--color-green-500);
  --kts-color-text-support-warning: var(--color-orange-500);
  --kts-color-text-support-error: var(--color-red-500);
  --kts-color-text-support-brand: var(--color-lime-500);
  --kts-color-text-support-other: var(--color-pink-500);
  --kts-color-text-on-support-default: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --kts-color-text-adaptive-default: var(--color-white);
  --kts-color-text-adaptive-hover: color-mix(in srgb, var(--color-white) 80%, transparent 0%);
  --kts-color-text-adaptive-active: color-mix(in srgb, var(--color-white) 70%, transparent 0%);
  --kts-color-text-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --kts-color-border-container-default: var(--color-gray-100);
  --kts-color-border-container-hover: var(--color-gray-200);
  --kts-color-border-container-read-only: var(--color-gray-100);
  --kts-color-border-container-active: var(--color-purple-600);
  --kts-color-border-container-selected: var(--color-purple-600);
  --kts-color-border-container-disabled: var(--color-gray-500);
  --kts-color-border-container-error: var(--color-red-600);
  --kts-color-border-primary-default: var(--color-purple-600);
  --kts-color-border-primary-hover: var(--color-purple-500);
  --kts-color-border-primary-active: var(--color-purple-400);
  --kts-color-border-accent-default: var(--color-gray-100);
  --kts-color-border-image-default: var(--color-gray-100);
  --kts-color-border-support-default: var(--color-gray-500);
  --kts-color-border-support-primary: var(--color-purple-500);
  --kts-color-border-support-info: var(--color-blue-500);
  --kts-color-border-support-success: var(--color-green-500);
  --kts-color-border-support-warning: var(--color-orange-500);
  --kts-color-border-support-error: var(--color-red-500);
  --kts-color-border-support-brand: var(--color-lime-500);
  --kts-color-border-support-other: var(--color-pink-500);
  --kts-color-box-shadow-default: color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --kts-color-box-shadow-block: color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --kts-color-icon-primary-default: var(--color-gray-900);
  --kts-color-icon-primary-hover: var(--color-gray-800);
  --kts-color-icon-primary-active: var(--color-gray-700);
  --kts-color-icon-secondary-default: var(--color-gray-900);
  --kts-color-icon-secondary-hover: var(--color-gray-800);
  --kts-color-icon-secondary-active: var(--color-gray-700);
  --kts-color-icon-tertiary-default: var(--color-gray-600);
  --kts-color-icon-tertiary-hover: var(--color-gray-500);
  --kts-color-icon-tertiary-active: var(--color-gray-400);
  --kts-color-icon-danger-default: var(--color-red-600);
  --kts-color-icon-danger-hover: var(--color-red-500);
  --kts-color-icon-danger-active: var(--color-red-400);
  --kts-color-icon-ink-default: var(--color-gray-900);
  --kts-color-icon-ink-hover: var(--color-gray-800);
  --kts-color-icon-ink-active: var(--color-gray-700);
  --kts-color-icon-charcoal-default: var(--color-gray-700);
  --kts-color-icon-charcoal-hover: var(--color-gray-600);
  --kts-color-icon-charcoal-active: var(--color-gray-500);
  --kts-color-icon-graphite-default: var(--color-gray-500);
  --kts-color-icon-graphite-hover: var(--color-gray-400);
  --kts-color-icon-graphite-active: var(--color-gray-300);
  --kts-color-icon-on-color-default: var(--color-white);
  --kts-color-icon-on-color-disabled: color-mix(in srgb, var(--color-white) 75%, transparent 0%);
  --kts-color-icon-disabled: var(--color-gray-500);
  --kts-color-icon-support-default: var(--color-gray-500);
  --kts-color-icon-support-primary: var(--color-purple-500);
  --kts-color-icon-support-info: var(--color-blue-500);
  --kts-color-icon-support-success: var(--color-green-500);
  --kts-color-icon-support-warning: var(--color-orange-500);
  --kts-color-icon-support-error: var(--color-red-500);
  --kts-color-icon-support-brand: var(--color-lime-500);
  --kts-color-icon-support-other: var(--color-pink-500);
  --kts-color-icon-on-support-default: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --kts-color-icon-adaptive-default: var(--color-white);
  --kts-color-icon-adaptive-hover: color-mix(in srgb, var(--color-white) 80%, transparent 0%);
  --kts-color-icon-adaptive-active: color-mix(in srgb, var(--color-white) 70%, transparent 0%);
  --kts-color-icon-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --kts-color-icon-notification: var(--color-lime-300);
  --kts-typography-style-header-xsmall-font-family: DM Sans;
  --kts-typography-style-header-xsmall-font-weight: 700;
  --kts-typography-style-header-xsmall-letter-spacing: -.25px;
  --kts-typography-style-header-xsmall-text-decoration: none;
  --kts-typography-style-header-xsmall-text-case: none;
  --kts-typography-style-header-small-font-family: DM Sans;
  --kts-typography-style-header-small-font-weight: 700;
  --kts-typography-style-header-small-letter-spacing: -.25px;
  --kts-typography-style-header-small-text-decoration: none;
  --kts-typography-style-header-small-text-case: none;
  --kts-typography-style-header-medium-font-family: DM Sans;
  --kts-typography-style-header-medium-font-weight: 700;
  --kts-typography-style-header-medium-letter-spacing: -.25px;
  --kts-typography-style-header-medium-text-decoration: none;
  --kts-typography-style-header-medium-text-case: none;
  --kts-typography-style-header-large-font-family: DM Sans;
  --kts-typography-style-header-large-font-weight: 700;
  --kts-typography-style-header-large-letter-spacing: -.25px;
  --kts-typography-style-header-large-text-decoration: none;
  --kts-typography-style-header-large-text-case: none;
  --kts-typography-style-header-xlarge-font-family: DM Sans;
  --kts-typography-style-header-xlarge-font-weight: 700;
  --kts-typography-style-header-xlarge-letter-spacing: -.25px;
  --kts-typography-style-header-xlarge-text-decoration: none;
  --kts-typography-style-header-xlarge-text-case: none;
  --kts-typography-style-header-2xlarge-font-family: DM Sans;
  --kts-typography-style-header-2xlarge-font-weight: 700;
  --kts-typography-style-header-2xlarge-letter-spacing: -.25px;
  --kts-typography-style-header-2xlarge-text-decoration: none;
  --kts-typography-style-header-2xlarge-text-case: none;
  --kts-typography-style-body-xsmall-font-family: DM Sans;
  --kts-typography-style-body-xsmall-font-weight: 500;
  --kts-typography-style-body-xsmall-letter-spacing: 0;
  --kts-typography-style-body-xsmall-text-decoration: none;
  --kts-typography-style-body-xsmall-text-case: none;
  --kts-typography-style-body-2xsmall-font-family: DM Sans;
  --kts-typography-style-body-2xsmall-font-weight: 500;
  --kts-typography-style-body-2xsmall-letter-spacing: 0;
  --kts-typography-style-body-2xsmall-text-decoration: none;
  --kts-typography-style-body-2xsmall-text-case: none;
  --kts-typography-style-body-small-font-family: DM Sans;
  --kts-typography-style-body-small-font-weight: 500;
  --kts-typography-style-body-small-letter-spacing: 0;
  --kts-typography-style-body-small-text-decoration: none;
  --kts-typography-style-body-small-text-case: none;
  --kts-typography-style-body-medium-font-family: DM Sans;
  --kts-typography-style-body-medium-font-weight: 500;
  --kts-typography-style-body-medium-letter-spacing: 0;
  --kts-typography-style-body-medium-text-decoration: none;
  --kts-typography-style-body-medium-text-case: none;
  --kts-typography-style-accent-xsmall-font-family: DM Mono;
  --kts-typography-style-accent-xsmall-font-weight: 500;
  --kts-typography-style-accent-xsmall-letter-spacing: -.25px;
  --kts-typography-style-accent-xsmall-text-decoration: none;
  --kts-typography-style-accent-xsmall-text-case: none;
  --kts-typography-style-accent-small-font-family: DM Mono;
  --kts-typography-style-accent-small-font-weight: 500;
  --kts-typography-style-accent-small-letter-spacing: -.25px;
  --kts-typography-style-accent-small-text-decoration: none;
  --kts-typography-style-accent-small-text-case: none;
  --kts-typography-style-accent-medium-font-family: DM Mono;
  --kts-typography-style-accent-medium-font-weight: 500;
  --kts-typography-style-accent-medium-text-decoration: none;
  --kts-typography-style-accent-medium-text-case: none;
  --kts-typography-style-accent-medium-letter-spacing: -.25px;
  --kts-typography-style-accent-large-font-family: DM Mono;
  --kts-typography-style-accent-large-font-weight: 500;
  --kts-typography-style-accent-large-letter-spacing: -.25px;
  --kts-typography-style-accent-large-text-decoration: none;
  --kts-typography-style-accent-large-text-case: none;
  --kts-typography-style-accent-xlarge-font-family: DM Mono;
  --kts-typography-style-accent-xlarge-font-weight: 500;
  --kts-typography-style-accent-xlarge-letter-spacing: -.25px;
  --kts-typography-style-accent-xlarge-text-decoration: none;
  --kts-typography-style-accent-xlarge-text-case: none;
  --kts-typography-style-accent-2xlarge-font-family: DM Mono;
  --kts-typography-style-accent-2xlarge-letter-spacing: -.25px;
  --kts-typography-style-accent-2xlarge-text-decoration: none;
  --kts-typography-style-accent-2xlarge-text-case: none;
  --kts-typography-style-accent-2xlarge-font-weight: 500;
  --ktc-color-background-button-small-primary-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-primary-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-primary-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-primary-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-secondary-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-secondary-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-secondary-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-secondary-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-tertiary-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-tertiary-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-tertiary-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-tertiary-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-danger-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-danger-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-danger-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-danger-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-adaptive-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-adaptive-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-adaptive-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-small-adaptive-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-primary-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-primary-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-primary-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-primary-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-secondary-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-secondary-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-secondary-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-secondary-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-tertiary-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-tertiary-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-tertiary-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-tertiary-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-danger-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-danger-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-danger-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-danger-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-adaptive-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-adaptive-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-adaptive-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-xsmall-adaptive-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-primary-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-primary-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-primary-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-primary-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-secondary-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-secondary-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-secondary-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-secondary-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-tertiary-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-tertiary-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-tertiary-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-tertiary-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-danger-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-danger-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-danger-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-danger-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-adaptive-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-adaptive-hover: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-adaptive-active: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-2xsmall-adaptive-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-datatable-fade-default: linear-gradient(90deg, color-mix(in srgb, #fff 0%, transparent 0%), #fff);
  --ktc-color-background-slider-track: var(--color-purple-100);
  --ktc-color-background-progress-tracker-track: var(--color-purple-200);
  --ktc-color-background-button-group-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-status-medium-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-tab-bar-item-unselected-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-tab-bar-item-unselected-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-preview-overlay: color-mix(in srgb, var(--color-black) 80%, transparent 0%);
  --ktc-color-text-sms-preview-window-body-message-link: var(--color-blue-600);
  --ktc-color-icon-progress-tracker-step-icon-future: var(--color-purple-200);
  --ktc-color-border-menu-item-divider: var(--color-gray-50);
  --ktc-color-border-dropdown-field-read-only: var(--color-gray-100);
  --ktc-color-border-dropdown-field-default: var(--color-gray-100);
  --ktc-color-border-dropdown-field-hover: var(--color-gray-200);
  --ktc-color-border-dropdown-field-active: var(--color-purple-600);
  --ktc-color-border-dropdown-field-disabled: var(--color-gray-500);
  --ktc-color-border-dropdown-field-error: var(--color-red-500);
  --ktc-color-border-dropdown-menu-default: var(--color-gray-100);
  --ktc-color-border-dropdown-area-read-only: var(--color-gray-100);
  --ktc-color-border-dropdown-area-default: var(--color-gray-100);
  --ktc-color-border-dropdown-area-hover: var(--color-gray-200);
  --ktc-color-border-dropdown-area-active: var(--color-purple-600);
  --ktc-color-border-dropdown-area-disabled: var(--color-gray-500);
  --ktc-color-border-dropdown-area-error: var(--color-red-500);
  --ktc-color-border-tooltip-subtle: var(--color-gray-100);
  --ktc-color-border-tooltip-default: var(--color-black);
  --ktc-color-border-search-field-default: var(--color-gray-100);
  --ktc-color-border-search-field-hover: var(--color-gray-200);
  --ktc-color-border-search-field-active: var(--color-purple-600);
  --ktc-color-border-search-field-disabled: var(--color-gray-500);
  --ktc-color-border-card-static-medium-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-border-card-static-low-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-border-card-interactive-medium-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-border-upload-field-default: var(--color-gray-100);
  --ktc-color-border-upload-field-hover: var(--color-gray-200);
  --ktc-color-border-upload-field-active: var(--color-purple-600);
  --ktc-color-border-upload-field-disabled: var(--color-gray-500);
  --ktc-color-border-upload-icon: var(--color-white);
  --ktc-color-border-stepper-field-default: var(--color-gray-100);
  --ktc-color-border-stepper-field-hover: var(--color-gray-200);
  --ktc-color-border-stepper-field-active: var(--color-purple-600);
  --ktc-color-border-stepper-field-disabled: var(--color-gray-500);
  --ktc-typography-component-nav-bar-item-font-family: DM Sans;
  --ktc-typography-component-nav-bar-item-font-weight: 500;
  --ktc-typography-component-nav-bar-item-letter-spacing: 0;
  --ktc-typography-component-nav-bar-item-text-decoration: none;
  --ktc-typography-component-nav-bar-item-text-case: none;
  --ktc-typography-component-user-menu-header-font-family: DM Mono;
  --ktc-typography-component-user-menu-header-font-weight: 500;
  --ktc-typography-component-user-menu-header-letter-spacing: 0;
  --ktc-typography-component-user-menu-header-text-decoration: none;
  --ktc-typography-component-user-menu-header-text-case: uppercase;
  --ktc-typography-component-user-menu-subitem-font-family: DM Mono;
  --ktc-typography-component-user-menu-subitem-font-weight: 500;
  --ktc-typography-component-user-menu-subitem-letter-spacing: -.25px;
  --ktc-typography-component-user-menu-subitem-text-decoration: none;
  --ktc-typography-component-user-menu-subitem-text-case: none;
  --ktc-typography-component-checkbox-label-font-family: DM Sans;
  --ktc-typography-component-checkbox-label-font-weight: 500;
  --ktc-typography-component-checkbox-label-letter-spacing: 0;
  --ktc-typography-component-checkbox-label-text-decoration: none;
  --ktc-typography-component-checkbox-label-text-case: none;
  --ktc-typography-component-checkbox-group-helper-font-family: DM Sans;
  --ktc-typography-component-checkbox-group-helper-font-weight: 500;
  --ktc-typography-component-checkbox-group-helper-letter-spacing: 0;
  --ktc-typography-component-checkbox-group-helper-text-decoration: none;
  --ktc-typography-component-checkbox-group-helper-text-case: none;
  --ktc-typography-component-checkbox-group-label-font-family: DM Sans;
  --ktc-typography-component-checkbox-group-label-font-weight: 500;
  --ktc-typography-component-checkbox-group-label-letter-spacing: 0;
  --ktc-typography-component-checkbox-group-label-paragraph-spacing: 1px;
  --ktc-typography-component-checkbox-group-label-text-decoration: none;
  --ktc-typography-component-checkbox-group-label-text-case: none;
  --ktc-typography-component-radio-label-font-family: DM Sans;
  --ktc-typography-component-radio-label-font-weight: 500;
  --ktc-typography-component-radio-label-letter-spacing: 0;
  --ktc-typography-component-radio-label-text-decoration: none;
  --ktc-typography-component-radio-label-text-case: none;
  --ktc-typography-component-radio-group-label-font-family: DM Sans;
  --ktc-typography-component-radio-group-label-font-weight: 500;
  --ktc-typography-component-radio-group-label-letter-spacing: 0;
  --ktc-typography-component-radio-group-label-paragraph-spacing: 1px;
  --ktc-typography-component-radio-group-label-text-decoration: none;
  --ktc-typography-component-radio-group-label-text-case: none;
  --ktc-typography-component-slider-label-font-family: DM Sans;
  --ktc-typography-component-slider-label-font-weight: 500;
  --ktc-typography-component-slider-label-letter-spacing: 0;
  --ktc-typography-component-slider-label-paragraph-spacing: 1px;
  --ktc-typography-component-slider-label-text-decoration: none;
  --ktc-typography-component-slider-label-text-case: none;
  --ktc-typography-component-menu-item-title-font-family: SF Pro Display, sans-serif;
  --ktc-typography-component-menu-item-section-header-font-family: SF Pro Display, sans-serif;
  --ktc-typography-component-button-medium-label-font-family: DM Sans;
  --ktc-typography-component-button-medium-label-font-weight: 700;
  --ktc-typography-component-button-medium-label-letter-spacing: 0;
  --ktc-typography-component-button-medium-label-text-decoration: none;
  --ktc-typography-component-button-medium-label-text-case: capitalize;
  --ktc-typography-component-button-full-label-font-family: DM Sans;
  --ktc-typography-component-button-full-label-font-weight: 700;
  --ktc-typography-component-button-full-label-letter-spacing: 0;
  --ktc-typography-component-button-full-label-text-decoration: none;
  --ktc-typography-component-button-full-label-text-case: capitalize;
  --ktc-typography-component-button-small-label-font-family: DM Sans;
  --ktc-typography-component-button-small-label-font-weight: 700;
  --ktc-typography-component-button-small-label-letter-spacing: 0;
  --ktc-typography-component-button-small-label-text-decoration: none;
  --ktc-typography-component-button-small-label-text-case: capitalize;
  --ktc-typography-component-button-xsmall-label-font-family: DM Sans;
  --ktc-typography-component-button-xsmall-label-font-weight: 700;
  --ktc-typography-component-button-xsmall-label-letter-spacing: 0;
  --ktc-typography-component-button-xsmall-label-text-decoration: none;
  --ktc-typography-component-button-xsmall-label-text-case: capitalize;
  --ktc-typography-component-avatar-small-font-family: DM Mono;
  --ktc-typography-component-avatar-small-font-weight: 500;
  --ktc-typography-component-avatar-small-letter-spacing: 0;
  --ktc-typography-component-avatar-small-text-decoration: none;
  --ktc-typography-component-avatar-small-text-case: uppercase;
  --ktc-typography-component-avatar-medium-font-family: DM Mono;
  --ktc-typography-component-avatar-medium-font-weight: 500;
  --ktc-typography-component-avatar-medium-letter-spacing: 0;
  --ktc-typography-component-avatar-medium-text-decoration: none;
  --ktc-typography-component-avatar-medium-text-case: uppercase;
  --ktc-typography-component-avatar-large-font-family: DM Mono;
  --ktc-typography-component-avatar-large-font-weight: 500;
  --ktc-typography-component-avatar-large-letter-spacing: 0;
  --ktc-typography-component-avatar-large-text-decoration: none;
  --ktc-typography-component-avatar-large-text-case: uppercase;
  --ktc-typography-component-text-input-label-font-family: DM Sans;
  --ktc-typography-component-text-input-label-font-weight: 500;
  --ktc-typography-component-text-input-label-letter-spacing: 0;
  --ktc-typography-component-text-input-label-paragraph-spacing: 1px;
  --ktc-typography-component-text-input-label-text-decoration: none;
  --ktc-typography-component-text-input-label-text-case: none;
  --ktc-typography-component-text-input-helper-font-family: DM Sans;
  --ktc-typography-component-text-input-helper-font-weight: 500;
  --ktc-typography-component-text-input-helper-letter-spacing: 0;
  --ktc-typography-component-text-input-helper-paragraph-spacing: 1px;
  --ktc-typography-component-text-input-helper-text-decoration: none;
  --ktc-typography-component-text-input-helper-text-case: none;
  --ktc-typography-component-text-input-field-text-font-family: DM Sans;
  --ktc-typography-component-text-input-field-text-font-weight: 500;
  --ktc-typography-component-text-input-field-text-letter-spacing: 0;
  --ktc-typography-component-text-input-field-text-paragraph-spacing: 1px;
  --ktc-typography-component-text-input-field-text-text-decoration: none;
  --ktc-typography-component-text-input-field-text-text-case: none;
  --ktc-typography-component-text-input-field-suffix-font-family: DM Sans;
  --ktc-typography-component-text-input-field-suffix-font-weight: 500;
  --ktc-typography-component-text-input-field-suffix-letter-spacing: 0;
  --ktc-typography-component-text-input-field-suffix-paragraph-spacing: 1px;
  --ktc-typography-component-text-input-field-suffix-text-decoration: none;
  --ktc-typography-component-text-input-field-suffix-text-case: none;
  --ktc-typography-component-status-label-font-family: DM Sans;
  --ktc-typography-component-status-label-font-weight: 500;
  --ktc-typography-component-status-label-letter-spacing: 0;
  --ktc-typography-component-status-label-text-decoration: none;
  --ktc-typography-component-status-label-text-case: none;
  --ktc-typography-component-search-label-font-family: DM Sans;
  --ktc-typography-component-search-label-font-weight: 500;
  --ktc-typography-component-search-label-letter-spacing: 0;
  --ktc-typography-component-search-label-text-decoration: none;
  --ktc-typography-component-search-label-text-case: capitalize;
  --ktc-typography-component-search-text-font-family: DM Sans;
  --ktc-typography-component-search-text-font-weight: 500;
  --ktc-typography-component-search-text-letter-spacing: 0;
  --ktc-typography-component-search-text-text-decoration: none;
  --ktc-typography-component-search-text-text-case: none;
  --ktc-typography-component-dropdown-label-font-family: DM Sans;
  --ktc-typography-component-dropdown-label-font-weight: 500;
  --ktc-typography-component-dropdown-label-letter-spacing: 0;
  --ktc-typography-component-dropdown-label-text-decoration: none;
  --ktc-typography-component-dropdown-label-text-case: none;
  --ktc-typography-component-dropdown-helper-font-family: DM Sans;
  --ktc-typography-component-dropdown-helper-font-weight: 500;
  --ktc-typography-component-dropdown-helper-letter-spacing: 0;
  --ktc-typography-component-dropdown-helper-text-decoration: none;
  --ktc-typography-component-dropdown-helper-text-case: none;
  --ktc-typography-component-dropdown-menu-create-item-helper-font-family: DM Sans;
  --ktc-typography-component-dropdown-menu-create-item-helper-font-weight: 500;
  --ktc-typography-component-dropdown-menu-create-item-helper-letter-spacing: 0;
  --ktc-typography-component-dropdown-menu-create-item-helper-text-decoration: none;
  --ktc-typography-component-dropdown-menu-create-item-helper-text-case: none;
  --ktc-typography-component-dropdown-menu-create-item-label-font-family: DM Sans;
  --ktc-typography-component-dropdown-menu-create-item-label-font-weight: 500;
  --ktc-typography-component-dropdown-menu-create-item-label-letter-spacing: 0;
  --ktc-typography-component-dropdown-menu-create-item-label-text-decoration: none;
  --ktc-typography-component-dropdown-menu-create-item-label-text-case: none;
  --ktc-typography-component-dropdown-menu-item-label-font-family: DM Sans;
  --ktc-typography-component-dropdown-menu-item-label-font-weight: 500;
  --ktc-typography-component-dropdown-menu-item-label-letter-spacing: 0;
  --ktc-typography-component-dropdown-menu-item-label-text-decoration: none;
  --ktc-typography-component-dropdown-menu-item-label-text-case: none;
  --ktc-typography-component-dropdown-menu-item-country-code-font-family: DM Mono;
  --ktc-typography-component-dropdown-menu-item-country-code-font-weight: 500;
  --ktc-typography-component-dropdown-menu-item-country-code-letter-spacing: -.25px;
  --ktc-typography-component-dropdown-menu-item-country-code-text-decoration: none;
  --ktc-typography-component-dropdown-menu-item-country-code-text-case: none;
  --ktc-typography-component-dropdown-menu-header-label-font-family: DM Mono;
  --ktc-typography-component-dropdown-menu-header-label-font-weight: 500;
  --ktc-typography-component-dropdown-menu-header-label-letter-spacing: -.25px;
  --ktc-typography-component-dropdown-menu-header-label-text-decoration: none;
  --ktc-typography-component-dropdown-menu-header-label-text-case: uppercase;
  --ktc-typography-component-dropdown-area-label-font-family: DM Sans;
  --ktc-typography-component-dropdown-area-label-font-weight: 500;
  --ktc-typography-component-dropdown-area-label-letter-spacing: 0;
  --ktc-typography-component-dropdown-area-label-text-decoration: none;
  --ktc-typography-component-dropdown-area-label-text-case: none;
  --ktc-typography-component-combo-input-label-font-family: DM Sans;
  --ktc-typography-component-combo-input-label-font-weight: 500;
  --ktc-typography-component-combo-input-label-letter-spacing: 0;
  --ktc-typography-component-combo-input-label-text-decoration: none;
  --ktc-typography-component-combo-input-label-text-case: none;
  --ktc-typography-component-combo-input-helper-font-family: DM Sans;
  --ktc-typography-component-combo-input-helper-font-weight: 500;
  --ktc-typography-component-combo-input-helper-letter-spacing: 0;
  --ktc-typography-component-combo-input-helper-text-decoration: none;
  --ktc-typography-component-combo-input-helper-text-case: none;
  --ktc-typography-component-date-picker-menu-item-label-font-family: DM Sans;
  --ktc-typography-component-date-picker-menu-item-label-font-weight: 500;
  --ktc-typography-component-date-picker-menu-item-label-letter-spacing: 0;
  --ktc-typography-component-date-picker-menu-item-label-text-decoration: none;
  --ktc-typography-component-date-picker-menu-item-label-text-case: none;
  --ktc-typography-component-date-picker-menu-calendar-date-item-font-family: DM Mono;
  --ktc-typography-component-date-picker-menu-calendar-date-item-font-weight: 500;
  --ktc-typography-component-date-picker-menu-calendar-date-item-letter-spacing: -.25px;
  --ktc-typography-component-date-picker-menu-calendar-date-item-text-decoration: none;
  --ktc-typography-component-date-picker-menu-calendar-date-item-text-case: none;
  --ktc-typography-component-date-picker-menu-header-controls-dropdown-font-family: DM Mono;
  --ktc-typography-component-date-picker-menu-header-controls-dropdown-font-weight: 500;
  --ktc-typography-component-date-picker-menu-header-controls-dropdown-letter-spacing: -.25px;
  --ktc-typography-component-date-picker-menu-header-controls-dropdown-text-decoration: none;
  --ktc-typography-component-date-picker-menu-header-controls-dropdown-text-case: none;
  --ktc-typography-component-tab-bar-item-label-font-family: DM Sans;
  --ktc-typography-component-tab-bar-item-label-font-weight: 500;
  --ktc-typography-component-tab-bar-item-label-letter-spacing: 0;
  --ktc-typography-component-tab-bar-item-label-text-decoration: none;
  --ktc-typography-component-tab-bar-item-label-text-case: none;
  --ktc-typography-component-checklist-item-font-family: DM Sans;
  --ktc-typography-component-checklist-item-font-weight: 500;
  --ktc-typography-component-checklist-item-letter-spacing: 0;
  --ktc-typography-component-checklist-item-text-decoration: none;
  --ktc-typography-component-checklist-item-text-case: none;
  --ktc-typography-component-datatable-table-cell-text-font-family: DM Sans;
  --ktc-typography-component-datatable-table-cell-text-font-weight: 500;
  --ktc-typography-component-datatable-table-cell-text-letter-spacing: 0;
  --ktc-typography-component-datatable-table-cell-text-text-decoration: none;
  --ktc-typography-component-datatable-table-cell-text-text-case: none;
  --ktc-typography-component-datatable-table-cell-number-font-family: DM Mono;
  --ktc-typography-component-datatable-table-cell-number-font-weight: 500;
  --ktc-typography-component-datatable-table-cell-number-letter-spacing: -.25px;
  --ktc-typography-component-datatable-table-cell-number-text-decoration: none;
  --ktc-typography-component-datatable-table-cell-number-text-case: none;
  --ktc-typography-component-datatable-table-header-default-font-family: DM Sans;
  --ktc-typography-component-datatable-table-header-default-font-weight: 700;
  --ktc-typography-component-datatable-table-header-default-letter-spacing: -.25px;
  --ktc-typography-component-datatable-table-header-default-text-decoration: none;
  --ktc-typography-component-datatable-table-header-default-text-case: none;
  --ktc-typography-component-datatable-table-empty-header-font-family: DM Sans;
  --ktc-typography-component-datatable-table-empty-header-font-weight: 700;
  --ktc-typography-component-datatable-table-empty-header-letter-spacing: -.25px;
  --ktc-typography-component-datatable-table-empty-header-text-decoration: none;
  --ktc-typography-component-datatable-table-empty-header-text-case: none;
  --ktc-typography-component-datatable-table-empty-body-font-family: DM Sans;
  --ktc-typography-component-datatable-table-empty-body-font-weight: 500;
  --ktc-typography-component-datatable-table-empty-body-letter-spacing: 0;
  --ktc-typography-component-datatable-table-empty-body-text-decoration: none;
  --ktc-typography-component-datatable-table-empty-body-text-case: none;
  --ktc-typography-component-datatable-footer-font-family: DM Sans;
  --ktc-typography-component-datatable-footer-font-weight: 500;
  --ktc-typography-component-datatable-footer-letter-spacing: 0;
  --ktc-typography-component-datatable-footer-paragraph-spacing: 1px;
  --ktc-typography-component-datatable-footer-text-decoration: none;
  --ktc-typography-component-datatable-footer-text-case: none;
  --ktc-typography-component-login-content-body-font-family: DM Sans;
  --ktc-typography-component-login-content-body-font-weight: 500;
  --ktc-typography-component-login-content-body-letter-spacing: 0;
  --ktc-typography-component-login-content-body-text-decoration: none;
  --ktc-typography-component-login-content-body-text-case: none;
  --ktc-typography-component-login-content-header-font-family: DM Sans;
  --ktc-typography-component-login-content-header-font-weight: 700;
  --ktc-typography-component-login-content-header-letter-spacing: 0;
  --ktc-typography-component-login-content-header-text-decoration: none;
  --ktc-typography-component-login-content-header-text-case: none;
  --ktc-typography-component-chip-filter-label-font-family: DM Sans;
  --ktc-typography-component-chip-filter-label-font-weight: 500;
  --ktc-typography-component-chip-filter-label-letter-spacing: 0;
  --ktc-typography-component-chip-filter-label-text-decoration: none;
  --ktc-typography-component-chip-filter-label-text-case: none;
  --ktc-typography-component-message-body-font-family: DM Sans;
  --ktc-typography-component-message-body-font-weight: 500;
  --ktc-typography-component-message-body-letter-spacing: 0;
  --ktc-typography-component-message-body-text-decoration: none;
  --ktc-typography-component-message-body-text-case: none;
  --ktc-typography-component-progress-tracker-step-label-font-family: DM Sans;
  --ktc-typography-component-progress-tracker-step-label-font-weight: 700;
  --ktc-typography-component-progress-tracker-step-label-letter-spacing: 0;
  --ktc-typography-component-progress-tracker-step-label-text-decoration: none;
  --ktc-typography-component-progress-tracker-step-label-text-case: capitalize;
  --ktc-typography-component-tag-label-font-family: DM Mono;
  --ktc-typography-component-tag-label-font-weight: 500;
  --ktc-typography-component-tag-label-letter-spacing: -.25px;
  --ktc-typography-component-tag-label-text-decoration: none;
  --ktc-typography-component-tag-label-text-case: capitalize;
  --ktc-typography-component-page-header-title-device-xl-font-family: DM Sans;
  --ktc-typography-component-page-header-title-device-xl-font-weight: 700;
  --ktc-typography-component-page-header-title-device-xl-letter-spacing: 0;
  --ktc-typography-component-page-header-title-device-xl-text-decoration: none;
  --ktc-typography-component-page-header-title-device-xl-text-case: none;
  --ktc-typography-component-page-header-title-device-lg-font-family: DM Sans;
  --ktc-typography-component-page-header-title-device-lg-font-weight: 700;
  --ktc-typography-component-page-header-title-device-lg-letter-spacing: 0;
  --ktc-typography-component-page-header-title-device-lg-text-decoration: none;
  --ktc-typography-component-page-header-title-device-lg-text-case: none;
  --ktc-typography-component-page-header-title-device-md-font-family: DM Sans;
  --ktc-typography-component-page-header-title-device-md-font-weight: 700;
  --ktc-typography-component-page-header-title-device-md-letter-spacing: -.25px;
  --ktc-typography-component-page-header-title-device-md-text-decoration: none;
  --ktc-typography-component-page-header-title-device-md-text-case: none;
  --ktc-typography-component-page-header-title-device-sm-font-family: DM Sans;
  --ktc-typography-component-page-header-title-device-sm-font-weight: 700;
  --ktc-typography-component-page-header-title-device-sm-letter-spacing: -.25px;
  --ktc-typography-component-page-header-title-device-sm-text-decoration: none;
  --ktc-typography-component-page-header-title-device-sm-text-case: none;
  --ktc-typography-component-page-header-title-device-xs-font-family: DM Sans;
  --ktc-typography-component-page-header-title-device-xs-font-weight: 700;
  --ktc-typography-component-page-header-title-device-xs-letter-spacing: -.25px;
  --ktc-typography-component-page-header-title-device-xs-text-decoration: none;
  --ktc-typography-component-page-header-title-device-xs-text-case: none;
  --ktc-typography-component-page-section-header-medium-font-family: DM Sans;
  --ktc-typography-component-page-section-header-medium-font-weight: 700;
  --ktc-typography-component-page-section-header-medium-letter-spacing: -.25px;
  --ktc-typography-component-page-section-header-medium-text-decoration: none;
  --ktc-typography-component-page-section-header-medium-text-case: none;
  --ktc-typography-component-page-section-header-small-font-family: DM Sans;
  --ktc-typography-component-page-section-header-small-font-weight: 700;
  --ktc-typography-component-page-section-header-small-letter-spacing: -.25px;
  --ktc-typography-component-page-section-header-small-text-decoration: none;
  --ktc-typography-component-page-section-header-small-text-case: none;
  --ktc-typography-component-page-section-header-xsmall-font-family: DM Sans;
  --ktc-typography-component-page-section-header-xsmall-font-weight: 700;
  --ktc-typography-component-page-section-header-xsmall-letter-spacing: -.25px;
  --ktc-typography-component-page-section-header-xsmall-text-decoration: none;
  --ktc-typography-component-page-section-header-xsmall-text-case: none;
  --ktc-typography-component-page-section-header-large-font-family: DM Sans;
  --ktc-typography-component-page-section-header-large-font-weight: 700;
  --ktc-typography-component-page-section-header-large-letter-spacing: -.25px;
  --ktc-typography-component-page-section-header-large-text-decoration: none;
  --ktc-typography-component-page-section-header-large-text-case: none;
  --ktc-typography-component-page-section-header-xlarge-font-family: DM Sans;
  --ktc-typography-component-page-section-header-xlarge-font-weight: 700;
  --ktc-typography-component-page-section-header-xlarge-letter-spacing: -.25px;
  --ktc-typography-component-page-section-header-xlarge-text-decoration: none;
  --ktc-typography-component-page-section-header-xlarge-text-case: none;
  --ktc-typography-component-page-section-header-2xlarge-font-family: DM Sans;
  --ktc-typography-component-page-section-header-2xlarge-font-weight: 700;
  --ktc-typography-component-page-section-header-2xlarge-letter-spacing: -.25px;
  --ktc-typography-component-page-section-header-2xlarge-text-decoration: none;
  --ktc-typography-component-page-section-header-2xlarge-text-case: none;
  --ktc-typography-component-page-section-body-medium-font-family: DM Sans;
  --ktc-typography-component-page-section-body-medium-font-weight: 500;
  --ktc-typography-component-page-section-body-medium-letter-spacing: 0;
  --ktc-typography-component-page-section-body-medium-text-decoration: none;
  --ktc-typography-component-page-section-body-medium-text-case: none;
  --ktc-typography-component-page-section-body-xsmall-font-family: DM Sans;
  --ktc-typography-component-page-section-body-xsmall-font-weight: 500;
  --ktc-typography-component-page-section-body-xsmall-letter-spacing: 0;
  --ktc-typography-component-page-section-body-xsmall-text-decoration: none;
  --ktc-typography-component-page-section-body-xsmall-text-case: none;
  --ktc-typography-component-page-section-body-2xsmall-font-family: DM Sans;
  --ktc-typography-component-page-section-body-2xsmall-font-weight: 500;
  --ktc-typography-component-page-section-body-2xsmall-letter-spacing: 0;
  --ktc-typography-component-page-section-body-2xsmall-text-decoration: none;
  --ktc-typography-component-page-section-body-2xsmall-text-case: none;
  --ktc-typography-component-page-section-body-small-font-family: DM Sans;
  --ktc-typography-component-page-section-body-small-font-weight: 500;
  --ktc-typography-component-page-section-body-small-letter-spacing: 0;
  --ktc-typography-component-page-section-body-small-text-decoration: none;
  --ktc-typography-component-page-section-body-small-text-case: none;
  --ktc-typography-component-page-section-accent-xlarge-font-family: DM Mono;
  --ktc-typography-component-page-section-accent-xlarge-font-weight: 500;
  --ktc-typography-component-page-section-accent-xlarge-letter-spacing: -.25px;
  --ktc-typography-component-page-section-accent-xlarge-text-decoration: none;
  --ktc-typography-component-page-section-accent-xlarge-text-case: none;
  --ktc-typography-component-page-section-accent-large-font-family: DM Mono;
  --ktc-typography-component-page-section-accent-large-font-weight: 500;
  --ktc-typography-component-page-section-accent-large-letter-spacing: -.25px;
  --ktc-typography-component-page-section-accent-large-text-decoration: none;
  --ktc-typography-component-page-section-accent-large-text-case: none;
  --ktc-typography-component-page-section-accent-medium-font-family: DM Mono;
  --ktc-typography-component-page-section-accent-medium-font-weight: 500;
  --ktc-typography-component-page-section-accent-medium-text-decoration: none;
  --ktc-typography-component-page-section-accent-medium-text-case: none;
  --ktc-typography-component-page-section-accent-medium-letter-spacing: -.25px;
  --ktc-typography-component-page-section-accent-small-font-family: DM Mono;
  --ktc-typography-component-page-section-accent-small-font-weight: 500;
  --ktc-typography-component-page-section-accent-small-letter-spacing: -.25px;
  --ktc-typography-component-page-section-accent-small-text-decoration: none;
  --ktc-typography-component-page-section-accent-small-text-case: none;
  --ktc-typography-component-page-section-accent-xsmall-font-family: DM Mono;
  --ktc-typography-component-page-section-accent-xsmall-font-weight: 500;
  --ktc-typography-component-page-section-accent-xsmall-letter-spacing: -.25px;
  --ktc-typography-component-page-section-accent-xsmall-text-decoration: none;
  --ktc-typography-component-page-section-accent-xsmall-text-case: none;
  --ktc-typography-component-page-section-accent-2xlarge-font-family: DM Mono;
  --ktc-typography-component-page-section-accent-2xlarge-letter-spacing: -.25px;
  --ktc-typography-component-page-section-accent-2xlarge-text-decoration: none;
  --ktc-typography-component-page-section-accent-2xlarge-text-case: none;
  --ktc-typography-component-page-section-accent-2xlarge-font-weight: 500;
  --ktc-typography-component-page-section-label-xsmall-font-family: DM Sans;
  --ktc-typography-component-page-section-label-xsmall-font-weight: 500;
  --ktc-typography-component-page-section-label-xsmall-letter-spacing: 0;
  --ktc-typography-component-page-section-label-xsmall-text-decoration: none;
  --ktc-typography-component-page-section-label-xsmall-text-case: none;
  --ktc-typography-component-card-header-medium-font-family: DM Sans;
  --ktc-typography-component-card-header-medium-font-weight: 700;
  --ktc-typography-component-card-header-medium-letter-spacing: -.25px;
  --ktc-typography-component-card-header-medium-text-decoration: none;
  --ktc-typography-component-card-header-medium-text-case: none;
  --ktc-typography-component-card-header-small-font-family: DM Sans;
  --ktc-typography-component-card-header-small-font-weight: 700;
  --ktc-typography-component-card-header-small-letter-spacing: -.25px;
  --ktc-typography-component-card-header-small-text-decoration: none;
  --ktc-typography-component-card-header-small-text-case: none;
  --ktc-typography-component-card-header-xsmall-font-family: DM Sans;
  --ktc-typography-component-card-header-xsmall-font-weight: 700;
  --ktc-typography-component-card-header-xsmall-letter-spacing: -.25px;
  --ktc-typography-component-card-header-xsmall-text-decoration: none;
  --ktc-typography-component-card-header-xsmall-text-case: none;
  --ktc-typography-component-card-header-large-font-family: DM Sans;
  --ktc-typography-component-card-header-large-font-weight: 700;
  --ktc-typography-component-card-header-large-letter-spacing: -.25px;
  --ktc-typography-component-card-header-large-text-decoration: none;
  --ktc-typography-component-card-header-large-text-case: none;
  --ktc-typography-component-card-header-xlarge-font-family: DM Sans;
  --ktc-typography-component-card-header-xlarge-font-weight: 700;
  --ktc-typography-component-card-header-xlarge-letter-spacing: -.25px;
  --ktc-typography-component-card-header-xlarge-text-decoration: none;
  --ktc-typography-component-card-header-xlarge-text-case: none;
  --ktc-typography-component-card-header-2xlarge-font-family: DM Sans;
  --ktc-typography-component-card-header-2xlarge-font-weight: 700;
  --ktc-typography-component-card-header-2xlarge-letter-spacing: -.25px;
  --ktc-typography-component-card-header-2xlarge-text-decoration: none;
  --ktc-typography-component-card-header-2xlarge-text-case: none;
  --ktc-typography-component-card-body-medium-font-family: DM Sans;
  --ktc-typography-component-card-body-medium-font-weight: 500;
  --ktc-typography-component-card-body-medium-letter-spacing: 0;
  --ktc-typography-component-card-body-medium-text-decoration: none;
  --ktc-typography-component-card-body-medium-text-case: none;
  --ktc-typography-component-card-body-xsmall-font-family: DM Sans;
  --ktc-typography-component-card-body-xsmall-font-weight: 500;
  --ktc-typography-component-card-body-xsmall-letter-spacing: 0;
  --ktc-typography-component-card-body-xsmall-text-decoration: none;
  --ktc-typography-component-card-body-xsmall-text-case: none;
  --ktc-typography-component-card-body-2xsmall-font-family: DM Sans;
  --ktc-typography-component-card-body-2xsmall-font-weight: 500;
  --ktc-typography-component-card-body-2xsmall-letter-spacing: 0;
  --ktc-typography-component-card-body-2xsmall-text-decoration: none;
  --ktc-typography-component-card-body-2xsmall-text-case: none;
  --ktc-typography-component-card-body-small-font-family: DM Sans;
  --ktc-typography-component-card-body-small-font-weight: 500;
  --ktc-typography-component-card-body-small-letter-spacing: 0;
  --ktc-typography-component-card-body-small-text-decoration: none;
  --ktc-typography-component-card-body-small-text-case: none;
  --ktc-typography-component-card-accent-xlarge-font-family: DM Mono;
  --ktc-typography-component-card-accent-xlarge-font-weight: 500;
  --ktc-typography-component-card-accent-xlarge-letter-spacing: -.25px;
  --ktc-typography-component-card-accent-xlarge-text-decoration: none;
  --ktc-typography-component-card-accent-xlarge-text-case: none;
  --ktc-typography-component-card-accent-large-font-family: DM Mono;
  --ktc-typography-component-card-accent-large-font-weight: 500;
  --ktc-typography-component-card-accent-large-letter-spacing: -.25px;
  --ktc-typography-component-card-accent-large-text-decoration: none;
  --ktc-typography-component-card-accent-large-text-case: none;
  --ktc-typography-component-card-accent-medium-font-family: DM Mono;
  --ktc-typography-component-card-accent-medium-font-weight: 500;
  --ktc-typography-component-card-accent-medium-text-decoration: none;
  --ktc-typography-component-card-accent-medium-text-case: none;
  --ktc-typography-component-card-accent-medium-letter-spacing: -.25px;
  --ktc-typography-component-card-accent-small-font-family: DM Mono;
  --ktc-typography-component-card-accent-small-font-weight: 500;
  --ktc-typography-component-card-accent-small-letter-spacing: -.25px;
  --ktc-typography-component-card-accent-small-text-decoration: none;
  --ktc-typography-component-card-accent-small-text-case: none;
  --ktc-typography-component-card-accent-xsmall-font-family: DM Mono;
  --ktc-typography-component-card-accent-xsmall-font-weight: 500;
  --ktc-typography-component-card-accent-xsmall-letter-spacing: -.25px;
  --ktc-typography-component-card-accent-xsmall-text-decoration: none;
  --ktc-typography-component-card-accent-xsmall-text-case: none;
  --ktc-typography-component-card-accent-2xlarge-font-family: DM Mono;
  --ktc-typography-component-card-accent-2xlarge-letter-spacing: -.25px;
  --ktc-typography-component-card-accent-2xlarge-text-decoration: none;
  --ktc-typography-component-card-accent-2xlarge-text-case: none;
  --ktc-typography-component-card-accent-2xlarge-font-weight: 500;
  --ktc-typography-component-card-label-xsmall-font-family: DM Sans;
  --ktc-typography-component-card-label-xsmall-font-weight: 500;
  --ktc-typography-component-card-label-xsmall-letter-spacing: 0;
  --ktc-typography-component-card-label-xsmall-text-decoration: none;
  --ktc-typography-component-card-label-xsmall-text-case: none;
  --ktc-typography-component-toast-body-font-family: DM Sans;
  --ktc-typography-component-toast-body-font-weight: 500;
  --ktc-typography-component-toast-body-letter-spacing: 0;
  --ktc-typography-component-toast-body-text-decoration: none;
  --ktc-typography-component-toast-body-text-case: none;
  --ktc-typography-component-dialog-header-font-family: DM Sans;
  --ktc-typography-component-dialog-header-font-weight: 700;
  --ktc-typography-component-dialog-header-letter-spacing: -.25px;
  --ktc-typography-component-dialog-header-text-decoration: none;
  --ktc-typography-component-dialog-header-text-case: none;
  --ktc-typography-component-dialog-body-font-family: DM Sans;
  --ktc-typography-component-dialog-body-font-weight: 500;
  --ktc-typography-component-dialog-body-letter-spacing: 0;
  --ktc-typography-component-dialog-body-text-decoration: none;
  --ktc-typography-component-dialog-body-text-case: none;
  --ktc-typography-component-toolbar-body-font-family: DM Mono;
  --ktc-typography-component-toolbar-body-font-weight: 500;
  --ktc-typography-component-toolbar-body-letter-spacing: -.25px;
  --ktc-typography-component-toolbar-body-text-decoration: none;
  --ktc-typography-component-toolbar-body-text-case: none;
  --ktc-typography-component-tooltip-body-font-family: DM Mono;
  --ktc-typography-component-tooltip-body-font-weight: 500;
  --ktc-typography-component-tooltip-body-letter-spacing: -.25px;
  --ktc-typography-component-tooltip-body-text-decoration: none;
  --ktc-typography-component-tooltip-body-text-case: none;
  --ktc-typography-component-time-select-label-font-family: DM Sans;
  --ktc-typography-component-time-select-label-font-weight: 500;
  --ktc-typography-component-time-select-label-letter-spacing: 0;
  --ktc-typography-component-time-select-label-text-decoration: none;
  --ktc-typography-component-time-select-label-text-case: none;
  --ktc-typography-component-time-select-helper-font-family: DM Sans;
  --ktc-typography-component-time-select-helper-font-weight: 500;
  --ktc-typography-component-time-select-helper-letter-spacing: 0;
  --ktc-typography-component-time-select-helper-text-decoration: none;
  --ktc-typography-component-time-select-helper-text-case: none;
  --ktc-typography-component-time-select-menu-create-item-helper-font-family: DM Sans;
  --ktc-typography-component-time-select-menu-create-item-helper-font-weight: 500;
  --ktc-typography-component-time-select-menu-create-item-helper-letter-spacing: 0;
  --ktc-typography-component-time-select-menu-create-item-helper-text-decoration: none;
  --ktc-typography-component-time-select-menu-create-item-helper-text-case: none;
  --ktc-typography-component-time-select-menu-create-item-label-font-family: DM Sans;
  --ktc-typography-component-time-select-menu-create-item-label-font-weight: 500;
  --ktc-typography-component-time-select-menu-create-item-label-letter-spacing: 0;
  --ktc-typography-component-time-select-menu-create-item-label-text-decoration: none;
  --ktc-typography-component-time-select-menu-create-item-label-text-case: none;
  --ktc-typography-component-time-select-menu-item-label-font-family: DM Sans;
  --ktc-typography-component-time-select-menu-item-label-font-weight: 500;
  --ktc-typography-component-time-select-menu-item-label-letter-spacing: 0;
  --ktc-typography-component-time-select-menu-item-label-text-decoration: none;
  --ktc-typography-component-time-select-menu-item-label-text-case: none;
  --ktc-typography-component-time-select-menu-header-label-font-family: DM Mono;
  --ktc-typography-component-time-select-menu-header-label-font-weight: 500;
  --ktc-typography-component-time-select-menu-header-label-letter-spacing: -.25px;
  --ktc-typography-component-time-select-menu-header-label-text-decoration: none;
  --ktc-typography-component-time-select-menu-header-label-text-case: uppercase;
  --ktc-typography-component-upload-label-font-family: DM Sans;
  --ktc-typography-component-upload-label-font-weight: 500;
  --ktc-typography-component-upload-label-letter-spacing: 0;
  --ktc-typography-component-upload-label-paragraph-spacing: 1px;
  --ktc-typography-component-upload-label-text-decoration: none;
  --ktc-typography-component-upload-label-text-case: none;
  --ktc-typography-component-upload-helper-font-family: DM Sans;
  --ktc-typography-component-upload-helper-font-weight: 500;
  --ktc-typography-component-upload-helper-letter-spacing: 0;
  --ktc-typography-component-upload-helper-paragraph-spacing: 1px;
  --ktc-typography-component-upload-helper-text-decoration: none;
  --ktc-typography-component-upload-helper-text-case: none;
  --ktc-typography-component-upload-field-text-font-family: DM Sans;
  --ktc-typography-component-upload-field-text-font-weight: 500;
  --ktc-typography-component-upload-field-text-letter-spacing: 0;
  --ktc-typography-component-upload-field-text-paragraph-spacing: 1px;
  --ktc-typography-component-upload-field-text-text-decoration: none;
  --ktc-typography-component-upload-field-text-text-case: none;
  --ktc-typography-component-stepper-label-font-family: DM Sans;
  --ktc-typography-component-stepper-label-font-weight: 500;
  --ktc-typography-component-stepper-label-letter-spacing: 0;
  --ktc-typography-component-stepper-label-paragraph-spacing: 1px;
  --ktc-typography-component-stepper-label-text-decoration: none;
  --ktc-typography-component-stepper-label-text-case: none;
  --ktc-typography-component-stepper-helper-font-family: DM Sans;
  --ktc-typography-component-stepper-helper-font-weight: 500;
  --ktc-typography-component-stepper-helper-letter-spacing: 0;
  --ktc-typography-component-stepper-helper-paragraph-spacing: 1px;
  --ktc-typography-component-stepper-helper-text-decoration: none;
  --ktc-typography-component-stepper-helper-text-case: none;
  --ktc-typography-component-stepper-field-text-font-family: DM Mono;
  --ktc-typography-component-stepper-field-text-font-weight: 500;
  --ktc-typography-component-stepper-field-text-letter-spacing: .25px;
  --ktc-typography-component-stepper-field-text-paragraph-spacing: 1px;
  --ktc-typography-component-stepper-field-text-text-decoration: none;
  --ktc-typography-component-stepper-field-text-text-case: none;
  --ktc-typography-component-text-area-label-font-family: DM Sans;
  --ktc-typography-component-text-area-label-font-weight: 500;
  --ktc-typography-component-text-area-label-letter-spacing: 0;
  --ktc-typography-component-text-area-label-paragraph-spacing: 1px;
  --ktc-typography-component-text-area-label-text-decoration: none;
  --ktc-typography-component-text-area-label-text-case: none;
  --ktc-typography-component-text-area-helper-font-family: DM Sans;
  --ktc-typography-component-text-area-helper-font-weight: 500;
  --ktc-typography-component-text-area-helper-letter-spacing: 0;
  --ktc-typography-component-text-area-helper-paragraph-spacing: 1px;
  --ktc-typography-component-text-area-helper-text-decoration: none;
  --ktc-typography-component-text-area-helper-text-case: none;
  --ktc-typography-component-text-area-field-text-font-family: DM Sans;
  --ktc-typography-component-text-area-field-text-font-weight: 500;
  --ktc-typography-component-text-area-field-text-letter-spacing: 0;
  --ktc-typography-component-text-area-field-text-paragraph-spacing: 1px;
  --ktc-typography-component-text-area-field-text-text-decoration: none;
  --ktc-typography-component-text-area-field-text-text-case: none;
  --ktc-typography-component-text-area-field-suffix-font-family: DM Sans;
  --ktc-typography-component-text-area-field-suffix-font-weight: 500;
  --ktc-typography-component-text-area-field-suffix-letter-spacing: 0;
  --ktc-typography-component-text-area-field-suffix-paragraph-spacing: 1px;
  --ktc-typography-component-text-area-field-suffix-text-decoration: none;
  --ktc-typography-component-text-area-field-suffix-text-case: none;
  --ktc-typography-component-rich-text-area-label-font-family: DM Sans;
  --ktc-typography-component-rich-text-area-label-font-weight: 500;
  --ktc-typography-component-rich-text-area-label-letter-spacing: 0;
  --ktc-typography-component-rich-text-area-label-paragraph-spacing: 1px;
  --ktc-typography-component-rich-text-area-label-text-decoration: none;
  --ktc-typography-component-rich-text-area-label-text-case: none;
  --ktc-typography-component-rich-text-area-helper-font-family: DM Sans;
  --ktc-typography-component-rich-text-area-helper-font-weight: 500;
  --ktc-typography-component-rich-text-area-helper-letter-spacing: 0;
  --ktc-typography-component-rich-text-area-helper-paragraph-spacing: 1px;
  --ktc-typography-component-rich-text-area-helper-text-decoration: none;
  --ktc-typography-component-rich-text-area-helper-text-case: none;
  --ktc-typography-component-rich-text-area-field-text-font-family: DM Sans;
  --ktc-typography-component-rich-text-area-field-text-font-weight: 500;
  --ktc-typography-component-rich-text-area-field-text-letter-spacing: 0;
  --ktc-typography-component-rich-text-area-field-text-paragraph-spacing: 1px;
  --ktc-typography-component-rich-text-area-field-text-text-decoration: none;
  --ktc-typography-component-rich-text-area-field-text-text-case: none;
  --ktc-typography-component-rich-text-area-field-suffix-font-family: DM Sans;
  --ktc-typography-component-rich-text-area-field-suffix-font-weight: 500;
  --ktc-typography-component-rich-text-area-field-suffix-letter-spacing: 0;
  --ktc-typography-component-rich-text-area-field-suffix-paragraph-spacing: 1px;
  --ktc-typography-component-rich-text-area-field-suffix-text-decoration: none;
  --ktc-typography-component-rich-text-area-field-suffix-text-case: none;
  --ktc-typography-component-preview-preview-label-font-family: DM Sans;
  --ktc-typography-component-preview-preview-label-font-weight: 700;
  --ktc-typography-component-preview-preview-label-letter-spacing: 0;
  --ktc-typography-component-preview-preview-label-text-decoration: none;
  --ktc-typography-component-preview-preview-label-text-case: capitalize;
  --ktc-typography-component-sms-preview-window-body-message-font-family: DM Sans;
  --ktc-typography-component-sms-preview-window-body-message-font-weight: 500;
  --ktc-typography-component-sms-preview-window-body-message-letter-spacing: 0;
  --ktc-typography-component-sms-preview-window-body-message-text-decoration: none;
  --ktc-typography-component-sms-preview-window-body-message-text-case: none;
  --ktc-typography-component-sms-preview-window-body-input-font-family: DM Sans;
  --ktc-typography-component-sms-preview-window-body-input-font-weight: 500;
  --ktc-typography-component-sms-preview-window-body-input-letter-spacing: 0;
  --ktc-typography-component-sms-preview-window-body-input-text-decoration: none;
  --ktc-typography-component-sms-preview-window-body-input-text-case: none;
  --ktc-typography-component-sms-preview-window-header-font-family: DM Sans;
  --ktc-typography-component-sms-preview-window-header-font-weight: 500;
  --ktc-typography-component-sms-preview-window-header-letter-spacing: 0;
  --ktc-typography-component-sms-preview-window-header-text-decoration: none;
  --ktc-typography-component-sms-preview-window-header-text-case: none;
  --ktc-dimension-width-nav-bar-collapsed-device-xs: 390px;
  --ktc-dimension-width-nav-bar-collapsed-device-sm: 768px;
  --ktc-dimension-gap-dropdown-area-vertical: 8px;
  --kts-box-shadow-focus-element: 0px 0px 0px 2px #e3f331;
  --kts-box-shadow-elevation-surface-highest: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --kts-box-shadow-elevation-surface-medium: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --cns-sys-box-shadow-elevation-surface-highest: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --kts-typography-style-header-xsmall-line-height: 15px;
  --kts-typography-style-header-xsmall-paragraph-spacing: 12px;
  --kts-typography-style-header-xsmall-font-size: 12px;
  --kts-typography-style-header-small-line-height: 18px;
  --kts-typography-style-header-small-paragraph-spacing: 14px;
  --kts-typography-style-header-small-font-size: 14px;
  --kts-typography-style-header-medium-line-height: 20px;
  --kts-typography-style-header-medium-paragraph-spacing: 16px;
  --kts-typography-style-header-medium-font-size: 16px;
  --kts-typography-style-header-large-line-height: 25px;
  --kts-typography-style-header-large-paragraph-spacing: 20px;
  --kts-typography-style-header-large-font-size: 20px;
  --kts-typography-style-header-xlarge-line-height: 30px;
  --kts-typography-style-header-xlarge-paragraph-spacing: 24px;
  --kts-typography-style-header-xlarge-font-size: 24px;
  --kts-typography-style-header-2xlarge-line-height: 40px;
  --kts-typography-style-header-2xlarge-paragraph-spacing: 32px;
  --kts-typography-style-header-2xlarge-font-size: 32px;
  --kts-typography-style-body-xsmall-font-size: 12px;
  --kts-typography-style-body-xsmall-paragraph-spacing: 12px;
  --kts-typography-style-body-xsmall-line-height: 18px;
  --kts-typography-style-body-2xsmall-font-size: 8px;
  --kts-typography-style-body-2xsmall-paragraph-spacing: 8px;
  --kts-typography-style-body-2xsmall-line-height: 12px;
  --kts-typography-style-body-small-font-size: 14px;
  --kts-typography-style-body-small-paragraph-spacing: 14px;
  --kts-typography-style-body-small-line-height: 21px;
  --kts-typography-style-body-medium-font-size: 16px;
  --kts-typography-style-body-medium-paragraph-spacing: 16px;
  --kts-typography-style-body-medium-line-height: 24px;
  --kts-typography-style-accent-xsmall-line-height: 18px;
  --kts-typography-style-accent-xsmall-paragraph-spacing: 12px;
  --kts-typography-style-accent-xsmall-font-size: 12px;
  --kts-typography-style-accent-small-line-height: 21px;
  --kts-typography-style-accent-small-paragraph-spacing: 14px;
  --kts-typography-style-accent-small-font-size: 14px;
  --kts-typography-style-accent-medium-line-height: 24px;
  --kts-typography-style-accent-medium-paragraph-spacing: 16px;
  --kts-typography-style-accent-medium-font-size: 16px;
  --kts-typography-style-accent-large-line-height: 25px;
  --kts-typography-style-accent-large-paragraph-spacing: 20px;
  --kts-typography-style-accent-large-font-size: 20px;
  --kts-typography-style-accent-xlarge-line-height: 30px;
  --kts-typography-style-accent-xlarge-paragraph-spacing: 24px;
  --kts-typography-style-accent-xlarge-font-size: 24px;
  --kts-typography-style-accent-2xlarge-line-height: 40px;
  --kts-typography-style-accent-2xlarge-paragraph-spacing: 32px;
  --kts-typography-style-accent-2xlarge-font-size: 32px;
  --ktc-color-background-komi-logo-primary: var(--kts-color-background-brand-primary);
  --ktc-color-background-komi-logo-secondary: var(--kts-color-background-brand-secondary);
  --ktc-color-background-komi-logo-dark: var(--kts-color-background-brand-dark);
  --ktc-color-background-komi-logo-light: var(--kts-color-background-brand-light);
  --ktc-color-background-komi-icon-primary: var(--kts-color-background-brand-primary);
  --ktc-color-background-page-default: var(--kts-color-background-surface-lowest-default);
  --ktc-color-background-page-support: var(--kts-color-background-surface-medium-default);
  --ktc-color-background-page-section-medium: var(--kts-color-background-surface-medium-default);
  --ktc-color-background-page-section-low: var(--kts-color-background-surface-low-default);
  --ktc-color-background-modal: color-mix(in srgb, var(--color-gray-900) 75%, transparent 0%);
  --ktc-color-background-toolbar: var(--kts-color-background-accent-default);
  --ktc-color-background-nav-bar-item-default: var(--kts-color-background-accent-default);
  --ktc-color-background-nav-bar-item-hover: var(--kts-color-background-accent-hover);
  --ktc-color-background-nav-bar-item-active: var(--kts-color-background-accent-active);
  --ktc-color-background-nav-bar-item-disabled: var(--kts-color-background-accent-disabled);
  --ktc-color-background-nav-bar-item-highlighted-default: var(--kts-color-background-brand-primary);
  --ktc-color-background-nav-bar-item-highlighted-disabled: var(--kts-color-background-accent-disabled);
  --ktc-color-background-nav-bar-scrollbar-track-default: var(--kts-color-background-accent-hover);
  --ktc-color-background-nav-bar-scrollbar-track-disabled: var(--kts-color-background-accent-disabled);
  --ktc-color-background-nav-bar-scrollbar-handle-default: var(--kts-color-background-tertiary-default);
  --ktc-color-background-nav-bar-scrollbar-handle-hover: var(--kts-color-background-tertiary-hover);
  --ktc-color-background-nav-bar-scrollbar-handle-active: var(--kts-color-background-tertiary-active);
  --ktc-color-background-nav-bar-scrollbar-handle-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-nav-bar-nav-bar-default: var(--kts-color-background-accent-default);
  --ktc-color-background-user-menu-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-user-menu-item-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-user-menu-item-hover: var(--kts-color-background-surface-highest-hover);
  --ktc-color-background-user-menu-item-active: var(--kts-color-background-surface-highest-active);
  --ktc-color-background-user-menu-item-disabled: var(--kts-color-background-surface-highest-disabled);
  --ktc-color-background-user-menu-scrollbar-track-default: var(--kts-color-background-surface-highest-active);
  --ktc-color-background-user-menu-scrollbar-track-disabled: var(--kts-color-background-surface-highest-disabled);
  --ktc-color-background-user-menu-scrollbar-handle-default: var(--kts-color-background-accent-default);
  --ktc-color-background-user-menu-scrollbar-handle-hover: var(--kts-color-background-accent-hover);
  --ktc-color-background-user-menu-scrollbar-handle-active: var(--kts-color-background-accent-active);
  --ktc-color-background-user-menu-scrollbar-handle-disabled: var(--kts-color-background-accent-disabled);
  --ktc-color-background-brandbar-default: var(--kts-color-background-accent-default);
  --ktc-color-background-button-medium-primary-default: var(--kts-color-background-primary-default);
  --ktc-color-background-button-medium-primary-hover: var(--kts-color-background-primary-hover);
  --ktc-color-background-button-medium-primary-active: var(--kts-color-background-primary-active);
  --ktc-color-background-button-medium-primary-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-button-medium-secondary-default: var(--kts-color-background-secondary-default);
  --ktc-color-background-button-medium-secondary-hover: var(--kts-color-background-secondary-hover);
  --ktc-color-background-button-medium-secondary-active: var(--kts-color-background-secondary-active);
  --ktc-color-background-button-medium-secondary-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-button-medium-tertiary-default: var(--kts-color-background-tertiary-default);
  --ktc-color-background-button-medium-tertiary-hover: var(--kts-color-background-tertiary-hover);
  --ktc-color-background-button-medium-tertiary-active: var(--kts-color-background-tertiary-active);
  --ktc-color-background-button-medium-tertiary-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-button-medium-danger-default: var(--kts-color-background-danger-default);
  --ktc-color-background-button-medium-danger-hover: var(--kts-color-background-danger-hover);
  --ktc-color-background-button-medium-danger-active: var(--kts-color-background-danger-active);
  --ktc-color-background-button-medium-danger-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-button-medium-adaptive-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-medium-adaptive-hover: color-mix(in srgb, var(--color-white) 12.5%, transparent 0%);
  --ktc-color-background-button-medium-adaptive-active: color-mix(in srgb, var(--color-white) 25%, transparent 0%);
  --ktc-color-background-button-medium-adaptive-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-full-primary-default: var(--kts-color-background-primary-default);
  --ktc-color-background-button-full-primary-hover: var(--kts-color-background-primary-hover);
  --ktc-color-background-button-full-primary-active: var(--kts-color-background-primary-active);
  --ktc-color-background-button-full-primary-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-button-full-secondary-default: var(--kts-color-background-secondary-default);
  --ktc-color-background-button-full-secondary-hover: var(--kts-color-background-secondary-hover);
  --ktc-color-background-button-full-secondary-active: var(--kts-color-background-secondary-active);
  --ktc-color-background-button-full-secondary-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-button-full-tertiary-default: var(--kts-color-background-tertiary-default);
  --ktc-color-background-button-full-tertiary-hover: var(--kts-color-background-tertiary-hover);
  --ktc-color-background-button-full-tertiary-active: var(--kts-color-background-tertiary-active);
  --ktc-color-background-button-full-tertiary-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-button-full-danger-default: var(--kts-color-background-danger-default);
  --ktc-color-background-button-full-danger-hover: var(--kts-color-background-danger-hover);
  --ktc-color-background-button-full-danger-active: var(--kts-color-background-danger-active);
  --ktc-color-background-button-full-danger-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-button-full-adaptive-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-button-full-adaptive-hover: color-mix(in srgb, var(--color-white) 12.5%, transparent 0%);
  --ktc-color-background-button-full-adaptive-active: color-mix(in srgb, var(--color-white) 25%, transparent 0%);
  --ktc-color-background-button-full-adaptive-disabled: color-mix(in srgb, #fff 0%, transparent 0%);
  --ktc-color-background-avatar-default: var(--kts-color-background-secondary-default);
  --ktc-color-background-avatar-icon: var(--kts-color-background-brand-primary);
  --ktc-color-background-text-input-field-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-text-input-field-disabled: var(--kts-color-background-surface-high-disabled);
  --ktc-color-background-text-input-field-read-only: var(--kts-color-background-surface-high-read-only);
  --ktc-color-background-dropdown-field-read-only: var(--kts-color-background-surface-high-read-only);
  --ktc-color-background-dropdown-field-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-dropdown-field-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-dropdown-menu-item-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-dropdown-menu-item-hover: var(--kts-color-background-surface-highest-hover);
  --ktc-color-background-dropdown-menu-item-active: var(--kts-color-background-surface-highest-active);
  --ktc-color-background-dropdown-menu-item-selected: var(--kts-color-background-surface-highest-selected-default);
  --ktc-color-background-dropdown-menu-item-disabled: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-dropdown-menu-item-multi-selected: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-dropdown-menu-header: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-dropdown-menu-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-dropdown-menu-empty: var(--kts-color-background-surface-highest-empty);
  --ktc-color-background-dropdown-menu-create-item-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-dropdown-menu-create-item-hover: var(--kts-color-background-surface-highest-hover);
  --ktc-color-background-dropdown-menu-create-item-active: var(--kts-color-background-surface-highest-active);
  --ktc-color-background-dropdown-menu-create-item-selected: var(--kts-color-background-surface-highest-selected-default);
  --ktc-color-background-dropdown-menu-create-item-disabled: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-dropdown-menu-create-item-multi-selected: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-dropdown-area-read-only: var(--kts-color-background-surface-high-read-only);
  --ktc-color-background-dropdown-area-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-dropdown-area-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-search-field-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-search-field-disabled: var(--kts-color-background-surface-high-disabled);
  --ktc-color-background-datatable-table-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-datatable-table-empty: var(--kts-color-background-surface-high-empty);
  --ktc-color-background-datatable-table-header-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-datatable-table-header-hover: var(--kts-color-background-surface-high-hover);
  --ktc-color-background-datatable-table-cell-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-datatable-table-cell-hover: var(--kts-color-background-surface-high-hover);
  --ktc-color-background-login-header: var(--kts-color-background-accent-default);
  --ktc-color-background-login-body: var(--kts-color-background-surface-medium-default);
  --ktc-color-background-chip-filter-unselected-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-chip-filter-unselected-hover: var(--kts-color-background-surface-high-hover);
  --ktc-color-background-chip-filter-unselected-active: var(--kts-color-background-surface-high-active);
  --ktc-color-background-chip-filter-unselected-disabled: var(--kts-color-background-surface-high-default);
  --ktc-color-background-chip-filter-selected-default: var(--kts-color-background-surface-high-selected-default);
  --ktc-color-background-chip-filter-selected-hover: var(--kts-color-background-surface-high-selected-hover);
  --ktc-color-background-chip-filter-selected-active: var(--kts-color-background-surface-high-selected-active);
  --ktc-color-background-chip-filter-selected-disabled: var(--kts-color-background-surface-high-selected-disabled);
  --ktc-color-background-slider-indicator: var(--kts-color-background-primary-default);
  --ktc-color-background-slider-knob: var(--kts-color-background-surface-high-default);
  --ktc-color-background-switch-knob: var(--kts-color-background-surface-high-default);
  --ktc-color-background-switch-unselected-default: var(--kts-color-background-secondary-default);
  --ktc-color-background-switch-unselected-hover: var(--kts-color-background-secondary-hover);
  --ktc-color-background-switch-unselected-active: var(--kts-color-background-secondary-active);
  --ktc-color-background-switch-unselected-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-switch-selected-default: var(--kts-color-background-primary-default);
  --ktc-color-background-switch-selected-hover: var(--kts-color-background-primary-hover);
  --ktc-color-background-switch-selected-active: var(--kts-color-background-primary-active);
  --ktc-color-background-switch-selected-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-progress-tracker-default: var(--kts-color-background-surface-low-default);
  --ktc-color-background-progress-tracker-indicator: var(--kts-color-background-primary-default);
  --ktc-color-background-tag-default: var(--kts-color-background-support-muted-default);
  --ktc-color-background-tag-primary: var(--kts-color-background-support-muted-primary);
  --ktc-color-background-tag-info: var(--kts-color-background-support-muted-info);
  --ktc-color-background-tag-success: var(--kts-color-background-support-muted-success);
  --ktc-color-background-tag-warning: var(--kts-color-background-support-muted-warning);
  --ktc-color-background-tag-error: var(--kts-color-background-support-muted-error);
  --ktc-color-background-tag-brand: var(--kts-color-background-support-muted-brand);
  --ktc-color-background-tag-other: var(--kts-color-background-support-muted-other);
  --ktc-color-background-illustration: var(--kts-color-background-brand-primary);
  --ktc-color-background-message-info: var(--kts-color-background-support-muted-info);
  --ktc-color-background-message-default: var(--kts-color-background-support-muted-default);
  --ktc-color-background-message-success: var(--kts-color-background-support-muted-success);
  --ktc-color-background-message-warning: var(--kts-color-background-support-muted-warning);
  --ktc-color-background-message-error: var(--kts-color-background-support-muted-error);
  --ktc-color-background-card-static-high-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-card-static-medium-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-card-static-low-default: var(--kts-color-background-surface-low-default);
  --ktc-color-background-card-image-medium-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-card-interactive-high-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-card-interactive-high-hover: var(--kts-color-background-surface-high-hover);
  --ktc-color-background-card-interactive-high-active: var(--kts-color-background-surface-high-active);
  --ktc-color-background-card-interactive-high-disabled: var(--kts-color-background-surface-high-default);
  --ktc-color-background-card-interactive-medium-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-card-interactive-medium-hover: var(--kts-color-background-surface-high-hover);
  --ktc-color-background-card-interactive-medium-active: var(--kts-color-background-surface-high-active);
  --ktc-color-background-card-interactive-medium-disabled: var(--kts-color-background-surface-high-default);
  --ktc-color-background-card-selected-high-default: var(--kts-color-background-surface-high-selected-default);
  --ktc-color-background-card-selected-high-hover: var(--kts-color-background-surface-high-selected-hover);
  --ktc-color-background-card-selected-high-active: var(--kts-color-background-surface-high-selected-hover);
  --ktc-color-background-card-selected-high-disabled: var(--kts-color-background-surface-high-selected-disabled);
  --ktc-color-background-toast-default: var(--kts-color-background-support-deep-default);
  --ktc-color-background-toast-info: var(--kts-color-background-support-deep-info);
  --ktc-color-background-toast-success: var(--kts-color-background-support-deep-success);
  --ktc-color-background-toast-warning: var(--kts-color-background-support-deep-warning);
  --ktc-color-background-toast-error: var(--kts-color-background-support-deep-error);
  --ktc-color-background-dialog-body: var(--kts-color-background-surface-medium-default);
  --ktc-color-background-tooltip-default: var(--kts-color-background-accent-default);
  --ktc-color-background-tooltip-subtle: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-menu-calendar-date-item-unselected-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-menu-calendar-date-item-unselected-hover: var(--kts-color-background-surface-highest-hover);
  --ktc-color-background-date-picker-menu-calendar-date-item-unselected-active: var(--kts-color-background-surface-highest-active);
  --ktc-color-background-date-picker-menu-calendar-date-item-unselected-disabled: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-menu-calendar-date-item-selected-default: var(--kts-color-background-surface-highest-selected-default);
  --ktc-color-background-date-picker-menu-calendar-date-item-selected-hover: var(--kts-color-background-surface-highest-selected-hover);
  --ktc-color-background-date-picker-menu-calendar-date-item-selected-active: var(--kts-color-background-surface-highest-selected-active);
  --ktc-color-background-date-picker-menu-calendar-date-item-selected-disabled: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-menu-calendar-date-item-current-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-menu-calendar-date-item-current-hover: var(--kts-color-background-surface-highest-hover);
  --ktc-color-background-date-picker-menu-calendar-date-item-current-active: var(--kts-color-background-surface-highest-active);
  --ktc-color-background-date-picker-menu-calendar-date-item-current-disabled: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-menu-header-controls-dropdown-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-menu-header-controls-dropdown-hover: var(--kts-color-background-surface-highest-hover);
  --ktc-color-background-date-picker-menu-header-controls-dropdown-active: var(--kts-color-background-surface-highest-active);
  --ktc-color-background-date-picker-menu-header-controls-dropdown-disabled: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-menu-item-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-menu-item-hover: var(--kts-color-background-surface-highest-hover);
  --ktc-color-background-date-picker-menu-item-active: var(--kts-color-background-surface-highest-active);
  --ktc-color-background-date-picker-menu-item-selected: var(--kts-color-background-surface-highest-selected-default);
  --ktc-color-background-date-picker-menu-item-disabled: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-date-picker-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-button-group-floating: linear-gradient(180deg, rgba(247, 247, 248, 0), #f6f6f7 75%);
  --ktc-color-background-more-menu-menu-default: var(--kts-color-background-surface-highest-default);
  --ktc-color-background-status-large-default: var(--kts-color-background-support-muted-default);
  --ktc-color-background-status-large-loading: var(--kts-color-background-support-muted-default);
  --ktc-color-background-status-large-info: var(--kts-color-background-support-muted-info);
  --ktc-color-background-status-large-success: var(--kts-color-background-support-muted-success);
  --ktc-color-background-status-large-warning: var(--kts-color-background-support-muted-warning);
  --ktc-color-background-status-large-error: var(--kts-color-background-support-muted-error);
  --ktc-color-background-upload-field-field-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-upload-field-field-disabled: var(--kts-color-background-surface-high-disabled);
  --ktc-color-background-upload-field-item-default: var(--kts-color-background-surface-lowest-default);
  --ktc-color-background-upload-cropper-preview: var(--kts-color-background-accent-default);
  --ktc-color-background-upload-cropper-mask: color-mix(in srgb, var(--color-gray-900) 75%, transparent 0%);
  --ktc-color-background-stepper-field-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-stepper-field-disabled: var(--kts-color-background-surface-high-disabled);
  --ktc-color-background-stepper-field-read-only: var(--kts-color-background-surface-high-read-only);
  --ktc-color-background-text-area-field-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-text-area-field-disabled: var(--kts-color-background-surface-high-disabled);
  --ktc-color-background-text-area-field-read-only: var(--kts-color-background-surface-high-read-only);
  --ktc-color-background-scrollbar-track-default: var(--kts-color-background-surface-high-empty);
  --ktc-color-background-scrollbar-track-disabled: var(--kts-color-background-surface-high-disabled);
  --ktc-color-background-scrollbar-handle-default: var(--kts-color-background-secondary-default);
  --ktc-color-background-scrollbar-handle-hover: var(--kts-color-background-secondary-hover);
  --ktc-color-background-scrollbar-handle-active: var(--kts-color-background-secondary-active);
  --ktc-color-background-scrollbar-handle-disabled: var(--kts-color-background-disabled);
  --ktc-color-background-tab-bar-item-selected-default: var(--kts-color-background-surface-medium-default);
  --ktc-color-background-tab-bar-item-selected-hover: var(--kts-color-background-surface-medium-hover);
  --ktc-color-background-tab-bar-item-selected-active: var(--kts-color-background-surface-medium-active);
  --ktc-color-background-tab-bar-item-selected-disabled: var(--kts-color-background-surface-medium-default);
  --ktc-color-background-tab-bar-item-unselected-hover: var(--kts-color-background-surface-medium-selected-hover);
  --ktc-color-background-tab-bar-item-unselected-active: var(--kts-color-background-surface-medium-selected-active);
  --ktc-color-background-tab-bar-tab-bar-default: var(--kts-color-background-surface-low-default);
  --ktc-color-background-loading-state-skeleton: var(--kts-color-background-support-muted-default);
  --ktc-color-background-rich-text-area-field-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-rich-text-area-field-disabled: var(--kts-color-background-surface-high-disabled);
  --ktc-color-background-rich-text-area-field-read-only: var(--kts-color-background-surface-high-read-only);
  --ktc-color-background-rich-text-area-format-default: var(--kts-color-background-surface-high-default);
  --ktc-color-background-rich-text-area-format-disabled: var(--kts-color-background-surface-high-disabled);
  --ktc-color-background-preview-preview-collapsed: var(--kts-color-background-accent-default);
  --ktc-color-background-preview-switcher: var(--kts-color-background-surface-medium-default);
  --ktc-color-background-sms-preview-background: var(--kts-color-background-support-muted-primary);
  --ktc-color-background-sms-preview-window-body-background: var(--kts-color-background-surface-medium-default);
  --ktc-color-background-sms-preview-window-body-input: var(--kts-color-background-surface-medium-default);
  --ktc-color-background-sms-preview-window-body-message: var(--kts-color-background-support-muted-default);
  --ktc-color-background-sms-preview-window-header-background: var(--kts-color-background-support-muted-default);
  --ktc-color-text-nav-bar-item-default: var(--kts-color-text-on-color-default);
  --ktc-color-text-nav-bar-item-highlighted-default: var(--kts-color-text-primary-default);
  --ktc-color-text-nav-bar-item-disabled: color-mix(in srgb, var(--color-white) 75%, transparent 0%);
  --ktc-color-text-user-menu-item-default: var(--kts-color-text-ink-default);
  --ktc-color-text-user-menu-item-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-user-menu-subitem-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-user-menu-subitem-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-checkbox-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-checkbox-label-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-checkbox-group-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-checkbox-group-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-text-radio-group-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-radio-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-radio-label-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-menu-item-title-default: var(--kts-color-text-ink-default);
  --ktc-color-text-menu-item-title-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-menu-item-section-header: var(--kts-color-text-charcoal-default);
  --ktc-color-text-button-medium-primary-default: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-medium-primary-hover: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-medium-primary-active: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-medium-primary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-medium-secondary-default: var(--kts-color-text-secondary-default);
  --ktc-color-text-button-medium-secondary-hover: var(--kts-color-text-secondary-hover);
  --ktc-color-text-button-medium-secondary-active: var(--kts-color-text-secondary-active);
  --ktc-color-text-button-medium-secondary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-medium-tertiary-default: var(--kts-color-text-tertiary-default);
  --ktc-color-text-button-medium-tertiary-hover: var(--kts-color-text-tertiary-hover);
  --ktc-color-text-button-medium-tertiary-active: var(--kts-color-text-tertiary-active);
  --ktc-color-text-button-medium-tertiary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-medium-danger-default: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-medium-danger-hover: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-medium-danger-active: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-medium-danger-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-medium-adaptive-default: var(--kts-color-text-adaptive-default);
  --ktc-color-text-button-medium-adaptive-hover: var(--kts-color-text-adaptive-default);
  --ktc-color-text-button-medium-adaptive-active: var(--kts-color-text-adaptive-default);
  --ktc-color-text-button-medium-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --ktc-color-text-button-small-primary-default: var(--kts-color-text-primary-default);
  --ktc-color-text-button-small-primary-hover: var(--kts-color-text-primary-hover);
  --ktc-color-text-button-small-primary-active: var(--kts-color-text-primary-active);
  --ktc-color-text-button-small-primary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-small-secondary-default: var(--kts-color-text-secondary-default);
  --ktc-color-text-button-small-secondary-hover: var(--kts-color-text-secondary-hover);
  --ktc-color-text-button-small-secondary-active: var(--kts-color-text-secondary-active);
  --ktc-color-text-button-small-secondary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-small-tertiary-default: var(--kts-color-text-tertiary-default);
  --ktc-color-text-button-small-tertiary-hover: var(--kts-color-text-tertiary-hover);
  --ktc-color-text-button-small-tertiary-active: var(--kts-color-text-tertiary-active);
  --ktc-color-text-button-small-tertiary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-small-danger-default: var(--kts-color-text-danger-default);
  --ktc-color-text-button-small-danger-hover: var(--kts-color-text-danger-hover);
  --ktc-color-text-button-small-danger-active: var(--kts-color-text-danger-active);
  --ktc-color-text-button-small-danger-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-small-adaptive-default: var(--kts-color-text-adaptive-default);
  --ktc-color-text-button-small-adaptive-hover: color-mix(in srgb, var(--color-white) 80%, transparent 0%);
  --ktc-color-text-button-small-adaptive-active: color-mix(in srgb, var(--color-white) 70%, transparent 0%);
  --ktc-color-text-button-small-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --ktc-color-text-button-xsmall-primary-default: var(--kts-color-text-primary-default);
  --ktc-color-text-button-xsmall-primary-hover: var(--kts-color-text-primary-hover);
  --ktc-color-text-button-xsmall-primary-active: var(--kts-color-text-primary-active);
  --ktc-color-text-button-xsmall-primary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-xsmall-secondary-default: var(--kts-color-text-secondary-default);
  --ktc-color-text-button-xsmall-secondary-hover: var(--kts-color-text-secondary-hover);
  --ktc-color-text-button-xsmall-secondary-active: var(--kts-color-text-secondary-active);
  --ktc-color-text-button-xsmall-secondary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-xsmall-tertiary-default: var(--kts-color-text-tertiary-default);
  --ktc-color-text-button-xsmall-tertiary-hover: var(--kts-color-text-tertiary-hover);
  --ktc-color-text-button-xsmall-tertiary-active: var(--kts-color-text-tertiary-active);
  --ktc-color-text-button-xsmall-tertiary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-xsmall-danger-default: var(--kts-color-text-danger-default);
  --ktc-color-text-button-xsmall-danger-hover: var(--kts-color-text-danger-hover);
  --ktc-color-text-button-xsmall-danger-active: var(--kts-color-text-danger-active);
  --ktc-color-text-button-xsmall-danger-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-xsmall-adaptive-default: var(--kts-color-text-adaptive-default);
  --ktc-color-text-button-xsmall-adaptive-hover: color-mix(in srgb, var(--color-white) 80%, transparent 0%);
  --ktc-color-text-button-xsmall-adaptive-active: color-mix(in srgb, var(--color-white) 70%, transparent 0%);
  --ktc-color-text-button-xsmall-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --ktc-color-text-button-full-primary-default: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-full-primary-hover: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-full-primary-active: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-full-primary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-full-secondary-default: var(--kts-color-text-secondary-default);
  --ktc-color-text-button-full-secondary-hover: var(--kts-color-text-secondary-hover);
  --ktc-color-text-button-full-secondary-active: var(--kts-color-text-secondary-active);
  --ktc-color-text-button-full-secondary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-full-tertiary-default: var(--kts-color-text-tertiary-default);
  --ktc-color-text-button-full-tertiary-hover: var(--kts-color-text-tertiary-hover);
  --ktc-color-text-button-full-tertiary-active: var(--kts-color-text-tertiary-active);
  --ktc-color-text-button-full-tertiary-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-full-danger-default: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-full-danger-hover: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-full-danger-active: var(--kts-color-text-on-color-default);
  --ktc-color-text-button-full-danger-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-button-full-adaptive-default: var(--kts-color-text-adaptive-default);
  --ktc-color-text-button-full-adaptive-hover: var(--kts-color-text-adaptive-default);
  --ktc-color-text-button-full-adaptive-active: var(--kts-color-text-adaptive-default);
  --ktc-color-text-button-full-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --ktc-color-text-avatar-default: var(--kts-color-text-on-color-default);
  --ktc-color-text-text-input-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-text-input-field-text: var(--kts-color-text-ink-default);
  --ktc-color-text-text-input-field-suffix: var(--kts-color-text-ink-default);
  --ktc-color-text-text-input-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-text-input-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-text-slider-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-status-default: var(--kts-color-text-ink-default);
  --ktc-color-text-search-label: var(--kts-color-text-charcoal-default);
  --ktc-color-text-search-text: var(--kts-color-text-ink-default);
  --ktc-color-text-search-placeholder: var(--kts-color-text-graphite-default);
  --ktc-color-text-dropdown-label: var(--kts-color-text-charcoal-default);
  --ktc-color-text-dropdown-area-label: var(--kts-color-text-charcoal-default);
  --ktc-color-text-dropdown-area-helper: var(--kts-color-text-charcoal-default);
  --ktc-color-text-dropdown-area-text: var(--kts-color-text-ink-default);
  --ktc-color-text-dropdown-text: var(--kts-color-text-ink-default);
  --ktc-color-text-dropdown-menu-item-default: var(--kts-color-text-ink-default);
  --ktc-color-text-dropdown-menu-item-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-dropdown-menu-header-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-dropdown-menu-create-item-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-dropdown-menu-create-item-label-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-dropdown-menu-create-item-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-dropdown-placeholder: var(--kts-color-text-ink-default);
  --ktc-color-text-dropdown-helper: var(--kts-color-text-charcoal-default);
  --ktc-color-text-dropdown-error: var(--kts-color-text-danger-default);
  --ktc-color-text-combo-input-item-country-code: var(--kts-color-text-ink-default);
  --ktc-color-text-combo-input-label: var(--kts-color-text-charcoal-default);
  --ktc-color-text-combo-input-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-combo-input-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-text-time-select-label: var(--kts-color-text-charcoal-default);
  --ktc-color-text-time-select-helper: var(--kts-color-text-graphite-default);
  --ktc-color-text-time-select-error: var(--kts-color-text-danger-default);
  --ktc-color-text-datatable-table-header: var(--kts-color-text-ink-default);
  --ktc-color-text-datatable-table-cell: var(--kts-color-text-ink-default);
  --ktc-color-text-datatable-table-empty-body-default: var(--kts-color-icon-charcoal-default);
  --ktc-color-text-datatable-table-empty-header-default: var(--kts-color-text-ink-default);
  --ktc-color-text-datatable-footer-helper: var(--kts-color-icon-charcoal-default);
  --ktc-color-text-login-body: var(--kts-color-icon-ink-default);
  --ktc-color-text-chip-filter-default: var(--kts-color-text-ink-default);
  --ktc-color-text-chip-filter-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-progress-tracker-step-label: var(--kts-color-text-support-primary);
  --ktc-color-text-tag-default: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-text-tag-primary: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-text-tag-info: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-text-tag-success: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-text-tag-warning: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-text-tag-error: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-text-tag-brand: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-text-tag-other: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-text-message-default: var(--kts-color-icon-ink-default);
  --ktc-color-text-card-body-default: var(--kts-color-text-ink-default);
  --ktc-color-text-card-body-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-card-label-default: var(--kts-color-icon-charcoal-default);
  --ktc-color-text-card-label-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-card-header-default: var(--kts-color-text-ink-default);
  --ktc-color-text-card-header-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-toast-default: var(--kts-color-text-on-color-default);
  --ktc-color-text-dialog-header: var(--kts-color-icon-ink-default);
  --ktc-color-text-dialog-body: var(--kts-color-icon-charcoal-default);
  --ktc-color-text-tooltip-body-default: var(--kts-color-text-on-color-default);
  --ktc-color-text-tooltip-body-subtle: var(--kts-color-text-charcoal-default);
  --ktc-color-text-toolbar-body: var(--kts-color-text-on-color-default);
  --ktc-color-text-date-picker-menu-calendar-date-item-default: var(--kts-color-text-ink-default);
  --ktc-color-text-date-picker-menu-calendar-date-item-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-date-picker-menu-header-controls-dropdown-default: var(--kts-color-text-ink-default);
  --ktc-color-text-date-picker-menu-header-controls-dropdown-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-date-picker-menu-item: var(--kts-color-text-ink-default);
  --ktc-color-text-page-header: var(--kts-color-icon-ink-default);
  --ktc-color-text-page-section-body-default: var(--kts-color-text-ink-default);
  --ktc-color-text-page-section-body-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-page-section-label-default: var(--kts-color-icon-charcoal-default);
  --ktc-color-text-page-section-label-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-page-section-header-default: var(--kts-color-text-ink-default);
  --ktc-color-text-page-section-header-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-upload-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-upload-field-text: var(--kts-color-text-ink-default);
  --ktc-color-text-upload-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-upload-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-text-stepper-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-stepper-field-text: var(--kts-color-text-ink-default);
  --ktc-color-text-stepper-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-stepper-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-text-text-area-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-text-area-field-text: var(--kts-color-text-ink-default);
  --ktc-color-text-text-area-field-suffix: var(--kts-color-text-ink-default);
  --ktc-color-text-text-area-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-text-area-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-text-tab-bar-item-selected-label-default: var(--kts-color-text-ink-default);
  --ktc-color-text-tab-bar-item-selected-label-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-tab-bar-item-unselected-label-default: var(--kts-color-text-ink-default);
  --ktc-color-text-tab-bar-item-unselected-label-disabled: var(--kts-color-text-disabled);
  --ktc-color-text-rich-text-area-label-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-rich-text-area-field-text: var(--kts-color-text-ink-default);
  --ktc-color-text-rich-text-area-field-suffix: var(--kts-color-text-ink-default);
  --ktc-color-text-rich-text-area-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-text-rich-text-area-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-text-preview-preview-collapsed: var(--kts-color-text-on-color-default);
  --ktc-color-text-sms-preview-window-body-message-text: var(--kts-color-icon-ink-default);
  --ktc-color-text-sms-preview-window-body-input: var(--kts-color-icon-graphite-default);
  --ktc-color-text-sms-preview-window-header: var(--kts-color-icon-charcoal-default);
  --ktc-color-icon-selected-tab-bar-item-selected-icon-default: var(--kts-color-icon-ink-default);
  --ktc-color-icon-selected-tab-bar-item-selected-icon-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-selected-tab-bar-item-unselected-icon-default: var(--kts-color-icon-ink-default);
  --ktc-color-icon-selected-tab-bar-item-unselected-icon-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-logo-default: var(--kts-color-background-on-brand-default);
  --ktc-color-icon-nav-bar-item-default: var(--kts-color-text-on-color-default);
  --ktc-color-icon-nav-bar-item-highlighted-default: var(--kts-color-icon-primary-default);
  --ktc-color-icon-nav-bar-item-disabled: color-mix(in srgb, var(--color-white) 75%, transparent 0%);
  --ktc-color-icon-user-menu-item-default: var(--kts-color-text-ink-default);
  --ktc-color-icon-user-menu-item-disabled: var(--kts-color-text-disabled);
  --ktc-color-icon-user-menu-subitem-default: var(--kts-color-text-charcoal-default);
  --ktc-color-icon-user-menu-subitem-disabled: var(--kts-color-text-disabled);
  --ktc-color-icon-checkbox-unselected-default: var(--kts-color-icon-graphite-default);
  --ktc-color-icon-checkbox-unselected-hover: var(--kts-color-icon-graphite-hover);
  --ktc-color-icon-checkbox-unselected-active: var(--kts-color-icon-graphite-active);
  --ktc-color-icon-checkbox-unselected-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-checkbox-selected-default: var(--kts-color-icon-primary-default);
  --ktc-color-icon-checkbox-selected-hover: var(--kts-color-icon-primary-hover);
  --ktc-color-icon-checkbox-selected-active: var(--kts-color-icon-primary-active);
  --ktc-color-icon-checkbox-selected-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-radio-unselected-default: var(--kts-color-icon-charcoal-default);
  --ktc-color-icon-radio-unselected-hover: var(--kts-color-icon-charcoal-hover);
  --ktc-color-icon-radio-unselected-active: var(--kts-color-icon-charcoal-active);
  --ktc-color-icon-radio-unselected-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-radio-selected-default: var(--kts-color-icon-primary-default);
  --ktc-color-icon-radio-selected-hover: var(--kts-color-icon-primary-hover);
  --ktc-color-icon-radio-selected-active: var(--kts-color-icon-primary-active);
  --ktc-color-icon-radio-selected-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-medium-primary-default: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-medium-primary-hover: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-medium-primary-active: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-medium-primary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-medium-secondary-default: var(--kts-color-icon-secondary-default);
  --ktc-color-icon-button-medium-secondary-hover: var(--kts-color-icon-secondary-hover);
  --ktc-color-icon-button-medium-secondary-active: var(--kts-color-icon-secondary-active);
  --ktc-color-icon-button-medium-secondary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-medium-tertiary-default: var(--kts-color-icon-tertiary-default);
  --ktc-color-icon-button-medium-tertiary-hover: var(--kts-color-icon-tertiary-hover);
  --ktc-color-icon-button-medium-tertiary-active: var(--kts-color-icon-tertiary-active);
  --ktc-color-icon-button-medium-tertiary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-medium-danger-default: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-medium-danger-hover: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-medium-danger-active: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-medium-danger-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-medium-adaptive-default: var(--kts-color-icon-adaptive-default);
  --ktc-color-icon-button-medium-adaptive-hover: var(--kts-color-icon-adaptive-default);
  --ktc-color-icon-button-medium-adaptive-active: var(--kts-color-icon-adaptive-default);
  --ktc-color-icon-button-medium-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --ktc-color-icon-button-small-primary-default: var(--kts-color-icon-primary-default);
  --ktc-color-icon-button-small-primary-hover: var(--kts-color-icon-primary-hover);
  --ktc-color-icon-button-small-primary-active: var(--kts-color-icon-primary-active);
  --ktc-color-icon-button-small-primary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-small-secondary-default: var(--kts-color-text-secondary-default);
  --ktc-color-icon-button-small-secondary-hover: var(--kts-color-text-secondary-hover);
  --ktc-color-icon-button-small-secondary-active: var(--kts-color-text-secondary-active);
  --ktc-color-icon-button-small-secondary-disabled: var(--kts-color-text-disabled);
  --ktc-color-icon-button-small-tertiary-default: var(--kts-color-icon-tertiary-default);
  --ktc-color-icon-button-small-tertiary-hover: var(--kts-color-icon-tertiary-hover);
  --ktc-color-icon-button-small-tertiary-active: var(--kts-color-icon-tertiary-active);
  --ktc-color-icon-button-small-tertiary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-small-danger-default: var(--kts-color-icon-danger-default);
  --ktc-color-icon-button-small-danger-hover: var(--kts-color-icon-danger-hover);
  --ktc-color-icon-button-small-danger-active: var(--kts-color-icon-danger-active);
  --ktc-color-icon-button-small-danger-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-small-adaptive-default: var(--kts-color-icon-adaptive-default);
  --ktc-color-icon-button-small-adaptive-hover: color-mix(in srgb, var(--color-white) 80%, transparent 0%);
  --ktc-color-icon-button-small-adaptive-active: color-mix(in srgb, var(--color-white) 70%, transparent 0%);
  --ktc-color-icon-button-small-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --ktc-color-icon-button-xsmall-primary-default: var(--kts-color-icon-primary-default);
  --ktc-color-icon-button-xsmall-primary-hover: var(--kts-color-icon-primary-hover);
  --ktc-color-icon-button-xsmall-primary-active: var(--kts-color-icon-primary-active);
  --ktc-color-icon-button-xsmall-primary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-xsmall-secondary-default: var(--kts-color-icon-secondary-default);
  --ktc-color-icon-button-xsmall-secondary-hover: var(--kts-color-icon-secondary-hover);
  --ktc-color-icon-button-xsmall-secondary-active: var(--kts-color-icon-secondary-active);
  --ktc-color-icon-button-xsmall-secondary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-xsmall-tertiary-default: var(--kts-color-icon-tertiary-default);
  --ktc-color-icon-button-xsmall-tertiary-hover: var(--kts-color-icon-tertiary-hover);
  --ktc-color-icon-button-xsmall-tertiary-active: var(--kts-color-icon-tertiary-active);
  --ktc-color-icon-button-xsmall-tertiary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-xsmall-danger-default: var(--kts-color-icon-danger-default);
  --ktc-color-icon-button-xsmall-danger-hover: var(--kts-color-icon-danger-hover);
  --ktc-color-icon-button-xsmall-danger-active: var(--kts-color-icon-danger-active);
  --ktc-color-icon-button-xsmall-danger-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-xsmall-adaptive-default: var(--kts-color-icon-adaptive-default);
  --ktc-color-icon-button-xsmall-adaptive-hover: color-mix(in srgb, var(--color-white) 80%, transparent 0%);
  --ktc-color-icon-button-xsmall-adaptive-active: color-mix(in srgb, var(--color-white) 70%, transparent 0%);
  --ktc-color-icon-button-xsmall-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --ktc-color-icon-button-2xsmall-primary-default: var(--kts-color-icon-primary-default);
  --ktc-color-icon-button-2xsmall-primary-hover: var(--kts-color-icon-primary-hover);
  --ktc-color-icon-button-2xsmall-primary-active: var(--kts-color-icon-primary-active);
  --ktc-color-icon-button-2xsmall-primary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-2xsmall-secondary-default: var(--kts-color-icon-secondary-default);
  --ktc-color-icon-button-2xsmall-secondary-hover: var(--kts-color-icon-secondary-hover);
  --ktc-color-icon-button-2xsmall-secondary-active: var(--kts-color-icon-secondary-active);
  --ktc-color-icon-button-2xsmall-secondary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-2xsmall-tertiary-default: var(--kts-color-icon-tertiary-default);
  --ktc-color-icon-button-2xsmall-tertiary-hover: var(--kts-color-icon-tertiary-hover);
  --ktc-color-icon-button-2xsmall-tertiary-active: var(--kts-color-icon-tertiary-active);
  --ktc-color-icon-button-2xsmall-tertiary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-2xsmall-danger-default: var(--kts-color-icon-danger-default);
  --ktc-color-icon-button-2xsmall-danger-hover: var(--kts-color-icon-danger-hover);
  --ktc-color-icon-button-2xsmall-danger-active: var(--kts-color-icon-danger-active);
  --ktc-color-icon-button-2xsmall-danger-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-2xsmall-adaptive-default: var(--kts-color-icon-adaptive-default);
  --ktc-color-icon-button-2xsmall-adaptive-hover: color-mix(in srgb, var(--color-white) 80%, transparent 0%);
  --ktc-color-icon-button-2xsmall-adaptive-active: color-mix(in srgb, var(--color-white) 70%, transparent 0%);
  --ktc-color-icon-button-2xsmall-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --ktc-color-icon-button-full-primary-default: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-full-primary-hover: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-full-primary-active: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-full-primary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-full-secondary-default: var(--kts-color-icon-secondary-default);
  --ktc-color-icon-button-full-secondary-hover: var(--kts-color-icon-secondary-hover);
  --ktc-color-icon-button-full-secondary-active: var(--kts-color-icon-secondary-active);
  --ktc-color-icon-button-full-secondary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-full-tertiary-default: var(--kts-color-icon-tertiary-default);
  --ktc-color-icon-button-full-tertiary-hover: var(--kts-color-icon-tertiary-hover);
  --ktc-color-icon-button-full-tertiary-active: var(--kts-color-icon-tertiary-active);
  --ktc-color-icon-button-full-tertiary-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-full-danger-default: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-full-danger-hover: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-full-danger-active: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-button-full-danger-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-button-full-adaptive-default: var(--kts-color-icon-adaptive-default);
  --ktc-color-icon-button-full-adaptive-hover: var(--kts-color-icon-adaptive-default);
  --ktc-color-icon-button-full-adaptive-active: var(--kts-color-icon-adaptive-default);
  --ktc-color-icon-button-full-adaptive-disabled: color-mix(in srgb, var(--color-white) 50%, transparent 0%);
  --ktc-color-icon-komi-icon-primary: var(--kts-color-background-on-brand-default);
  --ktc-color-icon-text-input-field-default: var(--kts-color-icon-ink-default);
  --ktc-color-icon-text-input-field-error: var(--kts-color-icon-support-error);
  --ktc-color-icon-text-input-field-success: var(--kts-color-icon-support-success);
  --ktc-color-icon-text-input-field-text: var(--kts-color-text-ink-default);
  --ktc-color-icon-text-input-field-suffix: var(--kts-color-text-ink-default);
  --ktc-color-icon-text-input-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-icon-text-input-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-icon-status-default: var(--kts-color-icon-charcoal-default);
  --ktc-color-icon-status-info: var(--kts-color-icon-support-info);
  --ktc-color-icon-status-success: var(--kts-color-icon-support-success);
  --ktc-color-icon-status-warning: var(--kts-color-icon-support-warning);
  --ktc-color-icon-status-error: var(--kts-color-icon-support-error);
  --ktc-color-icon-search-field: var(--kts-color-icon-ink-default);
  --ktc-color-icon-search-text: var(--kts-color-text-ink-default);
  --ktc-color-icon-search-placeholder: var(--kts-color-text-graphite-default);
  --ktc-color-icon-dropdown-field: var(--kts-color-icon-ink-default);
  --ktc-color-icon-dropdown-menu-item-default: var(--kts-color-text-ink-default);
  --ktc-color-icon-dropdown-menu-item-disabled: var(--kts-color-text-disabled);
  --ktc-color-icon-dropdown-menu-header-default: var(--kts-color-text-charcoal-default);
  --ktc-color-icon-dropdown-text: var(--kts-color-text-ink-default);
  --ktc-color-icon-dropdown-placeholder: var(--kts-color-text-ink-default);
  --ktc-color-icon-dropdown-helper: var(--kts-color-text-graphite-default);
  --ktc-color-icon-dropdown-error: var(--kts-color-text-danger-default);
  --ktc-color-icon-dropdown-area: var(--kts-color-icon-ink-default);
  --ktc-color-icon-datatable-table-header: var(--kts-color-text-ink-default);
  --ktc-color-icon-datatable-table-cell: var(--kts-color-text-ink-default);
  --ktc-color-icon-datatable-footer-helper: var(--kts-color-icon-charcoal-default);
  --ktc-color-icon-chip-filter-default: var(--kts-color-text-ink-default);
  --ktc-color-icon-chip-filter-disabled: var(--kts-color-text-disabled);
  --ktc-color-icon-progress-tracker-step-icon-past: var(--kts-color-background-primary-default);
  --ktc-color-icon-progress-tracker-step-icon-present: var(--kts-color-background-surface-medium-default);
  --ktc-color-icon-message-info: var(--kts-color-icon-support-info);
  --ktc-color-icon-message-default: var(--kts-color-icon-support-default);
  --ktc-color-icon-message-action: var(--kts-color-icon-ink-default);
  --ktc-color-icon-message-success: var(--kts-color-icon-support-success);
  --ktc-color-icon-message-warning: var(--kts-color-icon-support-warning);
  --ktc-color-icon-message-error: var(--kts-color-icon-support-error);
  --ktc-color-icon-toast-default: var(--kts-color-text-on-color-default);
  --ktc-color-icon-date-picker-menu-calendar-date-item-default: var(--kts-color-text-ink-default);
  --ktc-color-icon-date-picker-menu-calendar-date-item-disabled: var(--kts-color-text-disabled);
  --ktc-color-icon-date-picker-menu-header-controls-dropdown-default: var(--kts-color-text-ink-default);
  --ktc-color-icon-date-picker-menu-header-controls-dropdown-disabled: var(--kts-color-text-disabled);
  --ktc-color-icon-date-picker-menu-item-default: var(--kts-color-text-ink-default);
  --ktc-color-icon-date-picker-menu-item-disabled: var(--kts-color-text-disabled);
  --ktc-color-icon-menu-item-title-default: var(--kts-color-text-ink-default);
  --ktc-color-icon-menu-item-title-disabled: var(--kts-color-text-disabled);
  --ktc-color-icon-menu-item-section-header: var(--kts-color-text-charcoal-default);
  --ktc-color-icon-avatar-default: var(--kts-color-text-on-color-default);
  --ktc-color-icon-avatar-icon: var(--kts-color-icon-ink-default);
  --ktc-color-icon-login-body: var(--kts-color-icon-ink-default);
  --ktc-color-icon-tag-default: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-icon-tag-primary: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-icon-tag-info: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-icon-tag-success: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-icon-tag-warning: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-icon-tag-error: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-icon-tag-brand: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-icon-tag-other: color-mix(in lch, var(--color-gray-900) 80%, transparent 0%);
  --ktc-color-icon-card-body-default: var(--kts-color-icon-ink-default);
  --ktc-color-icon-card-body-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-card-body-loading: var(--kts-color-icon-support-primary);
  --ktc-color-icon-dialog-header: var(--kts-color-icon-ink-default);
  --ktc-color-icon-dialog-body: var(--kts-color-icon-charcoal-default);
  --ktc-color-icon-tooltip-body: var(--kts-color-text-on-color-default);
  --ktc-color-icon-illustration: var(--kts-color-icon-ink-default);
  --ktc-color-icon-modal-loading-icon: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-page-loading-icon: var(--kts-color-icon-primary-default);
  --ktc-color-icon-upload-field-field-default: var(--kts-color-icon-ink-default);
  --ktc-color-icon-upload-field-field-error: var(--kts-color-icon-support-error);
  --ktc-color-icon-upload-field-item-default: var(--kts-color-icon-primary-default);
  --ktc-color-icon-upload-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-icon-upload-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-icon-upload-cropper-preview: var(--kts-color-icon-on-color-default);
  --ktc-color-icon-text-area-field-default: var(--kts-color-icon-ink-default);
  --ktc-color-icon-text-area-field-error: var(--kts-color-icon-support-error);
  --ktc-color-icon-text-area-field-success: var(--kts-color-icon-support-success);
  --ktc-color-icon-text-area-field-text: var(--kts-color-text-ink-default);
  --ktc-color-icon-text-area-field-suffix: var(--kts-color-text-ink-default);
  --ktc-color-icon-text-area-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-icon-text-area-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-icon-loading-state-wheel: var(--kts-color-icon-support-primary);
  --ktc-color-icon-rich-text-area-field-default: var(--kts-color-icon-ink-default);
  --ktc-color-icon-rich-text-area-field-error: var(--kts-color-icon-support-error);
  --ktc-color-icon-rich-text-area-field-success: var(--kts-color-icon-support-success);
  --ktc-color-icon-rich-text-area-field-text: var(--kts-color-text-ink-default);
  --ktc-color-icon-rich-text-area-field-suffix: var(--kts-color-text-ink-default);
  --ktc-color-icon-rich-text-area-helper-default: var(--kts-color-text-charcoal-default);
  --ktc-color-icon-rich-text-area-helper-error: var(--kts-color-text-danger-default);
  --ktc-color-icon-preview-switcher-item-unselected-default: var(--kts-color-icon-ink-default);
  --ktc-color-icon-preview-switcher-item-unselected-hover: var(--kts-color-icon-ink-hover);
  --ktc-color-icon-preview-switcher-item-unselected-active: var(--kts-color-icon-ink-active);
  --ktc-color-icon-preview-switcher-item-unselected-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-preview-switcher-item-selected-default: var(--kts-color-icon-primary-default);
  --ktc-color-icon-preview-switcher-item-selected-hover: var(--kts-color-icon-primary-hover);
  --ktc-color-icon-preview-switcher-item-selected-active: var(--kts-color-icon-primary-active);
  --ktc-color-icon-preview-switcher-item-selected-disabled: var(--kts-color-icon-disabled);
  --ktc-color-icon-preview-icon: var(--kts-color-icon-notification);
  --ktc-color-checklist-item-icon-default: var(--kts-color-icon-support-default);
  --ktc-color-checklist-item-icon-success: var(--kts-color-icon-support-success);
  --ktc-color-checklist-item-icon-error: var(--kts-color-icon-support-error);
  --ktc-color-border-navigation-primary-group: var(--kts-color-border-accent-default);
  --ktc-color-border-toolbar-divider: var(--kts-color-border-accent-default);
  --ktc-color-border-text-input-field-default: var(--kts-color-border-container-default);
  --ktc-color-border-text-input-field-read-only: var(--kts-color-border-container-read-only);
  --ktc-color-border-text-input-field-hover: var(--kts-color-border-container-hover);
  --ktc-color-border-text-input-field-active: var(--kts-color-border-container-active);
  --ktc-color-border-text-input-field-disabled: var(--kts-color-border-container-disabled);
  --ktc-color-border-text-input-field-error: var(--kts-color-border-container-error);
  --ktc-color-border-datatable-table-default: var(--kts-color-border-container-default);
  --ktc-color-border-datatable-table-divider: var(--kts-color-border-container-default);
  --ktc-color-border-chip-filter-unselected-default: var(--kts-color-border-container-default);
  --ktc-color-border-chip-filter-selected-default: var(--kts-color-border-container-selected);
  --ktc-color-border-slider-knob-default: var(--kts-color-border-primary-default);
  --ktc-color-border-slider-knob-hover: var(--kts-color-border-primary-hover);
  --ktc-color-border-slider-knob-active: var(--kts-color-border-primary-active);
  --ktc-color-border-progress-tracker-step-icon-present: var(--kts-color-text-support-primary);
  --ktc-color-border-message-info: var(--kts-color-border-support-info);
  --ktc-color-border-message-default: var(--kts-color-border-support-default);
  --ktc-color-border-message-success: var(--kts-color-border-support-success);
  --ktc-color-border-message-warning: var(--kts-color-border-support-warning);
  --ktc-color-border-message-error: var(--kts-color-border-support-error);
  --ktc-color-border-card-static-high-default: var(--kts-color-border-container-default);
  --ktc-color-border-card-interactive-high-default: var(--kts-color-border-container-default);
  --ktc-color-border-card-selected-high-selected: var(--kts-color-border-container-selected);
  --ktc-color-border-date-picker-menu-calendar-date-item-current: var(--kts-color-border-container-selected);
  --ktc-color-border-date-picker-menu-menu: var(--kts-color-border-container-default);
  --ktc-color-border-more-menu-menu-default: var(--kts-color-border-container-default);
  --ktc-color-border-upload-field-error: var(--kts-color-border-container-error);
  --ktc-color-border-stepper-field-error: var(--kts-color-border-container-error);
  --ktc-color-border-text-area-field-default: var(--kts-color-border-container-default);
  --ktc-color-border-text-area-field-read-only: var(--kts-color-border-container-read-only);
  --ktc-color-border-text-area-field-hover: var(--kts-color-border-container-hover);
  --ktc-color-border-text-area-field-active: var(--kts-color-border-container-active);
  --ktc-color-border-text-area-field-disabled: var(--kts-color-border-container-disabled);
  --ktc-color-border-text-area-field-error: var(--kts-color-border-container-error);
  --ktc-color-border-rich-text-area-field-default: var(--kts-color-border-container-default);
  --ktc-color-border-rich-text-area-field-read-only: var(--kts-color-border-container-read-only);
  --ktc-color-border-rich-text-area-field-hover: var(--kts-color-border-container-hover);
  --ktc-color-border-rich-text-area-field-active: var(--kts-color-border-container-active);
  --ktc-color-border-rich-text-area-field-disabled: var(--kts-color-border-container-disabled);
  --ktc-color-border-rich-text-area-field-error: var(--kts-color-border-container-error);
  --ktc-color-border-rich-text-area-format-default: var(--kts-color-border-container-default);
  --ktc-color-border-rich-text-area-format-disabled: var(--kts-color-border-container-disabled);
  --ktc-color-border-sms-preview-window-body-input: var(--kts-color-border-container-default);
  --checklist-item: var(--kts-color-text-charcoal-default);
  --ktc-typography-component-nav-bar-item-font-size: 16px;
  --ktc-typography-component-nav-bar-item-line-height: 24px;
  --ktc-typography-component-nav-bar-item-paragraph-spacing: 12px;
  --ktc-typography-component-user-menu-header-font-size: 12px;
  --ktc-typography-component-user-menu-header-line-height: 20px;
  --ktc-typography-component-user-menu-header-paragraph-spacing: 12px;
  --ktc-typography-component-user-menu-subitem-font-size: 12px;
  --ktc-typography-component-user-menu-subitem-line-height: 15px;
  --ktc-typography-component-user-menu-subitem-paragraph-spacing: 9px;
  --ktc-typography-component-checkbox-label-font-size: 14px;
  --ktc-typography-component-checkbox-label-paragraph-spacing: 14px;
  --ktc-typography-component-checkbox-label-line-height: 24px;
  --ktc-typography-component-checkbox-group-helper-font-size: 12px;
  --ktc-typography-component-checkbox-group-helper-paragraph-spacing: 12px;
  --ktc-typography-component-checkbox-group-helper-line-height: 18px;
  --ktc-typography-component-checkbox-group-label-font-size: 14px;
  --ktc-typography-component-checkbox-group-label-line-height: 21px;
  --ktc-typography-component-radio-label-font-size: 14px;
  --ktc-typography-component-radio-label-paragraph-spacing: 14px;
  --ktc-typography-component-radio-label-line-height: 24px;
  --ktc-typography-component-radio-group-label-font-size: 14px;
  --ktc-typography-component-radio-group-label-line-height: 21px;
  --ktc-typography-component-slider-label-font-size: 14px;
  --ktc-typography-component-slider-label-line-height: 21px;
  --ktc-typography-component-button-medium-label-font-size: 16px;
  --ktc-typography-component-button-medium-label-line-height: 24px;
  --ktc-typography-component-button-medium-label-paragraph-spacing: 12px;
  --ktc-typography-component-button-full-label-font-size: 16px;
  --ktc-typography-component-button-full-label-line-height: 24px;
  --ktc-typography-component-button-full-label-paragraph-spacing: 12px;
  --ktc-typography-component-button-small-label-font-size: 16px;
  --ktc-typography-component-button-small-label-line-height: 24px;
  --ktc-typography-component-button-small-label-paragraph-spacing: 12px;
  --ktc-typography-component-button-xsmall-label-font-size: 14px;
  --ktc-typography-component-button-xsmall-label-line-height: 24px;
  --ktc-typography-component-button-xsmall-label-paragraph-spacing: 12px;
  --ktc-typography-component-avatar-small-font-size: 12px;
  --ktc-typography-component-avatar-small-line-height: 18px;
  --ktc-typography-component-avatar-small-paragraph-spacing: 9px;
  --ktc-typography-component-avatar-medium-font-size: 16px;
  --ktc-typography-component-avatar-medium-line-height: 24px;
  --ktc-typography-component-avatar-medium-paragraph-spacing: 12px;
  --ktc-typography-component-avatar-large-font-size: 20px;
  --ktc-typography-component-avatar-large-line-height: 30px;
  --ktc-typography-component-avatar-large-paragraph-spacing: 15px;
  --ktc-typography-component-text-input-label-font-size: 14px;
  --ktc-typography-component-text-input-label-line-height: 21px;
  --ktc-typography-component-text-input-helper-font-size: 12px;
  --ktc-typography-component-text-input-helper-line-height: 18px;
  --ktc-typography-component-text-input-field-text-font-size: 16px;
  --ktc-typography-component-text-input-field-text-line-height: 24px;
  --ktc-typography-component-text-input-field-suffix-font-size: 16px;
  --ktc-typography-component-text-input-field-suffix-line-height: 24px;
  --ktc-typography-component-status-label-font-size: 16px;
  --ktc-typography-component-status-label-line-height: 24px;
  --ktc-typography-component-status-label-paragraph-spacing: 16px;
  --ktc-typography-component-search-label-font-size: 14px;
  --ktc-typography-component-search-label-line-height: 21px;
  --ktc-typography-component-search-label-paragraph-spacing: 14px;
  --ktc-typography-component-search-text-font-size: 16px;
  --ktc-typography-component-search-text-line-height: 24px;
  --ktc-typography-component-search-text-paragraph-spacing: 16px;
  --ktc-typography-component-dropdown-label-font-size: 14px;
  --ktc-typography-component-dropdown-label-line-height: 21px;
  --ktc-typography-component-dropdown-label-paragraph-spacing: 16px;
  --ktc-typography-component-dropdown-helper-font-size: 12px;
  --ktc-typography-component-dropdown-helper-line-height: 18px;
  --ktc-typography-component-dropdown-helper-paragraph-spacing: 12px;
  --ktc-typography-component-dropdown-menu-create-item-helper-font-size: 12px;
  --ktc-typography-component-dropdown-menu-create-item-helper-line-height: 18px;
  --ktc-typography-component-dropdown-menu-create-item-helper-paragraph-spacing: 12px;
  --ktc-typography-component-dropdown-menu-create-item-label-font-size: 16px;
  --ktc-typography-component-dropdown-menu-create-item-label-line-height: 24px;
  --ktc-typography-component-dropdown-menu-create-item-label-paragraph-spacing: 16px;
  --ktc-typography-component-dropdown-menu-item-label-font-size: 16px;
  --ktc-typography-component-dropdown-menu-item-label-line-height: 24px;
  --ktc-typography-component-dropdown-menu-item-label-paragraph-spacing: 16px;
  --ktc-typography-component-dropdown-menu-item-country-code-line-height: 21px;
  --ktc-typography-component-dropdown-menu-item-country-code-paragraph-spacing: 14px;
  --ktc-typography-component-dropdown-menu-item-country-code-font-size: 14px;
  --ktc-typography-component-dropdown-menu-header-label-line-height: 24px;
  --ktc-typography-component-dropdown-menu-header-label-paragraph-spacing: 14px;
  --ktc-typography-component-dropdown-menu-header-label-font-size: 14px;
  --ktc-typography-component-dropdown-area-label-font-size: 16px;
  --ktc-typography-component-dropdown-area-label-line-height: 24px;
  --ktc-typography-component-dropdown-area-label-paragraph-spacing: 16px;
  --ktc-typography-component-combo-input-label-font-size: 14px;
  --ktc-typography-component-combo-input-label-paragraph-spacing: 14px;
  --ktc-typography-component-combo-input-label-line-height: 21px;
  --ktc-typography-component-combo-input-helper-font-size: 12px;
  --ktc-typography-component-combo-input-helper-paragraph-spacing: 12px;
  --ktc-typography-component-combo-input-helper-line-height: 18px;
  --ktc-typography-component-date-picker-menu-item-label-font-size: 16px;
  --ktc-typography-component-date-picker-menu-item-label-line-height: 24px;
  --ktc-typography-component-date-picker-menu-item-label-paragraph-spacing: 16px;
  --ktc-typography-component-date-picker-menu-calendar-date-item-line-height: 21px;
  --ktc-typography-component-date-picker-menu-calendar-date-item-paragraph-spacing: 14px;
  --ktc-typography-component-date-picker-menu-calendar-date-item-font-size: 14px;
  --ktc-typography-component-date-picker-menu-header-controls-dropdown-line-height: 21px;
  --ktc-typography-component-date-picker-menu-header-controls-dropdown-paragraph-spacing: 14px;
  --ktc-typography-component-date-picker-menu-header-controls-dropdown-font-size: 14px;
  --ktc-typography-component-tab-bar-item-label-font-size: 12px;
  --ktc-typography-component-tab-bar-item-label-paragraph-spacing: 12px;
  --ktc-typography-component-tab-bar-item-label-line-height: 18px;
  --ktc-typography-component-checklist-item-font-size: 12px;
  --ktc-typography-component-checklist-item-paragraph-spacing: 12px;
  --ktc-typography-component-datatable-table-cell-text-font-size: 14px;
  --ktc-typography-component-datatable-table-cell-text-line-height: 24px;
  --ktc-typography-component-datatable-table-cell-text-paragraph-spacing: 16px;
  --ktc-typography-component-datatable-table-cell-number-line-height: 21px;
  --ktc-typography-component-datatable-table-cell-number-paragraph-spacing: 14px;
  --ktc-typography-component-datatable-table-cell-number-font-size: 14px;
  --ktc-typography-component-datatable-table-header-default-line-height: 18px;
  --ktc-typography-component-datatable-table-header-default-paragraph-spacing: 14px;
  --ktc-typography-component-datatable-table-header-default-font-size: 14px;
  --ktc-typography-component-datatable-table-empty-header-line-height: 20px;
  --ktc-typography-component-datatable-table-empty-header-paragraph-spacing: 16px;
  --ktc-typography-component-datatable-table-empty-header-font-size: 16px;
  --ktc-typography-component-datatable-table-empty-body-font-size: 14px;
  --ktc-typography-component-datatable-table-empty-body-paragraph-spacing: 14px;
  --ktc-typography-component-datatable-table-empty-body-line-height: 21px;
  --ktc-typography-component-datatable-footer-font-size: 16px;
  --ktc-typography-component-datatable-footer-line-height: 24px;
  --ktc-typography-component-login-content-body-font-size: 16px;
  --ktc-typography-component-login-content-body-line-height: 24px;
  --ktc-typography-component-login-content-body-paragraph-spacing: 16px;
  --ktc-typography-component-login-content-header-font-size: 20px;
  --ktc-typography-component-login-content-header-line-height: 25px;
  --ktc-typography-component-login-content-header-paragraph-spacing: 20px;
  --ktc-typography-component-chip-filter-label-line-height: 24px;
  --ktc-typography-component-chip-filter-label-font-size: 14px;
  --ktc-typography-component-chip-filter-label-paragraph-spacing: 14px;
  --ktc-typography-component-message-body-line-height: 24px;
  --ktc-typography-component-message-body-font-size: 14px;
  --ktc-typography-component-message-body-paragraph-spacing: 14px;
  --ktc-typography-component-progress-tracker-step-label-font-size: 12px;
  --ktc-typography-component-progress-tracker-step-label-line-height: 15px;
  --ktc-typography-component-progress-tracker-step-label-paragraph-spacing: 12px;
  --ktc-typography-component-tag-label-font-size: 14px;
  --ktc-typography-component-tag-label-line-height: 24px;
  --ktc-typography-component-tag-label-paragraph-spacing: 14px;
  --ktc-typography-component-page-header-title-device-xl-font-size: 24px;
  --ktc-typography-component-page-header-title-device-xl-line-height: 30px;
  --ktc-typography-component-page-header-title-device-xl-paragraph-spacing: 24px;
  --ktc-typography-component-page-header-title-device-lg-font-size: 24px;
  --ktc-typography-component-page-header-title-device-lg-line-height: 30px;
  --ktc-typography-component-page-header-title-device-lg-paragraph-spacing: 24px;
  --ktc-typography-component-page-header-title-device-md-line-height: 25px;
  --ktc-typography-component-page-header-title-device-md-paragraph-spacing: 20px;
  --ktc-typography-component-page-header-title-device-md-font-size: 20px;
  --ktc-typography-component-page-header-title-device-sm-line-height: 25px;
  --ktc-typography-component-page-header-title-device-sm-paragraph-spacing: 20px;
  --ktc-typography-component-page-header-title-device-sm-font-size: 20px;
  --ktc-typography-component-page-header-title-device-xs-line-height: 25px;
  --ktc-typography-component-page-header-title-device-xs-paragraph-spacing: 20px;
  --ktc-typography-component-page-header-title-device-xs-font-size: 20px;
  --ktc-typography-component-page-section-header-medium-line-height: 20px;
  --ktc-typography-component-page-section-header-medium-paragraph-spacing: 16px;
  --ktc-typography-component-page-section-header-medium-font-size: 16px;
  --ktc-typography-component-page-section-header-small-line-height: 18px;
  --ktc-typography-component-page-section-header-small-paragraph-spacing: 14px;
  --ktc-typography-component-page-section-header-small-font-size: 14px;
  --ktc-typography-component-page-section-header-xsmall-line-height: 15px;
  --ktc-typography-component-page-section-header-xsmall-paragraph-spacing: 12px;
  --ktc-typography-component-page-section-header-xsmall-font-size: 12px;
  --ktc-typography-component-page-section-header-large-line-height: 25px;
  --ktc-typography-component-page-section-header-large-paragraph-spacing: 20px;
  --ktc-typography-component-page-section-header-large-font-size: 20px;
  --ktc-typography-component-page-section-header-xlarge-line-height: 30px;
  --ktc-typography-component-page-section-header-xlarge-paragraph-spacing: 24px;
  --ktc-typography-component-page-section-header-xlarge-font-size: 24px;
  --ktc-typography-component-page-section-header-2xlarge-line-height: 40px;
  --ktc-typography-component-page-section-header-2xlarge-paragraph-spacing: 32px;
  --ktc-typography-component-page-section-header-2xlarge-font-size: 32px;
  --ktc-typography-component-page-section-body-medium-font-size: 16px;
  --ktc-typography-component-page-section-body-medium-paragraph-spacing: 16px;
  --ktc-typography-component-page-section-body-medium-line-height: 24px;
  --ktc-typography-component-page-section-body-xsmall-font-size: 12px;
  --ktc-typography-component-page-section-body-xsmall-paragraph-spacing: 12px;
  --ktc-typography-component-page-section-body-xsmall-line-height: 18px;
  --ktc-typography-component-page-section-body-2xsmall-font-size: 8px;
  --ktc-typography-component-page-section-body-2xsmall-paragraph-spacing: 8px;
  --ktc-typography-component-page-section-body-2xsmall-line-height: 12px;
  --ktc-typography-component-page-section-body-small-font-size: 14px;
  --ktc-typography-component-page-section-body-small-paragraph-spacing: 14px;
  --ktc-typography-component-page-section-body-small-line-height: 21px;
  --ktc-typography-component-page-section-accent-xlarge-line-height: 30px;
  --ktc-typography-component-page-section-accent-xlarge-paragraph-spacing: 24px;
  --ktc-typography-component-page-section-accent-xlarge-font-size: 24px;
  --ktc-typography-component-page-section-accent-large-line-height: 25px;
  --ktc-typography-component-page-section-accent-large-paragraph-spacing: 20px;
  --ktc-typography-component-page-section-accent-large-font-size: 20px;
  --ktc-typography-component-page-section-accent-medium-line-height: 24px;
  --ktc-typography-component-page-section-accent-medium-paragraph-spacing: 16px;
  --ktc-typography-component-page-section-accent-medium-font-size: 16px;
  --ktc-typography-component-page-section-accent-small-line-height: 21px;
  --ktc-typography-component-page-section-accent-small-paragraph-spacing: 14px;
  --ktc-typography-component-page-section-accent-small-font-size: 14px;
  --ktc-typography-component-page-section-accent-xsmall-line-height: 18px;
  --ktc-typography-component-page-section-accent-xsmall-paragraph-spacing: 12px;
  --ktc-typography-component-page-section-accent-xsmall-font-size: 12px;
  --ktc-typography-component-page-section-accent-2xlarge-line-height: 40px;
  --ktc-typography-component-page-section-accent-2xlarge-paragraph-spacing: 32px;
  --ktc-typography-component-page-section-accent-2xlarge-font-size: 32px;
  --ktc-typography-component-page-section-label-xsmall-font-size: 12px;
  --ktc-typography-component-page-section-label-xsmall-paragraph-spacing: 12px;
  --ktc-typography-component-page-section-label-xsmall-line-height: 18px;
  --ktc-typography-component-card-header-medium-line-height: 20px;
  --ktc-typography-component-card-header-medium-paragraph-spacing: 16px;
  --ktc-typography-component-card-header-medium-font-size: 16px;
  --ktc-typography-component-card-header-small-line-height: 18px;
  --ktc-typography-component-card-header-small-paragraph-spacing: 14px;
  --ktc-typography-component-card-header-small-font-size: 14px;
  --ktc-typography-component-card-header-xsmall-line-height: 15px;
  --ktc-typography-component-card-header-xsmall-paragraph-spacing: 12px;
  --ktc-typography-component-card-header-xsmall-font-size: 12px;
  --ktc-typography-component-card-header-large-line-height: 25px;
  --ktc-typography-component-card-header-large-paragraph-spacing: 20px;
  --ktc-typography-component-card-header-large-font-size: 20px;
  --ktc-typography-component-card-header-xlarge-line-height: 30px;
  --ktc-typography-component-card-header-xlarge-paragraph-spacing: 24px;
  --ktc-typography-component-card-header-xlarge-font-size: 24px;
  --ktc-typography-component-card-header-2xlarge-line-height: 40px;
  --ktc-typography-component-card-header-2xlarge-paragraph-spacing: 32px;
  --ktc-typography-component-card-header-2xlarge-font-size: 32px;
  --ktc-typography-component-card-body-medium-font-size: 16px;
  --ktc-typography-component-card-body-medium-paragraph-spacing: 16px;
  --ktc-typography-component-card-body-medium-line-height: 24px;
  --ktc-typography-component-card-body-xsmall-font-size: 12px;
  --ktc-typography-component-card-body-xsmall-paragraph-spacing: 12px;
  --ktc-typography-component-card-body-xsmall-line-height: 18px;
  --ktc-typography-component-card-body-2xsmall-font-size: 8px;
  --ktc-typography-component-card-body-2xsmall-paragraph-spacing: 8px;
  --ktc-typography-component-card-body-2xsmall-line-height: 12px;
  --ktc-typography-component-card-body-small-font-size: 14px;
  --ktc-typography-component-card-body-small-paragraph-spacing: 14px;
  --ktc-typography-component-card-body-small-line-height: 21px;
  --ktc-typography-component-card-accent-xlarge-line-height: 30px;
  --ktc-typography-component-card-accent-xlarge-paragraph-spacing: 24px;
  --ktc-typography-component-card-accent-xlarge-font-size: 24px;
  --ktc-typography-component-card-accent-large-line-height: 25px;
  --ktc-typography-component-card-accent-large-paragraph-spacing: 20px;
  --ktc-typography-component-card-accent-large-font-size: 20px;
  --ktc-typography-component-card-accent-medium-line-height: 24px;
  --ktc-typography-component-card-accent-medium-paragraph-spacing: 16px;
  --ktc-typography-component-card-accent-medium-font-size: 16px;
  --ktc-typography-component-card-accent-small-line-height: 21px;
  --ktc-typography-component-card-accent-small-paragraph-spacing: 14px;
  --ktc-typography-component-card-accent-small-font-size: 14px;
  --ktc-typography-component-card-accent-xsmall-line-height: 18px;
  --ktc-typography-component-card-accent-xsmall-paragraph-spacing: 12px;
  --ktc-typography-component-card-accent-xsmall-font-size: 12px;
  --ktc-typography-component-card-accent-2xlarge-line-height: 40px;
  --ktc-typography-component-card-accent-2xlarge-paragraph-spacing: 32px;
  --ktc-typography-component-card-accent-2xlarge-font-size: 32px;
  --ktc-typography-component-card-label-xsmall-font-size: 12px;
  --ktc-typography-component-card-label-xsmall-paragraph-spacing: 12px;
  --ktc-typography-component-card-label-xsmall-line-height: 18px;
  --ktc-typography-component-toast-body-line-height: 24px;
  --ktc-typography-component-toast-body-font-size: 14px;
  --ktc-typography-component-toast-body-paragraph-spacing: 14px;
  --ktc-typography-component-dialog-header-line-height: 25px;
  --ktc-typography-component-dialog-header-paragraph-spacing: 20px;
  --ktc-typography-component-dialog-header-font-size: 20px;
  --ktc-typography-component-dialog-body-font-size: 16px;
  --ktc-typography-component-dialog-body-paragraph-spacing: 16px;
  --ktc-typography-component-dialog-body-line-height: 24px;
  --ktc-typography-component-toolbar-body-line-height: 21px;
  --ktc-typography-component-toolbar-body-paragraph-spacing: 14px;
  --ktc-typography-component-toolbar-body-font-size: 14px;
  --ktc-typography-component-tooltip-body-line-height: 18px;
  --ktc-typography-component-tooltip-body-paragraph-spacing: 12px;
  --ktc-typography-component-tooltip-body-font-size: 12px;
  --ktc-typography-component-time-select-label-font-size: 14px;
  --ktc-typography-component-time-select-label-line-height: 21px;
  --ktc-typography-component-time-select-label-paragraph-spacing: 16px;
  --ktc-typography-component-time-select-helper-font-size: 12px;
  --ktc-typography-component-time-select-helper-line-height: 18px;
  --ktc-typography-component-time-select-helper-paragraph-spacing: 12px;
  --ktc-typography-component-time-select-menu-create-item-helper-font-size: 12px;
  --ktc-typography-component-time-select-menu-create-item-helper-line-height: 18px;
  --ktc-typography-component-time-select-menu-create-item-helper-paragraph-spacing: 12px;
  --ktc-typography-component-time-select-menu-create-item-label-font-size: 16px;
  --ktc-typography-component-time-select-menu-create-item-label-line-height: 24px;
  --ktc-typography-component-time-select-menu-create-item-label-paragraph-spacing: 16px;
  --ktc-typography-component-time-select-menu-item-label-font-size: 16px;
  --ktc-typography-component-time-select-menu-item-label-line-height: 24px;
  --ktc-typography-component-time-select-menu-item-label-paragraph-spacing: 16px;
  --ktc-typography-component-time-select-menu-header-label-line-height: 24px;
  --ktc-typography-component-time-select-menu-header-label-paragraph-spacing: 14px;
  --ktc-typography-component-time-select-menu-header-label-font-size: 14px;
  --ktc-typography-component-upload-label-font-size: 14px;
  --ktc-typography-component-upload-label-line-height: 21px;
  --ktc-typography-component-upload-helper-font-size: 12px;
  --ktc-typography-component-upload-helper-line-height: 18px;
  --ktc-typography-component-upload-field-text-font-size: 16px;
  --ktc-typography-component-upload-field-text-line-height: 24px;
  --ktc-typography-component-stepper-label-font-size: 14px;
  --ktc-typography-component-stepper-label-line-height: 21px;
  --ktc-typography-component-stepper-helper-font-size: 12px;
  --ktc-typography-component-stepper-helper-line-height: 18px;
  --ktc-typography-component-stepper-field-text-font-size: 16px;
  --ktc-typography-component-stepper-field-text-line-height: 24px;
  --ktc-typography-component-text-area-label-font-size: 14px;
  --ktc-typography-component-text-area-label-line-height: 21px;
  --ktc-typography-component-text-area-helper-font-size: 12px;
  --ktc-typography-component-text-area-helper-line-height: 18px;
  --ktc-typography-component-text-area-field-text-font-size: 16px;
  --ktc-typography-component-text-area-field-text-line-height: 24px;
  --ktc-typography-component-text-area-field-suffix-font-size: 16px;
  --ktc-typography-component-text-area-field-suffix-line-height: 24px;
  --ktc-typography-component-rich-text-area-label-font-size: 14px;
  --ktc-typography-component-rich-text-area-label-line-height: 21px;
  --ktc-typography-component-rich-text-area-helper-font-size: 12px;
  --ktc-typography-component-rich-text-area-helper-line-height: 18px;
  --ktc-typography-component-rich-text-area-field-text-font-size: 16px;
  --ktc-typography-component-rich-text-area-field-text-line-height: 24px;
  --ktc-typography-component-rich-text-area-field-suffix-font-size: 16px;
  --ktc-typography-component-rich-text-area-field-suffix-line-height: 24px;
  --ktc-typography-component-preview-preview-label-font-size: 16px;
  --ktc-typography-component-preview-preview-label-line-height: 24px;
  --ktc-typography-component-preview-preview-label-paragraph-spacing: 12px;
  --ktc-typography-component-sms-preview-window-body-message-font-size: 12px;
  --ktc-typography-component-sms-preview-window-body-message-paragraph-spacing: 12px;
  --ktc-typography-component-sms-preview-window-body-message-line-height: 18px;
  --ktc-typography-component-sms-preview-window-body-input-font-size: 14px;
  --ktc-typography-component-sms-preview-window-body-input-paragraph-spacing: 14px;
  --ktc-typography-component-sms-preview-window-body-input-line-height: 21px;
  --ktc-typography-component-sms-preview-window-header-font-size: 12px;
  --ktc-typography-component-sms-preview-window-header-paragraph-spacing: 12px;
  --ktc-typography-component-sms-preview-window-header-line-height: 18px;
  --ktc-border-radius-all-nav-bar-item: 8px;
  --ktc-border-radius-all-nav-bar-collapsed-device-sm: 0px;
  --ktc-border-radius-all-nav-bar-expanded-device-sm: 0px 0px 8px 8px;
  --ktc-border-radius-all-scrollbar-track: 888px;
  --ktc-border-radius-all-scrollbar-handle: 888px;
  --ktc-border-radius-all-toolbar: 4px;
  --ktc-border-radius-all-user-menu-device-md: 8px;
  --ktc-border-radius-all-user-menu-device-xs: 8px;
  --ktc-border-radius-all-user-menu-item: 8px;
  --ktc-border-radius-all-user-menu-collapsed-device-sm: 0px;
  --ktc-border-radius-all-user-menu-expanded-device-sm: 0px 0px 8px 8px;
  --ktc-border-radius-all-button-medium: 888px;
  --ktc-border-radius-all-button-full: 888px;
  --ktc-border-radius-all-tab-bar-tab-bar: 888px;
  --ktc-border-radius-all-tab-bar-item: 888px;
  --ktc-border-radius-all-switch: 888px;
  --ktc-border-radius-all-avatar: 888px;
  --ktc-border-radius-all-text-input-field: 4px;
  --ktc-border-radius-all-upload-field-field: 4px;
  --ktc-border-radius-all-upload-field-item: 4px;
  --ktc-border-radius-all-page-section: 4px;
  --ktc-border-radius-all-search-field: 4px;
  --ktc-border-radius-all-status-medium: 0px;
  --ktc-border-radius-all-status-large: 4px;
  --ktc-border-radius-all-dropdown-field: 4px;
  --ktc-border-radius-all-dropdown-menu: 4px;
  --ktc-border-radius-all-dropdown-area: 4px;
  --ktc-border-radius-all-combo-input-field-dropdown: 4px 0px 0px 4px;
  --ktc-border-radius-all-combo-input-field-input: 0px 4px 4px 0px;
  --ktc-border-radius-all-datatable-table: 4px;
  --ktc-border-radius-all-login: 8px;
  --ktc-border-radius-all-chip-filter: 4px;
  --ktc-border-radius-all-date-picker-menu-calendar-date-item: 888px;
  --ktc-border-radius-all-date-picker-menu-header-controls-dropdown: 888px;
  --ktc-border-radius-all-slider-indicator: 888px;
  --ktc-border-radius-all-slider-tracker: 888px;
  --ktc-border-radius-all-slider-knob: 888px;
  --ktc-border-radius-all-progress-tracker-indicator: 888px;
  --ktc-border-radius-all-progress-tracker-track: 888px;
  --ktc-border-radius-all-progress-tracker-step: 888px;
  --ktc-border-radius-all-tag: 4px;
  --ktc-border-radius-all-message: 0px 4px 4px 0px;
  --ktc-border-radius-all-toast: 4px;
  --ktc-border-radius-all-card: 4px;
  --ktc-border-radius-all-dialog: 4px;
  --ktc-border-radius-all-tooltip: 4px;
  --ktc-border-radius-all-komi-icon-square: 0px;
  --ktc-border-radius-all-komi-icon-circle: 888px;
  --ktc-border-radius-all-more-menu-menu: 4px;
  --ktc-border-radius-all-stepper-field: 4px;
  --ktc-border-radius-all-text-area-field: 4px;
  --ktc-border-radius-all-loading-state-skeleton-default: 4px;
  --ktc-border-radius-all-rich-text-area-field: 0px 0px 4px 4px;
  --ktc-border-radius-all-rich-text-area-format: 4px 4px 0px 0px;
  --ktc-border-radius-all-sms-preview-window-window: 16px;
  --ktc-border-radius-all-sms-preview-window-body-message: 4px;
  --ktc-border-radius-all-sms-preview-window-body-input: 16px;
  --ktc-border-radius-all-sms-preview-background: 4px;
  --ktc-border-radius-date-picker-menu-menu: 4px;
  --ktc-border-radius-preview-preview-collapsed-device-sm: 16px 16px 0px 0px;
  --ktc-border-radius-preview-preview-collapsed-device-md: 16px;
  --ktc-border-radius-preview-preview-expanded-device-sm: 16px 16px 0px 0px;
  --ktc-border-radius-preview-preview-expanded-device-md: 16px;
  --ktc-box-shadow-navigation-primary: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-navigation-secondary: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-toast: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-toolbar: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-tooltip: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-dropdown-menu: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-more-menu-menu: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-date-picker: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-tab-bar-item: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-login: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-page-section: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-datatable-table: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-button-group-floating: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-upload-cropper-preview-icon: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-switch-toggle: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-card-static-medium-default: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-card-image-medium-default: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-card-interactive-high-dragged: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-card-interactive-medium-default: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-card-interactive-medium-hover: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-card-interactive-medium-active: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-card-interactive-medium-disabled: 0px 2px 0px 0px color-mix(in hsl, var(--color-gray-900) 25%, transparent 0%);
  --ktc-box-shadow-preview-button: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-preview-switcher: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-preview-preview: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-box-shadow-sms-preview-window: 0px 0px 16px 4px color-mix(in srgb, var(--color-gray-500) 25%, transparent 0%);
  --ktc-border-all-nav-bar-subitemgroup: var(--border-width-small) solid var(--kts-color-border-accent-default);
  --ktc-border-all-dropdown-field-error: var(--border-width-small) solid var(--ktc-color-border-dropdown-field-error);
  --ktc-border-all-dropdown-field-default: var(--border-width-small) solid var(--ktc-color-border-dropdown-field-default);
  --ktc-border-all-dropdown-field-hover: var(--border-width-small) solid var(--ktc-color-border-dropdown-field-hover);
  --ktc-border-all-dropdown-field-active: var(--border-width-small) solid var(--ktc-color-border-dropdown-field-active);
  --ktc-border-all-dropdown-field-disabled: var(--border-width-small) solid var(--ktc-color-border-dropdown-field-disabled);
  --ktc-border-all-dropdown-field-read-only: var(--border-width-small) solid var(--ktc-color-border-dropdown-field-default);
  --ktc-border-all-dropdown-menu-default: var(--border-width-small) solid var(--kts-color-border-container-default);
  --ktc-border-all-search-field-default: var(--border-width-small) solid var(--ktc-color-border-search-field-default);
  --ktc-border-all-search-field-hover: var(--border-width-small) solid var(--ktc-color-border-search-field-hover);
  --ktc-border-all-search-field-active: var(--border-width-small) solid var(--ktc-color-border-search-field-active);
  --ktc-border-all-search-field-disabled: var(--border-width-small) solid var(--ktc-color-border-search-field-disabled);
  --ktc-border-all-card-static-medium: var(--border-width-none) solid var(--ktc-color-border-card-static-medium-default);
  --ktc-border-all-card-static-low: var(--border-width-small) solid var(--ktc-color-border-card-static-low-default);
  --ktc-border-all-card-image-medium: var(--border-width-none) solid var(--ktc-color-border-card-static-medium-default);
  --ktc-border-all-card-interactive-medium: var(--border-width-none) solid var(--ktc-color-border-card-static-medium-default);
  --ktc-border-all-upload-field-default: var(--border-width-small) solid var(--ktc-color-border-upload-field-default);
  --ktc-border-all-upload-field-hover: var(--border-width-small) solid var(--ktc-color-border-upload-field-hover);
  --ktc-border-all-upload-field-active: var(--border-width-small) solid var(--ktc-color-border-upload-field-active);
  --ktc-border-all-upload-field-disabled: var(--border-width-small) solid var(--ktc-color-border-upload-field-disabled);
  --ktc-border-all-upload-icon: var(--border-width-medium) solid var(--ktc-color-border-upload-icon);
  --ktc-dimension-height-button-medium: 40px;
  --ktc-dimension-height-button-full: 40px;
  --ktc-dimension-height-button-small: 24px;
  --ktc-dimension-height-button-xsmall: 24px;
  --ktc-dimension-height-button-2xsmall: 24px;
  --ktc-dimension-height-switch-large-background: 24px;
  --ktc-dimension-height-switch-large-knob: 16px;
  --ktc-dimension-height-switch-small-background: 16px;
  --ktc-dimension-height-switch-small-knob: 12px;
  --ktc-dimension-height-card-label-icon: 16px;
  --ktc-dimension-height-nav-bar-subitem: 40px;
  --ktc-dimension-height-nav-bar-item: 48px;
  --ktc-dimension-height-nav-bar-device-sm: 40px;
  --ktc-dimension-height-nav-bar-header-device-md: 72px;
  --ktc-dimension-height-nav-bar-header-device-sm: 40px;
  --ktc-dimension-height-user-menu-item: 48px;
  --ktc-dimension-height-datatable-table-empty-icon: 128px;
  --ktc-dimension-height-datatable-table-empty-default: 616px;
  --ktc-dimension-height-datatable-table-header: 56px;
  --ktc-dimension-height-datatable-table-cell: 56px;
  --ktc-dimension-height-brandbar-default: 56px;
  --ktc-dimension-height-brandbar-logo: 24px;
  --ktc-dimension-height-avatar-avatar-small: 24px;
  --ktc-dimension-height-avatar-avatar-medium: 32px;
  --ktc-dimension-height-avatar-avatar-large: 48px;
  --ktc-dimension-height-avatar-icon-small: 16px;
  --ktc-dimension-height-avatar-icon-medium: 24px;
  --ktc-dimension-height-avatar-icon-large: 32px;
  --ktc-dimension-height-text-input-field: 40px;
  --ktc-dimension-height-combo-input-field: 40px;
  --ktc-dimension-height-dropdown-menu-item-flag: 24px;
  --ktc-dimension-height-dropdown-menu-item-item: 40px;
  --ktc-dimension-height-dropdown-menu-header: 40px;
  --ktc-dimension-height-dropdown-field: 40px;
  --ktc-dimension-height-dropdown-area: 40px;
  --ktc-dimension-height-upload-field: 80px;
  --ktc-dimension-height-upload-thumbnail: 56px;
  --ktc-dimension-height-upload-cropper-preview-icon: 48px;
  --ktc-dimension-height-search-field: 40px;
  --ktc-dimension-height-date-picker-menu-item: 40px;
  --ktc-dimension-height-date-picker-menu-calendar-date: 48px;
  --ktc-dimension-height-date-picker-menu-header-controls-dropdown: 40px;
  --ktc-dimension-height-chip-filter: 40px;
  --ktc-dimension-height-slider-knob: 24px;
  --ktc-dimension-height-progress-tracker-indicator: 4px;
  --ktc-dimension-height-progress-tracker-track: 4px;
  --ktc-dimension-height-progress-tracker-icon: 16px;
  --ktc-dimension-height-tag-tag: 24px;
  --ktc-dimension-height-tag-icon: 16px;
  --ktc-dimension-height-komi-logo-xsmall: 8px;
  --ktc-dimension-height-komi-logo-small: 16px;
  --ktc-dimension-height-komi-logo-medium: 24px;
  --ktc-dimension-height-komi-logo-large: 32px;
  --ktc-dimension-height-komi-logo-xlarge: 64px;
  --ktc-dimension-height-komi-icon-small: 16px;
  --ktc-dimension-height-komi-icon-medium: 24px;
  --ktc-dimension-height-komi-icon-large: 32px;
  --ktc-dimension-height-komi-icon-xlarge: 64px;
  --ktc-dimension-height-more-menu-menu-item: 40px;
  --ktc-dimension-height-more-menu-more-menu: 40px;
  --ktc-dimension-height-toolbar-divider: 40px;
  --ktc-dimension-height-modal-loading-icon: 48px;
  --ktc-dimension-height-page-loading-icon: 48px;
  --ktc-dimension-height-page-header: 40px;
  --ktc-dimension-height-stepper-field: 40px;
  --ktc-dimension-height-text-area-field: 160px;
  --ktc-dimension-height-tab-bar-tab-bar: 48px;
  --ktc-dimension-height-tab-bar-item: 40px;
  --ktc-dimension-height-checklist-item-icon: 16px;
  --ktc-dimension-height-loading-state-skeleton-default: 24px;
  --ktc-dimension-height-loading-state-wheel-small: 24px;
  --ktc-dimension-height-loading-state-wheel-medium: 48px;
  --ktc-dimension-height-rich-text-area-field: 160px;
  --ktc-dimension-height-rich-text-area-format: 40px;
  --ktc-dimension-height-sms-preview-window-body-input: 32px;
  --ktc-dimension-height-sms-preview-window-window: 624px;
  --ktc-dimension-width-dropdown-menu-item-flag: 16px;
  --ktc-dimension-width-combo-input-field-dropdown-field: 128px;
  --ktc-dimension-width-combo-input-menu: 360px;
  --ktc-dimension-width-card-label-icon: 16px;
  --ktc-dimension-width-nav-bar-collapsed-device-md: 72px;
  --ktc-dimension-width-nav-bar-collapsed-device-lg: 72px;
  --ktc-dimension-width-nav-bar-collapsed-device-xl: 72px;
  --ktc-dimension-width-nav-bar-expanded-device-md: 320px;
  --ktc-dimension-width-scrollbar-track: 12px;
  --ktc-dimension-width-scrollbar-handle: 8px;
  --ktc-dimension-width-datatable-table-empty-icon: 128px;
  --ktc-dimension-width-datatable-table-empty-body-device-xl: 480px;
  --ktc-dimension-width-datatable-table-empty-body-device-lg: 480px;
  --ktc-dimension-width-datatable-table-empty-body-device-md: 480px;
  --ktc-dimension-width-datatable-table-empty-body-device-sm: 480px;
  --ktc-dimension-width-datatable-table-empty-body-device-xs: 320px;
  --ktc-dimension-width-user-menu-device-md: 320px;
  --ktc-dimension-width-button-medium: 160px;
  --ktc-dimension-width-switch-large-knob: 16px;
  --ktc-dimension-width-switch-large-background: 48px;
  --ktc-dimension-width-switch-small-knob: 12px;
  --ktc-dimension-width-switch-small-background: 32px;
  --ktc-dimension-width-avatar-avatar-small: 24px;
  --ktc-dimension-width-avatar-avatar-medium: 32px;
  --ktc-dimension-width-avatar-avatar-large: 48px;
  --ktc-dimension-width-avatar-icon-small: 16px;
  --ktc-dimension-width-avatar-icon-medium: 24px;
  --ktc-dimension-width-avatar-icon-large: 32px;
  --ktc-dimension-width-checklist-item-icon: 16px;
  --ktc-dimension-width-slider-knob: 24px;
  --ktc-dimension-width-progress-tracker-icon: 16px;
  --ktc-dimension-width-date-picker-menu-default: 360px;
  --ktc-dimension-width-date-picker-menu-calendar-date: 48px;
  --ktc-dimension-width-tag-icon: 16px;
  --ktc-dimension-width-modal-loading-icon: 48px;
  --ktc-dimension-width-page-loading-icon: 48px;
  --ktc-dimension-width-stepper-field: 128px;
  --ktc-dimension-width-upload-cropper-preview-icon: 48px;
  --ktc-dimension-width-loading-state-skeleton-small: 24px;
  --ktc-dimension-width-loading-state-skeleton-medium: 72px;
  --ktc-dimension-width-loading-state-skeleton-large: 128px;
  --ktc-dimension-width-loading-state-skeleton-xlarge: 256px;
  --ktc-dimension-width-loading-state-wheel-small: 24px;
  --ktc-dimension-width-loading-state-wheel-medium: 48px;
  --ktc-dimension-width-sms-preview-window-window: 320px;
  --ktc-dimension-width-sms-preview-window-body-message: 256px;
  --ktc-dimension-gap-combo-input-field: -1px;
  --ktc-dimension-gap-combo-input-combo-input: 4px;
  --ktc-dimension-gap-date-picker-menu-header-controls-horizontal: 0px;
  --ktc-dimension-gap-date-picker-menu-header-controls-dropdown: 4px;
  --ktc-dimension-gap-date-picker-header: 8px 16px;
  --ktc-dimension-gap-date-picker-footer: 8px 16px;
  --ktc-dimension-gap-toolbar-menu: 16px;
  --ktc-dimension-gap-toolbar-body: 16px;
  --ktc-dimension-gap-nav-bar-device-md: 8px;
  --ktc-dimension-gap-nav-bar-device-sm: 8px;
  --ktc-dimension-gap-nav-bar-item: 12px;
  --ktc-dimension-gap-nav-bar-subitemgroup: 12px;
  --ktc-dimension-gap-nav-bar-itemgroup: 16px;
  --ktc-dimension-gap-nav-bar-header-wrapper: 8px;
  --ktc-dimension-gap-user-menu-device-md: 8px;
  --ktc-dimension-gap-user-menu-device-sm: 8px;
  --ktc-dimension-gap-user-menu-item: 16px;
  --ktc-dimension-gap-user-menu-item-combo: 16px;
  --ktc-dimension-gap-user-menu-item-group: 8px;
  --ktc-dimension-gap-radio-radio: 4px;
  --ktc-dimension-gap-radio-group-body-horizontal: 24px;
  --ktc-dimension-gap-radio-group-body-vertical: 16px;
  --ktc-dimension-gap-radio-group-group: 8px;
  --ktc-dimension-gap-datatable-table-empty-body: 24px;
  --ktc-dimension-gap-datatable-table-empty-text: 4px;
  --ktc-dimension-gap-datatable-table-header: 8px;
  --ktc-dimension-gap-datatable-table-cell: 16px;
  --ktc-dimension-gap-datatable-datatable: 16px;
  --ktc-dimension-gap-tag: 4px;
  --ktc-dimension-gap-text-input-field: 8px;
  --ktc-dimension-gap-text-input-text-input: 4px;
  --ktc-dimension-gap-upload-field: 8px;
  --ktc-dimension-gap-upload-upload: 4px;
  --ktc-dimension-gap-status: 4px;
  --ktc-dimension-gap-search-field: 8px;
  --ktc-dimension-gap-dropdown-field: 8px;
  --ktc-dimension-gap-dropdown-menu-item: 8px;
  --ktc-dimension-gap-dropdown-menu-create-item-horizontal: 8px;
  --ktc-dimension-gap-dropdown-menu-create-item-vertical: 8px;
  --ktc-dimension-gap-dropdown-vertical: 4px;
  --ktc-dimension-gap-dropdown-area-horizontal: 16px;
  --ktc-dimension-gap-tab-bar-tab-bar: 4px;
  --ktc-dimension-gap-tab-bar-item: 4px;
  --ktc-dimension-gap-login-body: 24px;
  --ktc-dimension-gap-login-content: 8px;
  --ktc-dimension-gap-checkbox-group-list-horizontal: 24px;
  --ktc-dimension-gap-checkbox-group-list-vertical: 16px;
  --ktc-dimension-gap-checkbox-group-group: 4px;
  --ktc-dimension-gap-checkbox-checkbox: 4px;
  --ktc-dimension-gap-checklist-item: 4px;
  --ktc-dimension-gap-checklist-group: 12px;
  --ktc-dimension-gap-button-medium: 8px;
  --ktc-dimension-gap-button-full: 8px;
  --ktc-dimension-gap-button-small: 2px;
  --ktc-dimension-gap-button-xsmall: 2px;
  --ktc-dimension-gap-button-group-horizontal-device-xs: 16px;
  --ktc-dimension-gap-button-group-horizontal-device-sm: 16px;
  --ktc-dimension-gap-button-group-horizontal-device-md: 16px;
  --ktc-dimension-gap-button-group-horizontal-device-lg: 24px;
  --ktc-dimension-gap-button-group-horizontal-device-xl: 24px;
  --ktc-dimension-gap-button-group-vertical-device-xs: 12px;
  --ktc-dimension-gap-button-group-vertical-device-sm: 12px;
  --ktc-dimension-gap-button-group-vertical-device-md: 12px;
  --ktc-dimension-gap-button-group-vertical-device-lg: 12px;
  --ktc-dimension-gap-button-group-vertical-device-xl: 12px;
  --ktc-dimension-gap-grid-device-xl: 24px;
  --ktc-dimension-gap-grid-device-lg: 24px;
  --ktc-dimension-gap-grid-device-md: 16px;
  --ktc-dimension-gap-grid-device-sm: 16px;
  --ktc-dimension-gap-grid-device-xs: 16px;
  --ktc-dimension-gap-message-body: 8px;
  --ktc-dimension-gap-message-horizontal: 12px;
  --ktc-dimension-gap-toast: 12px;
  --ktc-dimension-gap-card-body: 8px;
  --ktc-dimension-gap-card-content: 4px;
  --ktc-dimension-gap-card-label: 4px;
  --ktc-dimension-gap-dialog-dialog: 16px;
  --ktc-dimension-gap-dialog-header: 16px;
  --ktc-dimension-gap-dialog-body: 16px;
  --ktc-dimension-gap-tooltip: 2px;
  --ktc-dimension-gap-brandbar: 16px;
  --ktc-dimension-gap-page-body-device-xl: 24px;
  --ktc-dimension-gap-page-body-device-lg: 24px;
  --ktc-dimension-gap-page-body-device-md: 16px;
  --ktc-dimension-gap-page-body-device-sm: 16px;
  --ktc-dimension-gap-page-body-device-xs: 16px;
  --ktc-dimension-gap-page-body-header-col-left: 8px;
  --ktc-dimension-gap-page-body-header-col-right: 24px;
  --ktc-dimension-gap-page-section-device-xl: 16px;
  --ktc-dimension-gap-page-section-device-lg: 16px;
  --ktc-dimension-gap-page-section-device-md: 16px;
  --ktc-dimension-gap-page-section-device-sm: 16px;
  --ktc-dimension-gap-page-section-device-xs: 16px;
  --ktc-dimension-gap-time-select-body: 16px;
  --ktc-dimension-gap-time-select-vertical: 4px;
  --ktc-dimension-gap-chip-group: 8px;
  --ktc-dimension-gap-more-menu-menu-vertical: 4px;
  --ktc-dimension-gap-more-menu-menu-horizontal: 8px;
  --ktc-dimension-gap-more-menu-more-menu: 8px;
  --ktc-dimension-gap-checkbox-button: 4px;
  --ktc-dimension-gap-stepper-field: 8px;
  --ktc-dimension-gap-stepper-stepper: 4px;
  --ktc-dimension-gap-text-area-field: 8px;
  --ktc-dimension-gap-text-area-text-input: 4px;
  --ktc-dimension-gap-slider-slider: 8px;
  --ktc-dimension-gap-rich-text-area-field: 8px;
  --ktc-dimension-gap-rich-text-area-editor: -1px;
  --ktc-dimension-gap-rich-text-area-format-format: 12px;
  --ktc-dimension-gap-rich-text-area-format-group: 2px;
  --ktc-dimension-gap-rich-text-area-text-input: 4px;
  --ktc-dimension-gap-preview-switcher: 24px;
  --ktc-dimension-gap-sms-preview-window-header: 4px;
  --ktc-dimension-gap-sms-preview-window-window: 0px;
  --ktc-dimension-padding-nav-bar-device-md: 8px;
  --ktc-dimension-padding-nav-bar-device-sm: 8px;
  --ktc-dimension-padding-nav-bar-header-device-md: 24px 16px;
  --ktc-dimension-padding-nav-bar-header-device-sm: 8px;
  --ktc-dimension-padding-nav-bar-item: 12px 16px;
  --ktc-dimension-padding-nav-bar-subitem: 8px 12px;
  --ktc-dimension-padding-nav-bar-subitemgroup: 16px 16px 0px 16px;
  --ktc-dimension-padding-user-menu-device-md: 8px;
  --ktc-dimension-padding-user-menu-device-sm: 8px;
  --ktc-dimension-padding-user-menu-item: 12px 16px;
  --ktc-dimension-padding-user-menu-item-combo: 0px 12px 0px 0px;
  --ktc-dimension-padding-user-menu-group-header: 16px 16px 0px 16px;
  --ktc-dimension-padding-tab-bar-tab-bar: 4px;
  --ktc-dimension-padding-tab-bar-item: 8px 16px;
  --ktc-dimension-padding-brandbar: 16px;
  --ktc-dimension-padding-date-picker-menu-calendar-date: 4px;
  --ktc-dimension-padding-date-picker-menu-header-all: 8px 16px;
  --ktc-dimension-padding-date-picker-menu-header-controls-dropdown: 12px;
  --ktc-dimension-padding-date-picker-menu-item-all: 8px 24px;
  --ktc-dimension-padding-date-picker-menu-footer-all: 8px 24px;
  --ktc-dimension-padding-button-medium: 8px 16px;
  --ktc-dimension-padding-button-full: 8px 16px;
  --ktc-dimension-padding-button-small: 0px;
  --ktc-dimension-padding-button-xsmall: 0px;
  --ktc-dimension-padding-switch-large-off: 4px;
  --ktc-dimension-padding-switch-large-on: 4px;
  --ktc-dimension-padding-switch-small-off: 2px;
  --ktc-dimension-padding-switch-small-on: 2px;
  --ktc-dimension-padding-text-input-field: 8px 12px;
  --ktc-dimension-padding-upload-field: 8px 12px;
  --ktc-dimension-padding-toolbar: 12px 16px;
  --ktc-dimension-padding-search-field: 8px 12px;
  --ktc-dimension-padding-dropdown-field: 8px 12px;
  --ktc-dimension-padding-dropdown-menu-item: 8px 12px;
  --ktc-dimension-padding-dropdown-menu-create-item: 8px 12px;
  --ktc-dimension-padding-dropdown-menu-header: 16px 16px 0px 16px;
  --ktc-dimension-padding-dropdown-area: 8px 12px;
  --ktc-dimension-padding-datatable-table-header: 16px;
  --ktc-dimension-padding-datatable-table-cell: 16px;
  --ktc-dimension-padding-login-header: 16px 24px;
  --ktc-dimension-padding-login-body: 24px;
  --ktc-dimension-padding-page-body-device-xl: 32px;
  --ktc-dimension-padding-page-body-device-lg: 32px;
  --ktc-dimension-padding-page-body-device-md: 24px;
  --ktc-dimension-padding-page-body-device-sm: 24px;
  --ktc-dimension-padding-page-body-device-xs: 16px;
  --ktc-dimension-padding-page-section-device-xl: 24px;
  --ktc-dimension-padding-page-section-device-lg: 24px;
  --ktc-dimension-padding-page-section-device-md: 24px;
  --ktc-dimension-padding-page-section-device-sm: 16px;
  --ktc-dimension-padding-page-section-device-xs: 16px;
  --ktc-dimension-padding-tag: 0px 8px;
  --ktc-dimension-padding-message: 8px 12px;
  --ktc-dimension-padding-toast: 8px 12px;
  --ktc-dimension-padding-card-default: 16px;
  --ktc-dimension-padding-card-image: 0px;
  --ktc-dimension-padding-dialog-device-xs: 16px;
  --ktc-dimension-padding-dialog-device-sm: 16px;
  --ktc-dimension-padding-dialog-device-md: 16px;
  --ktc-dimension-padding-dialog-device-lg: 24px;
  --ktc-dimension-padding-dialog-device-xl: 24px;
  --ktc-dimension-padding-tooltip: 4px 12px;
  --ktc-dimension-padding-button-group-default-device-xs: 0px;
  --ktc-dimension-padding-button-group-default-device-sm: 0px;
  --ktc-dimension-padding-button-group-default-device-md: 0px;
  --ktc-dimension-padding-button-group-default-device-lg: 0px;
  --ktc-dimension-padding-button-group-default-device-xl: 0px;
  --ktc-dimension-padding-button-group-floating-device-xs: 16px;
  --ktc-dimension-padding-button-group-floating-device-sm: 24px;
  --ktc-dimension-padding-button-group-floating-device-md: 24px;
  --ktc-dimension-padding-button-group-floating-device-lg: 32px;
  --ktc-dimension-padding-button-group-floating-device-xl: 32px;
  --ktc-dimension-padding-more-menu-menu-item: 8px 12px;
  --ktc-dimension-padding-more-menu-menu-vertical: 8px;
  --ktc-dimension-padding-more-menu-menu-horizontal: 0px;
  --ktc-dimension-padding-modal-default-dialog-advanced-device-xs: 72px 16px 16px 16px;
  --ktc-dimension-padding-modal-default-dialog-advanced-device-sm: 72px 24px 24px 24px;
  --ktc-dimension-padding-modal-default-dialog-advanced-device-md: 72px 32px 32px 32px;
  --ktc-dimension-padding-modal-default-dialog-advanced-device-lg: 72px 32px 32px 32px;
  --ktc-dimension-padding-modal-default-dialog-advanced-device-xl: 72px 32px 32px 32px;
  --ktc-dimension-padding-modal-default-dialog-basic-device-xs: 16px;
  --ktc-dimension-padding-modal-default-dialog-basic-device-sm: 24px;
  --ktc-dimension-padding-modal-default-dialog-basic-device-md: 32px;
  --ktc-dimension-padding-modal-default-dialog-basic-device-lg: 32px;
  --ktc-dimension-padding-modal-default-dialog-basic-device-xl: 32px;
  --ktc-dimension-padding-modal-loading-device-xs: 16px;
  --ktc-dimension-padding-modal-loading-device-sm: 24px;
  --ktc-dimension-padding-modal-loading-device-md: 32px;
  --ktc-dimension-padding-modal-loading-device-lg: 32px;
  --ktc-dimension-padding-modal-loading-device-xl: 32px;
  --ktc-dimension-padding-status-medium: 0px;
  --ktc-dimension-padding-status-large: 4px 8px;
  --ktc-dimension-padding-stepper-field: 8px 12px;
  --ktc-dimension-padding-text-area-field: 8px 12px;
  --ktc-dimension-padding-rich-text-area-field: 8px 12px;
  --ktc-dimension-padding-rich-text-area-format: 8px 12px;
  --ktc-dimension-padding-preview-preview-collapsed: 12px 8px;
  --ktc-dimension-padding-preview-switcher: 12px 16px;
  --ktc-dimension-padding-sms-preview-window-body-input: 8px;
  --ktc-dimension-padding-sms-preview-window-body-body: 16px;
  --ktc-dimension-padding-sms-preview-window-body-message: 8px 12px;
  --ktc-dimension-padding-sms-preview-window-header: 16px 16px 8px 16px;
  --ktc-dimension-padding-sms-preview-background: 16px;
  --ktc-color-background-nav-bar-item-highlighted-hover: var(--ktc-color-background-nav-bar-item-highlighted-default);
  --ktc-color-background-nav-bar-item-highlighted-active: var(--ktc-color-background-nav-bar-item-highlighted-default);
  --ktc-typography-component-checklist-item-line-height: 16px;
  --ktc-border-all-text-input-field-default: var(--border-width-small) solid var(--ktc-color-border-text-input-field-default);
  --ktc-border-all-text-input-field-hover: var(--border-width-small) solid var(--ktc-color-border-text-input-field-hover);
  --ktc-border-all-text-input-field-active: var(--border-width-small) solid var(--ktc-color-border-text-input-field-active);
  --ktc-border-all-text-input-field-disabled: var(--border-width-small) solid var(--ktc-color-border-text-input-field-disabled);
  --ktc-border-all-text-input-field-error: var(--border-width-small) solid var(--ktc-color-border-text-input-field-error);
  --ktc-border-all-text-input-field-read-only: var(--border-width-small) solid var(--ktc-color-border-text-input-field-read-only);
  --ktc-border-all-chip-filter-unselected-default: var(--border-width-small) solid var(--ktc-color-border-chip-filter-unselected-default);
  --ktc-border-all-chip-filter-unselected-hover: var(--border-width-small) solid var(--ktc-color-border-chip-filter-unselected-default);
  --ktc-border-all-chip-filter-unselected-active: var(--border-width-small) solid var(--ktc-color-border-chip-filter-unselected-default);
  --ktc-border-all-chip-filter-unselected-disabled: var(--border-width-small) solid var(--ktc-color-border-chip-filter-unselected-default);
  --ktc-border-all-chip-filter-selected-default: var(--border-width-small) solid var(--ktc-color-border-chip-filter-selected-default);
  --ktc-border-all-chip-filter-selected-hover: var(--border-width-small) solid var(--ktc-color-border-chip-filter-selected-default);
  --ktc-border-all-chip-filter-selected-active: var(--border-width-small) solid var(--ktc-color-border-chip-filter-selected-default);
  --ktc-border-all-chip-filter-selected-disabled: var(--border-width-small) solid var(--ktc-color-border-chip-filter-selected-default);
  --ktc-border-all-slider-knob-default: var(--border-width-large) solid var(--ktc-color-border-slider-knob-default);
  --ktc-border-all-slider-knob-hover: var(--border-width-large) solid var(--ktc-color-border-slider-knob-hover);
  --ktc-border-all-slider-knob-active: var(--border-width-large) solid var(--ktc-color-border-slider-knob-active);
  --ktc-border-all-progress-tracker-step-present: var(--border-width-large) solid var(--ktc-color-border-progress-tracker-step-icon-present);
  --ktc-border-all-card-static-high: var(--border-width-small) solid var(--ktc-color-border-card-static-high-default);
  --ktc-border-all-card-interactive-high: var(--border-width-small) solid var(--ktc-color-border-card-static-high-default);
  --ktc-border-all-card-selected-high: var(--border-width-small) solid var(--ktc-color-border-card-selected-high-selected);
  --ktc-border-all-more-menu-menu-default: var(--border-width-small) solid var(--ktc-color-border-more-menu-menu-default);
  --ktc-border-all-upload-field-error: var(--border-width-small) solid var(--ktc-color-border-upload-field-error);
  --ktc-border-all-stepper-field-default: var(--border-width-small) solid var(--ktc-color-border-text-input-field-default);
  --ktc-border-all-stepper-field-hover: var(--border-width-small) solid var(--ktc-color-border-text-input-field-hover);
  --ktc-border-all-stepper-field-active: var(--border-width-small) solid var(--ktc-color-border-text-input-field-active);
  --ktc-border-all-stepper-field-disabled: var(--border-width-small) solid var(--ktc-color-border-text-input-field-disabled);
  --ktc-border-all-stepper-field-error: var(--border-width-small) solid var(--ktc-color-border-text-input-field-error);
  --ktc-border-all-text-area-field-default: var(--border-width-small) solid var(--ktc-color-border-text-input-field-default);
  --ktc-border-all-text-area-field-hover: var(--border-width-small) solid var(--ktc-color-border-text-input-field-hover);
  --ktc-border-all-text-area-field-active: var(--border-width-small) solid var(--ktc-color-border-text-input-field-active);
  --ktc-border-all-text-area-field-disabled: var(--border-width-small) solid var(--ktc-color-border-text-input-field-disabled);
  --ktc-border-all-text-area-field-error: var(--border-width-small) solid var(--ktc-color-border-text-input-field-error);
  --ktc-border-all-text-area-field-read-only: var(--border-width-small) solid var(--ktc-color-border-text-input-field-read-only);
  --ktc-border-all-date-picker-menu-menu: var(--border-width-small) solid var(--ktc-color-border-date-picker-menu-menu);
  --ktc-border-all-rich-text-area-field-default: var(--border-width-small) solid var(--ktc-color-border-rich-text-area-field-default);
  --ktc-border-all-rich-text-area-field-hover: var(--border-width-small) solid var(--ktc-color-border-rich-text-area-field-hover);
  --ktc-border-all-rich-text-area-field-active: var(--border-width-small) solid var(--ktc-color-border-rich-text-area-field-active);
  --ktc-border-all-rich-text-area-field-disabled: var(--border-width-small) solid var(--ktc-color-border-rich-text-area-field-disabled);
  --ktc-border-all-rich-text-area-field-error: var(--border-width-small) solid var(--ktc-color-border-rich-text-area-field-error);
  --ktc-border-all-rich-text-area-field-read-only: var(--border-width-small) solid var(--ktc-color-border-rich-text-area-field-read-only);
  --ktc-border-all-rich-text-area-format-default: var(--border-width-small) solid var(--ktc-color-border-rich-text-area-field-default);
  --ktc-border-all-rich-text-area-format-disabled: var(--border-width-small) solid var(--ktc-color-border-rich-text-area-format-disabled);
  --ktc-border-bottom-datatable-table-divider: var(--border-width-small) solid var(--ktc-color-border-datatable-table-divider);
  --ktc-border-left-message-info: var(--border-width-large) solid var(--ktc-color-border-message-info);
  --ktc-border-left-message-default: var(--border-width-large) solid var(--ktc-color-border-message-default);
  --ktc-border-left-message-success: var(--border-width-large) solid var(--ktc-color-border-message-success);
  --ktc-border-left-message-warning: var(--border-width-large) solid var(--ktc-color-border-message-warning);
  --ktc-border-left-message-error: var(--border-width-large) solid var(--ktc-color-border-message-error);
  --ktc-border-date-picker-menu-calendar-date-item-current: var(--border-width-small) solid var(--ktc-color-border-date-picker-menu-calendar-date-item-current);
}

@supports (color: color(display-p3 0 0 0)) {
  :root {
    --color-purple-25: color(display-p3 .962774 .962454 .996915);
  }
}

@supports (color: lab(0% 0 0)) {
  :root {
    --color-purple-25: lab(96.9% 1.32582 -4.62367);
  }
}

:root {
  --cns-sys-color-theme-background: #121212;
  --cns-sys-color-theme-foreground: #fff;
  --cns-sys-typography-style-header-xsmall-paragraph-indent: none;
  --cns-sys-typography-style-header-small-paragraph-indent: none;
  --cns-sys-typography-style-header-medium-paragraph-indent: none;
  --cns-sys-typography-style-header-large-paragraph-indent: none;
  --cns-sys-typography-style-header-xlarge-paragraph-indent: none;
  --cns-sys-typography-style-header-2xlarge-paragraph-indent: none;
  --cns-sys-typography-style-body-2xsmall-paragraph-indent: none;
  --cns-sys-typography-style-body-xsmall-paragraph-indent: none;
  --cns-sys-typography-style-body-small-paragraph-indent: none;
  --cns-sys-typography-style-body-medium-paragraph-indent: none;
  --cns-com-dimension-gap-page-footer-branding: 6px;
  --cns-com-dimension-height-item-item-device-sm: 116px;
  --cns-com-dimension-height-item-item-device-lg: 140px;
  --cns-com-dimension-height-item-prefix-device-sm: 116px;
  --cns-com-dimension-height-item-prefix-device-lg: 140px;
  --cns-com-dimension-width-item-prefix-device-sm: 116px;
  --cns-com-dimension-width-item-prefix-device-lg: 140px;
  --cns-com-dimension-maxwidth-page-body-device-lg: 736px;
  --cns-com-box-shadow-pbk: 0px 0px 16px 4px rgba(0, 0, 0, .25);
  --cns-com-typography-component-pbk-paragraph-indent: none;
  --cns-com-typography-component-button-full-label-paragraph-indent: 0;
  --cns-com-typography-component-button-medium-label-paragraph-indent: 0;
  --cns-com-typography-component-button-small-label-paragraph-indent: 0;
  --cns-com-typography-component-button-xsmall-label-paragraph-indent: 0;
  --cns-com-typography-component-checkbox-label-paragraph-indent: none;
  --cns-com-typography-component-checkbox-group-label-paragraph-indent: 0;
  --cns-com-typography-component-checkbox-group-helper-paragraph-indent: 0;
  --cns-com-typography-component-text-input-label-paragraph-indent: 0;
  --cns-com-typography-component-text-input-helper-paragraph-indent: 0;
  --cns-com-typography-component-avatar-small-paragraph-indent: 0;
  --cns-com-typography-component-avatar-medium-paragraph-indent: 0;
  --cns-com-typography-component-avatar-large-paragraph-indent: 0;
  --cns-com-typography-component-toast-body-paragraph-indent: none;
  --cns-com-typography-component-page-header-paragraph-indent: none;
  --cns-com-typography-component-page-footer-paragraph-indent: none;
  --cns-com-typography-component-radio-label-paragraph-indent: none;
  --cns-com-typography-component-radio-group-label-paragraph-indent: 0;
  --cns-com-typography-component-dropdown-label-paragraph-indent: 0;
  --cns-com-typography-component-dropdown-helper-paragraph-indent: 0;
  --cns-com-typography-component-dropdown-menu-create-item-helper-paragraph-indent: 0;
  --cns-com-typography-component-dropdown-menu-item-country-code-paragraph-indent: none;
  --cns-com-typography-component-dropdown-menu-header-label-paragraph-indent: none;
  --cns-com-typography-component-tag-label-paragraph-indent: none;
  --cns-com-typography-component-tab-bar-item-paragraph-indent: none;
  --cns-com-typography-item-title-device-sm-paragraph-indent: none;
  --cns-com-typography-item-title-device-lg-paragraph-indent: none;
  --cns-com-typography-item-subtitle-device-sm-paragraph-indent: none;
  --cns-com-typography-item-subtitle-device-lg-paragraph-indent: none;
  --cns-z-index-pbk-pbk: 500;
  --global-color-purple-25: #f6f5ff;
  --global-color-purple-50: #ebeafd;
  --global-color-purple-100: #d9d7fd;
  --global-color-purple-200: #bcb7fb;
  --global-color-purple-300: #9b8ff6;
  --global-color-purple-400: #7a61f1;
  --global-color-purple-500: #5f35e6;
  --global-color-purple-600: #582ed3;
  --global-color-purple-700: #4a26b1;
  --global-color-purple-800: #3e2191;
  --global-color-purple-900: #251362;
  --global-color-lime-25: #fffee5;
  --global-color-lime-50: #fdffc8;
  --global-color-lime-100: #faff97;
  --global-color-lime-200: #f1fc5a;
  --global-color-lime-300: #e3f331;
  --global-color-lime-400: #c5d909;
  --global-color-lime-500: #9aae02;
  --global-color-lime-600: #738407;
  --global-color-lime-700: #5b680c;
  --global-color-lime-800: #4b5710;
  --global-color-lime-900: #283102;
  --global-color-pink-25: #fff0fc;
  --global-color-pink-50: #ffe3fc;
  --global-color-pink-100: #ffc6f9;
  --global-color-pink-200: #ff98f3;
  --global-color-pink-300: #ff58e7;
  --global-color-pink-400: #ff27d7;
  --global-color-pink-500: #ff04bc;
  --global-color-pink-600: #df0097;
  --global-color-pink-700: #b8007d;
  --global-color-pink-800: #98036a;
  --global-color-pink-900: #5f003c;
  --global-color-gray-25: #f6f6f7;
  --global-color-gray-50: #efeff0;
  --global-color-gray-100: #e2e2e3;
  --global-color-gray-200: #cfd0d2;
  --global-color-gray-300: #bababf;
  --global-color-gray-400: #a8a8ac;
  --global-color-gray-500: #8a898f;
  --global-color-gray-600: #807e84;
  --global-color-gray-700: #68686b;
  --global-color-gray-800: #565659;
  --global-color-gray-900: #323234;
  --global-color-blue-25: #eff9ff;
  --global-color-blue-50: #daf0ff;
  --global-color-blue-100: #bee6ff;
  --global-color-blue-200: #91d8ff;
  --global-color-blue-300: #5dc0fd;
  --global-color-blue-400: #2f9ef9;
  --global-color-blue-500: #2285ee;
  --global-color-blue-600: #1a6ddb;
  --global-color-blue-700: #1b59b2;
  --global-color-blue-800: #1c4c8c;
  --global-color-blue-900: #162f55;
  --global-color-green-25: #f0fdf5;
  --global-color-green-50: #dcfcea;
  --global-color-green-100: #baf8d6;
  --global-color-green-200: #85f0b7;
  --global-color-green-300: #49df8f;
  --global-color-green-400: #21ca70;
  --global-color-green-500: #15a458;
  --global-color-green-600: #148148;
  --global-color-green-700: #15663c;
  --global-color-green-800: #135433;
  --global-color-green-900: #052e1a;
  --global-color-orange-25: #fffbeb;
  --global-color-orange-50: #fef3c7;
  --global-color-orange-100: #fde68a;
  --global-color-orange-200: #fcd34d;
  --global-color-orange-300: #fbbf24;
  --global-color-orange-400: #f59e0b;
  --global-color-orange-500: #d97706;
  --global-color-orange-600: #b45309;
  --global-color-orange-700: #92400e;
  --global-color-orange-800: #78350f;
  --global-color-orange-900: #451a03;
  --global-color-red-25: #fff1f2;
  --global-color-red-50: #ffe0e3;
  --global-color-red-100: #ffc6cb;
  --global-color-red-200: #ff9fa7;
  --global-color-red-300: #ff6774;
  --global-color-red-400: #fc3748;
  --global-color-red-500: #eb2839;
  --global-color-red-600: #c51020;
  --global-color-red-700: #a2121f;
  --global-color-red-800: #861620;
  --global-color-red-900: #49060c;
  --global-color-white: #fff;
  --global-color-black: #000;
  --global-color-transparent: color-mix(in srgb, #fff 0%, transparent 0%);
  --color-modifier-25: .95;
  --color-modifier-50: .9;
  --color-modifier-100: .8;
  --color-modifier-200: .6;
  --color-modifier-300: .4;
  --color-modifier-400: .2;
  --color-modifier-600: .16;
  --color-modifier-700: .32;
  --color-modifier-800: .48;
  --color-modifier-900: .56;
  --font-family-dm-sans: DM Sans;
  --font-family-dm-mono: DM Mono;
  --font-family-inter: Inter;
  --font-family-sf-pro-display: SF Pro Display, sans-serif;
  --font-size-base: 16px;
  --border-width-base: 1px;
  --opacity-0: 0;
  --opacity-5: .05;
  --opacity-10: .1;
  --opacity-12: .125;
  --opacity-20: .2;
  --opacity-25: .25;
  --opacity-30: .3;
  --opacity-40: .4;
  --opacity-50: .5;
  --opacity-60: .6;
  --opacity-70: .7;
  --opacity-75: .75;
  --opacity-80: .8;
  --opacity-90: .9;
  --opacity-100: 1;
  --letter-spacing-small: -.25px;
  --letter-spacing-large: .25px;
  --letter-spacing-xlarge: .5px;
  --letter-spacing-medium: 0;
  --text-case-none: none;
  --text-case-uppercase: uppercase;
  --text-case-capitalize: capitalize;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --text-decoration-none: none;
  --text-decoration-line-through: line-through;
  --text-decoration-underline: underline;
  --line-height-small: 1.25;
  --line-height-medium: 1.5;
  --line-height-large: 1.75;
  --line-height-xlarge: 2;
  --paragraph-spacing-small: .75px;
  --paragraph-spacing-medium: 1px;
  --paragraph-spacing-large: 1.5px;
  --paragraph-spacing-xlarge: 1.75px;
  --dimension-base-8: 8px;
  --grid-breakpoint-xs: 390px;
  --grid-breakpoint-sm: 768px;
  --grid-breakpoint-md: 1024px;
  --grid-breakpoint-lg: 1440px;
  --grid-breakpoint-xl: 1920px;
  --grid-col-count-xs: 4;
  --grid-col-count-sm: 12;
  --grid-col-count-md: 12;
  --grid-col-count-lg: 12;
  --grid-col-count-xl: 12;
  --cns-sys-color-theme-middleground: var(--global-color-white);
  --cns-sys-color-background-surface-low-default: var(--cns-sys-color-theme-background);
  --cns-sys-color-background-surface-lowest-default: var(--cns-sys-color-theme-background);
  --cns-sys-color-background-primary-default: var(--cns-sys-color-theme-foreground);
  --cns-sys-color-background-primary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-sys-color-background-primary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-sys-color-background-support-muted-default: var(--global-color-gray-50);
  --cns-sys-color-background-support-muted-primary: var(--global-color-purple-50);
  --cns-sys-color-background-support-muted-info: var(--global-color-blue-50);
  --cns-sys-color-background-support-muted-success: var(--global-color-green-50);
  --cns-sys-color-background-support-muted-warning: var(--global-color-orange-50);
  --cns-sys-color-background-support-muted-error: var(--global-color-red-50);
  --cns-sys-color-background-support-muted-brand: var(--global-color-lime-100);
  --cns-sys-color-background-support-muted-other: var(--global-color-pink-50);
  --cns-sys-color-background-support-deep-default: var(--global-color-gray-600);
  --cns-sys-color-background-support-deep-primary: var(--global-color-purple-600);
  --cns-sys-color-background-support-deep-info: var(--global-color-blue-600);
  --cns-sys-color-background-support-deep-success: var(--global-color-green-600);
  --cns-sys-color-background-support-deep-warning: var(--global-color-orange-600);
  --cns-sys-color-background-support-deep-error: var(--global-color-red-600);
  --cns-sys-color-background-support-deep-brand: var(--global-color-lime-600);
  --cns-sys-color-background-support-deep-other: var(--global-color-pink-600);
  --cns-sys-color-text-primary-default: var(--cns-sys-color-theme-foreground);
  --cns-sys-color-text-primary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-sys-color-text-primary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-sys-color-text-secondary-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-sys-color-text-secondary-hover: color-mix(in lch, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-sys-color-text-secondary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-sys-color-text-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-sys-color-text-support-error: var(--global-color-red-600);
  --cns-sys-color-text-inverted-default: var(--cns-sys-color-theme-background);
  --cns-sys-color-icon-primary-default: var(--cns-sys-color-theme-foreground);
  --cns-sys-color-icon-primary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-sys-color-icon-primary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-sys-color-icon-secondary-default: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-sys-color-icon-secondary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-sys-color-icon-secondary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-sys-color-icon-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-sys-color-icon-support-error: var(--global-color-red-600);
  --cns-sys-color-icon-support-success: var(--global-color-green-600);
  --cns-sys-color-border-container-default: var(--cns-sys-color-theme-foreground);
  --cns-sys-color-border-container-read-only: var(--cns-sys-color-theme-foreground);
  --cns-sys-color-border-container-hover: var(--cns-sys-color-theme-foreground);
  --cns-sys-color-border-container-active: var(--cns-sys-color-theme-foreground);
  --cns-sys-color-border-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 10%, transparent 0%);
  --cns-sys-color-border-support-error: var(--global-color-red-600);
  --cns-sys-typography-style-header-xsmall-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-header-xsmall-font-weight: 700;
  --cns-sys-typography-style-header-xsmall-letter-spacing: -.25px;
  --cns-sys-typography-style-header-xsmall-text-decoration: none;
  --cns-sys-typography-style-header-xsmall-text-case: none;
  --cns-sys-typography-style-header-small-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-header-small-font-weight: 700;
  --cns-sys-typography-style-header-small-letter-spacing: -.25px;
  --cns-sys-typography-style-header-small-text-decoration: none;
  --cns-sys-typography-style-header-small-text-case: none;
  --cns-sys-typography-style-header-medium-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-header-medium-font-weight: 700;
  --cns-sys-typography-style-header-medium-letter-spacing: -.25px;
  --cns-sys-typography-style-header-medium-text-decoration: none;
  --cns-sys-typography-style-header-medium-text-case: none;
  --cns-sys-typography-style-header-large-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-header-large-font-weight: 700;
  --cns-sys-typography-style-header-large-letter-spacing: -.25px;
  --cns-sys-typography-style-header-large-text-decoration: none;
  --cns-sys-typography-style-header-large-text-case: none;
  --cns-sys-typography-style-header-xlarge-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-header-xlarge-font-weight: 700;
  --cns-sys-typography-style-header-xlarge-letter-spacing: -.25px;
  --cns-sys-typography-style-header-xlarge-text-decoration: none;
  --cns-sys-typography-style-header-xlarge-text-case: none;
  --cns-sys-typography-style-header-2xlarge-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-header-2xlarge-font-weight: 700;
  --cns-sys-typography-style-header-2xlarge-letter-spacing: -.25px;
  --cns-sys-typography-style-header-2xlarge-text-decoration: none;
  --cns-sys-typography-style-header-2xlarge-text-case: none;
  --cns-sys-typography-style-body-2xsmall-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-body-2xsmall-font-weight: 500;
  --cns-sys-typography-style-body-2xsmall-letter-spacing: 0;
  --cns-sys-typography-style-body-2xsmall-text-decoration: none;
  --cns-sys-typography-style-body-2xsmall-text-case: none;
  --cns-sys-typography-style-body-xsmall-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-body-xsmall-font-weight: 500;
  --cns-sys-typography-style-body-xsmall-letter-spacing: 0;
  --cns-sys-typography-style-body-xsmall-text-decoration: none;
  --cns-sys-typography-style-body-xsmall-text-case: none;
  --cns-sys-typography-style-body-small-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-body-small-font-weight: 500;
  --cns-sys-typography-style-body-small-letter-spacing: 0;
  --cns-sys-typography-style-body-small-text-decoration: none;
  --cns-sys-typography-style-body-small-text-case: none;
  --cns-sys-typography-style-body-medium-font-family: SF Pro Display, sans-serif;
  --cns-sys-typography-style-body-medium-font-weight: 500;
  --cns-sys-typography-style-body-medium-letter-spacing: 0;
  --cns-sys-typography-style-body-medium-text-decoration: none;
  --cns-sys-typography-style-body-medium-text-case: none;
  --cns-com-color-box-shadow-default: color-mix(in srgb, var(--global-color-black) 50%, transparent 0%);
  --cns-com-color-background-pbk-theme-dark: var(--global-color-white);
  --cns-com-color-background-pbk-theme-light: var(--global-color-black);
  --cns-com-color-text-pbk-theme-dark: var(--global-color-black);
  --cns-com-color-text-pbk-theme-light: var(--global-color-white);
  --cns-com-color-icon-pbk-theme-dark: var(--global-color-black);
  --cns-com-color-icon-pbk-theme-light: var(--global-color-white);
  --cns-com-color-border-tab-bar-item-unselected-default: color-mix(in srgb, #fff 0%, transparent 0%);
  --cns-com-dimension-gap-pbk-large-body-image: -4px;
  --cns-com-dimension-gap-dropdown-area-vertical: 8px;
  --cns-com-typography-component-pbk-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-pbk-font-weight: 700;
  --cns-com-typography-component-pbk-letter-spacing: .5px;
  --cns-com-typography-component-pbk-text-decoration: none;
  --cns-com-typography-component-pbk-text-case: uppercase;
  --cns-com-typography-component-button-full-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-button-full-label-font-weight: 700;
  --cns-com-typography-component-button-full-label-letter-spacing: 0;
  --cns-com-typography-component-button-full-label-text-decoration: none;
  --cns-com-typography-component-button-full-label-text-case: capitalize;
  --cns-com-typography-component-button-medium-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-button-medium-label-font-weight: 700;
  --cns-com-typography-component-button-medium-label-letter-spacing: 0;
  --cns-com-typography-component-button-medium-label-text-decoration: none;
  --cns-com-typography-component-button-medium-label-text-case: capitalize;
  --cns-com-typography-component-button-small-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-button-small-label-font-weight: 700;
  --cns-com-typography-component-button-small-label-letter-spacing: 0;
  --cns-com-typography-component-button-small-label-text-decoration: none;
  --cns-com-typography-component-button-small-label-text-case: capitalize;
  --cns-com-typography-component-button-xsmall-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-button-xsmall-label-font-weight: 700;
  --cns-com-typography-component-button-xsmall-label-letter-spacing: 0;
  --cns-com-typography-component-button-xsmall-label-text-decoration: none;
  --cns-com-typography-component-button-xsmall-label-text-case: capitalize;
  --cns-com-typography-component-checkbox-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-checkbox-label-font-weight: 500;
  --cns-com-typography-component-checkbox-label-letter-spacing: 0;
  --cns-com-typography-component-checkbox-label-text-decoration: none;
  --cns-com-typography-component-checkbox-label-text-case: none;
  --cns-com-typography-component-checkbox-group-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-checkbox-group-label-font-weight: 500;
  --cns-com-typography-component-checkbox-group-label-letter-spacing: 0;
  --cns-com-typography-component-checkbox-group-label-paragraph-spacing: 1px;
  --cns-com-typography-component-checkbox-group-label-text-decoration: none;
  --cns-com-typography-component-checkbox-group-label-text-case: none;
  --cns-com-typography-component-checkbox-group-helper-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-checkbox-group-helper-font-weight: 500;
  --cns-com-typography-component-checkbox-group-helper-letter-spacing: 0;
  --cns-com-typography-component-checkbox-group-helper-paragraph-spacing: 1px;
  --cns-com-typography-component-checkbox-group-helper-text-decoration: none;
  --cns-com-typography-component-checkbox-group-helper-text-case: none;
  --cns-com-typography-component-text-input-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-text-input-label-font-weight: 500;
  --cns-com-typography-component-text-input-label-letter-spacing: 0;
  --cns-com-typography-component-text-input-label-paragraph-spacing: 1px;
  --cns-com-typography-component-text-input-label-text-decoration: none;
  --cns-com-typography-component-text-input-label-text-case: none;
  --cns-com-typography-component-text-input-helper-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-text-input-helper-font-weight: 500;
  --cns-com-typography-component-text-input-helper-letter-spacing: 0;
  --cns-com-typography-component-text-input-helper-paragraph-spacing: 1px;
  --cns-com-typography-component-text-input-helper-text-decoration: none;
  --cns-com-typography-component-text-input-helper-text-case: none;
  --cns-com-typography-component-text-input-field-text-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-text-input-field-text-font-weight: 500;
  --cns-com-typography-component-text-input-field-text-letter-spacing: 0;
  --cns-com-typography-component-text-input-field-text-paragraph-spacing: 1px;
  --cns-com-typography-component-text-input-field-text-text-decoration: none;
  --cns-com-typography-component-text-input-field-text-text-case: none;
  --cns-com-typography-component-text-input-field-suffix-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-text-input-field-suffix-font-weight: 500;
  --cns-com-typography-component-text-input-field-suffix-letter-spacing: 0;
  --cns-com-typography-component-text-input-field-suffix-paragraph-spacing: 1px;
  --cns-com-typography-component-text-input-field-suffix-text-decoration: none;
  --cns-com-typography-component-text-input-field-suffix-text-case: none;
  --cns-com-typography-component-avatar-small-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-avatar-small-font-weight: 500;
  --cns-com-typography-component-avatar-small-letter-spacing: 0;
  --cns-com-typography-component-avatar-small-text-decoration: none;
  --cns-com-typography-component-avatar-small-text-case: uppercase;
  --cns-com-typography-component-avatar-medium-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-avatar-medium-font-weight: 500;
  --cns-com-typography-component-avatar-medium-letter-spacing: 0;
  --cns-com-typography-component-avatar-medium-text-decoration: none;
  --cns-com-typography-component-avatar-medium-text-case: uppercase;
  --cns-com-typography-component-avatar-large-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-avatar-large-font-weight: 500;
  --cns-com-typography-component-avatar-large-letter-spacing: 0;
  --cns-com-typography-component-avatar-large-text-decoration: none;
  --cns-com-typography-component-avatar-large-text-case: uppercase;
  --cns-com-typography-component-toast-body-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-toast-body-font-weight: 500;
  --cns-com-typography-component-toast-body-letter-spacing: 0;
  --cns-com-typography-component-toast-body-text-decoration: none;
  --cns-com-typography-component-toast-body-text-case: none;
  --cns-com-typography-component-page-header-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-page-header-font-weight: 700;
  --cns-com-typography-component-page-header-letter-spacing: 0;
  --cns-com-typography-component-page-header-text-decoration: none;
  --cns-com-typography-component-page-header-text-case: none;
  --cns-com-typography-component-page-footer-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-page-footer-font-weight: 500;
  --cns-com-typography-component-page-footer-letter-spacing: 0;
  --cns-com-typography-component-page-footer-text-decoration: none;
  --cns-com-typography-component-page-footer-text-case: none;
  --cns-com-typography-component-radio-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-radio-label-font-weight: 500;
  --cns-com-typography-component-radio-label-letter-spacing: 0;
  --cns-com-typography-component-radio-label-text-decoration: none;
  --cns-com-typography-component-radio-label-text-case: none;
  --cns-com-typography-component-radio-group-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-radio-group-label-font-weight: 500;
  --cns-com-typography-component-radio-group-label-letter-spacing: 0;
  --cns-com-typography-component-radio-group-label-paragraph-spacing: 1px;
  --cns-com-typography-component-radio-group-label-text-decoration: none;
  --cns-com-typography-component-radio-group-label-text-case: none;
  --cns-com-typography-component-dropdown-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-dropdown-label-font-weight: 500;
  --cns-com-typography-component-dropdown-label-letter-spacing: 0;
  --cns-com-typography-component-dropdown-label-text-decoration: none;
  --cns-com-typography-component-dropdown-label-text-case: none;
  --cns-com-typography-component-dropdown-helper-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-dropdown-helper-font-weight: 500;
  --cns-com-typography-component-dropdown-helper-letter-spacing: 0;
  --cns-com-typography-component-dropdown-helper-text-decoration: none;
  --cns-com-typography-component-dropdown-helper-text-case: none;
  --cns-com-typography-component-dropdown-menu-create-item-helper-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-dropdown-menu-create-item-helper-font-weight: 500;
  --cns-com-typography-component-dropdown-menu-create-item-helper-letter-spacing: 0;
  --cns-com-typography-component-dropdown-menu-create-item-helper-text-decoration: none;
  --cns-com-typography-component-dropdown-menu-create-item-helper-text-case: none;
  --cns-com-typography-component-dropdown-menu-create-item-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-dropdown-menu-create-item-label-font-weight: 500;
  --cns-com-typography-component-dropdown-menu-create-item-label-letter-spacing: 0;
  --cns-com-typography-component-dropdown-menu-create-item-label-text-decoration: none;
  --cns-com-typography-component-dropdown-menu-create-item-label-text-case: none;
  --cns-com-typography-component-dropdown-menu-item-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-dropdown-menu-item-label-font-weight: 500;
  --cns-com-typography-component-dropdown-menu-item-label-letter-spacing: 0;
  --cns-com-typography-component-dropdown-menu-item-label-text-decoration: none;
  --cns-com-typography-component-dropdown-menu-item-label-text-case: none;
  --cns-com-typography-component-dropdown-menu-item-country-code-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-dropdown-menu-item-country-code-font-weight: 500;
  --cns-com-typography-component-dropdown-menu-item-country-code-letter-spacing: 0;
  --cns-com-typography-component-dropdown-menu-item-country-code-text-decoration: none;
  --cns-com-typography-component-dropdown-menu-item-country-code-text-case: none;
  --cns-com-typography-component-dropdown-menu-header-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-dropdown-menu-header-label-font-weight: 500;
  --cns-com-typography-component-dropdown-menu-header-label-letter-spacing: -.25px;
  --cns-com-typography-component-dropdown-menu-header-label-text-decoration: none;
  --cns-com-typography-component-dropdown-menu-header-label-text-case: uppercase;
  --cns-com-typography-component-dropdown-area-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-dropdown-area-label-font-weight: 500;
  --cns-com-typography-component-dropdown-area-label-letter-spacing: 0;
  --cns-com-typography-component-dropdown-area-label-text-decoration: none;
  --cns-com-typography-component-dropdown-area-label-text-case: none;
  --cns-com-typography-component-tag-label-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-tag-label-font-weight: 500;
  --cns-com-typography-component-tag-label-letter-spacing: -.25px;
  --cns-com-typography-component-tag-label-text-decoration: none;
  --cns-com-typography-component-tag-label-text-case: capitalize;
  --cns-com-typography-component-tab-bar-item-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-component-tab-bar-item-font-weight: 500;
  --cns-com-typography-component-tab-bar-item-letter-spacing: 0;
  --cns-com-typography-component-tab-bar-item-text-decoration: none;
  --cns-com-typography-component-tab-bar-item-text-case: none;
  --cns-com-typography-item-title-device-sm-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-item-title-device-sm-font-weight: 700;
  --cns-com-typography-item-title-device-sm-letter-spacing: 0;
  --cns-com-typography-item-title-device-sm-text-decoration: none;
  --cns-com-typography-item-title-device-sm-text-case: none;
  --cns-com-typography-item-title-device-lg-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-item-title-device-lg-font-weight: 700;
  --cns-com-typography-item-title-device-lg-letter-spacing: 0;
  --cns-com-typography-item-title-device-lg-text-decoration: none;
  --cns-com-typography-item-title-device-lg-text-case: none;
  --cns-com-typography-item-subtitle-device-sm-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-item-subtitle-device-sm-font-weight: 500;
  --cns-com-typography-item-subtitle-device-sm-letter-spacing: 0;
  --cns-com-typography-item-subtitle-device-sm-text-decoration: none;
  --cns-com-typography-item-subtitle-device-sm-text-case: none;
  --cns-com-typography-item-subtitle-device-lg-font-family: SF Pro Display, sans-serif;
  --cns-com-typography-item-subtitle-device-lg-font-weight: 500;
  --cns-com-typography-item-subtitle-device-lg-letter-spacing: 0;
  --cns-com-typography-item-subtitle-device-lg-text-decoration: none;
  --cns-com-typography-item-subtitle-device-lg-text-case: none;
  --font-size-xsmall: 12px;
  --font-size-small: 14px;
  --font-size-medium: 16px;
  --font-size-large: 20px;
  --font-size-xlarge: 24px;
  --font-size-2xlarge: 32px;
  --font-size-2xsmall: 8px;
  --border-width-small: 1px;
  --border-width-medium: 2px;
  --border-width-large: 4px;
  --border-width-none: 0px;
  --dimension-width-0: 0px;
  --dimension-width-1: 8px;
  --dimension-width-2: 16px;
  --dimension-width-3: 24px;
  --dimension-width-4: 32px;
  --dimension-width-5: 40px;
  --dimension-width-6: 48px;
  --dimension-width-7: 56px;
  --dimension-width-8: 64px;
  --dimension-width-9: 72px;
  --dimension-width-10: 80px;
  --dimension-width-16: 128px;
  --dimension-width-20: 160px;
  --dimension-width-32: 256px;
  --dimension-width-40: 320px;
  --dimension-width-45: 360px;
  --dimension-width-60: 480px;
  --dimension-width-0-125: 1px;
  --dimension-width-0-25: 2px;
  --dimension-width-0-5: 4px;
  --dimension-width-1-5: 12px;
  --dimension-height-0: 0px;
  --dimension-height-1: 8px;
  --dimension-height-2: 16px;
  --dimension-height-3: 24px;
  --dimension-height-4: 32px;
  --dimension-height-5: 40px;
  --dimension-height-6: 48px;
  --dimension-height-7: 56px;
  --dimension-height-8: 64px;
  --dimension-height-9: 72px;
  --dimension-height-10: 80px;
  --dimension-height-16: 128px;
  --dimension-height-20: 160px;
  --dimension-height-32: 256px;
  --dimension-height-40: 320px;
  --dimension-height-77: 616px;
  --dimension-height-78: 624px;
  --dimension-height-0-125: 1px;
  --dimension-height-0-25: 2px;
  --dimension-height-0-5: 4px;
  --dimension-height-1-5: 12px;
  --dimension-gap-0: 0px;
  --dimension-gap-1: 8px;
  --dimension-gap-2: 16px;
  --dimension-gap-3: 24px;
  --dimension-gap-4: 32px;
  --dimension-gap-5: 40px;
  --dimension-gap-6: 48px;
  --dimension-gap-7: 56px;
  --dimension-gap-8: 64px;
  --dimension-gap-9: 72px;
  --dimension-gap-10: 80px;
  --dimension-gap-16: 128px;
  --dimension-gap-20: 160px;
  --dimension-gap-32: 256px;
  --dimension-gap-40: 320px;
  --dimension-gap-0-125: 1px;
  --dimension-gap-0-25: 2px;
  --dimension-gap-0-5: 4px;
  --dimension-gap-1-5: 12px;
  --dimension-padding-0: 0px;
  --dimension-padding-1: 8px;
  --dimension-padding-2: 16px;
  --dimension-padding-3: 24px;
  --dimension-padding-4: 32px;
  --dimension-padding-5: 40px;
  --dimension-padding-6: 48px;
  --dimension-padding-7: 56px;
  --dimension-padding-8: 64px;
  --dimension-padding-9: 72px;
  --dimension-padding-10: 80px;
  --dimension-padding-16: 128px;
  --dimension-padding-20: 160px;
  --dimension-padding-32: 256px;
  --dimension-padding-40: 320px;
  --dimension-padding-3-5: 28px;
  --dimension-padding-0-125: 1px;
  --dimension-padding-0-25: 2px;
  --dimension-padding-0-5: 4px;
  --dimension-padding-1-5: 12px;
  --dimension-x-0: 0px;
  --dimension-x-1: 8px;
  --dimension-x-2: 16px;
  --dimension-x-3: 24px;
  --dimension-x-4: 32px;
  --dimension-x-5: 40px;
  --dimension-x-6: 48px;
  --dimension-x-7: 56px;
  --dimension-x-8: 64px;
  --dimension-x-9: 72px;
  --dimension-x-10: 80px;
  --dimension-x-16: 128px;
  --dimension-x-20: 160px;
  --dimension-x-32: 256px;
  --dimension-x-40: 320px;
  --dimension-x-0-125: 1px;
  --dimension-x-0-25: 2px;
  --dimension-x-0-5: 4px;
  --dimension-x-1-5: 12px;
  --dimension-y-0: 0px;
  --dimension-y-1: 8px;
  --dimension-y-2: 16px;
  --dimension-y-3: 24px;
  --dimension-y-4: 32px;
  --dimension-y-5: 40px;
  --dimension-y-6: 48px;
  --dimension-y-7: 56px;
  --dimension-y-8: 64px;
  --dimension-y-9: 72px;
  --dimension-y-10: 80px;
  --dimension-y-16: 128px;
  --dimension-y-20: 160px;
  --dimension-y-32: 256px;
  --dimension-y-40: 320px;
  --dimension-y-0-125: 1px;
  --dimension-y-0-25: 2px;
  --dimension-y-0-5: 4px;
  --dimension-y-1-5: 12px;
  --dimension-blur-0: 0px;
  --dimension-blur-1: 8px;
  --dimension-blur-2: 16px;
  --dimension-blur-3: 24px;
  --dimension-blur-4: 32px;
  --dimension-blur-5: 40px;
  --dimension-blur-6: 48px;
  --dimension-blur-7: 56px;
  --dimension-blur-8: 64px;
  --dimension-blur-9: 72px;
  --dimension-blur-10: 80px;
  --dimension-blur-16: 128px;
  --dimension-blur-20: 160px;
  --dimension-blur-32: 256px;
  --dimension-blur-40: 320px;
  --dimension-blur-0-125: 1px;
  --dimension-blur-0-25: 2px;
  --dimension-blur-0-5: 4px;
  --dimension-blur-1-5: 12px;
  --dimension-spread-0: 0px;
  --dimension-spread-1: 8px;
  --dimension-spread-2: 16px;
  --dimension-spread-3: 24px;
  --dimension-spread-4: 32px;
  --dimension-spread-5: 40px;
  --dimension-spread-6: 48px;
  --dimension-spread-7: 56px;
  --dimension-spread-8: 64px;
  --dimension-spread-9: 72px;
  --dimension-spread-10: 80px;
  --dimension-spread-16: 128px;
  --dimension-spread-20: 160px;
  --dimension-spread-32: 256px;
  --dimension-spread-40: 320px;
  --dimension-spread-0-125: 1px;
  --dimension-spread-0-25: 2px;
  --dimension-spread-0-5: 4px;
  --dimension-spread-1-5: 12px;
  --dimension-border-radius-0: 0px;
  --dimension-border-radius-1: 8px;
  --dimension-border-radius-2: 16px;
  --dimension-border-radius-3: 24px;
  --dimension-border-radius-4: 32px;
  --dimension-border-radius-5: 40px;
  --dimension-border-radius-6: 48px;
  --dimension-border-radius-7: 56px;
  --dimension-border-radius-8: 64px;
  --dimension-border-radius-9: 72px;
  --dimension-border-radius-10: 80px;
  --dimension-border-radius-16: 128px;
  --dimension-border-radius-20: 160px;
  --dimension-border-radius-32: 256px;
  --dimension-border-radius-40: 320px;
  --dimension-border-radius-full: 888px;
  --dimension-border-radius-0-125: 1px;
  --dimension-border-radius-0-25: 2px;
  --dimension-border-radius-0-5: 4px;
  --dimension-border-radius-1-5: 12px;
  --dimension-position-0: 0px;
  --dimension-position-1: 8px;
  --dimension-position-2: 16px;
  --dimension-position-3: 24px;
  --dimension-position-4: 32px;
  --dimension-position-5: 40px;
  --dimension-position-6: 48px;
  --dimension-position-7: 56px;
  --dimension-position-8: 64px;
  --dimension-position-9: 72px;
  --dimension-position-10: 80px;
  --dimension-position-16: 128px;
  --dimension-position-20: 160px;
  --dimension-position-32: 256px;
  --dimension-position-40: 320px;
  --dimension-position-0-125: 1px;
  --dimension-position-0-25: 2px;
  --dimension-position-0-5: 4px;
  --dimension-position-1-5: 12px;
  --grid-gap-row-xs: 16px;
  --grid-gap-row-sm: 16px;
  --grid-gap-row-md: 16px;
  --grid-gap-row-lg: 24px;
  --grid-gap-row-xl: 24px;
  --grid-gap-col-xs: 16px;
  --grid-gap-col-sm: 16px;
  --grid-gap-col-md: 16px;
  --grid-gap-col-lg: 24px;
  --grid-gap-col-xl: 24px;
  --cns-sys-color-theme-overlay-0: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 0%, transparent 0%);
  --cns-sys-color-theme-overlay-5: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-sys-color-theme-overlay-10: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-sys-color-theme-overlay-20: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-sys-color-theme-overlay-30: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 30%, transparent 0%);
  --cns-sys-color-theme-overlay-40: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-sys-color-theme-overlay-50: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 50%, transparent 0%);
  --cns-sys-color-theme-overlay-60: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 60%, transparent 0%);
  --cns-sys-color-theme-overlay-70: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 70%, transparent 0%);
  --cns-sys-color-theme-overlay-80: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 70%, transparent 0%);
  --cns-sys-color-theme-overlay-90: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 70%, transparent 0%);
  --cns-sys-color-theme-overlay-100: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 100%, transparent 0%);
  --cns-sys-typography-style-header-xsmall-line-height: 15px;
  --cns-sys-typography-style-header-xsmall-paragraph-spacing: 12px;
  --cns-sys-typography-style-header-xsmall-font-size: 12px;
  --cns-sys-typography-style-header-small-line-height: 18px;
  --cns-sys-typography-style-header-small-paragraph-spacing: 14px;
  --cns-sys-typography-style-header-small-font-size: 14px;
  --cns-sys-typography-style-header-medium-line-height: 20px;
  --cns-sys-typography-style-header-medium-paragraph-spacing: 16px;
  --cns-sys-typography-style-header-medium-font-size: 16px;
  --cns-sys-typography-style-header-large-line-height: 25px;
  --cns-sys-typography-style-header-large-paragraph-spacing: 20px;
  --cns-sys-typography-style-header-large-font-size: 20px;
  --cns-sys-typography-style-header-xlarge-line-height: 30px;
  --cns-sys-typography-style-header-xlarge-paragraph-spacing: 24px;
  --cns-sys-typography-style-header-xlarge-font-size: 24px;
  --cns-sys-typography-style-header-2xlarge-line-height: 40px;
  --cns-sys-typography-style-header-2xlarge-paragraph-spacing: 32px;
  --cns-sys-typography-style-header-2xlarge-font-size: 32px;
  --cns-sys-typography-style-body-2xsmall-font-size: 8px;
  --cns-sys-typography-style-body-2xsmall-paragraph-spacing: 8px;
  --cns-sys-typography-style-body-2xsmall-line-height: 12px;
  --cns-sys-typography-style-body-xsmall-font-size: 12px;
  --cns-sys-typography-style-body-xsmall-paragraph-spacing: 12px;
  --cns-sys-typography-style-body-xsmall-line-height: 18px;
  --cns-sys-typography-style-body-small-font-size: 14px;
  --cns-sys-typography-style-body-small-paragraph-spacing: 14px;
  --cns-sys-typography-style-body-small-line-height: 21px;
  --cns-sys-typography-style-body-medium-font-size: 16px;
  --cns-sys-typography-style-body-medium-paragraph-spacing: 16px;
  --cns-sys-typography-style-body-medium-line-height: 24px;
  --cns-sys-box-shadow-elevation-surface-highest: 0px 0px 16px 4px color-mix(in srgb, var(--global-color-black) 50%, transparent 0%);
  --cns-com-color-background-button-full-primary-default: var(--cns-sys-color-background-primary-default);
  --cns-com-color-background-button-full-primary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-background-button-full-primary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-background-button-medium-primary-default: var(--cns-sys-color-background-primary-default);
  --cns-com-color-background-button-medium-primary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-background-button-medium-primary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-background-button-small-primary-default: var(--cns-sys-color-background-primary-default);
  --cns-com-color-background-button-small-primary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-background-button-small-primary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-background-button-xsmall-primary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-background-button-xsmall-primary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-background-text-input-helper-error: var(--cns-sys-color-background-support-muted-error);
  --cns-com-color-background-dropdown-helper-error: var(--cns-sys-color-background-support-muted-error);
  --cns-com-color-background-checkbox-group-helper-error: var(--cns-sys-color-background-support-muted-error);
  --cns-com-color-background-toast-default: var(--cns-sys-color-background-support-deep-default);
  --cns-com-color-background-toast-info: var(--cns-sys-color-background-support-deep-info);
  --cns-com-color-background-toast-success: var(--cns-sys-color-background-support-deep-success);
  --cns-com-color-background-toast-warning: var(--cns-sys-color-background-support-deep-warning);
  --cns-com-color-background-toast-error: var(--cns-sys-color-background-support-deep-error);
  --cns-com-color-background-page-page: var(--cns-sys-color-background-surface-lowest-default);
  --cns-com-color-background-page-body: var(--cns-sys-color-background-surface-low-default);
  --cns-com-color-background-tag-default: var(--cns-sys-color-background-support-muted-default);
  --cns-com-color-background-tag-primary: var(--cns-sys-color-background-support-muted-primary);
  --cns-com-color-background-tag-info: var(--cns-sys-color-background-support-muted-info);
  --cns-com-color-background-tag-success: var(--cns-sys-color-background-support-muted-success);
  --cns-com-color-background-tag-warning: var(--cns-sys-color-background-support-muted-warning);
  --cns-com-color-background-tag-error: var(--cns-sys-color-background-support-muted-error);
  --cns-com-color-background-tag-brand: var(--cns-sys-color-background-support-muted-brand);
  --cns-com-color-background-tag-other: var(--cns-sys-color-background-support-muted-other);
  --cns-com-color-background-komi-logo-primary: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-background-komi-logo-secondary: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-button-full-primary-default: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-full-primary-hover: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-full-primary-active: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-full-primary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-button-full-secondary-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-full-secondary-hover: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-full-secondary-active: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-full-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-button-medium-primary-default: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-medium-primary-hover: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-medium-primary-active: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-medium-primary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-button-medium-secondary-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-medium-secondary-hover: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-medium-secondary-active: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-medium-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-button-small-primary-default: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-small-primary-hover: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-small-primary-active: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-small-primary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-button-small-secondary-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-small-secondary-hover: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-small-secondary-active: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-small-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-button-xsmall-primary-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-xsmall-primary-hover: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-xsmall-primary-active: var(--cns-sys-color-text-inverted-default);
  --cns-com-color-text-button-xsmall-primary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-button-xsmall-secondary-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-xsmall-secondary-hover: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-xsmall-secondary-active: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-button-xsmall-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-checkbox-label-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-checkbox-label-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-checkbox-group-label-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-checkbox-group-helper-error: var(--cns-sys-color-text-support-error);
  --cns-com-color-text-checkbox-group-helper-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-text-input-label-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-text-input-field-text: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-text-input-field-suffix: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-text-input-helper-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-text-input-helper-error: var(--cns-sys-color-text-support-error);
  --cns-com-color-text-dropdown-helper-error: var(--cns-sys-color-text-support-error);
  --cns-com-color-text-dropdown-helper-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-dropdown-label: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-dropdown-area-label: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-dropdown-area-helper: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-dropdown-area-text: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-dropdown-text: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-dropdown-menu-item-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-dropdown-menu-item-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-dropdown-menu-header-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-dropdown-menu-create-item-label-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-dropdown-menu-create-item-label-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-dropdown-menu-create-item-helper-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-dropdown-placeholder: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-dropdown-error: var(--cns-sys-color-text-support-error);
  --cns-com-color-text-avatar-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-item-body-details-title: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-item-body-details-subtitle: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-toast-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-page-header: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-page-footer: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-radio-group-label-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-radio-label-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-radio-label-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-tag-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-tag-primary: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-tag-info: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-tag-success: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-tag-warning: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-tag-error: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-tag-brand: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-tag-other: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-tab-bar-item-selected-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-text-tab-bar-item-selected-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-text-tab-bar-item-selected-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-text-tab-bar-item-selected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-text-tab-bar-item-unselected-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-text-tab-bar-item-unselected-hover: color-mix(in lch, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-text-tab-bar-item-unselected-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-text-tab-bar-item-unselected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-button-xsmall-primary-default: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-button-xsmall-primary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-icon-button-xsmall-primary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-icon-button-xsmall-primary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-button-xsmall-secondary-default: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-icon-button-xsmall-secondary-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-icon-button-xsmall-secondary-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-icon-button-xsmall-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-checkbox-unselected-default: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-icon-checkbox-unselected-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-icon-checkbox-unselected-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-icon-checkbox-unselected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-checkbox-selected-default: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-checkbox-selected-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-icon-checkbox-selected-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-icon-checkbox-selected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-text-input-field-default: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-text-input-field-error: var(--cns-sys-color-icon-support-error);
  --cns-com-color-icon-text-input-field-success: var(--cns-sys-color-icon-support-success);
  --cns-com-color-icon-text-input-field-text: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-text-input-field-suffix: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-text-input-helper-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-icon-text-input-helper-error: var(--cns-sys-color-text-support-error);
  --cns-com-color-icon-avatar-default: color-mix(in lch, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-icon-avatar-icon: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-toast-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-empty-state: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-radio-unselected-default: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-icon-radio-unselected-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-icon-radio-unselected-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-icon-radio-unselected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-radio-selected-default: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-radio-selected-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-icon-radio-selected-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-icon-radio-selected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-dropdown-field: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-dropdown-menu-item-default: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-dropdown-menu-item-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-dropdown-menu-header-default: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-icon-dropdown-text: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-dropdown-placeholder: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-icon-dropdown-helper: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-icon-dropdown-error: var(--cns-sys-color-icon-support-error);
  --cns-com-color-icon-dropdown-area: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-tag-default: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-tag-primary: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-tag-info: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-tag-success: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-tag-warning: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-tag-error: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-tag-brand: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-tag-other: var(--cns-sys-color-text-primary-default);
  --cns-com-color-icon-tab-bar-item-selected-default: var(--cns-sys-color-icon-primary-default);
  --cns-com-color-icon-tab-bar-item-selected-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-icon-tab-bar-item-selected-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-icon-tab-bar-item-selected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-tab-bar-item-unselected-default: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 70%, transparent 0%);
  --cns-com-color-icon-tab-bar-item-unselected-hover: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 80%, transparent 0%);
  --cns-com-color-icon-tab-bar-item-unselected-active: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 60%, transparent 0%);
  --cns-com-color-icon-tab-bar-item-unselected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 50%, transparent 0%);
  --cns-com-color-icon-page-footer: var(--cns-sys-color-text-primary-default);
  --cns-com-color-border-button-full-secondary-default: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-button-full-secondary-hover: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-button-full-secondary-active: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-button-full-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 10%, transparent 0%);
  --cns-com-color-border-button-medium-secondary-default: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-button-medium-secondary-hover: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-button-medium-secondary-active: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-button-medium-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 10%, transparent 0%);
  --cns-com-color-border-button-small-secondary-default: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-button-small-secondary-hover: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-button-small-secondary-active: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-button-small-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 10%, transparent 0%);
  --cns-com-color-border-text-input-field-default: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-text-input-field-read-only: var(--cns-sys-color-border-container-read-only);
  --cns-com-color-border-text-input-field-hover: var(--cns-sys-color-border-container-hover);
  --cns-com-color-border-text-input-field-active: var(--cns-sys-color-border-container-active);
  --cns-com-color-border-text-input-field-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 10%, transparent 0%);
  --cns-com-color-border-text-input-field-error: var(--cns-sys-color-border-support-error);
  --cns-com-color-border-dropdown-field-read-only: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-dropdown-field-default: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-dropdown-field-hover: var(--cns-sys-color-border-container-hover);
  --cns-com-color-border-dropdown-field-active: var(--cns-sys-color-border-container-active);
  --cns-com-color-border-dropdown-field-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 10%, transparent 0%);
  --cns-com-color-border-dropdown-field-error: var(--cns-sys-color-border-support-error);
  --cns-com-color-border-dropdown-menu-default: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-dropdown-area-read-only: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-dropdown-area-default: var(--cns-sys-color-border-container-default);
  --cns-com-color-border-dropdown-area-hover: var(--cns-sys-color-border-container-hover);
  --cns-com-color-border-dropdown-area-active: var(--cns-sys-color-border-container-active);
  --cns-com-color-border-dropdown-area-disabled: color-mix(in srgb, var(--cns-sys-color-theme-foreground) 10%, transparent 0%);
  --cns-com-color-border-dropdown-area-error: var(--cns-sys-color-border-support-error);
  --cns-com-color-border-tab-bar-item-selected-default: var(--cns-sys-color-border-container-default);
  --cns-com-border-radius-pbk-large: 8px;
  --cns-com-border-radius-pbk-small: 888px;
  --cns-com-border-radius-all-button-full: 888px;
  --cns-com-border-radius-all-button-medium: 888px;
  --cns-com-border-radius-all-button-small: 888px;
  --cns-com-border-radius-all-button-xsmall: 888px;
  --cns-com-border-radius-all-button-2xsmall: 0px;
  --cns-com-border-radius-all-text-input-field: 8px;
  --cns-com-border-radius-all-text-input-helper-error: 4px;
  --cns-com-border-radius-all-dropdown-helper-error: 4px;
  --cns-com-border-radius-all-dropdown-field: 8px;
  --cns-com-border-radius-all-dropdown-menu: 8px;
  --cns-com-border-radius-all-dropdown-area: 8px;
  --cns-com-border-radius-all-checkbox-group-helper-error: 4px;
  --cns-com-border-radius-all-avatar: 888px;
  --cns-com-border-radius-all-item: 8px;
  --cns-com-border-radius-all-toast: 8px;
  --cns-com-border-radius-all-image-gallery-viewport: 16px;
  --cns-com-border-radius-all-image-gallery-nav-nav: 888px;
  --cns-com-border-radius-all-image-gallery-nav-item: 888px;
  --cns-com-border-radius-all-page-body-device-sm: 0px;
  --cns-com-border-radius-all-page-body-device-lg: 12px;
  --cns-com-border-radius-all-tag: 4px;
  --cns-com-border-radius-all-tab-bar-item: 8px;
  --cns-com-dimension-padding-pbk-small: 8px 8px 8px 16px;
  --cns-com-dimension-padding-pbk-large: 16px;
  --cns-com-dimension-padding-text-input-field: 8px 12px;
  --cns-com-dimension-padding-text-input-helper-error: 4px 12px;
  --cns-com-dimension-padding-dropdown-helper-error: 4px 12px;
  --cns-com-dimension-padding-dropdown-field: 8px 12px;
  --cns-com-dimension-padding-dropdown-menu-item: 8px 12px;
  --cns-com-dimension-padding-dropdown-menu-create-item: 8px 12px;
  --cns-com-dimension-padding-dropdown-menu-header: 16px 16px 0px 16px;
  --cns-com-dimension-padding-dropdown-area: 8px 12px;
  --cns-com-dimension-padding-checkbox-group-helper-error: 4px 12px;
  --cns-com-dimension-padding-item-body-device-sm: 16px;
  --cns-com-dimension-padding-item-body-device-lg: 16px;
  --cns-com-dimension-padding-toast: 8px 12px;
  --cns-com-dimension-padding-image-gallery-nav: 4px;
  --cns-com-dimension-padding-page-body-device-sm: 16px;
  --cns-com-dimension-padding-page-body-device-lg: 32px 64px;
  --cns-com-dimension-padding-page-page-device-sm: 0px;
  --cns-com-dimension-padding-page-page-device-lg: 80px;
  --cns-com-dimension-padding-page-header: 0px 48px 0px 0px;
  --cns-com-dimension-padding-page-footer: 16px 0px;
  --cns-com-dimension-padding-tag: 0px 8px;
  --cns-com-dimension-padding-button-full: 16px 24px;
  --cns-com-dimension-padding-button-medium: 16px 24px;
  --cns-com-dimension-padding-button-small: 8px 12px;
  --cns-com-dimension-padding-button-xsmall: 8px 12px;
  --cns-com-dimension-padding-button-2xsmall: 0px;
  --cns-com-dimension-padding-tab-bar-item: 8px 12px;
  --cns-com-dimension-gap-pbk-small-default: 8px;
  --cns-com-dimension-gap-pbk-large-body-vertical: 16px;
  --cns-com-dimension-gap-pbk-large-body-horizontal: 8px;
  --cns-com-dimension-gap-checkbox-group-list-horizontal: 24px;
  --cns-com-dimension-gap-checkbox-group-list-vertical: 16px;
  --cns-com-dimension-gap-checkbox-group-group: 4px;
  --cns-com-dimension-gap-checkbox-checkbox: 4px;
  --cns-com-dimension-gap-text-input-field: 8px;
  --cns-com-dimension-gap-text-input-text-input: 4px;
  --cns-com-dimension-gap-item-body-body-device-sm: 12px;
  --cns-com-dimension-gap-item-body-body-device-lg: 12px;
  --cns-com-dimension-gap-item-body-details-device-sm: 2px;
  --cns-com-dimension-gap-item-body-details-device-lg: 2px;
  --cns-com-dimension-gap-item-body-controls-device-sm: 12px;
  --cns-com-dimension-gap-item-body-controls-device-lg: 12px;
  --cns-com-dimension-gap-toast: 12px;
  --cns-com-dimension-gap-image-gallery-image-gallery: 12px;
  --cns-com-dimension-gap-image-gallery-nav: 8px;
  --cns-com-dimension-gap-page-body-device-sm: 24px;
  --cns-com-dimension-gap-page-body-device-lg: 24px;
  --cns-com-dimension-gap-page-header: 8px;
  --cns-com-dimension-gap-page-footer-links: 4px;
  --cns-com-dimension-gap-page-footer-footer: 16px;
  --cns-com-dimension-gap-radio-radio: 4px;
  --cns-com-dimension-gap-radio-group-body-horizontal: 24px;
  --cns-com-dimension-gap-radio-group-body-vertical: 16px;
  --cns-com-dimension-gap-radio-group-group: 8px;
  --cns-com-dimension-gap-dropdown-field: 8px;
  --cns-com-dimension-gap-dropdown-menu-item: 8px;
  --cns-com-dimension-gap-dropdown-menu-create-item-horizontal: 8px;
  --cns-com-dimension-gap-dropdown-menu-create-item-vertical: 8px;
  --cns-com-dimension-gap-dropdown-vertical: 4px;
  --cns-com-dimension-gap-dropdown-area-horizontal: 16px;
  --cns-com-dimension-gap-tag: 4px;
  --cns-com-dimension-gap-tab-bar-item: 8px;
  --cns-com-dimension-height-pbk-icon-close: 16px;
  --cns-com-dimension-height-button-full-device-lg: 48px;
  --cns-com-dimension-height-button-full-device-sm: 40px;
  --cns-com-dimension-height-button-medium-device-lg: 48px;
  --cns-com-dimension-height-button-medium-device-sm: 40px;
  --cns-com-dimension-height-button-small-device-lg: 32px;
  --cns-com-dimension-height-button-small-device-sm: 24px;
  --cns-com-dimension-height-button-xsmall-device-lg: 32px;
  --cns-com-dimension-height-button-xsmall-device-sm: 24px;
  --cns-com-dimension-height-button-2xsmall-device-lg: 32px;
  --cns-com-dimension-height-button-2xsmall-device-sm: 24px;
  --cns-com-dimension-height-text-input-field: 40px;
  --cns-com-dimension-height-avatar-avatar-small: 24px;
  --cns-com-dimension-height-avatar-avatar-medium: 32px;
  --cns-com-dimension-height-avatar-avatar-large: 48px;
  --cns-com-dimension-height-avatar-icon-small: 16px;
  --cns-com-dimension-height-avatar-icon-medium: 24px;
  --cns-com-dimension-height-avatar-icon-large: 32px;
  --cns-com-dimension-height-image-gallery-nav-item: 8px;
  --cns-com-dimension-height-page-header: 40px;
  --cns-com-dimension-height-empty-state-icon: 64px;
  --cns-com-dimension-height-dropdown-menu-item-flag: 24px;
  --cns-com-dimension-height-dropdown-menu-item-item: 40px;
  --cns-com-dimension-height-dropdown-menu-header: 40px;
  --cns-com-dimension-height-dropdown-field: 40px;
  --cns-com-dimension-height-dropdown-area: 40px;
  --cns-com-dimension-height-tag-tag: 24px;
  --cns-com-dimension-height-tag-icon: 16px;
  --cns-com-dimension-height-tab-bar-item: 40px;
  --cns-com-dimension-height-komi-logo-xsmall: 8px;
  --cns-com-dimension-height-komi-logo-small: 16px;
  --cns-com-dimension-height-komi-logo-medium: 24px;
  --cns-com-dimension-height-komi-logo-large: 32px;
  --cns-com-dimension-height-komi-logo-xlarge: 64px;
  --cns-com-dimension-width-pbk-icon: 16px;
  --cns-com-dimension-width-button-2xsmall-device-lg: 32px;
  --cns-com-dimension-width-button-2xsmall-device-sm: 24px;
  --cns-com-dimension-width-avatar-avatar-small: 24px;
  --cns-com-dimension-width-avatar-avatar-medium: 32px;
  --cns-com-dimension-width-avatar-avatar-large: 48px;
  --cns-com-dimension-width-avatar-icon-small: 16px;
  --cns-com-dimension-width-avatar-icon-medium: 24px;
  --cns-com-dimension-width-avatar-icon-large: 32px;
  --cns-com-dimension-width-image-gallery-nav-item: 8px;
  --cns-com-dimension-width-empty-state-icon: 64px;
  --cns-com-dimension-width-dropdown-menu-item-flag: 16px;
  --cns-com-dimension-width-tag-icon: 16px;
  --cns-com-dimension-position-top-pbk-large: 8px;
  --cns-com-dimension-position-right-pbk-large: 8px;
  --cns-com-dimension-blur-page-image: 128px;
  --cns-com-box-shadow-toast: 0px 0px 16px 4px color-mix(in srgb, var(--global-color-black) 50%, transparent 0%);
  --cns-com-box-shadow-dropdown-menu: 0px 0px 16px 4px color-mix(in srgb, var(--global-color-black) 50%, transparent 0%);
  --cns-com-box-shadow-image-gallery-button: 0px 0px 4px 4px rgba(0, 0, 0, .5);
  --cns-com-typography-component-pbk-font-size: 8px;
  --cns-com-typography-component-pbk-paragraph-spacing: 8px;
  --cns-com-typography-component-pbk-line-height: 12px;
  --cns-com-typography-component-button-full-label-font-size: 16px;
  --cns-com-typography-component-button-full-label-line-height: 24px;
  --cns-com-typography-component-button-full-label-paragraph-spacing: 12px;
  --cns-com-typography-component-button-medium-label-font-size: 16px;
  --cns-com-typography-component-button-medium-label-line-height: 24px;
  --cns-com-typography-component-button-medium-label-paragraph-spacing: 12px;
  --cns-com-typography-component-button-small-label-font-size: 12px;
  --cns-com-typography-component-button-small-label-line-height: 15px;
  --cns-com-typography-component-button-small-label-paragraph-spacing: 9px;
  --cns-com-typography-component-button-xsmall-label-font-size: 12px;
  --cns-com-typography-component-button-xsmall-label-line-height: 18px;
  --cns-com-typography-component-button-xsmall-label-paragraph-spacing: 9px;
  --cns-com-typography-component-checkbox-label-font-size: 14px;
  --cns-com-typography-component-checkbox-label-paragraph-spacing: 14px;
  --cns-com-typography-component-checkbox-label-line-height: 24px;
  --cns-com-typography-component-checkbox-group-label-font-size: 14px;
  --cns-com-typography-component-checkbox-group-label-line-height: 21px;
  --cns-com-typography-component-checkbox-group-helper-font-size: 12px;
  --cns-com-typography-component-checkbox-group-helper-line-height: 18px;
  --cns-com-typography-component-text-input-label-font-size: 14px;
  --cns-com-typography-component-text-input-label-line-height: 21px;
  --cns-com-typography-component-text-input-helper-font-size: 12px;
  --cns-com-typography-component-text-input-helper-line-height: 18px;
  --cns-com-typography-component-text-input-field-text-font-size: 16px;
  --cns-com-typography-component-text-input-field-text-line-height: 24px;
  --cns-com-typography-component-text-input-field-suffix-font-size: 16px;
  --cns-com-typography-component-text-input-field-suffix-line-height: 24px;
  --cns-com-typography-component-avatar-small-font-size: 12px;
  --cns-com-typography-component-avatar-small-line-height: 18px;
  --cns-com-typography-component-avatar-small-paragraph-spacing: 9px;
  --cns-com-typography-component-avatar-medium-font-size: 16px;
  --cns-com-typography-component-avatar-medium-line-height: 24px;
  --cns-com-typography-component-avatar-medium-paragraph-spacing: 12px;
  --cns-com-typography-component-avatar-large-font-size: 20px;
  --cns-com-typography-component-avatar-large-line-height: 30px;
  --cns-com-typography-component-avatar-large-paragraph-spacing: 15px;
  --cns-com-typography-component-toast-body-line-height: 24px;
  --cns-com-typography-component-toast-body-font-size: 14px;
  --cns-com-typography-component-toast-body-paragraph-spacing: 14px;
  --cns-com-typography-component-page-header-font-size: 20px;
  --cns-com-typography-component-page-header-line-height: 25px;
  --cns-com-typography-component-page-header-paragraph-spacing: 15px;
  --cns-com-typography-component-page-footer-font-size: 8px;
  --cns-com-typography-component-page-footer-paragraph-spacing: 8px;
  --cns-com-typography-component-page-footer-line-height: 12px;
  --cns-com-typography-component-radio-label-font-size: 14px;
  --cns-com-typography-component-radio-label-paragraph-spacing: 14px;
  --cns-com-typography-component-radio-label-line-height: 24px;
  --cns-com-typography-component-radio-group-label-font-size: 14px;
  --cns-com-typography-component-radio-group-label-line-height: 21px;
  --cns-com-typography-component-dropdown-label-font-size: 14px;
  --cns-com-typography-component-dropdown-label-line-height: 21px;
  --cns-com-typography-component-dropdown-label-paragraph-spacing: 16px;
  --cns-com-typography-component-dropdown-helper-font-size: 12px;
  --cns-com-typography-component-dropdown-helper-line-height: 18px;
  --cns-com-typography-component-dropdown-helper-paragraph-spacing: 12px;
  --cns-com-typography-component-dropdown-menu-create-item-helper-font-size: 12px;
  --cns-com-typography-component-dropdown-menu-create-item-helper-line-height: 18px;
  --cns-com-typography-component-dropdown-menu-create-item-helper-paragraph-spacing: 12px;
  --cns-com-typography-component-dropdown-menu-create-item-label-font-size: 16px;
  --cns-com-typography-component-dropdown-menu-create-item-label-line-height: 24px;
  --cns-com-typography-component-dropdown-menu-create-item-label-paragraph-spacing: 16px;
  --cns-com-typography-component-dropdown-menu-item-label-font-size: 16px;
  --cns-com-typography-component-dropdown-menu-item-label-line-height: 24px;
  --cns-com-typography-component-dropdown-menu-item-label-paragraph-spacing: 16px;
  --cns-com-typography-component-dropdown-menu-item-country-code-font-size: 14px;
  --cns-com-typography-component-dropdown-menu-item-country-code-paragraph-spacing: 14px;
  --cns-com-typography-component-dropdown-menu-item-country-code-line-height: 21px;
  --cns-com-typography-component-dropdown-menu-header-label-line-height: 24px;
  --cns-com-typography-component-dropdown-menu-header-label-paragraph-spacing: 14px;
  --cns-com-typography-component-dropdown-menu-header-label-font-size: 14px;
  --cns-com-typography-component-dropdown-area-label-font-size: 16px;
  --cns-com-typography-component-dropdown-area-label-line-height: 24px;
  --cns-com-typography-component-dropdown-area-label-paragraph-spacing: 16px;
  --cns-com-typography-component-tag-label-font-size: 14px;
  --cns-com-typography-component-tag-label-line-height: 24px;
  --cns-com-typography-component-tag-label-paragraph-spacing: 14px;
  --cns-com-typography-component-tab-bar-item-font-size: 14px;
  --cns-com-typography-component-tab-bar-item-paragraph-spacing: 14px;
  --cns-com-typography-component-tab-bar-item-line-height: 24px;
  --cns-com-typography-item-title-device-sm-font-size: 16px;
  --cns-com-typography-item-title-device-sm-line-height: 20px;
  --cns-com-typography-item-title-device-sm-paragraph-spacing: 12px;
  --cns-com-typography-item-title-device-lg-font-size: 20px;
  --cns-com-typography-item-title-device-lg-line-height: 25px;
  --cns-com-typography-item-title-device-lg-paragraph-spacing: 15px;
  --cns-com-typography-item-subtitle-device-sm-font-size: 14px;
  --cns-com-typography-item-subtitle-device-sm-line-height: 17.5px;
  --cns-com-typography-item-subtitle-device-sm-paragraph-spacing: 10.5px;
  --cns-com-typography-item-subtitle-device-lg-font-size: 16px;
  --cns-com-typography-item-subtitle-device-lg-line-height: 20px;
  --cns-com-typography-item-subtitle-device-lg-paragraph-spacing: 12px;
  --cns-com-border-all-tab-bar-item-unselected: var(--border-width-none) solid var(--cns-com-color-border-tab-bar-item-unselected-default);
  --cns-sys-color-background-surface-medium-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-sys-color-background-surface-medium-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-sys-color-background-surface-medium-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-sys-color-background-surface-high-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-sys-color-background-surface-high-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-sys-color-background-surface-high-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-sys-color-background-surface-highest-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-sys-color-background-surface-highest-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-sys-color-background-surface-highest-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-sys-color-background-surface-selectable-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 50%, transparent 0%);
  --cns-sys-color-background-surface-selectable-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 70%, transparent 0%);
  --cns-sys-color-background-surface-selectable-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 100%, transparent 0%);
  --cns-sys-color-background-secondary-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 0%, transparent 0%);
  --cns-sys-color-background-secondary-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-sys-color-background-secondary-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-sys-color-background-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-sys-color-border-divider: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-button-xsmall-primary-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 0%, transparent 0%);
  --cns-com-border-all-button-full-secondary-default: var(--border-width-medium) solid var(--cns-com-color-background-button-full-primary-default);
  --cns-com-border-all-button-full-secondary-hover: var(--border-width-medium) solid var(--cns-com-color-background-button-full-primary-hover);
  --cns-com-border-all-button-full-secondary-active: var(--border-width-medium) solid var(--cns-com-color-background-button-full-primary-active);
  --cns-com-border-all-button-full-secondary-disabled: var(--border-width-medium) solid var(--cns-com-color-background-button-full-primary-active);
  --cns-com-border-all-button-medium-secondary-default: var(--border-width-medium) solid var(--cns-com-color-background-button-medium-primary-default);
  --cns-com-border-all-button-medium-secondary-hover: var(--border-width-medium) solid var(--cns-com-color-background-button-medium-primary-hover);
  --cns-com-border-all-button-medium-secondary-active: var(--border-width-medium) solid var(--cns-com-color-background-button-medium-primary-active);
  --cns-com-border-all-button-medium-secondary-disabled: var(--border-width-medium) solid var(--cns-com-color-background-button-medium-primary-active);
  --cns-com-border-all-button-small-secondary-default: var(--border-width-small) solid var(--cns-com-color-background-button-small-primary-default);
  --cns-com-border-all-button-small-secondary-hover: var(--border-width-small) solid var(--cns-com-color-background-button-small-primary-hover);
  --cns-com-border-all-button-small-secondary-active: var(--border-width-small) solid var(--cns-com-color-background-button-small-primary-active);
  --cns-com-border-all-button-small-secondary-disabled: var(--border-width-small) solid var(--cns-com-color-background-button-small-primary-active);
  --cns-com-border-all-text-input-field-default: var(--border-width-small) solid var(--cns-com-color-border-text-input-field-default);
  --cns-com-border-all-text-input-field-hover: var(--border-width-small) solid var(--cns-com-color-border-text-input-field-hover);
  --cns-com-border-all-text-input-field-active: var(--border-width-small) solid var(--cns-com-color-border-text-input-field-active);
  --cns-com-border-all-text-input-field-disabled: var(--border-width-small) solid var(--cns-com-color-border-text-input-field-disabled);
  --cns-com-border-all-text-input-field-error: var(--border-width-small) solid var(--cns-com-color-border-text-input-field-error);
  --cns-com-border-all-text-input-field-read-only: var(--border-width-small) solid var(--cns-com-color-border-text-input-field-read-only);
  --cns-com-border-all-dropdown-field-error: var(--border-width-small) solid var(--cns-com-color-border-dropdown-field-error);
  --cns-com-border-all-dropdown-field-default: var(--border-width-small) solid var(--cns-com-color-border-dropdown-field-default);
  --cns-com-border-all-dropdown-field-hover: var(--border-width-small) solid var(--cns-com-color-border-dropdown-field-hover);
  --cns-com-border-all-dropdown-field-active: var(--border-width-small) solid var(--cns-com-color-border-dropdown-field-active);
  --cns-com-border-all-dropdown-field-disabled: var(--border-width-small) solid var(--cns-com-color-border-dropdown-field-disabled);
  --cns-com-border-all-dropdown-field-read-only: var(--border-width-small) solid var(--cns-com-color-border-dropdown-field-default);
  --cns-com-border-all-dropdown-menu-default: var(--border-width-small) solid var(--cns-com-color-border-dropdown-area-default);
  --cns-com-border-all-tab-bar-item-selected: var(--border-width-small) solid var(--cns-com-color-border-tab-bar-item-selected-default);
  --cns-sys-border-top-divider: var(--border-width-small) solid var(--cns-sys-color-border-divider);
  --cns-sys-border-bottom-divider: var(--border-width-small) solid var(--cns-sys-color-border-divider);
  --cns-com-color-background-button-full-primary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-button-full-secondary-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 0%, transparent 0%);
  --cns-com-color-background-button-full-secondary-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-com-color-background-button-full-secondary-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-button-full-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-button-medium-primary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-button-medium-secondary-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 0%, transparent 0%);
  --cns-com-color-background-button-medium-secondary-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-com-color-background-button-medium-secondary-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-button-medium-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-button-small-primary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-button-small-secondary-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 0%, transparent 0%);
  --cns-com-color-background-button-small-secondary-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-com-color-background-button-small-secondary-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-button-small-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-button-xsmall-primary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-button-xsmall-secondary-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 0%, transparent 0%);
  --cns-com-color-background-button-xsmall-secondary-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-com-color-background-button-xsmall-secondary-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-button-xsmall-secondary-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-text-input-field-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-text-input-field-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-text-input-field-read-only: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-field-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-field-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-dropdown-field-read-only: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-dropdown-menu-item-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-menu-item-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-com-color-background-dropdown-menu-item-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-dropdown-menu-item-selected: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-dropdown-menu-item-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-menu-item-multi-selected: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-dropdown-menu-header: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-menu-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-menu-empty: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-menu-create-item-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-menu-create-item-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-com-color-background-dropdown-menu-create-item-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-dropdown-menu-create-item-selected: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-dropdown-menu-create-item-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-menu-create-item-multi-selected: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-dropdown-area-read-only: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-area-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-dropdown-area-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-avatar-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-avatar-icon: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-item-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-image-gallery-nav-nav: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-image-gallery-nav-item-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 50%, transparent 0%);
  --cns-com-color-background-image-gallery-nav-item-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 70%, transparent 0%);
  --cns-com-color-background-image-gallery-nav-item-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 100%, transparent 0%);
  --cns-com-color-background-image-gallery-nav-item-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-empty-state: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-tab-bar-item-selected-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-tab-bar-item-selected-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-com-color-background-tab-bar-item-selected-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-tab-bar-item-selected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
  --cns-com-color-background-tab-bar-item-unselected-default: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 5%, transparent 0%);
  --cns-com-color-background-tab-bar-item-unselected-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent 0%);
  --cns-com-color-background-tab-bar-item-unselected-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, transparent 0%);
  --cns-com-color-background-tab-bar-item-unselected-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent 0%);
}

@supports (color: color(display-p3 0 0 0)) {
  :root {
    --global-color-purple-25: color(display-p3 .962774 .962454 .996915);
  }
}

@supports (color: lab(0% 0 0)) {
  :root {
    --global-color-purple-25: lab(96.9% 1.32582 -4.62367);
  }
}

:root {
  --color-purple-50: #fffeff;
  --color-purple-100: #f8f6fe;
  --color-purple-200: #e9e3fb;
  --color-purple-300: #b9a7f4;
  --color-purple-400: #9f87f0;
  --color-purple-500: #5f35e6;
  --color-purple-600: #311295;
  --color-purple-700: #1a094f;
  --color-purple-800: #0b0423;
  --color-purple-900: #04010c;
  --color-pink-50: #fffeff;
  --color-pink-100: #fff3fc;
  --color-pink-200: #ffdcf6;
  --color-pink-300: #ff91e2;
  --color-pink-400: #ff6ad7;
  --color-pink-500: #ff04bc;
  --color-pink-600: #9a0071;
  --color-pink-700: #52003c;
  --color-pink-800: #24001b;
  --color-pink-900: #0c0009;
  --color-lime-50: #fffffe;
  --color-lime-100: #fefff5;
  --color-lime-200: #fbfde2;
  --color-lime-300: #f3faa4;
  --color-lime-400: #eff885;
  --color-lime-500: #e3f331;
  --color-lime-600: #97a409;
  --color-lime-700: #505705;
  --color-lime-800: #242702;
  --color-lime-900: #0c0d01;
  --color-gray-50: #fff;
  --color-gray-100: #fafafa;
  --color-gray-200: #eeeeef;
  --color-gray-300: #cbcbce;
  --color-gray-400: #bab9bd;
  --color-gray-500: #8a898f;
  --color-gray-600: #515156;
  --color-gray-700: #2b2b2d;
  --color-gray-800: #131314;
  --color-gray-900: #060607;
  --color-blue-50: #feffff;
  --color-blue-100: #f5fcff;
  --color-blue-200: #e2f5fe;
  --color-blue-300: #a4e0fb;
  --color-blue-400: #83d4fa;
  --color-blue-500: #2fb8f7;
  --color-blue-600: #0775a8;
  --color-blue-700: #033e59;
  --color-blue-800: #021b27;
  --color-blue-900: #00090d;
  --color-green-50: #fff;
  --color-green-100: #f5fdf4;
  --color-green-200: #e2fade;
  --color-green-300: #a3ee98;
  --color-green-400: #83e874;
  --color-green-500: #37cc21;
  --color-green-600: #227914;
  --color-green-700: #12410a;
  --color-green-800: #081d05;
  --color-green-900: #030901;
  --color-orange-50: #fffffe;
  --color-orange-100: #fefaf6;
  --color-orange-200: #fdf0e3;
  --color-orange-300: #f9d2a8;
  --color-orange-400: #f7c38a;
  --color-orange-500: #f29838;
  --color-orange-600: #a75b0b;
  --color-orange-700: #583005;
  --color-orange-800: #281603;
  --color-orange-900: #0d0701;
  --color-red-50: #fffefe;
  --color-red-100: #fef5f6;
  --color-red-200: #fbe1e4;
  --color-red-300: #f4a2a9;
  --color-red-400: #f0828b;
  --color-red-500: #e62c3b;
  --color-red-600: #91111c;
  --color-red-700: #4d090f;
  --color-red-800: #220407;
  --color-red-900: #0c0102;
  --color-white: #fff;
  --color-black: #000;
  --ant-primary-color: var(--cns-sys-color-theme-background);
  --ant-primary-color-disabled: color-mix(in srgb, var(--ant-primary-color) 60%, var(--cns-sys-color-theme-middleground));
  --ant-primary-color-hover: color-mix(in srgb, var(--ant-primary-color) 80%, var(--cns-sys-color-theme-middleground));
  --ant-primary-color-active: color-mix(in srgb, var(--ant-primary-color) 20%, black);
  --ant-primary-color-outline: color-mix(in srgb, var(--ant-primary-color) 20%, transparent);
  --ant-primary-color-deprecated-bg: var(--ant-primary-color-disabled);
  --ant-primary-color-deprecated-border: color-mix(in srgb, var(--ant-primary-color) 70%, var(--cns-sys-color-theme-middleground));
  --ant-primary-1: color-mix(in srgb, var(--ant-primary-color) 90%, var(--cns-sys-color-theme-middleground));
  --ant-primary-2: color-mix(in srgb, var(--ant-primary-color) 80%, var(--cns-sys-color-theme-middleground));
  --ant-primary-3: color-mix(in srgb, var(--ant-primary-color) 70%, var(--cns-sys-color-theme-middleground));
  --ant-primary-4: color-mix(in srgb, var(--ant-primary-color) 60%, var(--cns-sys-color-theme-middleground));
  --ant-primary-5: color-mix(in srgb, var(--ant-primary-color) 50%, var(--cns-sys-color-theme-middleground));
  --ant-primary-6: var(--ant-primary-color);
  --ant-primary-7: color-mix(in srgb, var(--ant-primary-color) 40%, black);
  --ant-primary-8: color-mix(in srgb, var(--ant-primary-color) 20%, black);
  --ant-primary-9: color-mix(in srgb, var(--ant-primary-color) 10%, black);
  --ant-primary-10: black;
  --ant-primary-color-deprecated-l-35: color-mix(in srgb, var(--ant-primary-color) 90%, var(--cns-sys-color-theme-middleground));
  --ant-primary-color-deprecated-l-20: color-mix(in srgb, var(--ant-primary-color) 80%, var(--cns-sys-color-theme-middleground));
  --ant-primary-color-deprecated-t-20: color-mix(in srgb, var(--ant-primary-color) 60%, var(--cns-sys-color-theme-middleground));
  --ant-primary-color-deprecated-t-50: color-mix(in srgb, var(--ant-primary-color) 50%, var(--cns-sys-color-theme-middleground));
  --ant-primary-color-deprecated-f-12: color-mix(in srgb, var(--ant-primary-color) 12%, transparent);
  --ant-primary-color-active-deprecated-f-30: color-mix(in srgb, var(--ant-primary-color) 30%, var(--cns-sys-color-theme-middleground));
  --ant-primary-color-active-deprecated-d-02: color-mix(in srgb, var(--ant-primary-color) 98%, var(--cns-sys-color-theme-middleground));
  --ant-success-color: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 10%, transparent);
  --ant-success-color-disabled: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 70%, black);
  --ant-success-color-hover: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, black);
  --ant-success-color-active: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 100%, black);
  --ant-success-color-outline: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 20%, transparent);
  --ant-success-color-deprecated-bg: var(--ant-success-color-disabled);
  --ant-success-color-deprecated-border: color-mix(in srgb, var(--cns-sys-color-theme-middleground) 40%, black);
  --ant-info-color: var(--cns-sys-color-theme-foreground);
  --ant-info-color-disabled: color-mix(in srgb, var(--ant-info-color) 90%, var(--cns-sys-color-theme-middleground));
  --ant-info-color-hover: color-mix(in srgb, var(--ant-info-color) 80%, var(--cns-sys-color-theme-middleground));
  --ant-info-color-active: color-mix(in srgb, var(--ant-info-color) 60%, var(--cns-sys-color-theme-middleground));
  --ant-info-color-outline: color-mix(in srgb, var(--ant-info-color) 20%, transparent);
  --ant-info-color-deprecated-bg: var(--ant-info-color-disabled);
  --ant-info-color-deprecated-border: color-mix(in srgb, var(--ant-info-color) 70%, var(--cns-sys-color-theme-middleground));
  --cns-sys-color-theme-background: #ecfdf5;
  --cns-sys-color-theme-foreground: #0d9488;
  --cns-sys-color-theme-middleground: #121212;
  --theme-background-r: 0;
  --theme-background-g: 0;
  --theme-background-b: 0;
}

body {
  color: #121212;
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-size: 14px;
  line-height: 1.5715;
  font-family: SFProDisplay, sans-serif !important;
}

.ant-layout {
  background: #f0f2f5;
  flex-direction: column;
  flex: auto;
  min-height: 0;
  display: flex;
}

.ant-row-center {
  justify-content: center;
}

.ant-row-middle {
  align-items: center;
}

.ant-layout, .ant-layout * {
  box-sizing: border-box;
}

svg:not(:root) {
  overflow: hidden;
}

.talent-detail__social .ant-col svg {
  width: 32px;
  height: 32px;
}

@media (max-width: 480px) {
  .talent-detail__social .ant-col svg {
    width: 24px;
    height: 24px;
  }
}

.detail-layout {
  background-color: #000;
  background-size: cover;
  justify-content: center;
  min-height: 100vh;
  padding-bottom: 105px;
  display: flex;
}

@media (max-width: 480px) {
  .detail-layout {
    padding-bottom: 0;
  }
}

.detail-layout--talent-profile {
  background-color: var(--ant-primary-color);
}

.detail-layout * {
  color: #fff !important;
}

.detail-layout__content {
  background: #121212;
  border-radius: 12px;
  width: 100%;
  max-width: 735px;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 80px;
  padding: 28px 74px 32px;
  position: relative;
  overflow-x: hidden;
}

@media (max-width: 480px) {
  .detail-layout__content {
    border-radius: 0;
    margin-top: 0;
    padding: 0;
  }
}

.d--block {
  display: block !important;
}

.m__t--4 {
  margin-top: 4px !important;
}

.ant-typography {
  color: #121212;
  overflow-wrap: break-word;
}

.ant-typography-single-line {
  white-space: nowrap;
}

.ant-typography-ellipsis-single-line {
  text-overflow: ellipsis;
  overflow: hidden;
}

.ant-typography-ellipsis-multiple-line {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.opacity--05 {
  opacity: .5;
}

.detail-layout--talent-profile * {
  color: var(--ant-info-color) !important;
}

.talent-detail__header {
  position: relative;
}

@media (max-width: 480px) {
  .talent-detail__header {
    padding: 0;
  }
}

.talent-detail__gradient {
  opacity: .6;
  background: linear-gradient(0deg, rgba(136, 112, 85, 0) 3.22%, var(--ant-primary-color) 95.91%);
  height: 110px;
  left: 0;
}

.m__x--16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.m__t--24 {
  margin-top: 24px !important;
}

.talent-detail__gradient, .talent-detail__menu-row--mobile {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
}

.m__t--0 {
  margin-top: 0 !important;
}

.image-skeleton {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

@media (max-width: 480px) {
  .talent-detail__header__avatar {
    width: 100% !important;
  }
}

.image-skeleton__image.thumb {
  opacity: 1;
  filter: blur(7px);
  transition: opacity .3sease-in-out;
  position: absolute;
}

.image-skeleton__image.thumb.isLoaded {
  opacity: 0;
}

.image-skeleton__image {
  opacity: 0;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.image-skeleton img {
  -o-object-fit: cover;
  object-fit: cover;
}

.image-skeleton__image.original {
  transition: opacity .3sease-in-out;
  position: absolute;
}

.image-skeleton__image.isLoaded {
  opacity: 1;
}

.d--none {
  display: none !important;
}

.ant-skeleton-element .ant-skeleton-avatar {
  vertical-align: top;
  background: rgba(191, 191, 191, .2);
  width: 32px;
  height: 32px;
  line-height: 32px;
  display: inline-block;
}

@media (max-width: 480px) {
  .talent-detail__name {
    align-items: flex-end;
    width: 100%;
    height: 144px;
    position: absolute;
    bottom: -1px;
    left: 0;
  }
}

.talent-detail__name__image {
  text-align: center;
  width: 366px;
  margin: auto auto 8px;
}

@media (max-width: 480px) {
  .talent-detail__name__image {
    z-index: 999;
    width: 312px;
    margin-top: -70px;
    margin-bottom: 0;
    position: relative;
  }
}

.talent-detail__name__image .image-skeleton {
  height: 64px;
}

@media (max-width: 480px) {
  .talent-detail__name__image .image-skeleton {
    margin-left: -16px;
  }
}

.talent-detail__name__image .image-skeleton.loaded {
  margin-left: 0;
  width: auto !important;
  height: auto !important;
}

.talent-detail__name__image .image-skeleton.loaded img {
  border-radius: 0 !important;
  height: auto !important;
}

.p__r--24 {
  padding-right: 24px !important;
}

.ant-form-item-control {
  flex-direction: column;
  flex-grow: 1;
  display: flex;
}

.ant-col {
  max-width: 100%;
  min-height: 1px;
  position: relative;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.ant-input {
  box-sizing: border-box;
  font-variant: tabular-nums;
  font-feature-settings: "tnum";
  color: #121212;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e9e9eb;
  border-radius: 0;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 4px 11px;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  transition: all .3s;
  display: inline-block;
  position: relative;
}

input[type="number"], input[type="password"], input[type="text"], textarea {
  -webkit-appearance: none;
}

[role="button"], a, area, button, input:not([type="range"]), label, select, summary, textarea {
  touch-action: manipulation;
}

.ant-form-item-control-input input {
  border-radius: 8px;
  height: 52px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 16px;
  font-weight: 600;
}

.data-capture-modal input, .data-capture-modal textarea {
  font-size: 16px;
  line-height: 24px;
}

.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}

.ant-col {
  min-width: 0;
}

.talent-detail__social .ant-col {
  height: 32px !important;
}

@media (max-width: 480px) {
  .talent-detail__social .ant-col {
    height: 24px !important;
  }
}

.p--0 {
  padding: 0 !important;
}

[type="reset"], [type="submit"], button, html [type="button"] {
  -webkit-appearance: button;
}

button.ant-btn {
  min-height: 32px;
  text-shadow: none;
  border-radius: 123px;
  height: 48px;
  box-shadow: none !important;
}

button.ant-btn-text {
  border-radius: 0;
  height: auto;
  border: none !important;
  min-height: 0 !important;
}

.detail-layout--talent-profile .detail-layout__content {
  background: var(--ant-primary-color);
}

.m__l--16 {
  margin-left: 16px !important;
}

.m__t--32 {
  margin-top: 32px !important;
}

.my-swiper__content {
  position: relative;
}

.my-swiper .swiper-wrapper {
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}

.talent-detail-tab.ant-btn {
  border-radius: 8px;
  padding: 0 16px;
  height: 44px !important;
}

.talent-detail-tab.ant-btn.active {
  background: linear-gradient(var(--ant-success-color), var(--ant-success-color)), var(--ant-primary-color) !important;
}

.text {
  color: #020025;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.my-swiper .swiper-slide {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}

.my-swiper.single:not(.fix-width) .swiper-slide {
  width: auto !important;
}

.opacity--08 {
  opacity: .8;
}

.text--regular18.ant-typography {
  line-height: 24px;
  font-size: 18px !important;
  font-weight: 400 !important;
}

.text--regular20.ant-typography {
  line-height: 32px;
  font-size: 20px !important;
  font-weight: 400 !important;
}

.text--semibold20.ant-typography {
  line-height: 28px;
  font-size: 20px !important;
  font-weight: 600 !important;
}

.text--semibold18.ant-typography {
  line-height: 28px;
  font-size: 18px !important;
  font-weight: 600 !important;
}

.flex--1 {
  flex: 1 !important;
}

.p__t--16 {
  padding-top: 16px !important;
}

.m__t--12 {
  margin-top: 12px !important;
}

.p__b--8 {
  padding-bottom: 8px !important;
}

.d--flex, .d--flex--row {
  display: flex !important;
}

.align__items--center {
  align-items: center;
}

.ant-typography p, div.ant-typography {
  margin-bottom: 1em;
}

.text--semibold24.ant-typography {
  line-height: 32px;
  font-size: 24px !important;
  font-weight: 600 !important;
}

.text--regular14.ant-typography {
  line-height: 20px;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.text--semibold14.ant-typography {
  line-height: 22px;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.text--regular16.ant-typography {
  line-height: 24px;
  font-size: 16px !important;
  font-weight: 400 !important;
}

.ant-typography p, .ant-typography.ant-typography-ellipsis, div.ant-typography {
  margin-bottom: 0;
}

.my-swiper .swiper-no-swiping .swiper-wrapper {
  transition-timing-function: unset;
  width: 100% !important;
}

@media (max-width: 480px) {
  .my-swiper .swiper-no-swiping .swiper-wrapper {
    overflow: hidden;
  }
}

.talent-detail .link-card {
  border-radius: 8px;
  overflow: hidden;
  background: linear-gradient(var(--ant-success-color), var(--ant-success-color)), var(--ant-primary-color) !important;
}

.talent-detail .music-card__left {
  position: relative;
}

.talent-detail .music-card__left .ant-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 32px !important;
}

.talent-detail .music-card__right {
  flex: 1;
}

.text--semibold16.ant-typography {
  line-height: 24px;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.talent-detail .music-card .ant-btn.btn-play-full {
  border-color: var(--ant-info-color);
  border-color: var(--ant-info-color);
  background: none;
  border-radius: 100px;
  align-items: center;
  height: 36px;
  display: flex;
}

@media (max-width: 480px) {
  .talent-detail .music-card .ant-btn.btn-play-full {
    height: 26px;
    min-height: 26px;
  }
}

.detail-layout .ant-divider {
  background-color: rgba(255, 255, 255, .1) !important;
}

.talent-detail .ant-divider {
  height: 1px;
  background: var(--ant-success-color) !important;
  border: none !important;
}

@media (max-width: 480px) {
  .talent-detail .ant-divider {
    width: calc(100% - 32px);
    min-width: calc(100% - 32px);
    margin: auto;
  }
}

.talent-detail .youtube-player {
  border-radius: 8px;
  position: relative;
  background: linear-gradient(var(--ant-success-color), var(--ant-success-color)), var(--ant-primary-color) !important;
}

.talent-detail .youtube-player__overlay {
  z-index: 99;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.talent-detail .youtube-player__overlay__name {
  z-index: 10;
  width: 100%;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 480px) {
  .talent-detail .youtube-player__overlay__name {
    height: 72px;
  }
}

.position--relative {
  position: relative;
}

.full-height {
  height: 100% !important;
}

.p__l--16 {
  padding-left: 16px !important;
}

.talent-detail .youtube-player__overlay__name__background {
  z-index: 9;
  opacity: .4;
  background: linear-gradient(#000, rgba(0, 0, 0, 0));
  width: 100%;
  height: 100%;
  position: absolute;
}

.talent-detail .youtube-player__overlay__name .ant-typography {
  z-index: 10;
  width: 100%;
  padding: 12px;
  display: block;
  position: absolute;
  color: #fff !important;
}

@media (max-width: 480px) {
  .talent-detail .youtube-player__overlay__name .ant-typography {
    padding: 8px 12px 10px;
  }
}

.talent-detail .youtube-player__overlay img {
  z-index: 9;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.talent-detail .youtube-player__overlay button {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px !important;
  height: 48px !important;
}

@media (max-width: 480px) {
  .talent-detail .youtube-player__overlay button, .talent-detail .youtube-player__overlay button svg {
    width: 54px !important;
    height: 54px !important;
  }
}

.p__x--16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.m__t--16 {
  margin-top: 16px !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.p--16 {
  padding: 16px !important;
}

.m__l--60 {
  margin-left: 60px !important;
}

.container {
  width: 100%;
  max-width: 1194px;
  margin: auto;
  padding: 0 24px;
}

@media (max-width: 480px) {
  .container {
    padding: 0;
  }
}

.detail-layout .footer {
  padding: 0 !important;
}

.footer__info {
  margin: auto;
  box-shadow: 0 -1px rgba(255, 255, 255, .1);
  padding: 16px 0 !important;
}

@media (max-width: 480px) {
  .footer__info {
    padding: 16px !important;
  }
}

.detail-layout--talent-profile .footer__info {
  box-shadow: none;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  padding: 0;
  display: flex;
}

@media screen and (max-width: 768px) {
  .detail-layout--talent-profile .footer__info {
    flex-wrap: wrap;
    width: 100%;
    padding: 8px 0 24px !important;
  }
}

.detail-layout--talent-profile .footer__info-left, .detail-layout--talent-profile .footer__info-right {
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (max-width: 768px) {
  .detail-layout--talent-profile .footer__info-left, .detail-layout--talent-profile .footer__info-right {
    width: 50%;
  }
}

.detail-layout--talent-profile .footer__info-left {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .detail-layout--talent-profile .footer__info-left {
    order: 1;
    padding-left: 16px;
  }
}

.ant-typography a, a.ant-typography {
  color: #2f80ed;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  transition: color .3s;
}

.footer a {
  color: #121212;
}

.detail-layout--talent-profile .footer__info-center {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .detail-layout--talent-profile .footer__info-center {
    border-top: 1px solid #414141;
    order: 3;
    width: 100%;
    margin-top: 12px;
    padding-top: 12px;
  }
}

.detail-layout--talent-profile .footer__info-right {
  text-align: right;
}

@media screen and (max-width: 768px) {
  .detail-layout--talent-profile .footer__info-right {
    order: 2;
    padding-right: 16px;
  }
}

.detail-layout--talent-profile .footer__info button {
  padding: 0;
}

.ant-modal-mask {
  z-index: 1000;
  background-color: rgba(0, 0, 0, .8);
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.ant-modal-wrap {
  -webkit-overflow-scrolling: touch;
  z-index: 1000;
  outline: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}

.ant-modal-centered {
  text-align: center;
}

.ant-modal-centered:before {
  vertical-align: middle;
  content: "";
  width: 0;
  height: 100%;
  display: inline-block;
}

.ant-modal {
  box-sizing: border-box;
  color: #121212;
  font-variant: tabular-nums;
  font-feature-settings: "tnum";
  pointer-events: none;
  width: auto;
  max-width: calc(100vw - 32px);
  margin: 0 auto;
  padding: 0 0 24px;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  position: relative;
  top: 100px;
}

@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
}

.m__y--40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.data-capture-modal {
  padding: 0;
}

@media (max-width: 480px) {
  .data-capture-modal {
    padding: 0 24px;
    width: 100% !important;
  }
}

.ant-modal-centered .ant-modal {
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  top: 0;
}

@media (max-width: 767px) {
  .ant-modal-centered .ant-modal {
    flex: 1;
  }
}

.ant-modal-content {
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
  border-radius: 16px !important;
}

.data-capture-modal .ant-modal-content {
  overflow: visible;
}

.ant-modal-body {
  word-wrap: break-word;
  padding: 24px;
  font-size: 14px;
  line-height: 1.5715;
}

.p__y--24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.data-capture-modal__scroll {
  max-height: calc(100vh - 184px);
  overflow: auto;
}

.ant-form {
  box-sizing: border-box;
  color: #121212;
  font-variant: tabular-nums;
  font-feature-settings: "tnum";
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
}

.ant-form-item {
  font-weight: 600;
}

.ant-form-vertical .ant-form-item {
  flex-direction: column;
}

@media (max-width: 575px) {
  .ant-form .ant-form-item {
    flex-wrap: wrap;
  }
}

.ant-col-24.ant-form-item-label, .ant-col-xl-24.ant-form-item-label, .ant-form-vertical .ant-form-item-label {
  white-space: normal;
  text-align: left;
  padding: 0 0 8px;
  line-height: 1.5715;
}

@media (max-width: 575px) {
  .ant-form-item .ant-form-item-label {
    white-space: normal;
    text-align: left;
    padding: 0 0 8px;
    line-height: 1.5715;
  }

  .ant-form .ant-form-item .ant-form-item-control, .ant-form .ant-form-item .ant-form-item-label {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.ant-form label {
  font-size: 14px;
}

.ant-form-item-label > label {
  color: #020025;
  align-items: center;
  max-width: 100%;
  height: 32px;
  font-size: 14px;
  display: inline-flex;
  position: relative;
}

.ant-form-item-label label {
  font-size: 14px;
  font-weight: 400;
}

.data-capture-modal .ant-form-item-required {
  display: block;
}

.ant-form-vertical .ant-form-item-label > label {
  height: auto;
}

.ant-col-24.ant-form-item-label > label, .ant-col-xl-24.ant-form-item-label > label, .ant-form-vertical .ant-form-item-label > label {
  margin: 0;
}

@media (max-width: 575px) {
  .ant-form-item .ant-form-item-label > label {
    margin: 0;
  }
}

.text--red, .text--red.ant-typography {
  color: #ff3c45 !important;
}

.ant-form-item-explain, .ant-form-item-extra {
  clear: both;
  color: #121212;
  transition: color .3scubic-bezier(.215, .61, .355, 1);
  font-size: 14px;
  line-height: 1.5715;
}

.ant-form-item-explain-connected {
  opacity: 0;
  height: 0;
  min-height: 0;
}

.ant-form-item-explain {
  color: rgba(18, 18, 18, .7);
  margin-top: 8px;
  font-weight: 400;
  font-size: 12px !important;
}

.ant-form-item-with-help .ant-form-item-explain {
  opacity: 1;
  height: auto;
  min-height: 24px;
}

.data-capture-modal .ant-form-item-explain {
  min-height: 0;
  margin-top: 4px;
}

.ant-form-item-explain-error {
  color: #ff4040;
  margin-top: 8px !important;
}

.ant-form-item-control-input {
  align-items: center;
  min-height: 32px;
  display: flex;
  position: relative;
}

.data-capture-modal .btn-actions {
  -moz-column-gap: 24px;
  flex-direction: row-reverse;
  column-gap: 24px;
  display: flex;
}

@media (max-width: 480px) {
  .data-capture-modal .btn-actions {
    flex-direction: column;
  }
}

.ant-form-item-control:first-child:not([class^="ant-col-"]):not([class*=" ant-col-"]) {
  width: 100%;
}

.ant-form-item-control-input-content {
  flex: auto;
  max-width: 100%;
}

button.ant-btn-primary {
  background: #121212;
  border: none;
  border-radius: 123px;
  padding: 0 24px;
}

.data-capture-modal .btn-actions button {
  width: 160px !important;
  height: 52px !important;
}

.ant-btn > span {
  display: inline-block;
}

button.ant-btn-primary .ant-typography, button.ant-btn-primary span {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 24px;
  color: #fff !important;
  font-weight: 700 !important;
}

@media (max-width: 480px) {
  .data-capture-modal .btn-actions button {
    width: 100% !important;
    height: 44px !important;
  }
}

.text--bold16.ant-typography {
  line-height: 24px;
  font-size: 16px !important;
  font-weight: 700 !important;
}

button.ant-btn-back .ant-typography, button.ant-btn-back span {
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #121212 !important;
  font-weight: 700 !important;
}

@media (max-width: 480px) {
  .data-capture-modal .btn-actions button span {
    font-size: 14px;
    line-height: 20px;
  }
}

.ant-message {
  box-sizing: border-box;
  color: #121212;
  font-variant: tabular-nums;
  font-feature-settings: "tnum";
  z-index: 1010;
  pointer-events: none;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.5715;
  list-style: none;
  position: fixed;
  top: 8px;
  left: 0;
  top: 40px !important;
}

.ant-message-notice {
  text-align: center;
  padding: 8px;
}

.ant-message-notice-content {
  pointer-events: all;
  text-align: left;
  background: #fff;
  border-radius: 0;
  padding: 10px 16px;
  display: inline-block;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
  background: rgba(18, 18, 18, .8) !important;
  border-radius: 123px !important;
  padding: 12px 24px !important;
}

.noti-message .ant-message-notice-content {
  background: #fff !important;
  border-radius: 8px !important;
  padding: 16px !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, .25) !important;
}

.noti-message .ant-message-custom-content {
  align-items: flex-start;
  display: flex;
}

.noti-message .ant-message-custom-content > svg {
  align-self: flex-start;
  width: 20px !important;
  height: 20px !important;
}

.noti-message .notification-content {
  justify-content: center;
  align-items: flex-start;
  margin-left: 10px;
  display: flex;
}

.noti-message .notification-content .ant-typography {
  color: #1a1a1a;
  letter-spacing: -.24px;
  font-size: 15px;
  line-height: 20px;
}

.noti-message .notification-content__close {
  cursor: pointer;
  margin-left: 10px;
}

.m__t--34 {
  margin-top: 34px !important;
}

.m__b--16 {
  margin-bottom: 16px !important;
}

.data-capture-modal .ant-form-item-has-error .react-tel-input input.phone-input, .data-capture-modal .ant-form-item-has-error :not(.ant-input-disabled).ant-input {
  border: 1px solid #ff3c45 !important;
}

.ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper, .ant-form-item-has-error :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover, .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input, .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {
  background-color: #fff;
  border-color: #ff4040;
}

.ant-form-item-has-error :not(.ant-input-disabled).ant-input, .ant-form-item-has-error :not(.ant-input-disabled).ant-input-affix-wrapper {
  border: 2px solid #ff3c45 !important;
}

.ant-form-item-explain-error {
  color: #ff4040;
  margin-top: 8px !important;
}

.data-capture-modal .ant-form-item-explain-error {
  font-size: 12px;
  line-height: 16px;
  margin-top: 0 !important;
}

.text__align--center {
  text-align: center !important;
}

.talent-detail__name__text {
  width: 100%;
  display: block;
}

@media (max-width: 480px) {
  .talent-detail__name__text {
    z-index: 999;
    margin-top: -70px;
    position: relative;
  }
}

.text--bold40.ant-typography {
  line-height: 52px;
  font-size: 40px !important;
  font-weight: 700 !important;
}

/*# sourceMappingURL=_51249047._.css.map*/