@charset "UTF-8";
/**
 * Do not edit directly
 * Generated on Tue, 06 Feb 2024 14:19:04 GMT
 */
:root {
  --global-text-color: #495057;
  --global-text-secondary-color: #6c757d;
  --global-divider-color: #BDC1C5;
  --global-mask-bg: rgba(106, 115, 124, 0.8);
  --global-error-color: #e24c4c;
  --global-font-size: 1rem;
  --global-inline-spacing: 0.5rem;
  --global-border-radius: 0.5rem;
  --global-divider-border: 1px solid #BDC1C5;
  --global-transparent: transparent;
  --global-blocker-background: rgba(106, 115, 124, 0.8);
  --global-icon-size-default: 1rem;
  --global-icon-size-small: 0.625rem;
  --global-icon-size-large: 1.25rem;
  --gradient-horizontal: linear-gradient(90deg, #164293 0%, #89037a 100%);
  --gradient-horizontal-counter-directional: linear-gradient(90deg, #89037a 0%, #164293 100%);
  --gradient-vertical: linear-gradient(180deg, #164293 0%, #89037a 100%);
  --gradient-vertical-counter-directional: linear-gradient(180deg, #89037a 0%, #164293 100%);
  --shadow-effect-high: 0 0.5rem 1rem 0 rgba(0,0,0,0.14), 0 0 0.125rem 0 rgba(0,0,0,0.12);
  --shadow-effect-low: 0 0.25rem 0.5rem 0 rgba(0,0,0,0.14), 0 0 0.125rem 0 rgba(0,0,0,0.12);
  --font-families-manrope: Manrope;
  --line-height-xs: 1.25rem;
  --line-height-s: 1.375rem;
  --line-height-m: 1.5rem;
  --line-height-l: 1.75rem;
  --line-height-xl: 2rem;
  --line-height-2xl: 2.5rem;
  --line-height-3xl: 3rem;
  --line-height-4xl: 3.5rem;
  --line-height-5xl: 4.5rem;
  --line-height-6xl: 5.5rem;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-extrabold: 800;
  --font-size-xs: 0.75rem;
  --font-size-s: 0.875rem;
  --font-size-m: 1rem;
  --font-size-l: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;
  --font-size-3xl: 2.5rem;
  --font-size-4xl: 3rem;
  --font-size-5xl: 4rem;
  --font-size-6xl: 5rem;
  --letter-spacing-0: 0em;
  --paragraph-spacing-0: 0;
  --text-regular-xs: 400 0.75rem/1.25rem Manrope;
  --text-regular-s: 400 0.875rem/1.375rem Manrope;
  --text-regular-m: 400 1rem/1.5rem Manrope;
  --text-regular-l: 400 1.25rem/1.75rem Manrope;
  --text-regular-xl: 400 1.5rem/2rem Manrope;
  --text-regular-2xl: 400 2rem/2.5rem Manrope;
  --text-regular-3xl: 400 2.5rem/3rem Manrope;
  --text-regular-4xl: 400 3rem/3.5rem Manrope;
  --text-regular-5xl: 400 4rem/4.5rem Manrope;
  --text-regular-6xl: 400 5rem/5.5rem Manrope;
  --text-semibold-xs: 600 0.75rem/1.25rem Manrope;
  --text-semibold-s: 600 0.875rem/1.375rem Manrope;
  --text-semibold-m: 600 1rem/1.5rem Manrope;
  --text-semibold-l: 600 1.25rem/1.75rem Manrope;
  --text-semibold-xl: 600 1.5rem/2rem Manrope;
  --text-semibold-2xl: 600 2rem/2.5rem Manrope;
  --text-semibold-3xl: 600 2.5rem/3rem Manrope;
  --text-semibold-4xl: 600 3rem/3.5rem Manrope;
  --text-semibold-5xl: 600 4rem/4.5rem Manrope;
  --text-semibold-6xl: 600 5rem/5.5rem Manrope;
  --text-extrabold-xs: 800 0.75rem/1.25rem Manrope;
  --text-extrabold-s: 800 0.875rem/1.375rem Manrope;
  --text-extrabold-m: 800 1rem/1.5rem Manrope;
  --text-extrabold-l: 800 1.25rem/1.75rem Manrope;
  --text-extrabold-xl: 800 1.5rem/2rem Manrope;
  --text-extrabold-2xl: 800 2rem/2.5rem Manrope;
  --text-extrabold-3xl: 800 2.5rem/3rem Manrope;
  --text-extrabold-4xl: 800 3rem/3.5rem Manrope;
  --text-extrabold-5xl: 800 4rem/4.5rem Manrope;
  --text-extrabold-6xl: 800 5rem/5.5rem Manrope;
  --text-case-none: none;
  --text-decoration-none: none;
  --paragraph-indent-0: 0rem;
  --border-radius-4: 0.25rem;
  --border-radius-8: 0.5rem;
  --border-radius-20: 1.25rem;
  --core-surface-0: #ffffff;
  --core-surface-50: #fafafa;
  --core-surface-100: #DEDEDE;
  --core-surface-200: #C2C2C2;
  --core-surface-300: #A7A7A7;
  --core-surface-400: #8B8B8B;
  --core-surface-500: #6F6F6F;
  --core-surface-600: #535353;
  --core-surface-700: #383838;
  --core-surface-800: #1C1C1C;
  --core-surface-900: #000000;
  --core-gray-50: #EEEFF0;
  --core-gray-100: #DEE0E2;
  --core-gray-200: #CDD0D3;
  --core-gray-300: #BDC1C5;
  --core-gray-400: #ACB1B6;
  --core-gray-500: #9CA2A8;
  --core-gray-600: #8B9299;
  --core-gray-700: #7B838B;
  --core-gray-800: #6A737C;
  --core-gray-900: #5A646E;
  --core-blue-50: #E8ECF4;
  --core-blue-100: #D0D9E9;
  --core-blue-200: #B9C6DF;
  --core-blue-300: #A2B3D4;
  --core-blue-400: #8BA1C9;
  --core-blue-500: #738EBE;
  --core-blue-600: #5C7BB3;
  --core-blue-700: #4568A9;
  --core-blue-800: #2D559E;
  --core-blue-900: #164293;
  --core-medium-blue-50: #E6F2F9;
  --core-medium-blue-100: #CCE5F3;
  --core-medium-blue-200: #B3D7ED;
  --core-medium-blue-300: #99CAE7;
  --core-medium-blue-400: #80BDE1;
  --core-medium-blue-500: #66B0DA;
  --core-medium-blue-600: #4DA3D4;
  --core-medium-blue-700: #3395CE;
  --core-medium-blue-800: #1A88C8;
  --core-medium-blue-900: #007BC2;
  --core-green-50: #E6F5F2;
  --core-green-100: #CDEBE5;
  --core-green-200: #B3E1D8;
  --core-green-300: #9AD7CB;
  --core-green-400: #81CEBE;
  --core-green-500: #68C4B1;
  --core-green-600: #4FBAA4;
  --core-green-700: #35B097;
  --core-green-800: #1CA68A;
  --core-green-900: #039C7D;
  --core-yellow-50: #FFFAE9;
  --core-yellow-100: #FEF5D3;
  --core-yellow-200: #FEF0BD;
  --core-yellow-300: #FEEBA7;
  --core-yellow-400: #FEE691;
  --core-yellow-500: #FDE17A;
  --core-yellow-600: #FDDC64;
  --core-yellow-700: #FDD74E;
  --core-yellow-800: #FCD238;
  --core-yellow-900: #FCCD22;
  --core-red-50: #FCE6ED;
  --core-red-100: #FACCDB;
  --core-red-200: #F7B3C9;
  --core-red-300: #F599B7;
  --core-red-400: #F280A5;
  --core-red-500: #EF6692;
  --core-red-600: #ED4D80;
  --core-red-700: #EA336E;
  --core-red-800: #E81A5C;
  --core-red-900: #E5004A;
  --core-turquoise-50: #EBF7F8;
  --core-turquoise-100: #D7EFF1;
  --core-turquoise-200: #C3E8EA;
  --core-turquoise-300: #AFE0E3;
  --core-turquoise-400: #9CD8DD;
  --core-turquoise-500: #88D0D6;
  --core-turquoise-600: #74C8CF;
  --core-turquoise-700: #60C1C8;
  --core-turquoise-800: #4CB9C1;
  --core-turquoise-900: #38B1BA;
  --core-purple-50: #F3E6F2;
  --core-purple-100: #E7CDE4;
  --core-purple-200: #DCB3D7;
  --core-purple-300: #D09ACA;
  --core-purple-400: #C481BD;
  --core-purple-500: #B868AF;
  --core-purple-600: #AC4FA2;
  --core-purple-700: #A13595;
  --core-purple-800: #951C87;
  --core-purple-900: #89037A;
  --core-light-purple-50: #F4F1F7;
  --core-light-purple-100: #E9E3EF;
  --core-light-purple-200: #DFD5E8;
  --core-light-purple-300: #D4C7E0;
  --core-light-purple-400: #C9B9D8;
  --core-light-purple-500: #BEABD0;
  --core-light-purple-600: #B39DC8;
  --core-light-purple-700: #A98FC1;
  --core-light-purple-800: #9E81B9;
  --core-light-purple-900: #9373B1;
  --core-light-blue-50: #F1FAFE;
  --core-light-blue-100: #E2F5FD;
  --core-light-blue-200: #D4EFFB;
  --core-light-blue-300: #C6EAFA;
  --core-light-blue-400: #B8E5F9;
  --core-light-blue-500: #A9E0F8;
  --core-light-blue-600: #9BDBF7;
  --core-light-blue-700: #8DD5F5;
  --core-light-blue-800: #7ED0F4;
  --core-light-blue-900: #70CBF3;
  --font-family: Manrope;
  --effects-background-blur-color: rgba(238, 239, 240, 0.8);
  --effects-background-blur-opacity: 0.8;
  --dimension-background-blur: 0.375rem;
  --spacing-3xs: 0.125rem;
  --spacing-xxs: 0.25rem;
  --spacing-xs: 0.5rem;
  --spacing-s: 0.75rem;
  --spacing-m: 1rem;
  --spacing-l: 1.25rem;
  --spacing-xl: 1.5rem;
  --spacing-xxl: 2rem;
  --spacing-3xl: 2.5rem;
  --spacing-4xl: 3rem;
  --spacing-5xl: 4rem;
  --focus-outline-color: #bfdbfe;
  --focus-shadow: 0 0 0 0.175rem #bfdbfe;
  --action-icon-background: #ffffff00;
  --action-icon-border-color: #ffffff00;
  --action-icon-color: #164293;
  --action-icon-hover-border-color: transparent;
  --action-icon-hover-background: #E8ECF4;
  --action-icon-hover-color: #343a40;
  --input-background: #ffffff;
  --input-background-transparent: transparent;
  --input-color: #000000;
  --input-icon-color: #7B838B;
  --input-border-color: #5A646E;
  --input-hover-border: 1px solid #4568A9;
  --input-hover-border-color: #4568A9;
  --input-focus-border-color: #4568A9;
  --input-focus-border: 2px solid #4568A9;
  --input-error-border-color: #E5004A;
  --input-error-border: 2px solid #E5004A;
  --input-error-color: #E5004A;
  --input-placeholder-color: #7B838B;
  --input-filled-background: #ffffff;
  --input-filled-hover-background: #ffffff;
  --input-filled-focus-background: #ffffff;
  --input-text-font-size: 1rem;
  --input-border: 0.063rem solid #5A646E;
  --input-border-transparent: 1px solid transparent;
  --input-padding-top: 0.5rem;
  --input-padding-right: 0.75rem;
  --input-padding-bottom: 0.5rem;
  --input-padding-left: 0.75rem;
  --input-disabled-background: #ffffff;
  --input-disabled-color: #A7A7A7;
  --input-disabled-border: 1px solid #BDC1C5;
  --input-disabled-border-color: #BDC1C5;
  --input-readonly-border: 1px solid #BDC1C5;
  --input-readonly-background: #ffffff;
  --input-readonly-color: #000000;
  --input-border-width: 0.0625rem;
  --input-group-background: #e9ecef;
  --input-group-color: #6c757d;
  --input-group-addon-min-width: 2.75rem;
  --input-group-addon-hidden-width: 1.25rem;
  --input-list-background: #ffffff;
  --input-list-color: #495057;
  --input-list-border-color: #ced4da;
  --input-list-item-background: #ffffff;
  --input-list-item-color: #000000;
  --input-list-item-hover-background: #E8ECF4;
  --input-list-item-hover-color: #164293;
  --input-list-item-border-color: #ffffff00;
  --input-list-item-focus-shadow: inset 0 0 0 0.15rem #bfdbfe;
  --input-list-item-border: 0 none transparent;
  --input-list-item-border-radius: 0;
  --input-list-item-padding-top: 0.5rem;
  --input-list-item-padding-right: 1rem;
  --input-list-item-padding-bottom: 0.5rem;
  --input-list-item-padding-left: 1rem;
  --input-list-item-margin-top: 0;
  --input-list-item-margin-right: 0;
  --input-list-item-margin-bottom: 0;
  --input-list-item-margin-left: 0;
  --input-list-item-highlight-background: #D0D9E9;
  --input-list-header-background: #f8f9fa;
  --input-list-header-color: #343a40;
  --input-list-header-border-color: #dee2e6;
  --input-list-header-margin: 0;
  --input-list-header-border: 1px solid #dee2e6;
  --input-list-header-padding-top: 0.5rem;
  --input-list-header-padding-right: 0.75rem;
  --input-list-header-padding-bottom: 0.5rem;
  --input-list-header-padding-left: 0.75rem;
  --input-list-padding-top: 0.25rem;
  --input-list-padding-right: 0;
  --input-list-padding-bottom: 0.25rem;
  --input-list-padding-left: 0;
  --input-list-border: 0.063rem solid #5A646E;
  --input-overlay-background: #ffffff;
  --input-overlay-header-background: #ffffff;
  --input-overlay-border-color: #BDC1C5;
  --input-overlay-border: 1px solid #BDC1C5;
  --input-overlay-shadow: 0 0.125rem 0.5rem 0 rgba(0,0,0,.1);
  --password-meter-background: #dee2e6;
  --password-weak-background: #ea5455;
  --password-medium-background: #ff9f42;
  --password-strong-background: #29c76f;
  --button-background: #164293;
  --button-color: #ffffff;
  --button-border-color: #164293;
  --button-hover-background: #4568A9;
  --button-hover-color: #ffffff;
  --button-hover-border: 1px solid #4568A9;
  --button-hover-border-color: #4568A9;
  --button-active-background: #738EBE;
  --button-active-color: #ffffff;
  --button-active-border-color: #738EBE;
  --button-active-border: 1px solid #738EBE;
  --button-disabled-background-color: #BDC1C5;
  --button-disabled-color: #ffffff;
  --button-disabled-border-color: #BDC1C5;
  --button-disabled-border: 1px solid #BDC1C5;
  --button-plain-color: #6c757d;
  --button-plain-hover-background: #e9ecef;
  --button-plain-active-background: #dee2e6;
  --button-plain-border: 1px solid #6c757d;
  --button-secondary-color: #164293;
  --button-secondary-border-color: #164293;
  --button-secondary-hover-color: #4568A9;
  --button-secondary-hover-border-color: #4568A9;
  --button-secondary-hover-border: 2px solid #4568A9;
  --button-secondary-active-color: #738EBE;
  --button-secondary-active-border-color: #738EBE;
  --button-secondary-active-border: 1px solid #738EBE;
  --button-secondary-border: 1px solid #164293;
  --button-secondary-disabled-color: #BDC1C5;
  --button-secondary-disabled-border-color: #BDC1C5;
  --button-secondary-disabled-border: 1px solid #BDC1C5;
  --button-tertiary-color: #5A646E;
  --button-tertiary-hover-color: #7B838B;
  --button-tertiary-hover-border-color: #7B838B;
  --button-tertiary-hover-border: 2px solid #7B838B;
  --button-tertiary-active-color: #9CA2A8;
  --button-tertiary-active-border-color: #9CA2A8;
  --button-tertiary-active-border: 1px solid #9CA2A8;
  --button-tertiary-disabled-color: #BDC1C5;
  --button-info-background: #3b82f6;
  --button-info-color: #ffffff;
  --button-info-border-color: #3b82f6;
  --button-info-hover-background: #2563eb;
  --button-info-hover-color: #ffffff;
  --button-info-hover-border-color: #2563eb;
  --button-info-hover-border: 1px solid #2563eb;
  --button-info-active-background: #1d4ed8;
  --button-info-active-color: #ffffff;
  --button-info-active-border-color: #1d4ed8;
  --button-info-active-border: 1px solid #1d4ed8;
  --button-info-focus-shadow: #bfdbfe;
  --button-info-outlined-hover-background: #3b82f60a;
  --button-info-outlined-active-background: #3b82f629;
  --button-info-border: 1px solid #3b82f6;
  --button-success-background: #22c55e;
  --button-success-color: #ffffff;
  --button-success-border-color: #22c55e;
  --button-success-hover-background: #16a34a;
  --button-success-hover-color: #ffffff;
  --button-success-hover-border-color: #16a34a;
  --button-success-hover-border: 1px solid #16a34a;
  --button-success-active-background: #15803d;
  --button-success-active-color: #ffffff;
  --button-success-active-border-color: #15803d;
  --button-success-active-border: 1px solid #15803d;
  --button-success-focus-shadow: #bbf7d0;
  --button-success-outlined-hover-background: #22c55e0a;
  --button-success-outlined-active-background: #22c55e29;
  --button-success-border: 1px solid #22c55e;
  --button-warning-background: #f59e0b;
  --button-warning-color: #ffffff;
  --button-warning-border-color: #f59e0b;
  --button-warning-hover-background: #d97706;
  --button-warning-hover-color: #ffffff;
  --button-warning-hover-border-color: #d97706;
  --button-warning-hover-border: 1px solid #d97706;
  --button-warning-active-background: #b45309;
  --button-warning-active-color: #ffffff;
  --button-warning-active-border-color: #b45309;
  --button-warning-active-border: 1px solid #b45309;
  --button-warning-focus-shadow: #fde68a;
  --button-warning-outlined-hover-background: #f59e0b0a;
  --button-warning-outlined-active-background: #f59e0b29;
  --button-warning-border: 1px solid #f59e0b;
  --button-help-background: #a855f7;
  --button-help-color: #ffffff;
  --button-help-border-color: #a855f7;
  --button-help-hover-background: #9333ea;
  --button-help-hover-color: #ffffff;
  --button-help-hover-border-color: #9333ea;
  --button-help-hover-border: 1px solid #9333ea;
  --button-help-active-background: #7e22ce;
  --button-help-active-color: #ffffff;
  --button-help-active-border-color: #7e22ce;
  --button-help-active-border: 1px solid #7e22ce;
  --button-help-focus-shadow: #e9d5ff;
  --button-help-outlined-hover-background: #a855f70a;
  --button-help-outlined-active-background: #a855f729;
  --button-help-border: 1px solid #a855f7;
  --button-danger-background: #ef4444;
  --button-danger-color: #ffffff;
  --button-danger-border-color: #ef4444;
  --button-danger-hover-background: #dc2626;
  --button-danger-hover-color: #ffffff;
  --button-danger-hover-border-color: #dc2626;
  --button-danger-hover-border: 1px solid #dc2626;
  --button-danger-active-background: #b91c1c;
  --button-danger-active-color: #ffffff;
  --button-danger-active-border-color: #b91c1c;
  --button-danger-active-border: 1px solid #b91c1c;
  --button-danger-focus-shadow: #fecaca;
  --button-danger-outlined-hover-background: #ef44440a;
  --button-danger-outlined-active-background: #ef444429;
  --button-danger-border: 1px solid #ef4444;
  --button-link-color: #1d4ed8;
  --button-link-hover-color: #1d4ed8;
  --button-link-hover-text-decoration: underline;
  --button-link-focus-shadow: #bfdbfe;
  --button-outlined-hover-background: #3b82f60a;
  --button-outlined-active-background: #3b82f629;
  --button-outlined-secondary-border: 1px solid #164293;
  --button-outlined-border: 1px solid #164293;
  --button-outlined-info-border: 1px solid #3b82f6;
  --button-outlined-success-border: 1px solid #22c55e;
  --button-outlined-warning-border: 1px solid #f59e0b;
  --button-outlined-help-border: 1px solid #a855f7;
  --button-outlined-danger-border: 1px solid #ef4444;
  --button-raised-shadow: 0 0.1875rem 0.0625rem -0.125rem #00000033, 0 0.125rem 0.125rem 0 #00000024, 0 0.0625rem 0.3125rem 0 #0000001f;
  --button-padding-top: 0.5rem;
  --button-padding-right: 1rem;
  --button-padding-bottom: 0.5rem;
  --button-padding-left: 1rem;
  --button-icononly-width: 2.5rem;
  --button-icononly-padding-top: 0.625rem;
  --button-icononly-padding-right: 0;
  --button-icononly-padding-bottom: 0.625rem;
  --button-icononly-padding-left: 0;
  --button-icononly-height: 2.5rem;
  --button-border: 1px solid #164293;
  --button-rounded-border-radius: 1.25rem;
  --button-text-background-color: transparent;
  --button-text-color: #5A646E;
  --button-text-border-color: transparent;
  --button-text-border: 1px solid transparent;
  --button-text-hover-border: 2px solid #7B838B;
  --button-text-hover-background-color: transparent;
  --button-text-hover-color: #7B838B;
  --button-text-hover-border-color: #7B838B;
  --button-text-active-border: 1px solid #9CA2A8;
  --button-text-active-background-color: transparent;
  --button-text-active-border-color: #9CA2A8;
  --button-text-active-color: #9CA2A8;
  --checkbox-background: #ffffff;
  --checkbox-border-color: #5A646E;
  --checkbox-active-border-color: #3b82f6;
  --checkbox-active-background: #164293;
  --checkbox-active-hover-background: #4568A9;
  --checkbox-active-hover-border-color: #4568A9;
  --checkbox-active-hover-border: 2px solid #4568A9;
  --checkbox-active-border: 0 solid #3b82f6;
  --checkbox-icon-active-color: #ffffff;
  --checkbox-icon-hover-color: #ffffff;
  --checkbox-icon-font-size: 0.875rem;
  --checkbox-icon-width: 0.875rem;
  --checkbox-icon-height: 0.875rem;
  --checkbox-width: 1.5rem;
  --checkbox-height: 1.5rem;
  --checkbox-border: 1px solid #5A646E;
  --checkbox-label: #000000;
  --checkbox-error-color: #E5004A;
  --checkbox-error-border: 2px solid #E5004A;
  --checkbox-disabled-color: #7B838B;
  --checkbox-disabled-border: 1px solid #7B838B;
  --radiobutton-border-color: #5A646E;
  --radiobutton-active-border-color: #164293;
  --radiobutton-active-background: #ffffff;
  --radiobutton-active-hover-background: #ffffff;
  --radiobutton-active-hover-border-color: #4568A9;
  --radiobutton-active-hover-border: 8px solid #4568A9;
  --radiobutton-active-border: 8px solid #164293;
  --radiobutton-active-disabled-border: 8px solid #BDC1C5;
  --radiobutton-icon-active-color: #ffffff;
  --radiobutton-icon-active-hover-color: #ffffff;
  --radiobutton-width: 1.5rem;
  --radiobutton-height: 1.5rem;
  --radiobutton-border: 1px solid #5A646E;
  --radiobutton-icon-size: 0.5rem;
  --radiobutton-hover-border-color: #4568A9;
  --radiobutton-hover-border: 2px solid #4568A9;
  --radiobutton-error-border: 2px solid #E5004A;
  --radiobutton-error-active-border: 8px solid #E5004A;
  --radiobutton-disabled-border: 1px solid #BDC1C5;
  --colorpicker-background: #323232;
  --colorpicker-border-color: #191919;
  --colorpicker-handle-color: #ffffff;
  --colorpicker-handle-border: 2px solid #ffffff;
  --colorpicker-preview-width: 2rem;
  --colorpicker-preview-height: 2rem;
  --colorpicker-border: 1px solid #191919;
  --togglebutton-background: #ffffff;
  --togglebutton-border-color: #ced4da;
  --togglebutton-color: #495057;
  --togglebutton-icon-color: #6c757d;
  --togglebutton-icon-hover-color: #343a40;
  --togglebutton-icon-active-color: #ffffff;
  --togglebutton-icon-active-hover-color: #ffffff;
  --togglebutton-hover-background: #e9ecef;
  --togglebutton-hover-border-color: #ced4da;
  --togglebutton-hover-color: #495057;
  --togglebutton-hover-border: 1px solid #ced4da;
  --togglebutton-active-background: #3b82f6;
  --togglebutton-active-border-color: #3b82f6;
  --togglebutton-active-color: #ffffff;
  --togglebutton-active-hover-background: #2563eb;
  --togglebutton-active-hover-border-color: #2563eb;
  --togglebutton-active-hover-color: #ffffff;
  --togglebutton-active-hover-border: 1px solid #2563eb;
  --togglebutton-active-border: 1px solid #3b82f6;
  --togglebutton-border: 1px solid #ced4da;
  --inplace-hover-background: #e9ecef;
  --inplace-hover-color: #495057;
  --inplace-padding-top: 0.5rem;
  --inplace-padding-right: 0.75rem;
  --inplace-padding-bottom: 0.5rem;
  --inplace-padding-left: 0.75rem;
  --rating-cancel-icon-color: #ea5455;
  --rating-cancel-icon-hover-color: #e73d3e;
  --rating-star-icon-off-color: #495057;
  --rating-star-icon-on-color: #3b82f6;
  --rating-star-icon-hover-color: #3b82f6;
  --rating-icon-font-size: 1.143rem;
  --slider-background: #DEE0E2;
  --slider-handle-background: #164293;
  --slider-handle-border-color: #ffffff;
  --slider-handle-hover-border-color: #E8ECF4;
  --slider-handle-hover-background: #4568A9;
  --slider-handle-hover-border: 3px solid #E8ECF4;
  --slider-handle-width: 1.5rem;
  --slider-handle-height: 1.5rem;
  --slider-handle-border: 2px solid #ffffff;
  --slider-handle-border-radius: 50%;
  --slider-disabled-handle-background: #A7A7A7;
  --slider-disabled-range-background: #A7A7A7;
  --slider-disabled-background: #DEE0E2;
  --slider-range-background: #164293;
  --slider-border: 0 none transparent;
  --slider-horizontal-height: 0.25rem;
  --slider-vertical-width: 0.25rem;
  --slider-input-label-color: #5A646E;
  --calendar-background: #ffffff;
  --calendar-inline-background: #ffffff;
  --calendar-inline-header-background: #ffffff;
  --calendar-color: #495057;
  --calendar-border-color: #ced4da;
  --calendar-overlay-border-color: #ffffff00;
  --calendar-overlay-border: 0 none #ffffff00;
  --calendar-header-background: #ffffff;
  --calendar-header-border-color: #dee2e6;
  --calendar-header-color: #495057;
  --calendar-header-padding-top: 0.5rem;
  --calendar-header-padding-right: 0.5rem;
  --calendar-header-padding-bottom: 0.5rem;
  --calendar-header-padding-left: 0.5rem;
  --calendar-header-border: 1px solid #dee2e6;
  --calendar-header-font-weight: 600;
  --calendar-header-cell-padding-top: 0.5rem;
  --calendar-header-cell-padding-right: 0.5rem;
  --calendar-header-cell-padding-bottom: 0.5rem;
  --calendar-header-cell-padding-left: 0.5rem;
  --calendar-month-year-header-hover-color: #3b82f6;
  --calendar-celldate-border-color: #ffffff00;
  --calendar-celldate-hover-background: #e9ecef;
  --calendar-celldate-today-background: #ced4da;
  --calendar-celldate-today-border-color: #ffffff00;
  --calendar-celldate-today-color: #495057;
  --calendar-celldate-today-border: 0 none #ffffff00;
  --calendar-celldate-padding-top: 0.5rem;
  --calendar-celldate-padding-right: 0.5rem;
  --calendar-celldate-padding-bottom: 0.5rem;
  --calendar-celldate-padding-left: 0.5rem;
  --calendar-celldate-width: 2.5rem;
  --calendar-celldate-height: 2.5rem;
  --calendar-celldate-border-radius: 1.25rem;
  --calendar-celldate-border: 1px solid #ffffff00;
  --calendar-celldate-small-padding-top: 0;
  --calendar-celldate-small-padding-right: 0;
  --calendar-celldate-small-padding-bottom: 0;
  --calendar-celldate-small-padding-left: 0;
  --calendar-padding-top: 0.5rem;
  --calendar-padding-right: 0.5rem;
  --calendar-padding-bottom: 0.5rem;
  --calendar-padding-left: 0.5rem;
  --calendar-table-margin-top: 0.5rem;
  --calendar-table-margin-bottom: 0.5rem;
  --calendar-border: 0.063rem solid #5A646E;
  --calendar-buttonbar-padding-top: 1rem;
  --calendar-buttonbar-padding-right: 0;
  --calendar-buttonbar-padding-bottom: 1rem;
  --calendar-buttonbar-padding-left: 0;
  --calendar-timepicker-padding-top: 0.5rem;
  --calendar-timepicker-padding-right: 0.5rem;
  --calendar-timepicker-padding-bottom: 0.5rem;
  --calendar-timepicker-padding-left: 0.5rem;
  --calendar-timepicker-element-padding-top: 0;
  --calendar-timepicker-element-padding-right: 0.5rem;
  --calendar-timepicker-element-padding-bottom: 0;
  --calendar-timepicker-element-padding-left: 0.5rem;
  --calendar-timepicker-time-font-size: 1.25rem;
  --calendar-cell-date-small-padding-top: 0;
  --calendar-cell-date-small-padding-right: 0;
  --calendar-cell-date-small-padding-bottom: 0;
  --calendar-cell-date-small-padding-left: 0;
  --inputswitch-slider-off-background: #7B838B;
  --inputswitch-slider-off-hover-background: #5A646E;
  --inputswitch-slider-on-background: #039C7D;
  --inputswitch-slider-on-hover-background: #1CA68A;
  --inputswitch-slider-padding-top: 0.1875rem;
  --inputswitch-slider-padding-right: 0.1875rem;
  --inputswitch-slider-padding-bottom: 0.1875rem;
  --inputswitch-slider-padding-left: 0.1875rem;
  --inputswitch-slider-disabled-background: #BDC1C5;
  --inputswitch-slider-readonly-background: #fafafa;
  --inputswitch-slider-readonly-border-color: #BDC1C5;
  --inputswitch-slider-readonly-border: 1px solid #BDC1C5;
  --inputswitch-handle-off-background: #ffffff;
  --inputswitch-handle-on-background: #ffffff;
  --inputswitch-handle-width: 1.125rem;
  --inputswitch-handle-height: 1.125rem;
  --inputswitch-handle-border-radius: 0.563rem;
  --inputswitch-handle-disabled-background: #8B8B8B;
  --inputswitch-handle-readonly-background: #000000;
  --inputswitch-width: 3rem;
  --inputswitch-height: 1.5rem;
  --inputswitch-border-radius: 1.875rem;
  --panel-header-border-color: #dee2e6;
  --panel-header-background: #f8f9fa;
  --panel-header-color: #343a40;
  --panel-header-hover-background: #e9ecef;
  --panel-header-hover-border-color: #dee2e6;
  --panel-header-hover-color: #343a40;
  --panel-header-hover-border: 1px solid #dee2e6;
  --panel-header-padding-top: 1.25rem;
  --panel-header-padding-right: 1.25rem;
  --panel-header-padding-bottom: 1.25rem;
  --panel-header-padding-left: 1.25rem;
  --panel-header-border: 1px solid #dee2e6;
  --panel-header-font-weight: 700;
  --panel-header-small-padding-top: 0.75rem;
  --panel-header-small-padding-right: 1.25rem;
  --panel-header-small-padding-bottom: 0.75rem;
  --panel-header-small-padding-left: 1.25rem;
  --panel-content-border-color: #dee2e6;
  --panel-content-background: #ffffff;
  --panel-content-even-row-background: #fcfcfc;
  --panel-content-color: #495057;
  --panel-content-border: 1px solid #dee2e6;
  --panel-content-padding-top: 1rem;
  --panel-content-padding-right: 1rem;
  --panel-content-padding-bottom: 1rem;
  --panel-content-padding-left: 1rem;
  --panel-footer-border-color: #dee2e6;
  --panel-footer-background: #ffffff;
  --panel-footer-color: #495057;
  --panel-footer-border: 1px solid #dee2e6;
  --panel-footer-padding-top: 0.75rem;
  --panel-footer-padding-right: 1.25rem;
  --panel-footer-padding-bottom: 0.75rem;
  --panel-footer-padding-left: 1.25rem;
  --accordion-header-border-color: #BDC1C5;
  --accordion-header-background: transparent;
  --accordion-header-color: #164293;
  --accordion-header-hover-background: #E8ECF4;
  --accordion-header-hover-border-color: #BDC1C5;
  --accordion-header-hover-color: #164293;
  --accordion-header-hover-border: 1px solid #BDC1C5;
  --accordion-header-active-background: transparent;
  --accordion-header-active-border-color: #BDC1C5;
  --accordion-header-active-color: #164293;
  --accordion-header-active-hover-background: #E8ECF4;
  --accordion-header-active-hover-border-color: #BDC1C5;
  --accordion-header-active-hover-color: #164293;
  --accordion-header-active-hover-border: 1px solid #BDC1C5;
  --accordion-header-active-border: 1px solid #BDC1C5;
  --accordion-header-border: 1px solid #BDC1C5;
  --accordion-header-font-weight: 600;
  --accordion-header-padding-top: 0.875rem;
  --accordion-header-padding-right: 1rem;
  --accordion-header-padding-bottom: 0.875rem;
  --accordion-header-padding-left: 1rem;
  --accordion-content-border-color: transparent;
  --accordion-content-background: transparent;
  --accordion-content-color: #000000;
  --accordion-content-border: 0 solid transparent;
  --accordion-content-padding-top: 0.5rem;
  --accordion-content-padding-right: 3rem;
  --accordion-content-padding-bottom: 1rem;
  --accordion-content-padding-left: 1rem;
  --accordion-spacing: 0;
  --accordion-disabled-color: #7B838B;
  --accordion-disabled-border: 1px solid #7B838B;
  --tabview-nav-border-color: #BDC1C5;
  --tabview-nav-background: #fafafa;
  --tabview-nav-border: 0.063rem solid #BDC1C5;
  --tabview-nav-border-width: 0.0625rem;
  --tabview-header-background: #ffffff;
  --tabview-header-border-color: #BDC1C5;
  --tabview-header-color: #5A646E;
  --tabview-header-spacing: 0;
  --tabview-header-border: 0 1 solid #BDC1C5;
  --tabview-header-font-weight: 700;
  --tabview-header-padding-top: 0.75rem;
  --tabview-header-padding-right: 1rem;
  --tabview-header-padding-bottom: 0.6875rem;
  --tabview-header-padding-left: 1rem;
  --tabview-header-border-width-top: 0;
  --tabview-header-border-width-right: 0;
  --tabview-header-border-width-bottom: 0;
  --tabview-header-border-width-left: 0;
  --tabview-header-margin-top: 0;
  --tabview-header-margin-right: 0;
  --tabview-header-margin-bottom: -0.0625rem;
  --tabview-header-margin-left: 0;
  --tabview-header-hover-background: #E8ECF4;
  --tabview-header-hover-border-color: #BDC1C5;
  --tabview-header-hover-color: #164293;
  --tabview-header-hover-border: 0 solid #BDC1C5;
  --tabview-header-active-background: #E8ECF4;
  --tabview-header-active-border-color: #BDC1C5;
  --tabview-header-active-color: #000000;
  --tabview-header-active-border: 0 solid #BDC1C5;
  --tabview-header-active-border-width-top: 0.125rem;
  --tabview-header-active-border-width-right: 0.0625rem;
  --tabview-header-active-border-width-bottom: 0;
  --tabview-header-active-border-width-left: 0.0625rem;
  --tabview-header-active-padding-top: 0.625rem;
  --tabview-header-active-padding-right: 1rem;
  --tabview-header-active-padding-bottom: 0.75rem;
  --tabview-header-active-padding-left: 1rem;
  --tabview-header-selected-background: #ffffff;
  --tabview-header-selected-border-color: #BDC1C5;
  --tabview-header-selected-color: #000000;
  --tabview-header-selected-border-top: 0.125rem solid #BDC1C5;
  --tabview-header-selected-border-right: 0.063rem solid #BDC1C5;
  --tabview-header-selected-border-bottom: 0 solid #BDC1C5;
  --tabview-header-selected-border-left: 0.063rem solid #BDC1C5;
  --tabview-header-selected-border-width-top: 0.125rem;
  --tabview-header-selected-border-width-right: 0.0625rem;
  --tabview-header-selected-border-width-bottom: 0;
  --tabview-header-selected-border-width-left: 0.0625rem;
  --tabview-header-selected-padding-top: 0.625rem;
  --tabview-header-selected-padding-right: 0.9375rem;
  --tabview-header-selected-padding-bottom: 0.75rem;
  --tabview-header-selected-padding-left: 0.9375rem;
  --tabview-header-disabled-color: #BDC1C5;
  --tabview-content-border-color: #ffffff00;
  --tabview-content-background: #ffffff;
  --tabview-content-color: #495057;
  --tabview-content-border: 0 none #ffffff00;
  --tabview-content-padding-top: 1rem;
  --tabview-content-padding-right: 1rem;
  --tabview-content-padding-bottom: 1rem;
  --tabview-content-padding-left: 1rem;
  --scrollpanel-track-background: #f8f9fa;
  --scrollpanel-track-border-color: #ffffff00;
  --scrollpanel-track-border: 0 none #ffffff00;
  --card-subtitle-color: #6c757d;
  --card-subtitle-font-weight: 400;
  --card-body-padding-top: 1.25rem;
  --card-body-padding-right: 1.25rem;
  --card-body-padding-bottom: 1.25rem;
  --card-body-padding-left: 1.25rem;
  --card-title-font-size: 1.5rem;
  --card-title-font-weight: 700;
  --card-content-padding-top: 1.25rem;
  --card-content-padding-right: 0;
  --card-content-padding-bottom: 1.25rem;
  --card-content-padding-left: 0;
  --card-footer-padding-top: 1.25rem;
  --card-footer-padding-right: 0;
  --card-footer-padding-bottom: 0;
  --card-footer-padding-left: 0;
  --card-shadow: 0 0 0 1px #EEEFF0;
  --editor-toolbar-background: #EEEFF0;
  --editor-toolbar-icon-color: #6c757d;
  --editor-toolbar-icon-hover-color: #495057;
  --editor-icon-active-color: #3b82f6;
  --editor-content-border-color: #dee2e6;
  --editor-content-background: #ffffff;
  --editor-content-border: 1px solid #dee2e6;
  --paginator-background: #ffffff;
  --paginator-color: #164293;
  --paginator-border-color: #e9ecef;
  --paginator-element-background: transparent;
  --paginator-element-border-color: transparent;
  --paginator-element-icon-color: #164293;
  --paginator-element-icon-hover-color: #164293;
  --paginator-element-hover-background: #E8ECF4;
  --paginator-element-hover-border-color: #ffffff00;
  --paginator-element-hover-border: 0 none #ffffff00;
  --paginator-element-width: 2.625rem;
  --paginator-element-height: 2.625rem;
  --paginator-element-border: 0 none transparent;
  --paginator-element-border-radius: 1.313rem;
  --paginator-element-margin: 0;
  --paginator-element-color: #7B838B;
  --paginator-element-active-background: #D0D9E9;
  --paginator-border: 0 solid #e9ecef;
  --paginator-border-width: 0;
  --paginator-padding-top: 0.5rem;
  --paginator-padding-right: 1rem;
  --paginator-padding-bottom: 0.5rem;
  --paginator-padding-left: 1rem;
  --table-header-border-color: #BDC1C5;
  --table-header-background: #ffffff;
  --table-header-color: #000000;
  --table-header-cell-background: #ffffff;
  --table-header-cell-color: #000000;
  --table-header-cell-border-color: #BDC1C5;
  --table-header-cell-hover-background: #E8ECF4;
  --table-header-cell-hover-color: #000000;
  --table-header-cell-icon-color: #000000;
  --table-header-cell-icon-hover-color: #000000;
  --table-header-cell-highlight-background: #E8ECF4;
  --table-header-cell-highlight-color: #000000;
  --table-header-cell-highlight-hover-background: #E8ECF4;
  --table-header-cell-highlight-hover-color: #000000;
  --table-header-cell-padding-top: 0.75rem;
  --table-header-cell-padding-right: 1rem;
  --table-header-cell-padding-bottom: 0.75rem;
  --table-header-cell-padding-left: 1rem;
  --table-header-cell-padding-small-top: 0.375rem;
  --table-header-cell-padding-small-right: 0.5rem;
  --table-header-cell-padding-small-bottom: 0.375rem;
  --table-header-cell-padding-small-left: 0.5rem;
  --table-header-cell-padding-large-top: 0.938rem;
  --table-header-cell-padding-large-right: 1.25rem;
  --table-header-cell-padding-large-bottom: 0.938rem;
  --table-header-cell-padding-large-left: 1.25rem;
  --table-header-cell-font-weight: 800;
  --table-header-cell-border: 0.063rem solid #BDC1C5;
  --table-header-cell-border-width: 0.0625rem;
  --table-header-border: 0 solid #BDC1C5;
  --table-header-border-width: 0;
  --table-header-font-weight: 800;
  --table-header-padding-top: 0;
  --table-header-padding-right: 0;
  --table-header-padding-bottom: 0;
  --table-header-padding-left: 0;
  --table-header-padding-small-top: 0;
  --table-header-padding-small-right: 0;
  --table-header-padding-small-bottom: 0;
  --table-header-padding-small-left: 0;
  --table-header-padding-large-top: 0;
  --table-header-padding-large-right: 0;
  --table-header-padding-large-bottom: 0;
  --table-header-padding-large-left: 0;
  --table-header-sort-icon-color: #5A646E;
  --table-body-row-background: #ffffff;
  --table-body-row-color: #000000;
  --table-body-row-even-background: #EEEFF0;
  --table-body-row-hover-background: #E8ECF4;
  --table-body-row-hover-color: #000000;
  --table-body-cell-border-color: #EEEFF0;
  --table-body-cell-border: 0 solid #EEEFF0;
  --table-body-cell-border-width: 0;
  --table-body-cell-padding-top: 0.75rem;
  --table-body-cell-padding-right: 1rem;
  --table-body-cell-padding-bottom: 0.75rem;
  --table-body-cell-padding-left: 1rem;
  --table-body-cell-padding-small-top: 0.375rem;
  --table-body-cell-padding-small-right: 0.5rem;
  --table-body-cell-padding-small-bottom: 0.375rem;
  --table-body-cell-padding-small-left: 0.5rem;
  --table-body-cell-padding-large-top: 0.938rem;
  --table-body-cell-padding-large-right: 1.25rem;
  --table-body-cell-padding-large-bottom: 0.938rem;
  --table-body-cell-padding-large-left: 1.25rem;
  --table-footer-cell-background: #f8f9fa;
  --table-footer-cell-color: #343a40;
  --table-footer-cell-border-color: #dee2e6;
  --table-footer-cell-padding-top: 0.75rem;
  --table-footer-cell-padding-right: 1rem;
  --table-footer-cell-padding-bottom: 0.75rem;
  --table-footer-cell-padding-left: 1rem;
  --table-footer-cell-padding-small-top: 0.375rem;
  --table-footer-cell-padding-small-right: 0.5rem;
  --table-footer-cell-padding-small-bottom: 0.375rem;
  --table-footer-cell-padding-small-left: 0.5rem;
  --table-footer-cell-padding-large-top: 0.938rem;
  --table-footer-cell-padding-large-right: 1.25rem;
  --table-footer-cell-padding-large-bottom: 0.938rem;
  --table-footer-cell-padding-large-left: 1.25rem;
  --table-footer-cell-font-weight: 600;
  --table-footer-cell-border: 0.063rem solid #dee2e6;
  --table-footer-cell-border-width: 0.0625rem;
  --table-footer-border-color: transparent;
  --table-footer-background: transparent;
  --table-footer-color: #000000;
  --table-footer-border: 0 solid transparent;
  --table-footer-border-width: 0;
  --table-footer-font-weight: 600;
  --table-footer-padding-top: 0;
  --table-footer-padding-right: 0;
  --table-footer-padding-bottom: 0;
  --table-footer-padding-left: 0;
  --table-footer-padding-small-top: 0;
  --table-footer-padding-small-right: 0;
  --table-footer-padding-small-bottom: 0;
  --table-footer-padding-small-left: 0;
  --table-footer-padding-large-top: 0;
  --table-footer-padding-large-right: 0;
  --table-footer-padding-large-bottom: 0;
  --table-footer-padding-large-left: 0;
  --table-resizer-helper-background: #3b82f6;
  --table-sortable-column-badge-size: 1.143rem;
  --table-paginator-top-border-width: 0.0625rem;
  --table-paginator-bottom-border-width: 0.0625rem;
  --table-scale-small: 0.5;
  --table-scale-large: 1.25;
  --dataview-content-border-color: #ffffff00;
  --dataview-content-padding-top: 0;
  --dataview-content-padding-right: 0;
  --dataview-content-padding-bottom: 0;
  --dataview-content-padding-left: 0;
  --dataview-content-border: 0 none #ffffff00;
  --dataview-list-item-border-color: #dee2e6;
  --dataview-list-item-border: 0.063rem solid #dee2e6;
  --dataview-list-item-border-width-top: 0;
  --dataview-list-item-border-width-right: 0;
  --dataview-list-item-border-width-bottom: 0.0625rem;
  --dataview-list-item-border-width-left: 0;
  --fullcalendar-event-background: #2563eb;
  --fullcalendar-event-border-color: #2563eb;
  --fullcalendar-event-color: #ffffff;
  --fullcalendar-event-border: 1px solid #2563eb;
  --tree-node-icon-color: #000000;
  --tree-node-content-padding-top: 0.5rem;
  --tree-node-content-padding-right: 0.5rem;
  --tree-node-content-padding-bottom: 0.5rem;
  --tree-node-content-padding-left: 0.5rem;
  --tree-node-content-child-padding-left: 0.5rem+0;
  --tree-node-content-second-child-padding-left: 0.5rem+0+0;
  --tree-node-padding-top: 0;
  --tree-node-padding-right: 0;
  --tree-node-padding-bottom: 0;
  --tree-node-padding-left: 0;
  --tree-node-children-padding-top: 0;
  --tree-node-children-padding-right: 0;
  --tree-node-children-padding-bottom: 0;
  --tree-node-children-padding-left: 0;
  --tree-node-background: #ffffff;
  --tree-node-disabled-color: #BDC1C5;
  --tree-node-hover-background: #E8ECF4;
  --tree-node-trail-color: #7B838B;
  --tree-node-handle-color: #164293;
  --tree-node-active-border-color: #164293;
  --tree-node-active-border-width: 0.125rem;
  --tree-node-active-border: 0.125rem solid #164293;
  --tree-node-color: #000000;
  --tree-container-padding-top: 0.5rem;
  --tree-container-padding-right: 0.5rem;
  --tree-container-padding-bottom: 0.5rem;
  --tree-container-padding-left: 0.5rem;
  --tree-toggler-width: 1.25rem;
  --tree-background: #ffffff;
  --timeline-event-marker-border-color: #3b82f6;
  --timeline-event-marker-background: #ffffff;
  --timeline-event-marker-width: 1rem;
  --timeline-event-marker-height: 1rem;
  --timeline-event-marker-border-radius: 0.5rem;
  --timeline-event-marker-border: 2px solid #3b82f6;
  --timeline-event-connector-background: #dee2e6;
  --timeline-event-connector-size: 0.125rem;
  --timeline-vertical-event-content-padding-top: 0;
  --timeline-vertical-event-content-padding-right: 1rem;
  --timeline-vertical-event-content-padding-bottom: 0;
  --timeline-vertical-event-content-padding-left: 1rem;
  --timeline-horizontal-event-content-padding-top: 1rem;
  --timeline-horizontal-event-content-padding-right: 0;
  --timeline-horizontal-event-content-padding-bottom: 1rem;
  --timeline-horizontal-event-content-padding-left: 0;
  --message-info-background: #ffffff;
  --message-info-border-color: #007BC2;
  --message-info-color: #000000;
  --message-info-icon-color: #007BC2;
  --message-info-border: 0.5rem solid #007BC2;
  --message-success-background: #ffffff;
  --message-success-border-color: #039C7D;
  --message-success-color: #000000;
  --message-success-icon-color: #039C7D;
  --message-success-border: 0.5rem solid #039C7D;
  --message-warning-background: #ffffff;
  --message-warning-border-color: #FCCD22;
  --message-warning-color: #000000;
  --message-warning-icon-color: #FCCD22;
  --message-warning-border: 0.5rem solid #FCCD22;
  --message-error-background: #ffffff;
  --message-error-border-color: #E5004A;
  --message-error-color: #000000;
  --message-error-icon-color: #E5004A;
  --message-error-border: 0.5rem solid #E5004A;
  --message-border-width: 0.5rem;
  --message-margin-top: 2rem;
  --message-margin-right: 0;
  --message-margin-bottom: 2rem;
  --message-margin-left: 0;
  --message-padding-top: 1rem;
  --message-padding-right: 1rem;
  --message-padding-bottom: 1rem;
  --message-padding-left: 1rem;
  --message-icon-font-size: 2rem;
  --message-icon-width: 2rem;
  --message-icon-height: 2rem;
  --message-text-font-size: 1rem;
  --message-text-font-weight: 400;
  --message-inline-padding-top: 0;
  --message-inline-padding-right: 0;
  --message-inline-padding-bottom: 0;
  --message-inline-padding-left: 0;
  --message-inline-margin-top: 0;
  --message-inline-margin-right: 0;
  --message-inline-margin-bottom: 0;
  --message-inline-margin-left: 0;
  --message-inline-icon-font-size: 1rem;
  --message-inline-icon-width: 1rem;
  --message-inline-icon-height: 1rem;
  --message-inline-text-font-size: 0.75rem;
  --message-inline-border-width: 0.5rem;
  --message-inline-success-border: 0.5rem none #039C7D;
  --message-inline-info-border: 0.5rem none #007BC2;
  --message-inline-warning-border: 0.5rem none #FCCD22;
  --message-inline-error-border: 0.5rem none #E5004A;
  --overlay-content-border-color: #ffffff00;
  --overlay-content-background: #ffffff;
  --overlay-content-border: 0 none #ffffff00;
  --overlay-container-shadow: 0 0.0625rem 0.1875rem 0 #0000004d;
  --dialog-background: #ffffff;
  --dialog-header-color: #000000;
  --dialog-header-font-weight: 600;
  --dialog-header-font-size: 1.5rem;
  --dialog-header-padding-top: 1.5rem;
  --dialog-header-padding-right: 1.5rem;
  --dialog-header-padding-bottom: 0.5rem;
  --dialog-header-padding-left: 1.5rem;
  --dialog-content-padding-top: 0;
  --dialog-content-padding-right: 1.5rem;
  --dialog-content-padding-bottom: 2rem;
  --dialog-content-padding-left: 1.5rem;
  --dialog-footer-padding-top: 0;
  --dialog-footer-padding-right: 1.5rem;
  --dialog-footer-padding-bottom: 1.5rem;
  --dialog-footer-padding-left: 1.5rem;
  --dialog-color: #000000;
  --dialog-shadow: 0 0.5rem 1rem 0 rgba(0,0,0,0.14), 0 0 0.125rem 0 rgba(0,0,0,0.12);
  --dialog-info-border: 8px solid #007BC2;
  --dialog-info-color: #007BC2;
  --dialog-success-border: 8px solid #039C7D;
  --dialog-success-color: #039C7D;
  --dialog-error-color: #E5004A;
  --dialog-error-border: 8px solid #E5004A;
  --dialog-warning-color: #FCCD22;
  --dialog-warning-border: 8px solid #FCCD22;
  --dialog-close-color: #5A646E;
  --tooltip-background: #5A646E;
  --tooltip-color: #ffffff;
  --tooltip-padding-top: 0.5rem;
  --tooltip-padding-right: 1rem;
  --tooltip-padding-bottom: 0.5rem;
  --tooltip-padding-left: 1rem;
  --steps-item-background: #ffffff;
  --steps-item-border-color: #e9ecef;
  --steps-item-color: #6c757d;
  --steps-item-number-color: #495057;
  --steps-item-number-width: 2rem;
  --steps-item-number-height: 2rem;
  --steps-item-number-font-size: 1.143rem;
  --steps-item-number-border-radius: 1rem;
  --steps-item-border: 1px solid #e9ecef;
  --steps-item-active-font-weight: 700;
  --progressbar-background: #DEDEDE;
  --progressbar-color: #007BC2;
  --progressbar-height: 0.5rem;
  --progressbar-error-background: #FCE6ED;
  --progressbar-error-color: #E5004A;
  --progressbar-warning-color: #FCCD22;
  --progressbar-padding-top: 0.375rem;
  --progressbar-padding-right: 0;
  --progressbar-padding-bottom: 0.375rem;
  --progressbar-padding-left: 0;
  --menu-background: #ffffff;
  --menu-border-color: #CDD0D3;
  --menu-color: #495057;
  --menu-width: 12.5rem;
  --menu-border: 1px solid #CDD0D3;
  --menu-separator-margin-top: 0.25rem;
  --menu-separator-margin-right: 0;
  --menu-separator-margin-bottom: 0.25rem;
  --menu-separator-margin-left: 0;
  --menuitem-background: #ffffff;
  --menuitem-color: #164293;
  --menuitem-submenu-icon-color: #8B9299;
  --menuitem-icon-color: #164293;
  --menuitem-icon-hover-color: #164293;
  --menuitem-icon-active-color: #164293;
  --menuitem-hover-color: #164293;
  --menuitem-hover-background: #E8ECF4;
  --menuitem-active-color: #164293;
  --menuitem-active-background: #E8ECF4;
  --menuitem-padding-top: 0.5rem;
  --menuitem-padding-right: 1rem;
  --menuitem-padding-bottom: 0.5rem;
  --menuitem-padding-left: 1rem;
  --menuitem-border-radius: 0;
  --menuitem-submenu-icon-font-size: 1rem;
  --menuitem-submenu-icon-width: 1rem;
  --menuitem-submenu-icon-height: 1rem;
  --submenu-header-background: #ffffff;
  --submenu-header-color: #343a40;
  --submenu-header-padding-top: 0.75rem;
  --submenu-header-padding-right: 1.25rem;
  --submenu-header-padding-bottom: 0.75rem;
  --submenu-header-padding-left: 1.25rem;
  --submenu-header-margin-top: 0;
  --submenu-header-margin-right: 0;
  --submenu-header-margin-bottom: 0;
  --submenu-header-margin-left: 0;
  --submenu-header-border-radius: 0;
  --submenu-header-font-weight: 700;
  --overlay-menu-background: #ffffff;
  --overlay-menu-border-color: #CDD0D3;
  --overlay-menu-shadow: 0 0.125rem 0.75rem 0 #0000001a;
  --overlay-menu-border: 1px solid #CDD0D3;
  --breadcrumb-separator-color: #5A646E;
  --breadcrumb-padding-top: 1rem;
  --breadcrumb-padding-right: 1rem;
  --breadcrumb-padding-bottom: 1rem;
  --breadcrumb-padding-left: 1rem;
  --breadcrumb-link-color: #164293;
  --breadcrumb-link-hover-color: #4568A9;
  --breadcrumb-link-hover-border: 1px solid #4568A9;
  --breadcrumb-link-active-color: #000000;
  --breadcrumb-link-active-border: 1px solid #000000;
  --breadcrumb-link-last-color: #5A646E;
  --breadcrumb-link-last-hover-color: #4568A9;
  --horizontal-menu-background: #f8f9fa;
  --horizontal-menu-border-color: #dee2e6;
  --horizontal-menu-color: #495057;
  --horizontal-menu-root-menuitem-color: #495057;
  --horizontal-menu-root-menuitem-icon-color: #6c757d;
  --horizontal-menu-root-menuitem-icon-hover-color: #6c757d;
  --horizontal-menu-root-menuitem-icon-active-color: #1d4ed8;
  --horizontal-menu-root-menuitem-hover-color: #495057;
  --horizontal-menu-root-menuitem-hover-background: #e9ecef;
  --horizontal-menu-root-menuitem-active-color: #1d4ed8;
  --horizontal-menu-root-menuitem-active-background: #eff6ff;
  --horizontal-menu-root-menuitem-border-radius: 0.5rem;
  --horizontal-menu-root-menuitem-padding-top: 0.5rem;
  --horizontal-menu-root-menuitem-padding-right: 1rem;
  --horizontal-menu-root-menuitem-padding-bottom: 0.5rem;
  --horizontal-menu-root-menuitem-padding-left: 1rem;
  --horizontal-menu-padding-top: 0.5rem;
  --horizontal-menu-padding-right: 0.5rem;
  --horizontal-menu-padding-bottom: 0.5rem;
  --horizontal-menu-padding-left: 0.5rem;
  --horizontal-menu-border: 1px solid #CDD0D3;
  --badge-background: #007BC2;
  --badge-color: #ffffff;
  --badge-min-width: 1.25rem;
  --badge-height: 1.25rem;
  --badge-font-weight: 600;
  --badge-font-size: 0.75rem;
  --badge-warning-background: #FCCD22;
  --badge-warning-color: #000000;
  --badge-error-background: #E5004A;
  --badge-error-color: #ffffff;
  --badge-padding-top: 0;
  --badge-padding-right: 0.375rem;
  --badge-padding-bottom: 0;
  --badge-padding-left: 0.375rem;
  --carousel-indicator-background: #ced4da;
  --carousel-indicator-hover-background: #adb5bd;
  --carousel-indicator-border-radius: 0;
  --carousel-indicator-width: 2rem;
  --carousel-indicator-height: 0.5rem;
  --carousel-indicators-padding-top: 1rem;
  --carousel-indicators-padding-right: 1rem;
  --carousel-indicators-padding-bottom: 1rem;
  --carousel-indicators-padding-left: 1rem;
  --galleria-mask-background: #000000e6;
  --galleria-close-icon-background: #ffffff00;
  --galleria-close-icon-color: #f8f9fa;
  --galleria-close-icon-hover-background: #ffffff1a;
  --galleria-close-icon-hover-color: #f8f9fa;
  --galleria-close-icon-margin-top: 0.5rem;
  --galleria-close-icon-margin-right: 0.5rem;
  --galleria-close-icon-margin-bottom: 0.5rem;
  --galleria-close-icon-margin-left: 0.5rem;
  --galleria-close-icon-font-size: 2rem;
  --galleria-close-icon-container-width: 4rem;
  --galleria-close-icon-container-height: 4rem;
  --galleria-close-icon-border-radius: 2rem;
  --galleria-close-icon-width: 2rem;
  --galleria-close-icon-height: 2rem;
  --galleria-item-navigator-background: #ffffff00;
  --galleria-item-navigator-color: #f8f9fa;
  --galleria-item-navigator-hover-background: #ffffff1a;
  --galleria-item-navigator-hover-color: #f8f9fa;
  --galleria-item-navigator-width: 4rem;
  --galleria-item-navigator-height: 4rem;
  --galleria-item-navigator-margin-top: 0;
  --galleria-item-navigator-margin-right: 0.5rem;
  --galleria-item-navigator-margin-bottom: 0;
  --galleria-item-navigator-margin-left: 0.5rem;
  --galleria-item-navigator-icon-font-size: 2rem;
  --galleria-item-navigator-icon-width: 2rem;
  --galleria-item-navigator-icon-height: 2rem;
  --galleria-item-navigator-border-radius: 0.5rem;
  --galleria-caption-background: #000000;
  --galleria-caption-color: #f8f9fa;
  --galleria-caption-padding-top: 1rem;
  --galleria-caption-padding-right: 1rem;
  --galleria-caption-padding-bottom: 1rem;
  --galleria-caption-padding-left: 1rem;
  --galleria-indicator-background: #ced4da;
  --galleria-indicator-hover-background: #adb5bd;
  --galleria-indicator-hover-on-item-background: #ffffff99;
  --galleria-indicator-on-item-background: #ffffff66;
  --galleria-indicator-width: 1rem;
  --galleria-indicator-height: 1rem;
  --galleria-indicator-border-radius: 0.5rem;
  --galleria-indicators-on-item-background: #00000080;
  --galleria-indicators-padding-top: 1rem;
  --galleria-indicators-padding-right: 1rem;
  --galleria-indicators-padding-bottom: 1rem;
  --galleria-indicators-padding-left: 1rem;
  --galleria-thumbnail-container-background: #000000e6;
  --galleria-thumbnail-container-padding-top: 1rem;
  --galleria-thumbnail-container-padding-right: 0.25rem;
  --galleria-thumbnail-container-padding-bottom: 1rem;
  --galleria-thumbnail-container-padding-left: 0.25rem;
  --galleria-thumbnail-navigator-background: #ffffff00;
  --galleria-thumbnail-navigator-color: #f8f9fa;
  --galleria-thumbnail-navigator-hover-background: #ffffff1a;
  --galleria-thumbnail-navigator-hover-color: #f8f9fa;
  --galleria-thumbnail-navigator-width: 2rem;
  --galleria-thumbnail-navigator-height: 2rem;
  --galleria-thumbnail-navigator-border-radius: 1rem;
  --divider-color: #BDC1C5;
  --divider-horizontal-margin-top: 1.25rem;
  --divider-horizontal-margin-right: 0;
  --divider-horizontal-margin-bottom: 1.25rem;
  --divider-horizontal-margin-left: 0;
  --divider-horizontal-padding-top: 0;
  --divider-horizontal-padding-right: 1.25rem;
  --divider-horizontal-padding-bottom: 0;
  --divider-horizontal-padding-left: 1.25rem;
  --divider-horizontal-left-width: 1.25rem;
  --divider-horizontal-right-width: 1.25rem;
  --divider-vertical-margin-top: 0;
  --divider-vertical-margin-right: 1.25rem;
  --divider-vertical-margin-bottom: 0;
  --divider-vertical-margin-left: 1.25rem;
  --divider-vertical-padding-top: 1.25rem;
  --divider-vertical-padding-right: 0;
  --divider-vertical-padding-bottom: 1.25rem;
  --divider-vertical-padding-left: 0;
  --divider-vertical-top-height: 1.25rem;
  --divider-vertical-bottom-height: 1.25rem;
  --divider-size: 0.0625rem;
  --divider-border: 0.063rem solid #BDC1C5;
  --avatar-background: #dee2e6;
  --avatar-color: #495057;
  --chip-background: #ffffff;
  --chip-color: #164293;
  --chip-border-radius: 1rem;
  --chip-border: 1px solid #DEE0E2;
  --chip-hover-background: #E8ECF4;
  --chip-active-background: #D0D9E9;
  --chip-disabled-color: #BDC1C5;
  --chip-border-color: #DEE0E2;
  --scrolltop-background: #000000b3;
  --scrolltop-hover-background: #000000cc;
  --scrolltop-color: #f8f9fa;
  --scrolltop-width: 3rem;
  --scrolltop-height: 3rem;
  --scrolltop-border-radius: 1.5rem;
  --scrolltop-font-size: 1.5rem;
  --scrolltop-icon-width: 1.5rem;
  --scrolltop-icon-height: 1.5rem;
  --skeleton-background: #dee2e6b3;
  --skeleton-animation-background: #ffffff66;
  --splitter-gutter-background: #EEEFF0;
  --splitter-gutter-handle-background: #CDD0D3;
  --splitter-gutter-handle-color: #164293;
  --splitter-gutter-handle-hover-background: #E8ECF4;
  --splitter-gutter-handle-active-background: #D0D9E9;
  --speeddial-action-background: #495057;
  --speeddial-action-hover-background: #022354;
  --speeddial-action-hover-color: #ffffff;
  --speeddial-action-color: #ffffff;
  --speeddial-action-width: 3rem;
  --speeddial-action-height: 3rem;
  --speeddial-button-width: 4rem;
  --speeddial-button-height: 4rem;
  --speeddial-button-icon-font-size: 1.3rem;
  --dock-background: #ffffff1a;
  --dock-border-color: #ffffff33;
  --dock-action-width: 4rem;
  --dock-action-height: 4rem;
  --dock-item-padding-top: 0.5rem;
  --dock-item-padding-right: 0.5rem;
  --dock-item-padding-bottom: 0.5rem;
  --dock-item-padding-left: 0.5rem;
  --dock-currentitem-margin-top: 1.5rem;
  --dock-currentitem-margin-right: 1.5rem;
  --dock-currentitem-margin-bottom: 1.5rem;
  --dock-currentitem-margin-left: 1.5rem;
  --dock-firstitems-margin-top: 1.3rem;
  --dock-firstitems-margin-right: 1.3rem;
  --dock-firstitems-margin-bottom: 1.3rem;
  --dock-firstitems-margin-left: 1.3rem;
  --dock-seconditems-margin-top: 0.9rem;
  --dock-seconditems-margin-right: 0.9rem;
  --dock-seconditems-margin-bottom: 0.9rem;
  --dock-seconditems-margin-left: 0.9rem;
  --dock-border: 1px solid #ffffff33;
  --dock-padding-top: 0.5rem;
  --dock-padding-right: 0.5rem;
  --dock-padding-bottom: 0.5rem;
  --dock-padding-left: 0.5rem;
  --dock-border-radius: 0.5rem;
  --image-mask-background: #7B838Bcc;
  --image-preview-indicator-color: #ffffff;
  --image-preview-indicator-background: #7B838Bcc;
  --image-preview-action-icon-background: #ffffff00;
  --image-preview-action-icon-color: #ffffff;
  --image-preview-action-icon-hover-background: #ffffff1a;
  --image-preview-action-icon-hover-color: #f8f9fa;
  --image-preview-action-icon-container-width: 3rem;
  --image-preview-action-icon-container-height: 3rem;
  --image-preview-action-icon-font-size: 1rem;
  --image-preview-action-icon-border-radius: 1.5rem;
  --image-preview-action-icon-width: 1.5rem;
  --image-preview-action-icon-height: 1.5rem;
  --image-preview-toolbar-padding-top: 1rem;
  --image-preview-toolbar-padding-right: 1rem;
  --image-preview-toolbar-padding-bottom: 1rem;
  --image-preview-toolbar-padding-left: 1rem;
  --theme-primary-color: #164293;
  --theme-primary-contrast-color: #ffffff;
  --theme-primary-light-color: #4568A9;
  --theme-primary-lighter-color: #738EBE;
  --theme-highlight-background: #eff6ff;
  --theme-highlight-color: #1d4ed8;
  --theme-warning-background: #FCCD22;
  --theme-warning-color: #000000;
  --theme-error-background: #E5004A;
  --theme-error-color: #ffffff;
  --theme-text-color: #000000;
  --theme-disabled-color: #7B838B;
  --theme-background-color: #fafafa;
  --theme-background-component: #ffffff;
  --theme-background-tile: #383838;
  --theme-info-background: #007BC2;
  --theme-info-color: #ffffff;
  --theme-success-background: #039C7D;
  --theme-success-color: #ffffff;
  --theme-surface-color: #ffffff;
  --theme-mask-background: rgba(238, 239, 240, 0.8);
  --theme-copy-color: #7B838B;
  --tag-padding-top: 0.125rem;
  --tag-padding-right: 0.5rem;
  --tag-padding-bottom: 0.125rem;
  --tag-padding-left: 0.5rem;
  --tag-background: #5A646E;
  --tag-color: #ffffff;
  --confirmpopup-content-padding-top: 1rem;
  --confirmpopup-content-padding-right: 1rem;
  --confirmpopup-content-padding-bottom: 1rem;
  --confirmpopup-content-padding-left: 1rem;
  --confirmpopup-footer-padding-top: 0;
  --confirmpopup-footer-padding-right: 1.25rem;
  --confirmpopup-footer-padding-bottom: 1.25rem;
  --confirmpopup-footer-padding-left: 1.25rem;
  --vertical-menu-padding-top: 0;
  --vertical-menu-padding-right: 0;
  --vertical-menu-padding-bottom: 0;
  --vertical-menu-padding-left: 0;
  --vertical-menuitem-margin-top: 0;
  --vertical-menuitem-margin-right: 0;
  --vertical-menuitem-margin-bottom: 0;
  --vertical-menuitem-margin-left: 0;
  --fileupload-progressbar-height: 0.25rem;
  --fileupload-content-padding-top: 0.75rem;
  --fileupload-content-padding-right: 1rem;
  --fileupload-content-padding-bottom: 0.75rem;
  --fileupload-content-padding-left: 1rem;
  --fileupload-content-color: #164293;
  --fileupload-content-border-color: #7B838B;
  --fileupload-content-border: 1px dashed #7B838B;
  --fileupload-content-dragover-color: #164293;
  --fileupload-content-dragover-border-color: #164293;
  --fileupload-content-dragover-border: 2px solid #164293;
  --fileupload-content-disabled-color: #7B838B;
  --fileupload-content-disabled-border-color: #7B838B;
  --fileupload-content-disabled-border: 1px dashed #7B838B;
  --fileupload-listitem-background: #EEEFF0;
  --fileupload-listitem-color: #000000;
  --toast-icon-font-size: 0.875rem;
  --toast-icon-width: 0.875rem;
  --toast-icon-height: 0.875rem;
  --toast-message-text-margin-top: 0;
  --toast-message-text-margin-right: 0;
  --toast-message-text-margin-bottom: 0;
  --toast-message-text-margin-left: 0;
  --toast-margin-top: 0;
  --toast-margin-right: 0;
  --toast-margin-bottom: 1rem;
  --toast-margin-left: 0;
  --toast-padding-top: 1rem;
  --toast-padding-right: 1rem;
  --toast-padding-bottom: 1rem;
  --toast-padding-left: 1rem;
  --toast-border-width: 0.5rem;
  --toast-opacity: 1;
  --toast-title-font-weight: 600;
  --toast-detail-margin-top: 0.5rem;
  --toast-detail-margin-right: 0;
  --toast-detail-margin-bottom: 0;
  --toast-detail-margin-left: 0;
  --toast-success-border: 0.5rem solid #039C7D;
  --toast-info-border: 0.5rem solid #007BC2;
  --toast-warning-border: 0.5rem solid #FCCD22;
  --toast-error-border: 0.5rem solid #E5004A;
  --toast-shadow: 0 0.5rem 1rem 0 rgba(0,0,0,0.14), 0 0 0.125rem 0 rgba(0,0,0,0.12);
  --chips-multiple-container-padding-top: 0.25rem;
  --chips-multiple-container-padding-right: 0.75rem;
  --chips-multiple-container-padding-bottom: 0.25rem;
  --chips-multiple-container-padding-left: 0.75rem;
  --progressspinner-color: #007BC2;
  --chart-color1: #164293;
  --chart-color1-hover: #8BA1C9;
  --chart-color2: #89037A;
  --chart-color2-hover: #C481BD;
  --chart-color3: #70CBF3;
  --chart-color3-hover: #B8E5F9;
  --chart-color4: #9373B1;
  --chart-color4-hover: #C9B9D8;
  --chart-color5: #38B1BA;
  --chart-color5-hover: #9CD8DD;
  --chart-color6: #03F3D6;
  --chart-color6-hover: #81F9EB;
  --chart-color7: #B4C303;
  --chart-color7-hover: #DAE181;
  --chart-color8: #FF00E2;
  --chart-color8-hover: #FF80F1;
  --chart-color9: #FF5C00;
  --chart-color9-hover: #FFAE80;
  --chart-color10: #BA9170;
  --chart-color10-hover: #DDC8B8;
  --chart-label-color: #000000;
  --chart-grid-color: #BDC1C5;
  --header-button-hover-background: #ffffff;
  --header-button-hover-color: #164293;
  --header-button-active-background: #ffffff;
  --header-button-active-color: #164293;
  --header-button-background: transparent;
  --header-button-color: #ffffff;
  --header-button-disabled-background: transparent;
  --header-button-disabled-color: #7B838B;
  --header-button-padding-top: 0.3125rem;
  --header-button-padding-right: 0.75rem;
  --header-button-padding-bottom: 0.3125rem;
  --header-button-padding-left: 0.75rem;
  --blockui-background-blur: 0.375rem;
  --blockui-background: rgba(238, 239, 240, 0.8);
  --link-primary-color: #164293;
  --link-primary-hover-color: #4568A9;
  --link-primary-active-color: #000000;
  --link-primary-disabled-color: #BDC1C5;
  --link-primary-visited-color: #89037A;
  --link-secondary-color: #5A646E;
  --link-secondary-hover-color: #5A646E;
  --link-secondary-active-color: #000000;
  --link-secondary-disabled-color: #BDC1C5;
  --link-secondary-visited-color: #89037A;
  --picklist-background: transparent;
  --toolbar-background: #EEEFF0;
  --side-navigation-background: #ffffff;
  --side-navigation-border-color: #EEEFF0;
  --side-navigation-border: 1px solid #EEEFF0;
  --side-navigation-menuitem-background: transparent;
  --side-navigation-menuitem-color: #164293;
  --side-navigation-menuitem-hover-background: #E8ECF4;
  --side-navigation-menuitem-hover-color: #164293;
  --side-navigation-menuitem-active-background: #D0D9E9;
  --side-navigation-menuitem-active-color: #164293;
  --footer-background: #fafafa;
  --footer-border-color: #EEEFF0;
  --footer-border: 1px solid #EEEFF0;
  --code-background-color: #EEEFF0; /* #fafafa; */
  --code-token-color: #535353;
  --code-comment-color: #027d64; /* green-1100 */
  --code-name-color: #164293;
  --code-number-color: #000;
  --code-keyword-color: #89037A;
  --code-string-background-color: #fff;
  --code-string-color: #000;
  --code-error-background-color: #fff;
  --code-error-color: #E5004A;
}

/**
 * Do not edit directly
 * Generated on Wed, 31 Jan 2024 12:41:50 GMT
 */
html[data-theme=dark] {
  --focus-outline-color: #bfdbfe;
  --focus-shadow: 0 0 0 0.175rem #bfdbfe;
  --action-icon-background: #ffffff00;
  --action-icon-border-color: #ffffff00;
  --action-icon-color: #ffffff;
  --action-icon-hover-border-color: transparent;
  --action-icon-hover-background: #4568a9;
  --action-icon-hover-color: #343a40;
  --input-background: #1C1C1C;
  --input-background-transparent: transparent;
  --input-color: #ffffff;
  --input-icon-color: #BDC1C5;
  --input-border-color: #9CA2A8;
  --input-hover-border: 1px solid #5C7BB3;
  --input-hover-border-color: #5C7BB3;
  --input-focus-border-color: #5C7BB3;
  --input-focus-border: 2px solid #5C7BB3;
  --input-error-border-color: #f280a5;
  --input-error-border: 0.125rem solid #f280a5;
  --input-error-color: #f280a5;
  --input-placeholder-color: #BDC1C5;
  --input-filled-background: #1C1C1C;
  --input-filled-hover-background: #1C1C1C;
  --input-filled-focus-background: #1C1C1C;
  --input-text-font-size: 1rem;
  --input-border: 0.063rem solid #9CA2A8;
  --input-border-transparent: 1px solid transparent;
  --input-padding-top: 0.5rem;
  --input-padding-right: 0.75rem;
  --input-padding-bottom: 0.5rem;
  --input-padding-left: 0.75rem;
  --input-disabled-background: #1C1C1C;
  --input-disabled-color: #7B838B;
  --input-disabled-border: 1px solid #7B838B;
  --input-disabled-border-color: #7B838B;
  --input-readonly-border: 1px solid #BDC1C5;
  --input-readonly-background: #1C1C1C;
  --input-readonly-color: #ffffff;
  --input-border-width: 0.0625rem;
  --input-group-background: #e9ecef;
  --input-group-color: #6c757d;
  --input-group-addon-min-width: 2.75rem;
  --input-group-addon-hidden-width: 1.25rem;
  --input-list-background: #ffffff;
  --input-list-color: #495057;
  --input-list-border-color: #ced4da;
  --input-list-item-background: #1C1C1C;
  --input-list-item-color: #ffffff;
  --input-list-item-hover-background: #383838;
  --input-list-item-hover-color: #ffffff;
  --input-list-item-highlight-background: #383838;
  --input-list-item-border-color: #ffffff00;
  --input-list-item-focus-shadow: inset 0 0 0 0.15rem #bfdbfe;
  --input-list-item-border: 0 none transparent;
  --input-list-item-border-radius: 0;
  --input-list-item-padding-top: 0.5rem;
  --input-list-item-padding-right: 1rem;
  --input-list-item-padding-bottom: 0.5rem;
  --input-list-item-padding-left: 1rem;
  --input-list-item-margin-top: 0;
  --input-list-item-margin-right: 0;
  --input-list-item-margin-bottom: 0;
  --input-list-item-margin-left: 0;
  --input-list-header-background: #f8f9fa;
  --input-list-header-color: #343a40;
  --input-list-header-border-color: #dee2e6;
  --input-list-header-margin: 0;
  --input-list-header-border: 1px solid #dee2e6;
  --input-list-header-padding-top: 0.5rem;
  --input-list-header-padding-right: 0.75rem;
  --input-list-header-padding-bottom: 0.5rem;
  --input-list-header-padding-left: 0.75rem;
  --input-list-padding-top: 0.25rem;
  --input-list-padding-right: 0;
  --input-list-padding-bottom: 0.25rem;
  --input-list-padding-left: 0;
  --input-list-border: 0.063rem solid #9CA2A8;
  --input-overlay-background: #1C1C1C;
  --input-overlay-header-background: #1C1C1C;
  --input-overlay-border-color: #9CA2A8;
  --input-overlay-border: 1px solid #9CA2A8;
  --input-overlay-shadow: 0 0.125rem 0.5rem 0 rgba(0,0,0,.1);
  --password-meter-background: #dee2e6;
  --password-weak-background: #ea5455;
  --password-medium-background: #ff9f42;
  --password-strong-background: #29c76f;
  --button-background: #164293;
  --button-color: #ffffff;
  --button-border-color: #164293;
  --button-hover-background: #4568A9;
  --button-hover-color: #ffffff;
  --button-hover-border: 1px solid #4568A9;
  --button-hover-border-color: #4568A9;
  --button-active-background: #738EBE;
  --button-active-color: #ffffff;
  --button-active-border-color: #738EBE;
  --button-active-border: 1px solid #738EBE;
  --button-disabled-background-color: #8B8B8B;
  --button-disabled-color: #C2C2C2;
  --button-disabled-border-color: #8B8B8B;
  --button-disabled-border: 1px solid #8B8B8B;
  --button-plain-color: #6c757d;
  --button-plain-hover-background: #e9ecef;
  --button-plain-active-background: #dee2e6;
  --button-plain-border: 1px solid #6c757d;
  --button-secondary-color: #ffffff;
  --button-secondary-border-color: #CDD0D3;
  --button-secondary-hover-color: #ffffff;
  --button-secondary-hover-border-color: #BDC1C5;
  --button-secondary-hover-border: 2px solid #BDC1C5;
  --button-secondary-active-color: #ffffff;
  --button-secondary-active-border-color: #ACB1B6;
  --button-secondary-active-border: 1px solid #ACB1B6;
  --button-secondary-border: 1px solid #CDD0D3;
  --button-secondary-disabled-color: #C2C2C2;
  --button-secondary-disabled-border-color: #8B8B8B;
  --button-secondary-disabled-border: 1px solid #8B8B8B;
  --button-tertiary-color: #ffffff;
  --button-tertiary-hover-color: #ffffff;
  --button-tertiary-hover-border-color: #BDC1C5;
  --button-tertiary-hover-border: 2px solid #BDC1C5;
  --button-tertiary-active-color: #ffffff;
  --button-tertiary-active-border-color: #BDC1C5;
  --button-tertiary-active-border: 1px solid #BDC1C5;
  --button-tertiary-disabled-color: #8B8B8B;
  --button-info-background: #3b82f6;
  --button-info-color: #ffffff;
  --button-info-border-color: #3b82f6;
  --button-info-hover-background: #2563eb;
  --button-info-hover-color: #ffffff;
  --button-info-hover-border-color: #2563eb;
  --button-info-hover-border: 1px solid #2563eb;
  --button-info-active-background: #1d4ed8;
  --button-info-active-color: #ffffff;
  --button-info-active-border-color: #1d4ed8;
  --button-info-active-border: 1px solid #1d4ed8;
  --button-info-focus-shadow: #bfdbfe;
  --button-info-outlined-hover-background: #3b82f60a;
  --button-info-outlined-active-background: #3b82f629;
  --button-info-border: 1px solid #3b82f6;
  --button-success-background: #22c55e;
  --button-success-color: #ffffff;
  --button-success-border-color: #22c55e;
  --button-success-hover-background: #16a34a;
  --button-success-hover-color: #ffffff;
  --button-success-hover-border-color: #16a34a;
  --button-success-hover-border: 1px solid #16a34a;
  --button-success-active-background: #15803d;
  --button-success-active-color: #ffffff;
  --button-success-active-border-color: #15803d;
  --button-success-active-border: 1px solid #15803d;
  --button-success-focus-shadow: #bbf7d0;
  --button-success-outlined-hover-background: #22c55e0a;
  --button-success-outlined-active-background: #22c55e29;
  --button-success-border: 1px solid #22c55e;
  --button-warning-background: #f59e0b;
  --button-warning-color: #ffffff;
  --button-warning-border-color: #f59e0b;
  --button-warning-hover-background: #d97706;
  --button-warning-hover-color: #ffffff;
  --button-warning-hover-border-color: #d97706;
  --button-warning-hover-border: 1px solid #d97706;
  --button-warning-active-background: #b45309;
  --button-warning-active-color: #ffffff;
  --button-warning-active-border-color: #b45309;
  --button-warning-active-border: 1px solid #b45309;
  --button-warning-focus-shadow: #fde68a;
  --button-warning-outlined-hover-background: #f59e0b0a;
  --button-warning-outlined-active-background: #f59e0b29;
  --button-warning-border: 1px solid #f59e0b;
  --button-help-background: #a855f7;
  --button-help-color: #ffffff;
  --button-help-border-color: #a855f7;
  --button-help-hover-background: #9333ea;
  --button-help-hover-color: #ffffff;
  --button-help-hover-border-color: #9333ea;
  --button-help-hover-border: 1px solid #9333ea;
  --button-help-active-background: #7e22ce;
  --button-help-active-color: #ffffff;
  --button-help-active-border-color: #7e22ce;
  --button-help-active-border: 1px solid #7e22ce;
  --button-help-focus-shadow: #e9d5ff;
  --button-help-outlined-hover-background: #a855f70a;
  --button-help-outlined-active-background: #a855f729;
  --button-help-border: 1px solid #a855f7;
  --button-danger-background: #ef4444;
  --button-danger-color: #ffffff;
  --button-danger-border-color: #ef4444;
  --button-danger-hover-background: #dc2626;
  --button-danger-hover-color: #ffffff;
  --button-danger-hover-border-color: #dc2626;
  --button-danger-hover-border: 1px solid #dc2626;
  --button-danger-active-background: #b91c1c;
  --button-danger-active-color: #ffffff;
  --button-danger-active-border-color: #b91c1c;
  --button-danger-active-border: 1px solid #b91c1c;
  --button-danger-focus-shadow: #fecaca;
  --button-danger-outlined-hover-background: #ef44440a;
  --button-danger-outlined-active-background: #ef444429;
  --button-danger-border: 1px solid #ef4444;
  --button-link-color: #1d4ed8;
  --button-link-hover-color: #1d4ed8;
  --button-link-hover-text-decoration: underline;
  --button-link-focus-shadow: #bfdbfe;
  --button-outlined-hover-background: #3b82f60a;
  --button-outlined-active-background: #3b82f629;
  --button-outlined-secondary-border: 1px solid #CDD0D3;
  --button-outlined-border: 1px solid #164293;
  --button-outlined-info-border: 1px solid #3b82f6;
  --button-outlined-success-border: 1px solid #22c55e;
  --button-outlined-warning-border: 1px solid #f59e0b;
  --button-outlined-help-border: 1px solid #a855f7;
  --button-outlined-danger-border: 1px solid #ef4444;
  --button-raised-shadow: 0 0.1875rem 0.0625rem -0.125rem #00000033, 0 0.125rem 0.125rem 0 #00000024, 0 0.0625rem 0.3125rem 0 #0000001f;
  --button-padding-top: 0.5rem;
  --button-padding-right: 1rem;
  --button-padding-bottom: 0.5rem;
  --button-padding-left: 1rem;
  --button-icononly-width: 2.5rem;
  --button-icononly-padding-top: 0.625rem;
  --button-icononly-padding-right: 0;
  --button-icononly-padding-bottom: 0.625rem;
  --button-icononly-padding-left: 0;
  --button-icononly-height: 2.5rem;
  --button-border: 1px solid #164293;
  --button-rounded-border-radius: 1.25rem;
  --button-text-background-color: transparent;
  --button-text-color: #ffffff;
  --button-text-border-color: transparent;
  --button-text-border: 1px solid transparent;
  --button-text-hover-border: 2px solid #CDD0D3;
  --button-text-hover-background-color: transparent;
  --button-text-hover-color: #ffffff;
  --button-text-hover-border-color: #CDD0D3;
  --button-text-active-border: 1px solid #BDC1C5;
  --button-text-active-background-color: transparent;
  --button-text-active-border-color: #BDC1C5;
  --button-text-active-color: #ffffff;
  --checkbox-background: #1C1C1C;
  --checkbox-border-color: #9CA2A8;
  --checkbox-active-border-color: #3b82f6;
  --checkbox-active-background: #164293;
  --checkbox-active-hover-background: #4568A9;
  --checkbox-active-hover-border-color: #4568A9;
  --checkbox-active-hover-border: 2px solid #4568A9;
  --checkbox-active-border: 0 solid #3b82f6;
  --checkbox-icon-active-color: #ffffff;
  --checkbox-icon-hover-color: #ffffff;
  --checkbox-icon-font-size: 0.875rem;
  --checkbox-icon-width: 0.875rem;
  --checkbox-icon-height: 0.875rem;
  --checkbox-width: 1.5rem;
  --checkbox-height: 1.5rem;
  --checkbox-border: 1px solid #9CA2A8;
  --checkbox-error-color: #F280A5;
  --checkbox-error-border: 2px solid #F280A5;
  --checkbox-label: #ffffff;
  --checkbox-disabled-color: #7B838B;
  --checkbox-disabled-border: 0.0625rem solid #8b8b8b;
  --radiobutton-border-color: #9CA2A8;
  --radiobutton-active-border-color: #164293;
  --radiobutton-active-background: #1C1C1C;
  --radiobutton-active-hover-background: #4568A9;
  --radiobutton-active-hover-border-color: #4568A9;
  --radiobutton-active-hover-border: 8px solid #4568A9;
  --radiobutton-active-border: 8px solid #164293;
  --radiobutton-active-disabled-border: 8px solid #7B838B;
  --radiobutton-icon-active-color: #ffffff;
  --radiobutton-icon-active-hover-color: #ffffff;
  --radiobutton-width: 1.5rem;
  --radiobutton-height: 1.5rem;
  --radiobutton-border: 1px solid #9CA2A8;
  --radiobutton-icon-size: 0.5rem;
  --radiobutton-hover-border-color: #4568A9;
  --radiobutton-hover-border: 2px solid #4568A9;
  --radiobutton-error-border: 2px solid #F280A5;
  --radiobutton-error-active-border: 8px solid #F280A5;
  --radiobutton-disabled-border: 1px solid #7B838B;
  --colorpicker-background: #323232;
  --colorpicker-border-color: #191919;
  --colorpicker-handle-color: #ffffff;
  --colorpicker-handle-border: 2px solid #ffffff;
  --colorpicker-preview-width: 2rem;
  --colorpicker-preview-height: 2rem;
  --colorpicker-border: 1px solid #191919;
  --togglebutton-background: #ffffff;
  --togglebutton-border-color: #ced4da;
  --togglebutton-color: #495057;
  --togglebutton-icon-color: #6c757d;
  --togglebutton-icon-hover-color: #343a40;
  --togglebutton-icon-active-color: #ffffff;
  --togglebutton-icon-active-hover-color: #ffffff;
  --togglebutton-hover-background: #e9ecef;
  --togglebutton-hover-border-color: #ced4da;
  --togglebutton-hover-color: #495057;
  --togglebutton-hover-border: 1px solid #ced4da;
  --togglebutton-active-background: #3b82f6;
  --togglebutton-active-border-color: #3b82f6;
  --togglebutton-active-color: #ffffff;
  --togglebutton-active-hover-background: #2563eb;
  --togglebutton-active-hover-border-color: #2563eb;
  --togglebutton-active-hover-color: #ffffff;
  --togglebutton-active-hover-border: 1px solid #2563eb;
  --togglebutton-active-border: 1px solid #3b82f6;
  --togglebutton-border: 1px solid #ced4da;
  --inplace-hover-background: #e9ecef;
  --inplace-hover-color: #495057;
  --inplace-padding-top: 0.5rem;
  --inplace-padding-right: 0.75rem;
  --inplace-padding-bottom: 0.5rem;
  --inplace-padding-left: 0.75rem;
  --rating-cancel-icon-color: #ea5455;
  --rating-cancel-icon-hover-color: #e73d3e;
  --rating-star-icon-off-color: #495057;
  --rating-star-icon-on-color: #3b82f6;
  --rating-star-icon-hover-color: #3b82f6;
  --rating-icon-font-size: 1.143rem;
  --slider-background: #9CA2A8;
  --slider-handle-background: #164293;
  --slider-handle-border-color: #ffffff;
  --slider-handle-hover-border-color: #ffffff;
  --slider-handle-hover-background: #5C7BB3;
  --slider-handle-hover-border: 3px solid #ffffff;
  --slider-handle-width: 1.5rem;
  --slider-handle-height: 1.5rem;
  --slider-handle-border: 2px solid #ffffff;
  --slider-handle-border-radius: 50%;
  --slider-disabled-handle-background: #C2C2C2;
  --slider-disabled-range-background: #BDC1C5;
  --slider-disabled-background: #7B838B;
  --slider-range-background: #164293;
  --slider-border: 0 none transparent;
  --slider-horizontal-height: 0.25rem;
  --slider-vertical-width: 0.25rem;
  --slider-input-label-color: #ffffff;
  --calendar-background: #ffffff;
  --calendar-inline-background: #ffffff;
  --calendar-inline-header-background: #ffffff;
  --calendar-color: #495057;
  --calendar-border-color: #ced4da;
  --calendar-overlay-border-color: #ffffff00;
  --calendar-overlay-border: 0 none #ffffff00;
  --calendar-header-background: #ffffff;
  --calendar-header-border-color: #dee2e6;
  --calendar-header-color: #495057;
  --calendar-header-padding-top: 0.5rem;
  --calendar-header-padding-right: 0.5rem;
  --calendar-header-padding-bottom: 0.5rem;
  --calendar-header-padding-left: 0.5rem;
  --calendar-header-border: 1px solid #dee2e6;
  --calendar-header-font-weight: 600;
  --calendar-header-cell-padding-top: 0.5rem;
  --calendar-header-cell-padding-right: 0.5rem;
  --calendar-header-cell-padding-bottom: 0.5rem;
  --calendar-header-cell-padding-left: 0.5rem;
  --calendar-month-year-header-hover-color: #3b82f6;
  --calendar-celldate-border-color: #ffffff00;
  --calendar-celldate-hover-background: #e9ecef;
  --calendar-celldate-today-background: #ced4da;
  --calendar-celldate-today-border-color: #ffffff00;
  --calendar-celldate-today-color: #495057;
  --calendar-celldate-today-border: 0 none #ffffff00;
  --calendar-celldate-padding-top: 0.5rem;
  --calendar-celldate-padding-right: 0.5rem;
  --calendar-celldate-padding-bottom: 0.5rem;
  --calendar-celldate-padding-left: 0.5rem;
  --calendar-celldate-width: 2.5rem;
  --calendar-celldate-height: 2.5rem;
  --calendar-celldate-border-radius: 1.25rem;
  --calendar-celldate-border: 1px solid #ffffff00;
  --calendar-celldate-small-padding-top: 0;
  --calendar-celldate-small-padding-right: 0;
  --calendar-celldate-small-padding-bottom: 0;
  --calendar-celldate-small-padding-left: 0;
  --calendar-padding-top: 0.5rem;
  --calendar-padding-right: 0.5rem;
  --calendar-padding-bottom: 0.5rem;
  --calendar-padding-left: 0.5rem;
  --calendar-table-margin-top: 0.5rem;
  --calendar-table-margin-bottom: 0.5rem;
  --calendar-border: 0.063rem solid #9CA2A8;
  --calendar-buttonbar-padding-top: 1rem;
  --calendar-buttonbar-padding-right: 0;
  --calendar-buttonbar-padding-bottom: 1rem;
  --calendar-buttonbar-padding-left: 0;
  --calendar-timepicker-padding-top: 0.5rem;
  --calendar-timepicker-padding-right: 0.5rem;
  --calendar-timepicker-padding-bottom: 0.5rem;
  --calendar-timepicker-padding-left: 0.5rem;
  --calendar-timepicker-element-padding-top: 0;
  --calendar-timepicker-element-padding-right: 0.5rem;
  --calendar-timepicker-element-padding-bottom: 0;
  --calendar-timepicker-element-padding-left: 0.5rem;
  --calendar-timepicker-time-font-size: 1.25rem;
  --calendar-cell-date-small-padding-top: 0;
  --calendar-cell-date-small-padding-right: 0;
  --calendar-cell-date-small-padding-bottom: 0;
  --calendar-cell-date-small-padding-left: 0;
  --inputswitch-slider-off-background: #7B838B;
  --inputswitch-slider-off-hover-background: #5A646E;
  --inputswitch-slider-on-background: #039C7D;
  --inputswitch-slider-on-hover-background: #1CA68A;
  --inputswitch-slider-padding-top: 0.1875rem;
  --inputswitch-slider-padding-right: 0.1875rem;
  --inputswitch-slider-padding-bottom: 0.1875rem;
  --inputswitch-slider-padding-left: 0.1875rem;
  --inputswitch-slider-disabled-background: #7B838B;
  --inputswitch-slider-readonly-background: #383838;
  --inputswitch-slider-readonly-border-color: #BDC1C5;
  --inputswitch-slider-readonly-border: 1px solid #BDC1C5;
  --inputswitch-handle-off-background: #ffffff;
  --inputswitch-handle-on-background: #ffffff;
  --inputswitch-handle-width: 1.125rem;
  --inputswitch-handle-height: 1.125rem;
  --inputswitch-handle-border-radius: 0.563rem;
  --inputswitch-handle-disabled-background: #C2C2C2;
  --inputswitch-handle-readonly-background: #ffffff;
  --inputswitch-width: 3rem;
  --inputswitch-height: 1.5rem;
  --inputswitch-border-radius: 1.875rem;
  --panel-header-border-color: #dee2e6;
  --panel-header-background: #f8f9fa;
  --panel-header-color: #343a40;
  --panel-header-hover-background: #e9ecef;
  --panel-header-hover-border-color: #dee2e6;
  --panel-header-hover-color: #343a40;
  --panel-header-hover-border: 1px solid #dee2e6;
  --panel-header-padding-top: 1.25rem;
  --panel-header-padding-right: 1.25rem;
  --panel-header-padding-bottom: 1.25rem;
  --panel-header-padding-left: 1.25rem;
  --panel-header-border: 1px solid #dee2e6;
  --panel-header-font-weight: 700;
  --panel-header-small-padding-top: 0.75rem;
  --panel-header-small-padding-right: 1.25rem;
  --panel-header-small-padding-bottom: 0.75rem;
  --panel-header-small-padding-left: 1.25rem;
  --panel-content-border-color: #dee2e6;
  --panel-content-background: #383838;
  --panel-content-even-row-background: #fcfcfc;
  --panel-content-color: #495057;
  --panel-content-border: 1px solid #dee2e6;
  --panel-content-padding-top: 1rem;
  --panel-content-padding-right: 1rem;
  --panel-content-padding-bottom: 1rem;
  --panel-content-padding-left: 1rem;
  --panel-footer-border-color: #dee2e6;
  --panel-footer-background: #ffffff;
  --panel-footer-color: #495057;
  --panel-footer-border: 1px solid #dee2e6;
  --panel-footer-padding-top: 0.75rem;
  --panel-footer-padding-right: 1.25rem;
  --panel-footer-padding-bottom: 0.75rem;
  --panel-footer-padding-left: 1.25rem;
  --accordion-header-border-color: #8B9299;
  --accordion-header-background: transparent;
  --accordion-header-color: #ffffff;
  --accordion-header-hover-background: #535353;
  --accordion-header-hover-border-color: #8B9299;
  --accordion-header-hover-color: #ffffff;
  --accordion-header-hover-border: 1px solid #8B9299;
  --accordion-header-active-background: transparent;
  --accordion-header-active-border-color: #8B9299;
  --accordion-header-active-color: #ffffff;
  --accordion-header-active-hover-background: #535353;
  --accordion-header-active-hover-border-color: #8B9299;
  --accordion-header-active-hover-color: #ffffff;
  --accordion-header-active-hover-border: 1px solid #8B9299;
  --accordion-header-active-border: 1px solid #8B9299;
  --accordion-header-border: 1px solid #8B9299;
  --accordion-header-font-weight: 600;
  --accordion-header-padding-top: 0.875rem;
  --accordion-header-padding-right: 1rem;
  --accordion-header-padding-bottom: 0.875rem;
  --accordion-header-padding-left: 1rem;
  --accordion-content-border-color: transparent;
  --accordion-content-background: transparent;
  --accordion-content-color: #ffffff;
  --accordion-content-border: 0 solid transparent;
  --accordion-content-padding-top: 0.5rem;
  --accordion-content-padding-right: 3rem;
  --accordion-content-padding-bottom: 1rem;
  --accordion-content-padding-left: 1rem;
  --accordion-spacing: 0;
  --accordion-disabled-color: #7B838B;
  --accordion-disabled-border: 1px solid #7B838B;
  --tabview-nav-border-color: #8B9299;
  --tabview-nav-background: #1C1C1C;
  --tabview-nav-border: 0.063rem solid #8B9299;
  --tabview-nav-border-width: 0.0625rem;
  --tabview-header-background: #1C1C1C;
  --tabview-header-border-color: #BDC1C5;
  --tabview-header-color: #ffffff;
  --tabview-header-spacing: 0;
  --tabview-header-border: 0 1 solid #BDC1C5;
  --tabview-header-font-weight: 700;
  --tabview-header-padding-top: 0.75rem;
  --tabview-header-padding-right: 1rem;
  --tabview-header-padding-bottom: 0.6875rem;
  --tabview-header-padding-left: 1rem;
  --tabview-header-border-width-top: 0;
  --tabview-header-border-width-right: 0;
  --tabview-header-border-width-bottom: 0;
  --tabview-header-border-width-left: 0;
  --tabview-header-margin-top: 0;
  --tabview-header-margin-right: 0;
  --tabview-header-margin-bottom: -0.0625rem;
  --tabview-header-margin-left: 0;
  --tabview-header-hover-background: #535353;
  --tabview-header-hover-border-color: #8B9299;
  --tabview-header-hover-color: #ffffff;
  --tabview-header-hover-border: 0 solid #8B9299;
  --tabview-header-active-background: #383838;
  --tabview-header-active-border-color: #8B9299;
  --tabview-header-active-color: #ffffff;
  --tabview-header-active-border: 0 solid #8B9299;
  --tabview-header-active-border-width-top: 0.125rem;
  --tabview-header-active-border-width-right: 0.0625rem;
  --tabview-header-active-border-width-bottom: 0;
  --tabview-header-active-border-width-left: 0.0625rem;
  --tabview-header-active-padding-top: 0.625rem;
  --tabview-header-active-padding-right: 1rem;
  --tabview-header-active-padding-bottom: 0.75rem;
  --tabview-header-active-padding-left: 1rem;
  --tabview-header-selected-background: #383838;
  --tabview-header-selected-border-color: #8B9299;
  --tabview-header-selected-color: #ffffff;
  --tabview-header-selected-border-top: 0.125rem solid #8B9299;
  --tabview-header-selected-border-right: 0.063rem solid #8B9299;
  --tabview-header-selected-border-bottom: 0 solid #8B9299;
  --tabview-header-selected-border-left: 0.063rem solid #8B9299;
  --tabview-header-selected-border-width-top: 0.125rem;
  --tabview-header-selected-border-width-right: 0.0625rem;
  --tabview-header-selected-border-width-bottom: 0;
  --tabview-header-selected-border-width-left: 0.0625rem;
  --tabview-header-selected-padding-top: 0.625rem;
  --tabview-header-selected-padding-right: 0.9375rem;
  --tabview-header-selected-padding-bottom: 0.75rem;
  --tabview-header-selected-padding-left: 0.9375rem;
  --tabview-header-disabled-color: #8B8B8B;
  --tabview-content-border-color: #ffffff00;
  --tabview-content-background: #1C1C1C;
  --tabview-content-color: #ffffff;
  --tabview-content-border: 0 none #ffffff00;
  --tabview-content-padding-top: 1rem;
  --tabview-content-padding-right: 1rem;
  --tabview-content-padding-bottom: 1rem;
  --tabview-content-padding-left: 1rem;
  --scrollpanel-track-background: #f8f9fa;
  --scrollpanel-track-border-color: #ffffff00;
  --scrollpanel-track-border: 0 none #ffffff00;
  --card-subtitle-color: #6c757d;
  --card-subtitle-font-weight: 400;
  --card-body-padding-top: 1.25rem;
  --card-body-padding-right: 1.25rem;
  --card-body-padding-bottom: 1.25rem;
  --card-body-padding-left: 1.25rem;
  --card-title-font-size: 1.5rem;
  --card-title-font-weight: 700;
  --card-content-padding-top: 1.25rem;
  --card-content-padding-right: 0;
  --card-content-padding-bottom: 1.25rem;
  --card-content-padding-left: 0;
  --card-footer-padding-top: 1.25rem;
  --card-footer-padding-right: 0;
  --card-footer-padding-bottom: 0;
  --card-footer-padding-left: 0;
  --card-shadow: 0 0 0 1px #8B9299;
  --editor-toolbar-background: #383838;
  --editor-toolbar-icon-color: #6c757d;
  --editor-toolbar-icon-hover-color: #495057;
  --editor-icon-active-color: #3b82f6;
  --editor-content-border-color: #dee2e6;
  --editor-content-background: #ffffff;
  --editor-content-border: 1px solid #dee2e6;
  --paginator-background: #383838;
  --paginator-color: #DEE0E2;
  --paginator-border-color: #e9ecef;
  --paginator-element-background: transparent;
  --paginator-element-border-color: transparent;
  --paginator-element-icon-color: #DEE0E2;
  --paginator-element-icon-hover-color: #ffffff;
  --paginator-element-hover-background: #4568A9;
  --paginator-element-hover-border-color: #ffffff;
  --paginator-element-hover-border: 0 none #ffffff;
  --paginator-element-width: 2.625rem;
  --paginator-element-height: 2.625rem;
  --paginator-element-border: 0 none transparent;
  --paginator-element-border-radius: 1.313rem;
  --paginator-element-margin: 0;
  --paginator-element-color: #DEE0E2;
  --paginator-element-active-background: #738EBE;
  --paginator-border: 0 solid #e9ecef;
  --paginator-border-width: 0;
  --paginator-padding-top: 0.5rem;
  --paginator-padding-right: 1rem;
  --paginator-padding-bottom: 0.5rem;
  --paginator-padding-left: 1rem;
  --table-header-border-color: #BDC1C5;
  --table-header-background: #1C1C1C;
  --table-header-color: #ffffff;
  --table-header-cell-background: #1C1C1C;
  --table-header-cell-color: #ffffff;
  --table-header-cell-hover-background: #535353;
  --table-header-cell-hover-color: #ffffff;
  --table-header-cell-border-color: #BDC1C5;
  --table-header-cell-icon-color: #ffffff;
  --table-header-cell-icon-hover-color: #ffffff;
  --table-header-cell-highlight-background: #383838;
  --table-header-cell-highlight-color: #ffffff;
  --table-header-cell-highlight-hover-background: #535353;
  --table-header-cell-highlight-hover-color: #ffffff;
  --table-header-cell-padding-top: 0.75rem;
  --table-header-cell-padding-right: 1rem;
  --table-header-cell-padding-bottom: 0.75rem;
  --table-header-cell-padding-left: 1rem;
  --table-header-cell-padding-small-top: 0.375rem;
  --table-header-cell-padding-small-right: 0.5rem;
  --table-header-cell-padding-small-bottom: 0.375rem;
  --table-header-cell-padding-small-left: 0.5rem;
  --table-header-cell-padding-large-top: 0.938rem;
  --table-header-cell-padding-large-right: 1.25rem;
  --table-header-cell-padding-large-bottom: 0.938rem;
  --table-header-cell-padding-large-left: 1.25rem;
  --table-header-cell-font-weight: 800;
  --table-header-cell-border: 0.063rem solid #BDC1C5;
  --table-header-cell-border-width: 0.0625rem;
  --table-header-border: 0 solid #BDC1C5;
  --table-header-border-width: 0;
  --table-header-font-weight: 800;
  --table-header-padding-top: 0;
  --table-header-padding-right: 0;
  --table-header-padding-bottom: 0;
  --table-header-padding-left: 0;
  --table-header-padding-small-top: 0;
  --table-header-padding-small-right: 0;
  --table-header-padding-small-bottom: 0;
  --table-header-padding-small-left: 0;
  --table-header-padding-large-top: 0;
  --table-header-padding-large-right: 0;
  --table-header-padding-large-bottom: 0;
  --table-header-padding-large-left: 0;
  --table-header-sort-icon-color: #ffffff;
  --table-body-row-background: #1C1C1C;
  --table-body-row-color: #ffffff;
  --table-body-row-even-background: #383838;
  --table-body-row-hover-background: #8B9299;
  --table-body-row-hover-color: #ffffff;
  --table-body-cell-border-color: #EEEFF0;
  --table-body-cell-border: 0 solid #EEEFF0;
  --table-body-cell-border-width: 0;
  --table-body-cell-padding-top: 0.75rem;
  --table-body-cell-padding-right: 1rem;
  --table-body-cell-padding-bottom: 0.75rem;
  --table-body-cell-padding-left: 1rem;
  --table-body-cell-padding-small-top: 0.375rem;
  --table-body-cell-padding-small-right: 0.5rem;
  --table-body-cell-padding-small-bottom: 0.375rem;
  --table-body-cell-padding-small-left: 0.5rem;
  --table-body-cell-padding-large-top: 0.938rem;
  --table-body-cell-padding-large-right: 1.25rem;
  --table-body-cell-padding-large-bottom: 0.938rem;
  --table-body-cell-padding-large-left: 1.25rem;
  --table-footer-cell-background: #f8f9fa;
  --table-footer-cell-color: #343a40;
  --table-footer-cell-border-color: #dee2e6;
  --table-footer-cell-padding-top: 0.75rem;
  --table-footer-cell-padding-right: 1rem;
  --table-footer-cell-padding-bottom: 0.75rem;
  --table-footer-cell-padding-left: 1rem;
  --table-footer-cell-padding-small-top: 0.375rem;
  --table-footer-cell-padding-small-right: 0.5rem;
  --table-footer-cell-padding-small-bottom: 0.375rem;
  --table-footer-cell-padding-small-left: 0.5rem;
  --table-footer-cell-padding-large-top: 0.938rem;
  --table-footer-cell-padding-large-right: 1.25rem;
  --table-footer-cell-padding-large-bottom: 0.938rem;
  --table-footer-cell-padding-large-left: 1.25rem;
  --table-footer-cell-font-weight: 600;
  --table-footer-cell-border: 0.063rem solid #dee2e6;
  --table-footer-cell-border-width: 0.0625rem;
  --table-footer-border-color: transparent;
  --table-footer-background: transparent;
  --table-footer-color: #ffffff;
  --table-footer-border: 0 solid transparent;
  --table-footer-border-width: 0;
  --table-footer-font-weight: 600;
  --table-footer-padding-top: 0;
  --table-footer-padding-right: 0;
  --table-footer-padding-bottom: 0;
  --table-footer-padding-left: 0;
  --table-footer-padding-small-top: 0;
  --table-footer-padding-small-right: 0;
  --table-footer-padding-small-bottom: 0;
  --table-footer-padding-small-left: 0;
  --table-footer-padding-large-top: 0;
  --table-footer-padding-large-right: 0;
  --table-footer-padding-large-bottom: 0;
  --table-footer-padding-large-left: 0;
  --table-resizer-helper-background: #3b82f6;
  --table-sortable-column-badge-size: 1.143rem;
  --table-paginator-top-border-width: 0.0625rem;
  --table-paginator-bottom-border-width: 0.0625rem;
  --table-scale-small: 0.5;
  --table-scale-large: 1.25;
  --dataview-content-border-color: #ffffff00;
  --dataview-content-padding-top: 0;
  --dataview-content-padding-right: 0;
  --dataview-content-padding-bottom: 0;
  --dataview-content-padding-left: 0;
  --dataview-content-border: 0 none #ffffff00;
  --dataview-list-item-border-color: #dee2e6;
  --dataview-list-item-border: 0.063rem solid #dee2e6;
  --dataview-list-item-border-width-top: 0;
  --dataview-list-item-border-width-right: 0;
  --dataview-list-item-border-width-bottom: 0.0625rem;
  --dataview-list-item-border-width-left: 0;
  --fullcalendar-event-background: #2563eb;
  --fullcalendar-event-border-color: #2563eb;
  --fullcalendar-event-color: #ffffff;
  --fullcalendar-event-border: 1px solid #2563eb;
  --tree-node-icon-color: #ffffff;
  --tree-node-content-padding-top: 0.5rem;
  --tree-node-content-padding-right: 0.5rem;
  --tree-node-content-padding-bottom: 0.5rem;
  --tree-node-content-padding-left: 0.5rem;
  --tree-node-content-child-padding-left: 0.5rem+0;
  --tree-node-content-second-child-padding-left: 0.5rem+0+0;
  --tree-node-padding-top: 0;
  --tree-node-padding-right: 0;
  --tree-node-padding-bottom: 0;
  --tree-node-padding-left: 0;
  --tree-node-children-padding-top: 0;
  --tree-node-children-padding-right: 0;
  --tree-node-children-padding-bottom: 0;
  --tree-node-children-padding-left: 0;
  --tree-node-disabled-color: #BDC1C5;
  --tree-node-color: #ffffff;
  --tree-node-background: #1C1C1C;
  --tree-node-hover-background: #535353;
  --tree-node-trail-color: #CDD0D3;
  --tree-node-handle-color: #ffffff;
  --tree-node-active-border-color: #9CA2A8;
  --tree-node-active-border-width: 0.125rem;
  --tree-node-active-border: 0.125rem solid #9CA2A8;
  --tree-container-padding-top: 0.5rem;
  --tree-container-padding-right: 0.5rem;
  --tree-container-padding-bottom: 0.5rem;
  --tree-container-padding-left: 0.5rem;
  --tree-toggler-width: 1.25rem;
  --tree-background: #1C1C1C;
  --timeline-event-marker-border-color: #3b82f6;
  --timeline-event-marker-background: #ffffff;
  --timeline-event-marker-width: 1rem;
  --timeline-event-marker-height: 1rem;
  --timeline-event-marker-border-radius: 0.5rem;
  --timeline-event-marker-border: 2px solid #3b82f6;
  --timeline-event-connector-background: #dee2e6;
  --timeline-event-connector-size: 0.125rem;
  --timeline-vertical-event-content-padding-top: 0;
  --timeline-vertical-event-content-padding-right: 1rem;
  --timeline-vertical-event-content-padding-bottom: 0;
  --timeline-vertical-event-content-padding-left: 1rem;
  --timeline-horizontal-event-content-padding-top: 1rem;
  --timeline-horizontal-event-content-padding-right: 0;
  --timeline-horizontal-event-content-padding-bottom: 1rem;
  --timeline-horizontal-event-content-padding-left: 0;
  --message-info-background: #383838;
  --message-info-border-color: #66b0da;
  --message-info-icon-color: #66b0da;
  --message-info-color: #ffffff;
  --message-info-border: 0.5rem solid #66b0da;
  --message-success-background: #383838;
  --message-success-border-color: #4FBAA4;
  --message-success-icon-color: #4FBAA4;
  --message-success-color: #ffffff;
  --message-success-border: 0.5rem solid #4FBAA4;
  --message-warning-background: #383838;
  --message-warning-border-color: #FCCD22;
  --message-warning-color: #ffffff;
  --message-warning-icon-color: #FCCD22;
  --message-warning-border: 0.5rem solid #FCCD22;
  --message-error-background: #383838;
  --message-error-border-color: #F280A5;
  --message-error-color: #ffffff;
  --message-error-icon-color: #F280A5;
  --message-error-border: 0.5rem solid #F280A5;
  --message-border-width: 0.5rem;
  --message-margin-top: 2rem;
  --message-margin-right: 0;
  --message-margin-bottom: 2rem;
  --message-margin-left: 0;
  --message-padding-top: 1rem;
  --message-padding-right: 1rem;
  --message-padding-bottom: 1rem;
  --message-padding-left: 1rem;
  --message-icon-font-size: 2rem;
  --message-icon-width: 2rem;
  --message-icon-height: 2rem;
  --message-text-font-size: 1rem;
  --message-text-font-weight: 400;
  --message-inline-padding-top: 0;
  --message-inline-padding-right: 0;
  --message-inline-padding-bottom: 0;
  --message-inline-padding-left: 0;
  --message-inline-margin-top: 0;
  --message-inline-margin-right: 0;
  --message-inline-margin-bottom: 0;
  --message-inline-margin-left: 0;
  --message-inline-icon-font-size: 1rem;
  --message-inline-icon-width: 1rem;
  --message-inline-icon-height: 1rem;
  --message-inline-text-font-size: 0.75rem;
  --message-inline-border-width: 0.5rem;
  --message-inline-success-border: 0.5rem none #4FBAA4;
  --message-inline-info-border: 0.5rem none #66b0da;
  --message-inline-warning-border: 0.5rem none #FCCD22;
  --message-inline-error-border: 0.5rem none #F280A5;
  --overlay-content-border-color: #ffffff00;
  --overlay-content-background: #ffffff;
  --overlay-content-border: 0 none #ffffff00;
  --overlay-container-shadow: 0 0.0625rem 0.1875rem 0 #0000004d;
  --dialog-background: #383838;
  --dialog-header-color: #ffffff;
  --dialog-header-font-weight: 600;
  --dialog-header-font-size: 1.5rem;
  --dialog-header-padding-top: 1.5rem;
  --dialog-header-padding-right: 1.5rem;
  --dialog-header-padding-bottom: 0.5rem;
  --dialog-header-padding-left: 1.5rem;
  --dialog-content-padding-top: 0;
  --dialog-content-padding-right: 1.5rem;
  --dialog-content-padding-bottom: 2rem;
  --dialog-content-padding-left: 1.5rem;
  --dialog-footer-padding-top: 0;
  --dialog-footer-padding-right: 1.5rem;
  --dialog-footer-padding-bottom: 1.5rem;
  --dialog-footer-padding-left: 1.5rem;
  --dialog-color: #ffffff;
  --dialog-shadow: 0 0.5rem 1rem 0 rgba(0,0,0,0.14), 0 0 0.125rem 0 rgba(0,0,0,0.12);
  --dialog-info-border: 8px solid #66B0DA;
  --dialog-info-color: #66B0DA;
  --dialog-success-border: 8px solid #4FBAA4;
  --dialog-success-color: #4FBAA4;
  --dialog-error-color: #F280A5;
  --dialog-error-border: 8px solid #F280A5;
  --dialog-warning-color: #FCCD22;
  --dialog-warning-border: 8px solid #FCCD22;
  --dialog-close-color: #DEE0E2;
  --tooltip-background: #EEEFF0;
  --tooltip-color: #000000;
  --tooltip-padding-top: 0.5rem;
  --tooltip-padding-right: 1rem;
  --tooltip-padding-bottom: 0.5rem;
  --tooltip-padding-left: 1rem;
  --steps-item-background: #ffffff;
  --steps-item-border-color: #e9ecef;
  --steps-item-color: #6c757d;
  --steps-item-number-color: #495057;
  --steps-item-number-width: 2rem;
  --steps-item-number-height: 2rem;
  --steps-item-number-font-size: 1.143rem;
  --steps-item-number-border-radius: 1rem;
  --steps-item-border: 1px solid #e9ecef;
  --steps-item-active-font-weight: 700;
  --progressbar-background: #9CA2A8;
  --progressbar-color: #66B0DA;
  --progressbar-height: 0.5rem;
  --progressbar-error-background: #FCE6ED;
  --progressbar-error-color: #F280A5;
  --progressbar-warning-color: #FCCD22;
  --progressbar-padding-top: 0.375rem;
  --progressbar-padding-right: 0;
  --progressbar-padding-bottom: 0.375rem;
  --progressbar-padding-left: 0;
  --menu-background: #1C1C1C;
  --menu-border-color: #9CA2A8;
  --menu-color: #495057;
  --menu-width: 12.5rem;
  --menu-border: 1px solid #9CA2A8;
  --menu-separator-margin-top: 0.25rem;
  --menu-separator-margin-right: 0;
  --menu-separator-margin-bottom: 0.25rem;
  --menu-separator-margin-left: 0;
  --menuitem-background: #1C1C1C;
  --menuitem-color: #ffffff;
  --menuitem-submenu-icon-color: #8B9299;
  --menuitem-icon-color: #ffffff;
  --menuitem-icon-hover-color: #ffffff;
  --menuitem-icon-active-color: #ffffff;
  --menuitem-hover-color: #ffffff;
  --menuitem-hover-background: #535353;
  --menuitem-active-color: #ffffff;
  --menuitem-active-background: #535353;
  --menuitem-padding-top: 0.5rem;
  --menuitem-padding-right: 1rem;
  --menuitem-padding-bottom: 0.5rem;
  --menuitem-padding-left: 1rem;
  --menuitem-border-radius: 0;
  --menuitem-submenu-icon-font-size: 1rem;
  --menuitem-submenu-icon-width: 1rem;
  --menuitem-submenu-icon-height: 1rem;
  --submenu-header-background: #ffffff;
  --submenu-header-color: #343a40;
  --submenu-header-padding-top: 0.75rem;
  --submenu-header-padding-right: 1.25rem;
  --submenu-header-padding-bottom: 0.75rem;
  --submenu-header-padding-left: 1.25rem;
  --submenu-header-margin-top: 0;
  --submenu-header-margin-right: 0;
  --submenu-header-margin-bottom: 0;
  --submenu-header-margin-left: 0;
  --submenu-header-border-radius: 0;
  --submenu-header-font-weight: 700;
  --overlay-menu-background: #1C1C1C;
  --overlay-menu-border-color: #9CA2A8;
  --overlay-menu-shadow: 0 0.125rem 0.75rem 0 #0000001a;
  --overlay-menu-border: 1px solid #9CA2A8;
  --breadcrumb-separator-color: #EEEFF0;
  --breadcrumb-padding-top: 1rem;
  --breadcrumb-padding-right: 1rem;
  --breadcrumb-padding-bottom: 1rem;
  --breadcrumb-padding-left: 1rem;
  --breadcrumb-link-color: #CDD0D3;
  --breadcrumb-link-hover-color: #BDC1C5;
  --breadcrumb-link-hover-border: 1px solid #BDC1C5;
  --breadcrumb-link-active-color: #ffffff;
  --breadcrumb-link-active-border: 1px solid #ffffff;
  --breadcrumb-link-last-color: #BDC1C5;
  --breadcrumb-link-last-hover-color: #BDC1C5;
  --horizontal-menu-background: #f8f9fa;
  --horizontal-menu-border-color: #dee2e6;
  --horizontal-menu-color: #495057;
  --horizontal-menu-root-menuitem-color: #495057;
  --horizontal-menu-root-menuitem-icon-color: #6c757d;
  --horizontal-menu-root-menuitem-icon-hover-color: #6c757d;
  --horizontal-menu-root-menuitem-icon-active-color: #1d4ed8;
  --horizontal-menu-root-menuitem-hover-color: #495057;
  --horizontal-menu-root-menuitem-hover-background: #e9ecef;
  --horizontal-menu-root-menuitem-active-color: #1d4ed8;
  --horizontal-menu-root-menuitem-active-background: #eff6ff;
  --horizontal-menu-root-menuitem-border-radius: 0.5rem;
  --horizontal-menu-root-menuitem-padding-top: 0.5rem;
  --horizontal-menu-root-menuitem-padding-right: 1rem;
  --horizontal-menu-root-menuitem-padding-bottom: 0.5rem;
  --horizontal-menu-root-menuitem-padding-left: 1rem;
  --horizontal-menu-padding-top: 0.5rem;
  --horizontal-menu-padding-right: 0.5rem;
  --horizontal-menu-padding-bottom: 0.5rem;
  --horizontal-menu-padding-left: 0.5rem;
  --horizontal-menu-border: 1px solid #9CA2A8;
  --badge-background: #66B0DA;
  --badge-color: #ffffff;
  --badge-min-width: 1.25rem;
  --badge-height: 1.25rem;
  --badge-font-weight: 600;
  --badge-font-size: 0.75rem;
  --badge-warning-background: #FCCD22;
  --badge-warning-color: #000000;
  --badge-error-background: #F280A5;
  --badge-error-color: #ffffff;
  --badge-padding-top: 0;
  --badge-padding-right: 0.375rem;
  --badge-padding-bottom: 0;
  --badge-padding-left: 0.375rem;
  --carousel-indicator-background: #ced4da;
  --carousel-indicator-hover-background: #adb5bd;
  --carousel-indicator-border-radius: 0;
  --carousel-indicator-width: 2rem;
  --carousel-indicator-height: 0.5rem;
  --carousel-indicators-padding-top: 1rem;
  --carousel-indicators-padding-right: 1rem;
  --carousel-indicators-padding-bottom: 1rem;
  --carousel-indicators-padding-left: 1rem;
  --galleria-mask-background: #000000e6;
  --galleria-close-icon-background: #ffffff00;
  --galleria-close-icon-color: #f8f9fa;
  --galleria-close-icon-hover-background: #ffffff1a;
  --galleria-close-icon-hover-color: #f8f9fa;
  --galleria-close-icon-margin-top: 0.5rem;
  --galleria-close-icon-margin-right: 0.5rem;
  --galleria-close-icon-margin-bottom: 0.5rem;
  --galleria-close-icon-margin-left: 0.5rem;
  --galleria-close-icon-font-size: 2rem;
  --galleria-close-icon-container-width: 4rem;
  --galleria-close-icon-container-height: 4rem;
  --galleria-close-icon-border-radius: 2rem;
  --galleria-close-icon-width: 2rem;
  --galleria-close-icon-height: 2rem;
  --galleria-item-navigator-background: #ffffff00;
  --galleria-item-navigator-color: #f8f9fa;
  --galleria-item-navigator-hover-background: #ffffff1a;
  --galleria-item-navigator-hover-color: #f8f9fa;
  --galleria-item-navigator-width: 4rem;
  --galleria-item-navigator-height: 4rem;
  --galleria-item-navigator-margin-top: 0;
  --galleria-item-navigator-margin-right: 0.5rem;
  --galleria-item-navigator-margin-bottom: 0;
  --galleria-item-navigator-margin-left: 0.5rem;
  --galleria-item-navigator-icon-font-size: 2rem;
  --galleria-item-navigator-icon-width: 2rem;
  --galleria-item-navigator-icon-height: 2rem;
  --galleria-item-navigator-border-radius: 0.5rem;
  --galleria-caption-background: #ffffff;
  --galleria-caption-color: #f8f9fa;
  --galleria-caption-padding-top: 1rem;
  --galleria-caption-padding-right: 1rem;
  --galleria-caption-padding-bottom: 1rem;
  --galleria-caption-padding-left: 1rem;
  --galleria-indicator-background: #ced4da;
  --galleria-indicator-hover-background: #adb5bd;
  --galleria-indicator-hover-on-item-background: #ffffff99;
  --galleria-indicator-on-item-background: #ffffff66;
  --galleria-indicator-width: 1rem;
  --galleria-indicator-height: 1rem;
  --galleria-indicator-border-radius: 0.5rem;
  --galleria-indicators-on-item-background: #00000080;
  --galleria-indicators-padding-top: 1rem;
  --galleria-indicators-padding-right: 1rem;
  --galleria-indicators-padding-bottom: 1rem;
  --galleria-indicators-padding-left: 1rem;
  --galleria-thumbnail-container-background: #000000e6;
  --galleria-thumbnail-container-padding-top: 1rem;
  --galleria-thumbnail-container-padding-right: 0.25rem;
  --galleria-thumbnail-container-padding-bottom: 1rem;
  --galleria-thumbnail-container-padding-left: 0.25rem;
  --galleria-thumbnail-navigator-background: #ffffff00;
  --galleria-thumbnail-navigator-color: #f8f9fa;
  --galleria-thumbnail-navigator-hover-background: #ffffff1a;
  --galleria-thumbnail-navigator-hover-color: #f8f9fa;
  --galleria-thumbnail-navigator-width: 2rem;
  --galleria-thumbnail-navigator-height: 2rem;
  --galleria-thumbnail-navigator-border-radius: 1rem;
  --divider-color: #8B9299;
  --divider-horizontal-margin-top: 1.25rem;
  --divider-horizontal-margin-right: 0;
  --divider-horizontal-margin-bottom: 1.25rem;
  --divider-horizontal-margin-left: 0;
  --divider-horizontal-padding-top: 0;
  --divider-horizontal-padding-right: 1.25rem;
  --divider-horizontal-padding-bottom: 0;
  --divider-horizontal-padding-left: 1.25rem;
  --divider-horizontal-left-width: 1.25rem;
  --divider-horizontal-right-width: 1.25rem;
  --divider-vertical-margin-top: 0;
  --divider-vertical-margin-right: 1.25rem;
  --divider-vertical-margin-bottom: 0;
  --divider-vertical-margin-left: 1.25rem;
  --divider-vertical-padding-top: 1.25rem;
  --divider-vertical-padding-right: 0;
  --divider-vertical-padding-bottom: 1.25rem;
  --divider-vertical-padding-left: 0;
  --divider-vertical-top-height: 1.25rem;
  --divider-vertical-bottom-height: 1.25rem;
  --divider-size: 0.0625rem;
  --divider-border: 0.063rem solid #8B9299;
  --avatar-background: #dee2e6;
  --avatar-color: #495057;
  --chip-background: transparent;
  --chip-color: #ffffff;
  --chip-border-radius: 1rem;
  --chip-border: 1px solid #CDD0D3;
  --chip-hover-background: #4568A9;
  --chip-active-background: #738EBE;
  --chip-disabled-color: #ACB1B6;
  --chip-border-color: #CDD0D3;
  --scrolltop-background: #000000b3;
  --scrolltop-hover-background: #000000cc;
  --scrolltop-color: #f8f9fa;
  --scrolltop-width: 3rem;
  --scrolltop-height: 3rem;
  --scrolltop-border-radius: 1.5rem;
  --scrolltop-font-size: 1.5rem;
  --scrolltop-icon-width: 1.5rem;
  --scrolltop-icon-height: 1.5rem;
  --skeleton-background: #dee2e6b3;
  --skeleton-animation-background: #ffffff66;
  --splitter-gutter-background: #8B9299;
  --splitter-gutter-handle-background: #8B9299;
  --splitter-gutter-handle-color: #ffffff;
  --splitter-gutter-handle-hover-background: #4568A9;
  --splitter-gutter-handle-active-background: #738EBE;
  --speeddial-action-background: #495057;
  --speeddial-action-hover-background: #022354;
  --speeddial-action-hover-color: #ffffff;
  --speeddial-action-color: #ffffff;
  --speeddial-action-width: 3rem;
  --speeddial-action-height: 3rem;
  --speeddial-button-width: 4rem;
  --speeddial-button-height: 4rem;
  --speeddial-button-icon-font-size: 1.3rem;
  --dock-background: #ffffff1a;
  --dock-border-color: #ffffff33;
  --dock-action-width: 4rem;
  --dock-action-height: 4rem;
  --dock-item-padding-top: 0.5rem;
  --dock-item-padding-right: 0.5rem;
  --dock-item-padding-bottom: 0.5rem;
  --dock-item-padding-left: 0.5rem;
  --dock-currentitem-margin-top: 1.5rem;
  --dock-currentitem-margin-right: 1.5rem;
  --dock-currentitem-margin-bottom: 1.5rem;
  --dock-currentitem-margin-left: 1.5rem;
  --dock-firstitems-margin-top: 1.3rem;
  --dock-firstitems-margin-right: 1.3rem;
  --dock-firstitems-margin-bottom: 1.3rem;
  --dock-firstitems-margin-left: 1.3rem;
  --dock-seconditems-margin-top: 0.9rem;
  --dock-seconditems-margin-right: 0.9rem;
  --dock-seconditems-margin-bottom: 0.9rem;
  --dock-seconditems-margin-left: 0.9rem;
  --dock-border: 1px solid #ffffff33;
  --dock-padding-top: 0.5rem;
  --dock-padding-right: 0.5rem;
  --dock-padding-bottom: 0.5rem;
  --dock-padding-left: 0.5rem;
  --dock-border-radius: 0.5rem;
  --image-mask-background: #7B838Bcc;
  --image-preview-indicator-color: #ffffff;
  --image-preview-indicator-background: #7B838Bcc;
  --image-preview-action-icon-background: #ffffff00;
  --image-preview-action-icon-color: #ffffff;
  --image-preview-action-icon-hover-background: #ffffff1a;
  --image-preview-action-icon-hover-color: #f8f9fa;
  --image-preview-action-icon-container-width: 3rem;
  --image-preview-action-icon-container-height: 3rem;
  --image-preview-action-icon-font-size: 1rem;
  --image-preview-action-icon-border-radius: 1.5rem;
  --image-preview-action-icon-width: 1.5rem;
  --image-preview-action-icon-height: 1.5rem;
  --image-preview-toolbar-padding-top: 1rem;
  --image-preview-toolbar-padding-right: 1rem;
  --image-preview-toolbar-padding-bottom: 1rem;
  --image-preview-toolbar-padding-left: 1rem;
  --theme-primary-color: #164293;
  --theme-primary-contrast-color: #ffffff;
  --theme-primary-light-color: #4568A9;
  --theme-primary-lighter-color: #738EBE;
  --theme-highlight-background: #eff6ff;
  --theme-highlight-color: #1d4ed8;
  --theme-warning-background: #FCCD22;
  --theme-warning-color: #000000;
  --theme-error-background: #F280A5;
  --theme-error-color: #000000;
  --theme-text-color: #ffffff;
  --theme-disabled-color: #7B838B;
  --theme-background-color: #1C1C1C;
  --theme-info-background: #66B0DA;
  --theme-info-color: #000000;
  --theme-success-background: #4FBAA4;
  --theme-success-color: #000000;
  --theme-surface-color: #383838;
  --theme-mask-background: rgba(83, 83, 83, 0.8);
  --theme-copy-color: #CDD0D3;
  --tag-padding-top: 0.125rem;
  --tag-padding-right: 0.5rem;
  --tag-padding-bottom: 0.125rem;
  --tag-padding-left: 0.5rem;
  --tag-background: #9CA2A8;
  --tag-color: #000000;
  --confirmpopup-content-padding-top: 1rem;
  --confirmpopup-content-padding-right: 1rem;
  --confirmpopup-content-padding-bottom: 1rem;
  --confirmpopup-content-padding-left: 1rem;
  --confirmpopup-footer-padding-top: 0;
  --confirmpopup-footer-padding-right: 1.25rem;
  --confirmpopup-footer-padding-bottom: 1.25rem;
  --confirmpopup-footer-padding-left: 1.25rem;
  --vertical-menu-padding-top: 0;
  --vertical-menu-padding-right: 0;
  --vertical-menu-padding-bottom: 0;
  --vertical-menu-padding-left: 0;
  --vertical-menuitem-margin-top: 0;
  --vertical-menuitem-margin-right: 0;
  --vertical-menuitem-margin-bottom: 0;
  --vertical-menuitem-margin-left: 0;
  --fileupload-progressbar-height: 0.25rem;
  --fileupload-content-padding-top: 0.75rem;
  --fileupload-content-padding-right: 1rem;
  --fileupload-content-padding-bottom: 0.75rem;
  --fileupload-content-padding-left: 1rem;
  --fileupload-content-color: #C2C2C2;
  --fileupload-content-border-color: #C2C2C2;
  --fileupload-content-border: 1px dashed #C2C2C2;
  --fileupload-content-dragover-color: #ffffff;
  --fileupload-content-dragover-border-color: #ffffff;
  --fileupload-content-dragover-border: 2px solid #ffffff;
  --fileupload-content-disabled-color: #7B838B;
  --fileupload-content-disabled-border-color: #7B838B;
  --fileupload-content-disabled-border: 1px dashed #7B838B;
  --fileupload-listitem-background: #383838;
  --fileupload-listitem-color: #ffffff;
  --toast-icon-font-size: 0.875rem;
  --toast-icon-width: 0.875rem;
  --toast-icon-height: 0.875rem;
  --toast-message-text-margin-top: 0;
  --toast-message-text-margin-right: 0;
  --toast-message-text-margin-bottom: 0;
  --toast-message-text-margin-left: 0;
  --toast-margin-top: 0;
  --toast-margin-right: 0;
  --toast-margin-bottom: 1rem;
  --toast-margin-left: 0;
  --toast-padding-top: 1rem;
  --toast-padding-right: 1rem;
  --toast-padding-bottom: 1rem;
  --toast-padding-left: 1rem;
  --toast-border-width: 0.5rem;
  --toast-opacity: 1;
  --toast-title-font-weight: 600;
  --toast-detail-margin-top: 0.5rem;
  --toast-detail-margin-right: 0;
  --toast-detail-margin-bottom: 0;
  --toast-detail-margin-left: 0;
  --toast-success-border: 0.5rem solid #4FBAA4;
  --toast-info-border: 0.5rem solid #66b0da;
  --toast-warning-border: 0.5rem solid #FCCD22;
  --toast-error-border: 0.5rem solid #F280A5;
  --toast-shadow: 0 0.5rem 1rem 0 rgba(0,0,0,0.14), 0 0 0.125rem 0 rgba(0,0,0,0.12);
  --chips-multiple-container-padding-top: 0.25rem;
  --chips-multiple-container-padding-right: 0.75rem;
  --chips-multiple-container-padding-bottom: 0.25rem;
  --chips-multiple-container-padding-left: 0.75rem;
  --progressspinner-color: #66B0DA;
  --chart-color1: #164293;
  --chart-color2: #89037A;
  --chart-color3: #38B1BA;
  --chart-color4: #007BC2;
  --chart-color5: #9373B1;
  --chart-color6: #70CBF3;
  --chart-color7: #5A646E;
  --chart-color8: #2D559E;
  --chart-color9: #951C87;
  --chart-color10: #4CB9C1;
  --chart-color11: #1A88C8;
  --chart-color12: #9E81B9;
  --chart-label-color: #ffffff;
  --chart-grid-color: #8B9299;
  --header-button-hover-background: #ffffff;
  --header-button-hover-color: #164293;
  --header-button-active-background: #ffffff;
  --header-button-active-color: #164293;
  --header-button-background: transparent;
  --header-button-color: #ffffff;
  --header-button-disabled-background: transparent;
  --header-button-disabled-color: #7B838B;
  --header-button-padding-top: 0.3125rem;
  --header-button-padding-right: 0.75rem;
  --header-button-padding-bottom: 0.3125rem;
  --header-button-padding-left: 0.75rem;
  --blockui-background-blur: 0.375rem;
  --blockui-background: rgba(83, 83, 83, 0.8);
  --link-primary-color: #CDD0D3;
  --link-primary-hover-color: #BDC1C5;
  --link-primary-active-color: #ffffff;
  --link-primary-disabled-color: #8B8B8B;
  --link-primary-visited-color: #D09ACA;
  --link-secondary-color: #CDD0D3;
  --link-secondary-hover-color: #BDC1C5;
  --link-secondary-active-color: #ffffff;
  --link-secondary-disabled-color: #8B8B8B;
  --link-secondary-visited-color: #D09ACA;
  --picklist-background: #1C1C1C;
  --toolbar-background: #383838;
  --side-navigation-background: #1C1C1C;
  --side-navigation-border-color: #535353;
  --side-navigation-border: 1px solid #535353;
  --side-navigation-menuitem-background: transparent;
  --side-navigation-menuitem-color: #CDD0D3;
  --side-navigation-menuitem-hover-background: #8BA1C9;
  --side-navigation-menuitem-hover-color: #000000;
  --side-navigation-menuitem-active-background: #738EBE;
  --side-navigation-menuitem-active-color: #000000;
  --footer-background: #383838;
  --footer-border-color: #535353;
  --footer-border: 1px solid #535353;
  --code-background-color: #383838;
  --code-token-color: #70CBF3;
  --code-comment-color: #03F3D6;
  --code-name-color: #66B0DA;
  --code-number-color: #03F3D6;
  --code-keyword-color: #DCB3D7;
  --code-string-background-color: #000;
  --code-string-color: #fafafa;
  --code-error-background-color: #000;
  --code-error-color: #F599B7;
}

:root {
  --max-page-width: 100%;
  --side-navigation-width-closed: calc( 3.5rem + 1px );
  --side-navigation-width-opened: calc(20rem + 1px);
  --mobile-side-navigation-width-opened: calc(20rem + 1px);
  --side-bar-width: 20rem;
  --side-navigation-header-height: calc(3rem + 2px);
  --header-height: 3.5rem;
  --footer-height: 2.75rem;
  --content-restricted-width: 50rem;
  --theme-background-color: var(--core-surface-0);
  --text-monospace: 400 0.875rem/1.5rem "Fira Mono", monospace !important;
}

@font-face {
  font-family: "Manrope";
  src: url("./fonts/Manrope-variable.woff2") format("woff2-variations");
  font-weight: 100 1000;
  font-stretch: 25% 151%;
}
@font-face {
  font-family: "Fira Mono";
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/fira-mono-v14-latin_latin-ext-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-family: "Phosphor";
  src: url("./fonts/Phosphor.woff") format("woff"), url("./fonts/Phosphor.ttf") format("truetype"), url("./fonts/Phosphor.svg#Phosphor") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
:root {
  --cui-icon-sort-asc: "";
  --cui-icon-sort-desc: "";
  --cui-icon-sort: "";
  --cui-icon-excel: "";
  --cui-icon-pdf: "";
  --cui-icon-copy: "";
  --cui-icon-columns: "";
  --cui-icon-caret-right: "";
  --cui-icon-caret-left: "";
  --cui-icon-caret-up: "";
  --cui-icon-caret-down: "";
  --cui-icon-checkmark: "";
  --cui-icon-check-circle: "";
  --cui-icon-times: "";
  --cui-icon-trash: "";
  --cui-icon-clock: "";
}

.cui-icon,
*[class^=cui-icon],
*[class*=" cui-icon"] {
  line-height: 1;
  font-size: 1rem;
}

.cui-icon::before,
*[class^=cui-icon]::before,
*[class*=" cui-icon"]::before {
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cui-icon-prev::before {
  content: "\e9ff";
}

.cui-icon-next::before {
  content: "\ea00";
}

.cui-icon-mode-toggle::before {
  content: "\ebfe";
  cursor: pointer;
}

.cui-icon-close::before {
  content: var(--cui-icon-times);
}

html[data-theme=dark] .cui-icon-mode-toggle::before {
  content: "\ed3e";
}

/* styling for sphinx.ext.autodoc content */
.py .sig {
  font: var(--text-monospace);
  background: var(--core-gray-50);
  border-radius: var(--border-radius-4);
}
.py .sig .descname {
  font-weight: bold;
}

dl.py {
  display: block;
}

html[data-theme=dark] .py .sig {
  background: var(--core-gray-900);
}

:root div.dt-buttons button,
:root div.dt-buttons button:hover {
  all: unset;
}
:root table.need.need.need {
  margin-bottom: unset;
  background-color: unset;
  border-collapse: unset;
  border-spacing: unset;
  border: unset;
  border-radius: unset;
}
:root table.need.need.need tbody tr td {
  border: unset;
  padding: unset;
}
:root table.need.need.need tbody tr.meta td:not([rowspan]), :root table.need.need.need tbody tr.head td:not([rowspan]) {
  border: unset;
  border-bottom: unset;
}

:root {
  --cui-icon-sort-asc: "";
  --cui-icon-sort-desc: "";
  --cui-icon-sort: "";
  --cui-icon-excel: "";
  --cui-icon-pdf: "";
  --cui-icon-copy: "";
  --cui-icon-columns: "";
  --cui-icon-caret-right: "";
  --cui-icon-caret-left: "";
  --cui-icon-caret-up: "";
  --cui-icon-caret-down: "";
  --cui-icon-checkmark: "";
  --cui-icon-check-circle: "";
  --cui-icon-times: "";
  --cui-icon-trash: "";
  --cui-icon-clock: "";
}

.cui-icon,
*[class^=cui-icon],
*[class*=" cui-icon"] {
  line-height: 1;
  font-size: 1rem;
}

.cui-icon::before,
*[class^=cui-icon]::before,
*[class*=" cui-icon"]::before {
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cui-icon-prev::before {
  content: "\e9ff";
}

.cui-icon-next::before {
  content: "\ea00";
}

.cui-icon-mode-toggle::before {
  content: "\ebfe";
  cursor: pointer;
}

.cui-icon-close::before {
  content: var(--cui-icon-times);
}

html[data-theme=dark] .cui-icon-mode-toggle::before {
  content: "\ed3e";
}

:root button,
:root input[type=submit],
:root .dt-buttons button.dt-button {
  color: var(--button-secondary-color);
  background: var(--button-secondary-background);
  border: var(--button-secondary-border);
  border-radius: var(--button-rounded-border-radius);
  outline: 1px solid var(--global-transparent);
  padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
  font: var(--text-semibold-m);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline 0.2s;
  margin: 0;
  display: inline-flex;
  cursor: pointer;
  user-select: none;
  align-items: center;
  vertical-align: bottom;
  text-align: center;
  overflow: hidden;
  position: relative;
}

:root button:hover, :root button:active,
:root input[type=submit]:hover,
:root input[type=submit]:active,
:root .dt-buttons button.dt-button:hover,
:root .dt-buttons button.dt-button:active {
  color: var(--button-secondary-color);
  background: var(--button-secondary-background);
  border: var(--button-secondary-border);
  border-radius: var(--button-rounded-border-radius);
  outline: 1px solid var(--global-transparent);
  padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
  font: var(--text-semibold-m);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline 0.2s;
  margin: 0;
  display: inline-flex;
  cursor: pointer;
  user-select: none;
  align-items: center;
  vertical-align: bottom;
  text-align: center;
  overflow: hidden;
  position: relative;
  outline: 1px solid var(--button-secondary-hover-border-color);
  color: var(--button-secondary-hover-color);
  border-color: var(--button-secondary-hover-border-color);
  box-shadow: none !important;
  background-image: none !important;
}

:root button.cui-primary-button,
:root input[type=submit].cui-primary-button,
:root .dt-buttons button.dt-button.cui-primary-button {
  color: var(--button-color);
  background: var(--button-background);
  border: var(--button-border);
}

:root button.cui-primary-button:hover,
:root input[type=submit].cui-primary-button:hover,
:root .dt-buttons button.dt-button.cui-primary-button:hover {
  background: var(--button-hover-background);
  color: var(--button-hover-color);
  border-color: var(--button-hover-border-color);
  outline: 0;
}

:root .dt-button-background {
  backdrop-filter: blur(6px);
  background: rgba(250, 250, 250, 0.6);
}

:root table.NEEDS_DATATABLES.dataTable,
:root table.need.need.need {
  border: 0 !important;
}
:root table.NEEDS_DATATABLES.dataTable thead tr th,
:root table.need.need.need thead tr th {
  border-bottom: var(--table-header-cell-border);
  padding: var(--table-header-cell-padding-top) var(--table-header-cell-padding-right) var(--table-header-cell-padding-bottom) var(--table-header-cell-padding-left);
}
:root table.NEEDS_DATATABLES.dataTable tbody tr td,
:root table.need.need.need tbody tr td {
  padding: var(--table-body-cell-padding-top) var(--table-body-cell-padding-right) var(--table-body-cell-padding-bottom) var(--table-body-cell-padding-left);
}
:root table.NEEDS_DATATABLES.dataTable tbody tr.odd,
:root table.need.need.need tbody tr.odd {
  background-color: var(--table-body-row-odd-background);
}
:root table.NEEDS_DATATABLES.dataTable tbody tr.even,
:root table.need.need.need tbody tr.even {
  background-color: var(--table-body-row-even-background);
}
:root .dataTables_wrapper {
  zoom: unset;
  clear: unset;
  padding: 0;
  overflow-x: unset;
  margin-bottom: var(--spacing-xl);
}
:root .dataTables_wrapper .cui-toolbar-wrapper {
  display: flex;
  justify-content: space-between;
  background-color: var(--toolbar-background);
}
:root .dataTables_wrapper .dataTables_length,
:root .dataTables_wrapper div.dt-buttons,
:root .dataTables_wrapper .dataTables_filter {
  float: none;
  border: none;
  border-radius: var(--border-radius-4);
  padding: 0.5rem 1rem 0.5rem 1rem;
  margin: 0;
  height: 3.5rem;
  white-space: nowrap;
  color: var(--theme-text-color) !important;
}
:root .dataTables_wrapper div.dt-buttons button span {
  display: inline;
}
:root .dataTables_wrapper .dt-button-collection {
  background-color: var(--panel-content-background);
}
:root .dataTables_wrapper .dataTable {
  grid-column-start: 1;
  grid-column-end: 4;
  border-bottom: var(--table-header-cell-border) !important;
}
:root .dataTables_wrapper .dataTables_paginate {
  grid-column: 2/4;
}
:root .dataTables_wrapper .dataTables_length {
  float: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
}
:root .dataTables_wrapper .dataTables_length::after {
  border-right: 1px solid var(--button-text-hover-color);
  content: "";
  position: absolute;
  right: 0;
  top: 0.5rem;
  height: 2.5rem;
}
:root .dataTables_wrapper .dataTables_length select {
  font-size: var(--input-text-font-size);
  background: var(--input-background);
  border: var(--input-border);
  border-radius: var(--border-radius-4);
  padding: var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);
  height: 2.5rem;
  color: var(--input-color);
  margin: 0 var(--spacing-xxs);
}
:root .dataTables_wrapper .dataTables_filter {
  float: none;
  text-align: left;
  border-radius: 0 var(--border-radius-4) var(--border-radius-4) 0;
  position: relative;
  text-align: right;
}
:root .dataTables_wrapper .dataTables_filter::before {
  border-right: 1px solid var(--button-text-hover-color);
  content: "";
  position: absolute;
  left: 0;
  top: 0.5rem;
  height: 2.5rem;
}
:root .dataTables_wrapper .dataTables_filter input {
  max-width: inherit;
  border: var(--input-border);
  margin-bottom: 0;
  background: var(--input-background);
  border-radius: var(--border-radius-4);
}
:root .dataTables_wrapper .dataTables_filter input:focus, :root .dataTables_wrapper .dataTables_filter input:active {
  border-color: var(--input-focus-border-color);
  outline: 1px solid var(--input-focus-border-color);
  outline-offset: -2px;
}
:root .dataTables_wrapper div.dt-buttons {
  white-space: nowrap;
  border-radius: 0;
  text-align: center;
}
:root .dataTables_wrapper div.dt-buttons button.dt-button {
  background-color: var(--button-text-background-color);
  border: none;
  color: var(--button-text-color);
  outline: 2px solid var(--global-transparent);
}
:root .dataTables_wrapper div.dt-buttons button.dt-button::before {
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--button-text-color);
  margin-right: var(--spacing-xs);
  font-size: var(--global-icon-size-large);
}
:root .dataTables_wrapper div.dt-buttons button.dt-button:hover {
  background-color: var(--button-text-hover-background-color);
  border-color: var(--button-text-hover-border-color);
  color: var(--button-text-hover-color);
  outline-color: var(--button-text-hover-border-color);
}
:root .dataTables_wrapper div.dt-buttons button.dt-button.buttons-colvis::before {
  content: var(--cui-icon-columns);
}
:root .dataTables_wrapper div.dt-buttons button.dt-button.buttons-copy::before {
  content: var(--cui-icon-copy);
}
:root .dataTables_wrapper div.dt-buttons button.dt-button.buttons-excel::before {
  content: var(--cui-icon-excel);
}
:root .dataTables_wrapper div.dt-buttons button.dt-button.buttons-pdf::before {
  content: var(--cui-icon-pdf);
}
:root .dataTables_wrapper div.dt-buttons div.dt-button-collection {
  height: auto;
  border-radius: var(--border-radius-4);
  border-color: transparent;
  box-shadow: var(--shadow-effect-low);
}
:root .dataTables_wrapper div.dt-buttons div.dt-button-collection button.dt-button:not(.disabled) {
  all: initial;
  align-items: center;
  font: var(--text-semibold-s);
  background-color: var(--chip-background);
  color: var(--chip-color);
  border: var(--chip-border);
  border-radius: var(--chip-border-radius);
  padding: 0.25rem 0.75rem;
  cursor: pointer;
  display: block;
  margin-bottom: var(--spacing-xs);
}
:root .dataTables_wrapper div.dt-buttons div.dt-button-collection button.dt-button:not(.disabled).active {
  background: var(--chip-color);
  border-color: var(--chip-color);
  color: var(--core-surface-0);
}
:root .dataTables_wrapper .dataTables_info.dataTables_info {
  padding: var(--paginator-padding-top) calc(var(--paginator-padding-right) / 2) var(--paginator-padding-bottom) var(--paginator-padding-left);
  color: var(--theme-copy-color);
  display: flex;
  align-items: center;
}
:root .dataTables_wrapper .dataTables_paginate.dataTables_paginate {
  padding: var(--paginator-padding-top) var(--paginator-padding-right) var(--paginator-padding-bottom) calc(var(--paginator-padding-left) / 2);
  display: flex;
  justify-content: flex-end;
}
:root .dataTables_wrapper .dataTables_paginate.dataTables_paginate a.paginate_button {
  background-color: var(--paginator-element-background);
  border: var(--paginator-element-border);
  min-width: var(--paginator-element-width);
  height: var(--paginator-element-height);
  margin: var(--paginator-element-margin);
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  border-radius: var(--paginator-element-border-radius);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  overflow: hidden;
  position: relative;
  font-weight: normal;
  color: var(--paginator-color) !important;
  padding: auto;
}
:root .dataTables_wrapper .dataTables_paginate.dataTables_paginate a.paginate_button:hover:not(.current):not(.disabled) {
  background: var(--paginator-element-hover-background);
  border-color: var(--paginator-element-hover-background);
  color: var(--paginator-color);
}
:root .dataTables_wrapper .dataTables_paginate.dataTables_paginate a.paginate_button.disabled, :root .dataTables_wrapper .dataTables_paginate.dataTables_paginate a.paginate_button.disabled::after {
  cursor: default;
  color: var(--theme-disabled-color) !important;
  filter: none;
}
:root .dataTables_wrapper .dataTables_paginate.dataTables_paginate a.paginate_button.current {
  background: var(--paginator-element-active-background);
  border-color: var(--paginator-element-active-background);
  color: var(--paginator-color);
}
:root .dataTables_wrapper .dataTables_paginate.dataTables_paginate a.paginate_button.previous, :root .dataTables_wrapper .dataTables_paginate.dataTables_paginate a.paginate_button.next {
  width: var(--paginator-element-width);
  height: var(--paginator-element-height);
  color: transparent !important;
  position: relative;
  overflow: hidden;
}
:root .dataTables_wrapper .dataTables_paginate.dataTables_paginate a.paginate_button.previous::after, :root .dataTables_wrapper .dataTables_paginate.dataTables_paginate a.paginate_button.next::after {
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--global-icon-size-medium);
  color: var(--paginator-color);
  position: absolute;
}
:root .dataTables_wrapper .dataTables_paginate.dataTables_paginate a.paginate_button.previous::after {
  content: var(--cui-icon-caret-left);
}
:root .dataTables_wrapper .dataTables_paginate.dataTables_paginate a.paginate_button.next::after {
  content: var(--cui-icon-caret-right);
}
:root div.dt-button-info {
  box-shadow: var(--shadow-effect-low);
  border-radius: var(--border-radius-4);
  border: 0;
  text-align: left;
  padding: var(--panel-content-padding-top) var(--panel-content-padding-right) var(--panel-content-padding-bottom) var(--panel-content-padding-left);
}
:root div.dt-button-info h2 {
  font: var(--text-semibold-m);
  border: 0;
  background-color: transparent;
  margin-bottom: var(--spacing-xs);
  padding: 0;
}
:root div.dt-button-info > div {
  padding: 0;
}
:root .cui-imagewidth-restricted .dataTables_wrapper div.dt-buttons > button {
  padding: var(--button-icononly-padding-top) var(--button-icononly-padding-right) var(--button-icononly-padding-bottom) var(--button-icononly-padding-left);
  padding: 0;
  width: 2.5rem;
  justify-content: center;
  align-items: center;
  height: 2.5rem;
}
:root .cui-imagewidth-restricted .dataTables_wrapper div.dt-buttons > button::before {
  margin: 0;
  line-height: 1;
}
:root .cui-imagewidth-restricted .dataTables_wrapper div.dt-buttons > button span {
  display: none;
}

:root {
  --cui-icon-sort-asc: "";
  --cui-icon-sort-desc: "";
  --cui-icon-sort: "";
  --cui-icon-excel: "";
  --cui-icon-pdf: "";
  --cui-icon-copy: "";
  --cui-icon-columns: "";
  --cui-icon-caret-right: "";
  --cui-icon-caret-left: "";
  --cui-icon-caret-up: "";
  --cui-icon-caret-down: "";
  --cui-icon-checkmark: "";
  --cui-icon-check-circle: "";
  --cui-icon-times: "";
  --cui-icon-trash: "";
  --cui-icon-clock: "";
}

.cui-icon,
*[class^=cui-icon],
*[class*=" cui-icon"] {
  line-height: 1;
  font-size: 1rem;
}

.cui-icon::before,
*[class^=cui-icon]::before,
*[class*=" cui-icon"]::before {
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cui-icon-prev::before {
  content: "\e9ff";
}

.cui-icon-next::before {
  content: "\ea00";
}

.cui-icon-mode-toggle::before {
  content: "\ebfe";
  cursor: pointer;
}

.cui-icon-close::before {
  content: var(--cui-icon-times);
}

html[data-theme=dark] .cui-icon-mode-toggle::before {
  content: "\ed3e";
}

:root .need_container {
  border: var(--global-divider-border);
  border-radius: var(--global-border-radius);
  margin-bottom: var(--spacing-xl);
}
:root .need_container table.need.need.need {
  border-spacing: initial;
  border-collapse: collapse;
  border-radius: var(--global-border-radius);
}
:root .need_container table.need.need.need .needs_head .line {
  border-radius: var(--global-border-radius);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
:root .need_container table.need.need.need .needs_head .line > span:first-of-type {
  margin-right: var(--spacing-xs);
}
:root .need_container table.need.need.need .needs_head .line > span:last-of-type {
  display: flex;
  align-items: center;
}
:root .need_container table.need.need.need .needs_head .line strong {
  flex-grow: 2;
}
:root .need_container table.need.need.need .needs-id {
  margin-right: var(--spacing-l);
}
:root .need_container table.need.need.need .needs_collapse {
  float: none;
  height: calc(var(--global-icon-size-default) * 2);
  width: calc(var(--global-icon-size-default) * 2);
  line-height: 1;
  color: var(--action-icon-color);
  border: 0px none;
  background: var(--action-icon-background);
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--global-icon-size-medium);
  display: flex;
}
:root .need_container table.need.need.need .needs_collapse::after {
  content: var(--cui-icon-caret-down);
  position: absolute;
  z-index: 0;
}
:root .need_container table.need.need.need .needs_collapse:has(.visible.collapse_is_hidden)::after {
  content: var(--cui-icon-caret-up);
}
:root .need_container table.need.need.need .needs_collapse:hover {
  background: var(--action-icon-hover-background);
}
:root .need_container table.need.need.need .needs_collapse svg {
  opacity: 0;
  z-index: 1;
  top: 0;
  left: 0;
  height: calc(var(--global-icon-size-default) * 2);
  width: calc(var(--global-icon-size-default) * 2);
  position: absolute;
}
:root .need_container table.need.need.need tr:hover td.need.head,
:root .need_container table.need.need.need tr:hover td.need {
  background: inherit;
}
:root .need_container table.need.need.need tr.row-even,
:root .need_container table.need.need.need tr.row-odd {
  background: transparent;
}
:root .need_container table.need.need.need tr.need.content p {
  margin: 0 0 var(--spacing-m) 0;
}
:root .need_container .status-done .head .needs-id::before,
:root .need_container .status-implemented .head .needs-id::before,
:root .need_container .status-rejected .head .needs-id::before,
:root .need_container .status-accepted .head .needs-id::before,
:root .need_container .status-obsolete .head .needs-id::before {
  content: var(--cui-icon-check-circle);
  margin-right: var(--spacing-l);
  padding: var(--spacing-xxs) var(--spacing-xs);
  border-radius: var(--border-radius-4);
  font: var(--text-semibold-xs);
  text-transform: uppercase;
}
:root .need_container .status-done .head .needs-id::before,
:root .need_container .status-implemented .head .needs-id::before {
  background-color: var(--theme-success-background);
  color: var(--theme-success-color);
  content: var(--status-text);
}
:root .need_container .status-accepted .head .needs-id::before {
  background-color: var(--theme-info-background);
  color: var(--theme-info-color);
  content: var(--status-text);
}
:root .need_container .status-rejected .head .needs-id::before {
  background-color: var(--theme-error-background);
  color: var(--theme-error-color);
  content: var(--status-text);
}
:root .need_container .status-obsolete .head .needs-id::before {
  background-color: var(--tag-background);
  color: var(--tag-color);
  content: var(--status-text);
}
:root .need_container img {
  max-width: 100%;
}

html[data-theme=dark] .need_container {
  border-color: var(--core-gray-600);
}
html[data-theme=dark] .dataTables_wrapper div.dt-buttons div.dt-button-collection button.dt-button:not(.disabled).active {
  background: var(--chip-hover-background);
}

:root {
  --cui-icon-sort-asc: "";
  --cui-icon-sort-desc: "";
  --cui-icon-sort: "";
  --cui-icon-excel: "";
  --cui-icon-pdf: "";
  --cui-icon-copy: "";
  --cui-icon-columns: "";
  --cui-icon-caret-right: "";
  --cui-icon-caret-left: "";
  --cui-icon-caret-up: "";
  --cui-icon-caret-down: "";
  --cui-icon-checkmark: "";
  --cui-icon-check-circle: "";
  --cui-icon-times: "";
  --cui-icon-trash: "";
  --cui-icon-clock: "";
}

.cui-icon,
*[class^=cui-icon],
*[class*=" cui-icon"] {
  line-height: 1;
  font-size: 1rem;
}

.cui-icon::before,
*[class^=cui-icon]::before,
*[class*=" cui-icon"]::before {
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cui-icon-prev::before {
  content: "\e9ff";
}

.cui-icon-next::before {
  content: "\ea00";
}

.cui-icon-mode-toggle::before {
  content: "\ebfe";
  cursor: pointer;
}

.cui-icon-close::before {
  content: var(--cui-icon-times);
}

html[data-theme=dark] .cui-icon-mode-toggle::before {
  content: "\ed3e";
}

.cui-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  height: var(--header-height);
  max-height: var(--header-height);
  width: 100%;
  background: var(--gradient-horizontal);
  display: flex;
  align-items: center;
  padding: 0 1.5rem;
  font: var(--text-semibold-s);
  line-height: 1;
  vertical-align: middle;
  color: #ffffff;
}
.cui-header a,
.cui-header a:hover {
  text-decoration: none;
}
.cui-header .cui-icon,
.cui-header *[class^=cui-icon],
.cui-header *[class*=" cui-icon"] {
  background-color: var(--header-button-background);
  border: 0;
  outline: 0;
  border-radius: var(--button-rounded-border-radius);
  transition: background-color 0.2s ease;
  line-height: 1;
  font-size: var(--global-font-size);
  padding: var(--button-icononly-padding-top) var(--button-icononly-padding-right) var(--button-icononly-padding-bottom) var(--button-icononly-padding-left);
  height: 2rem;
  width: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.cui-header .cui-icon::before,
.cui-header *[class^=cui-icon]::before,
.cui-header *[class*=" cui-icon"]::before {
  color: var(--header-button-color);
}
.cui-header .cui-icon:hover,
.cui-header *[class^=cui-icon]:hover,
.cui-header *[class*=" cui-icon"]:hover {
  background-color: var(--header-button-hover-background);
  border: 0;
}
.cui-header .cui-icon:hover::before,
.cui-header *[class^=cui-icon]:hover::before,
.cui-header *[class*=" cui-icon"]:hover::before {
  color: var(--header-button-hover-color);
}
.cui-header-mobile-nav-trigger {
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5rem;
  margin-right: 1rem;
  cursor: pointer;
  display: none;
}
.cui-header-mobile-nav-trigger::after {
  content: "\ebca";
}
.cui-header-logo {
  margin-right: 1rem;
}
.cui-header-logo img {
  height: 1rem;
  width: auto;
  display: block;
}
.cui-header-app-name {
  font: var(--text-regular-s);
  margin-right: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  color: var(--core-surface-0);
}
.cui-header-actions {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  white-space: nowrap;
}
.cui-header .cui-global-search {
  position: relative;
}
.cui-header .cui-global-search::before {
  position: absolute;
  left: var(--spacing-xs);
  top: 50%;
  transform: translateY(-50%);
  color: var(--input-icon-color);
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--global-icon-size-large);
  content: "\ebdd";
}
.cui-header .cui-global-search input[type=text] {
  line-height: 1;
  padding-top: calc(var(--input-padding-top) / 2);
  padding-bottom: calc(var(--input-padding-bottom) / 2);
  padding-left: calc(var(--input-padding-left) + var(--global-icon-size-large));
  border-radius: var(--border-radius-4);
  border-color: var(--input-background);
  margin-right: var(--spacing-m);
}
.cui-header .cui-global-search .cui-icon-search {
  position: absolute;
  left: 0;
  top: -100rem;
  color: transparent;
  overflow: hidden;
}
.cui-header .cui-global-search input[type=text]:focus {
  outline: none;
}

.cui-side-navigation {
  transition: all 0.2s ease;
  width: var(--side-navigation-width-opened);
  white-space: nowrap;
  margin: 0;
}
.cui-side-navigation .wrapper {
  height: 100%;
  overflow-y: hidden;
  width: 100%;
  padding: 0;
  border-right: var(--side-navigation-border);
  background-color: var(--theme-background-color);
}
.cui-side-navigation .wrapper:has(.caption[role=heading]) {
  padding-left: var(--spacing-m);
}
.cui-side-navigation .wrapper:has(header) #globaltoc {
  margin-top: var(--side-navigation-header-height);
  height: calc(100% - var(--side-navigation-header-height));
}
.cui-side-navigation .wrapper #globaltoc {
  height: 100%;
  overflow-y: auto;
  padding: var(--spacing-m) var(--spacing-xs) var(--spacing-l) var(--spacing-xs);
}
.cui-side-navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.cui-side-navigation ul li {
  margin: 0;
}
.cui-side-navigation ul li a {
  font: var(--text-semibold-s);
  color: var(--side-navigation-menuitem-color);
  padding: var(--spacing-s) var(--spacing-m);
  border-radius: 1.25rem;
  line-height: 1rem;
  display: block;
  text-decoration: none;
  border-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cui-side-navigation ul li a:hover {
  background-color: var(--side-navigation-menuitem-hover-background);
  color: var(--side-navigation-menuitem-hover-color);
}
.cui-side-navigation ul li a.selected {
  background-color: var(--side-navigation-menuitem-active-background);
  color: var(--side-navigation-menuitem-active-color);
}
.cui-side-navigation ul li ul {
  margin-left: var(--spacing-m);
}
.cui-side-navigation #globaltoc .current:not(.expanded):has(.selected) > a {
  background-color: var(--side-navigation-menuitem-active-background);
  color: var(--side-navigation-menuitem-active-color);
}
.cui-side-navigation #globaltoc.collapsible ul li:has(ul) > a {
  position: relative;
  padding-right: var(--spacing-xxl);
}
.cui-side-navigation #globaltoc.collapsible ul li:has(ul) > a .toggle {
  position: absolute;
  top: 0;
  right: 0;
  font-size: var(--global-icon-size-medium);
  z-index: 0;
  padding: var(--spacing-s) var(--spacing-m);
}
.cui-side-navigation #globaltoc.collapsible ul li:has(ul) > a .toggle::before {
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9fe";
}
.cui-side-navigation #globaltoc.collapsible ul li:has(ul).expanded > a .toggle::before {
  content: "\ea01";
}
.cui-side-navigation p.caption[role=heading] {
  margin: var(--spacing-s) 0 0 0;
  font: var(--text-semibold-m);
}
.cui-side-navigation #globaltoc p.caption[role=heading]:first-child {
  margin-top: 0;
}
.cui-side-navigation header {
  margin: 0;
  padding: var(--spacing-xs) var(--spacing-xs);
  background-color: var(--toolbar-background);
  line-height: 1;
  position: fixed;
  top: var(--header-height);
  left: 0;
  width: var(--side-navigation-width-opened);
  border-right: var(--side-navigation-border);
}
.cui-side-navigation header a {
  font: var(--text-semibold-s);
  line-height: 1;
  text-decoration: none;
  display: inline-block;
  width: 49%;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  background-color: var(--button-text-background-color);
  border: var(--button-text-border);
  color: var(--button-text-color);
  outline: 1px solid var(--global-transparent);
  border-radius: var(--button-rounded-border-radius);
  padding: var(--spacing-xs) var(--spacing-m) var(--spacing-xs) var(--spacing-l);
  margin: 0 var(--spacing-xxs) 0 0;
}
.cui-side-navigation header a:hover {
  background-color: var(--button-text-hover-background-color);
  border-color: var(--button-text-hover-border-color);
  color: var(--button-text-hover-color);
  outline-color: var(--button-text-hover-border-color);
}
.cui-side-navigation header a:last-child {
  padding-left: var(--button-padding-left);
  padding-right: var(--spacing-l);
  margin: 0 0 0 var(--spacing-xxs);
}
.cui-side-navigation header a.cui-icon-prev {
  text-align: left;
}
.cui-side-navigation header a.cui-icon-prev::before {
  position: absolute;
  left: 10px;
}
.cui-side-navigation header a.cui-icon-next {
  text-align: right;
}
.cui-side-navigation header a.cui-icon-next::before {
  position: absolute;
  right: 10px;
}
.cui-side-navigation .collapsible li:not(.expanded) > ul {
  display: none;
}
.cui-side-navigation #sidebar-handle {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 2000;
  top: var(--header-height);
  left: calc(var(--side-navigation-width-opened) - 2px);
  background-color: transparent;
  line-height: 1;
  cursor: col-resize;
  height: calc(100% - var(--header-height) - var(--footer-height));
  width: 5px;
}
.cui-side-navigation #sidebar-handle:hover {
  background-color: var(--splitter-gutter-handle-hover-background);
}
.cui-side-navigation #sidebar-handle.active {
  background-color: var(--splitter-gutter-handle-active-background);
}
.cui-side-navigation #sidebar-handle > div {
  display: none;
  margin: auto 0;
  height: 4rem;
  width: 100%;
  background-color: var(--splitter-gutter-handle-color);
}
.cui-side-navigation #sidebar-handle.active > div {
  display: block;
}

.cui-has-sidebar-header .cui-side-navigation .wrapper {
  top: calc(var(--side-navigation-header-height) + var(--header-height));
}

.cui-content {
  margin: var(--header-height) 0 var(--footer-height) 0;
  display: flex;
  flex-direction: row;
  height: calc(100% - var(--header-height) - var(--footer-height));
}
.cui-content .cui-main-content {
  flex: auto;
  overflow: scroll;
  padding: var(--spacing-xl) var(--spacing-xl) calc(var(--spacing-xl) + var(--footer-height)) var(--spacing-xl);
  scroll-behavior: smooth;
  scroll-padding: var(--spacing-xl);
}
.cui-content .cui-side-navigation,
.cui-content .cui-content-sidebar {
  flex: 0 0 auto;
}
.cui-content .cui-textwidth-restricted table.need p,
.cui-content .cui-textwidth-restricted p,
.cui-content .cui-textwidth-restricted blockquote,
.cui-content .cui-textwidth-restricted .admonition,
.cui-content .cui-textwidth-restricted dl, .cui-content .cui-textwidth-restricted ul, .cui-content .cui-textwidth-restricted ol,
.cui-content .cui-textwidth-restricted h1, .cui-content .cui-textwidth-restricted h2, .cui-content .cui-textwidth-restricted h3, .cui-content .cui-textwidth-restricted h4, .cui-content .cui-textwidth-restricted h5, .cui-content .cui-textwidth-restricted h6 {
  max-width: var(--content-restricted-width);
  width: 100%;
}
.cui-content .cui-textwidth-restricted .admonition p {
  max-width: none;
  width: auto;
}
.cui-content .cui-textwidth-restricted ul p, .cui-content .cui-textwidth-restricted ol p {
  max-width: 100%;
}
.cui-content .cui-textwidth-restricted p.plantuml {
  max-width: none;
}
.cui-content .cui-textwidth-restricted table.need {
  width: inherit;
}
.cui-content.cui-has-sidebar .cui-main-content {
  padding-right: var(--spacing-xs);
}
.cui-content .cui-imagewidth-restricted object, .cui-content .cui-imagewidth-restricted section > table,
.cui-content .cui-imagewidth-restricted div.container, .cui-content .cui-imagewidth-restricted div.highlight, .cui-content .cui-imagewidth-restricted div.dataTables_wrapper {
  max-width: var(--content-restricted-width);
  width: 100%;
}
.cui-content .cui-imagewidth-restricted img {
  max-width: min(var(--content-restricted-width), 100%);
  width: auto;
  display: block;
  margin: var(--spacing-m) 0;
}
.cui-content .cui-imagewidth-restricted p img {
  display: inline;
  margin: 0;
}
.cui-content a.headerlink {
  margin-left: var(--spacing-xs);
  text-indent: -1000rem;
  display: inline-block;
  text-decoration: none;
  position: relative;
}
.cui-content a.headerlink::before {
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\ebc2";
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  text-indent: 0;
  font-size: var(--global-icon-size-large);
  color: var(--input-icon-color);
}
.cui-content a.headerlink:hover::before {
  opacity: 1;
}
.cui-content a.headerlink:hover:hover::before {
  color: var(--action-icon-color);
}

.cui-content-sidebar {
  display: none;
}

.cui-has-sidebar .cui-content-sidebar {
  display: block;
  top: var(--header-height);
  right: 0;
  bottom: var(--footer-height);
  width: var(--side-bar-width);
  padding: var(--spacing-xl) var(--spacing-xs);
  overflow: auto;
  background: var(--theme-background-color);
}
.cui-has-sidebar .cui-content-sidebar ul {
  padding-left: var(--spacing-l);
}
.cui-has-sidebar .cui-main-content:not(.cui-imagewidth-restricted) img {
  max-width: 100%;
  height: auto;
}

.cui-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  height: var(--footer-height);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: var(--spacing-s) var(--spacing-xl);
  transition: all 0.2s ease;
  background-color: var(--footer-background);
  border-top: var(--footer-border);
  color: var(--theme-copy-color);
  font: var(--text-regular-s);
  line-height: 1;
  gap: 3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-wrap: nowrap;
}
.cui-footer * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cui-footer .project-container .project {
  font: var(--text-extrabold-s);
}
.cui-footer .legal-link-container {
  display: flex;
  gap: var(--spacing-m);
  justify-content: flex-end;
  flex-grow: 2;
}
.cui-footer .home-link-container {
  display: flex;
  gap: var(--spacing-m);
  justify-content: flex-end;
  overflow: visible;
  text-overflow: initial;
}
.cui-footer a {
  color: var(--link-secondary-color);
  text-decoration: none;
  font: var(--text-semibold-s);
  text-overflow: ellipsis;
}
.cui-footer .to-top-link {
  font: var(--text-extrabold-s);
}
.cui-footer .cui-version-selector-container {
  position: relative;
  display: flex;
  align-items: center;
  overflow: visible;
}
.cui-footer .cui-version-selector-container:hover .cui-version-selector-hit-area,
.cui-footer .cui-version-selector-container .cui-version-selector:hover, .cui-footer .cui-version-selector-container:focus-within .cui-version-selector-hit-area {
  display: block;
}
.cui-footer .cui-version-selector-container:hover .cui-version-selector-label::after {
  transform: rotate(0deg);
}
.cui-footer .cui-version-selector-hit-area {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1002;
  display: none;
  padding: var(--spacing-l) var(--spacing-l) var(--spacing-3xl) var(--spacing-l);
}
.cui-footer .cui-version-selector-menu {
  min-width: 12rem;
  border: var(--menu-border);
  border-radius: var(--border-radius-4);
  background: var(--menu-background);
  color: var(--menu-color);
  padding: var(--spacing-xxs) 0;
  box-shadow: var(--shadow-effect-low);
  overflow: visible;
}
.cui-footer .cui-version-selector-menu a {
  display: block;
  padding: var(--menuitem-padding-top) var(--menuitem-padding-right) var(--menuitem-padding-bottom) var(--menuitem-padding-left);
  color: var(--menuitem-color);
}
.cui-footer .cui-version-selector-menu a:hover, .cui-footer .cui-version-selector-menu a.selected:hover {
  background-color: var(--menuitem-hover-background);
}
.cui-footer .cui-version-selector-menu a.selected {
  background-color: var(--input-list-item-highlight-background);
}
.cui-footer .cui-version-selector-label {
  font: var(--text-semibold-s);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
}
.cui-footer .cui-version-selector-label::after {
  transition: all 0.2s ease;
  transform: rotate(180deg);
  font-family: "Phosphor";
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9fe";
}
.cui-footer .cui-version-selector-container:hover .cui-version-selector-label::after {
  transform: rotate(0deg);
}

html:not([data-theme=dark]) body:has(.cui-dashboard) {
  background-color: var(--core-surface-50);
}

.cui-dashboard span#index {
  display: none;
}
.cui-dashboard-header {
  display: flex;
  justify-content: space-between;
  padding: 0 var(--spacing-xs) var(--spacing-xl) var(--spacing-xs);
  margin-bottom: var(--spacing-3xl);
  border-bottom: 1px solid var(--core-gray-200);
}
.cui-dashboard-header .cui-product-title-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0;
}
.cui-dashboard-header .cui-product-title-container .cui-product-title, .cui-dashboard-header .cui-product-title-container .cui-product-version {
  margin: 0;
}
.cui-dashboard-header .cui-logo-container {
  width: 8rem;
  height: 8rem;
  display: block;
}
.cui-dashboard-header .cui-logo-container .cui-product-logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cui-dashboard .toctree-wrapper.compound {
  display: none;
}
.cui-dashboard a[target=_blank] .cui-card-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-xs);
}
.cui-dashboard a[target=_blank] .cui-card-title::after {
  content: "\e97f";
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--global-icon-size-large);
}

@-moz-document url-prefix() {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--core-gray-200) transparent;
  }
}
*::-webkit-scrollbar {
  width: 0.5rem !important;
  height: 0.5rem !important;
}

*::-webkit-scrollbar-thumb {
  background: var(--core-gray-200);
  border-radius: var(--border-radius-4);
  transition: all 0.2s;
}

*::-webkit-scrollbar-thumb:hover {
  background: var(--core-gray-600);
  transition: all 0.2s;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

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

html, body {
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  background: var(--theme-background-color);
  color: var(--theme-text-color);
  overflow: hidden;
}

body.no-transitions * {
  transition: none !important;
}

h1 {
  font: var(--text-semibold-2xl);
  margin: 0 0 var(--spacing-xxl) 0;
}

h2 {
  font: var(--text-semibold-xl);
  margin: var(--spacing-xxl) 0 var(--spacing-m) 0;
}

h3 {
  font: var(--text-semibold-l);
  margin: var(--spacing-xxl) 0 var(--spacing-m) 0;
}

h4, h5, h6 {
  font: var(--text-semibold-m);
  margin: 0 0 var(--spacing-m) 0;
}

small {
  font: var(--text-regular-xs);
}

a {
  color: var(--link-primary-color);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline 0.2s;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}

input[type=text],
input[type=search] {
  border-radius: var(--border-radius-4);
  padding: var(--input-padding-top) var(--input-padding-right) var(--input-padding-bottom) var(--input-padding-left);
  font: var(--text-regular-m);
  line-height: 1;
  font-size: var(--input-text-font-size);
  color: var(--input-color);
  background: var(--input-background);
  border: var(--input-border);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type=text]:focus, input[type=text]:active,
input[type=search]:focus,
input[type=search]:active {
  border-color: var(--input-focus-border-color);
  outline: 1px solid var(--input-focus-border-color);
  outline-offset: -2px;
}

::placeholder {
  color: var(--input-placeholder-color);
}

input + button,
input + input[type=submit] {
  margin-left: var(--spacing-xxs);
}

li {
  margin: var(--spacing-xs) 0 var(--spacing-xs) 0;
}
li:last-child {
  margin-bottom: 0;
}
li p {
  margin: 0;
}

p {
  margin: 0 0 var(--spacing-m);
}

dl {
  display: grid;
  grid-template-columns: max-content auto;
}
dl dt {
  grid-column-start: 1;
  font: var(--text-semibold-m);
  margin: 0 0 var(--spacing-m) 0;
}
dl dd {
  grid-column-start: 2;
  margin: 0 0 var(--spacing-m) var(--spacing-xl);
}
dl p {
  margin-top: 0;
}
dl p:last-child {
  margin-bottom: 0;
}

pre,
code {
  font: var(--text-monospace);
  background: var(--core-gray-50);
  background: var(--code-background-color);
  border-radius: var(--border-radius-4);
  white-space: pre; /* Keep all lines on one line, no wrapping */
  overflow-x: auto; /* Enable horizontal scrolling for long lines */
  font-size: var(--font-size-xs);
  padding: var(--spacing-xxs) var(--spacing-xxs);
  vertical-align: text-top;
}

code {
  padding: 0 var(--spacing-xxs);
}

pre {
  padding: var(--spacing-xxs) var(--spacing-xs);
  margin: var(--spacing-xs) 0;
}

:root table,
:root table.NEEDS_DATATABLES {
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
  margin: 0 0 var(--spacing-xxl) 0;
  /* this sucks: but Spinx wraps td data into an additional p-tag with extra margins :-| */
}
:root table caption,
:root table.NEEDS_DATATABLES caption {
  text-align: left;
  font-size: var(--default-font-size);
}
:root table th p,
:root table td p,
:root table.NEEDS_DATATABLES th p,
:root table.NEEDS_DATATABLES td p {
  margin: 0;
  padding: 0;
}
:root table thead tr th,
:root table.NEEDS_DATATABLES thead tr th {
  text-align: left;
  padding: var(--table-header-cell-padding-top) var(--table-header-cell-padding-right) var(--table-header-cell-padding-bottom) var(--table-header-cell-padding-left);
  border: var(--table-header-cell-border);
  border-width: 0 0 var(--table-header-cell-border-width) 0;
  font-weight: var(--table-header-cell-font-weight);
  color: var(--table-header-cell-color);
  background: var(--table-header-cell-background);
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
:root table thead tr th.sorting_asc, :root table thead tr th.sorting_desc, :root table thead tr th.sorting,
:root table.NEEDS_DATATABLES thead tr th.sorting_asc,
:root table.NEEDS_DATATABLES thead tr th.sorting_desc,
:root table.NEEDS_DATATABLES thead tr th.sorting {
  background: none;
  padding-right: calc(var(--spacing-l) + var(--table-header-cell-padding-right));
  position: relative;
}
:root table thead tr th.sorting_asc:after, :root table thead tr th.sorting_desc:after, :root table thead tr th.sorting:after,
:root table.NEEDS_DATATABLES thead tr th.sorting_asc:after,
:root table.NEEDS_DATATABLES thead tr th.sorting_desc:after,
:root table.NEEDS_DATATABLES thead tr th.sorting:after {
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: var(--table-header-cell-padding-right);
  top: 50%;
  transform: translate3d(0, -50%, 0);
  color: var(--input-border-color);
}
:root table thead tr th.sorting_asc:after,
:root table.NEEDS_DATATABLES thead tr th.sorting_asc:after {
  content: var(--cui-icon-sort-asc);
}
:root table thead tr th.sorting_desc:after,
:root table.NEEDS_DATATABLES thead tr th.sorting_desc:after {
  content: var(--cui-icon-sort-desc);
}
:root table thead tr th.sorting:after,
:root table.NEEDS_DATATABLES thead tr th.sorting:after {
  content: var(--cui-icon-sort);
}
:root table thead tr th.sorting_asc, :root table thead tr th.sorting_desc,
:root table.NEEDS_DATATABLES thead tr th.sorting_asc,
:root table.NEEDS_DATATABLES thead tr th.sorting_desc {
  background: var(--table-header-cell-highlight-background);
}
:root table tbody tr,
:root table.NEEDS_DATATABLES tbody tr {
  background: var(--table-body-row-background);
  color: var(--table-body-row-color);
  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
:root table tbody tr td,
:root table.NEEDS_DATATABLES tbody tr td {
  text-align: left;
  border: var(--table-body-cell-border);
  border-width: 0;
  font: var(--text-regular-m);
  padding: var(--table-body-cell-padding-top) var(--table-body-cell-padding-right) var(--table-body-cell-padding-bottom) var(--table-body-cell-padding-left);
}
:root table tbody tr:hover td,
:root table.NEEDS_DATATABLES tbody tr:hover td {
  background-color: var(--table-header-cell-hover-background);
}
:root table tbody tr:nth-child(even),
:root table.NEEDS_DATATABLES tbody tr:nth-child(even) {
  background: var(--table-body-row-even-background);
}

.admonition {
  margin: var(--message-margin-top) var(--message-margin-right) var(--message-margin-bottom) var(--message-margin-left);
  border-left-width: var(--message-border-width);
  border-radius: var(--global-border-radius);
  border-left: var(--message-info-border);
  border-bottom-left-radius: var(--global-border-radius);
  border-top-left-radius: var(--global-border-radius);
  outline: 1px solid var(--core-surface-100);
  background: var(--message-info-background);
  color: var(--message-info-color);
  padding: var(--message-padding-top) var(--message-padding-right) var(--message-padding-bottom) var(--message-padding-left);
  padding-left: calc(var(--message-icon-font-size) + var(--global-inline-spacing) * 3);
  position: relative;
  line-height: 1;
  display: flex;
  align-items: center;
}
.admonition:before {
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--message-info-icon-color);
  font-size: var(--message-icon-font-size);
  left: calc(var(--message-padding-left) - 0.5rem);
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  content: "\eba7";
}
.admonition-title {
  display: block;
  font: var(--text-semibold-m);
  margin: 0;
}
.admonition-content {
  margin: 0 0 0 var(--spacing-l);
}
.admonition-content-title {
  font: var(--text-semibold-m);
  margin: 0 0 0 0;
}
.admonition p:not(.admonition-title):not(.admonition-content-title) {
  display: block;
  font: var(--text-regular-m);
  margin: 0;
}
.admonition p:last-child {
  margin-bottom: 0;
}
.admonition.attention, .admonition.caution, .admonition.warning, .admonition.important {
  border-left-color: var(--message-warning-icon-color);
}
.admonition.attention::before, .admonition.caution::before, .admonition.warning::before, .admonition.important::before {
  color: var(--message-warning-icon-color);
  content: "\edbf";
}
.admonition.danger, .admonition.error {
  border-left-color: var(--message-error-icon-color);
}
.admonition.danger::before, .admonition.error::before {
  color: var(--message-error-icon-color);
  content: "\edc2";
}

:root button,
:root input[type=submit],
:root .dt-buttons button.dt-button {
  color: var(--button-secondary-color);
  background: var(--button-secondary-background);
  border: var(--button-secondary-border);
  border-radius: var(--button-rounded-border-radius);
  outline: 1px solid var(--global-transparent);
  padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
  font: var(--text-semibold-m);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline 0.2s;
  margin: 0;
  display: inline-flex;
  cursor: pointer;
  user-select: none;
  align-items: center;
  vertical-align: bottom;
  text-align: center;
  overflow: hidden;
  position: relative;
}
:root button:hover, :root button:active,
:root input[type=submit]:hover,
:root input[type=submit]:active,
:root .dt-buttons button.dt-button:hover,
:root .dt-buttons button.dt-button:active {
  color: var(--button-secondary-color);
  background: var(--button-secondary-background);
  border: var(--button-secondary-border);
  border-radius: var(--button-rounded-border-radius);
  outline: 1px solid var(--global-transparent);
  padding: var(--button-padding-top) var(--button-padding-right) var(--button-padding-bottom) var(--button-padding-left);
  font: var(--text-semibold-m);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline 0.2s;
  margin: 0;
  display: inline-flex;
  cursor: pointer;
  user-select: none;
  align-items: center;
  vertical-align: bottom;
  text-align: center;
  overflow: hidden;
  position: relative;
  outline: 1px solid var(--button-secondary-hover-border-color);
  color: var(--button-secondary-hover-color);
  border-color: var(--button-secondary-hover-border-color);
  box-shadow: none !important;
  background-image: none !important;
}
:root button.cui-primary-button,
:root input[type=submit].cui-primary-button,
:root .dt-buttons button.dt-button.cui-primary-button {
  color: var(--button-color);
  background: var(--button-background);
  border: var(--button-border);
}
:root button.cui-primary-button:hover,
:root input[type=submit].cui-primary-button:hover,
:root .dt-buttons button.dt-button.cui-primary-button:hover {
  background: var(--button-hover-background);
  color: var(--button-hover-color);
  border-color: var(--button-hover-border-color);
  outline: 0;
}
:root .dt-button-background {
  backdrop-filter: blur(6px);
  background: rgba(250, 250, 250, 0.6);
}

.cui-reduced-image:hover {
  cursor: zoom-in;
}

.cui-modal-container {
  position: fixed;
  top: var(--spacing-xl);
  left: var(--spacing-xl);
  bottom: var(--spacing-xl);
  right: var(--spacing-xl);
  padding: var(--spacing-3xl) var(--spacing-l) var(--spacing-l) var(--spacing-l);
  border-radius: var(--global-border-radius);
  box-shadow: var(--shadow-effect-low);
  background: var(--panel-content-background);
  z-index: 2001;
  overflow: auto;
}
.cui-modal-title {
  font: var(--text-semibold-m);
  position: absolute;
  top: var(--spacing-xs);
  left: var(--spacing-l);
  right: calc(2 * var(--spacing-l) + var(--global-icon-size-large));
}
.cui-modal-content {
  height: 100%;
  text-align: center;
  overflow: auto;
}
.cui-modal-close-button {
  position: absolute;
  top: var(--spacing-s);
  right: var(--spacing-s);
  font-size: var(--global-icon-size-large);
  color: var(--input-icon-color);
  cursor: pointer;
}
.cui-modal-close-button:hover {
  color: var(--input-icon-hover-color);
}
.cui-modal-image {
  margin: auto 0;
  display: inline-block;
}
.cui-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2000;
  background-color: var(--theme-background-color);
  background-color: rgba(240, 240, 240, 0.6);
  backdrop-filter: blur(6px);
}

html[data-theme=dark] .cui-modal-overlay {
  background-color: rgba(193, 193, 193, 0.6);
}

@media print {
  @page {
    margin: 16mm;
  }
  html,
  body {
    height: auto;
    overflow: visible;
  }
  .cui-header,
  .cui-footer,
  .cui-side-navigation,
  .cui-content-sidebar,
  #sidebar-handle {
    display: none !important;
  }
  .cui-content {
    display: block;
    margin: 0;
    height: auto;
  }
  .cui-content .cui-main-content {
    overflow: visible;
    height: auto;
    padding: 0;
  }
}
.cui-card {
  flex: 0 0 calc((100% - 2 * var(--spacing-l)) / 3);
  min-width: 16.5rem;
  max-width: 28.5rem;
  padding: 0;
  border-radius: var(--global-border-radius);
  border: 1px solid var(--core-gray-100);
  background: var(--panel-content-background);
  display: flex;
  flex-direction: column;
}
.cui-card-container {
  display: flex;
  gap: var(--spacing-l);
  flex-wrap: wrap;
}
.cui-card a {
  text-decoration: none;
  color: var(--theme-text-color);
}
.cui-card-content {
  padding: var(--spacing-l) var(--spacing-m) var(--spacing-l) var(--spacing-m);
}
.cui-card-content p, .cui-card-content h4 {
  margin: 0;
}
.cui-card-title {
  font: var(--text-semibold-l);
  color: var(--theme-text-color);
  text-decoration: none;
}
.cui-card:hover .cui-card-image {
  background-color: var(--core-light-purple-200);
}
.cui-card-image {
  width: calc(100% - var(--spacing-m));
  aspect-ratio: 16/9;
  display: block;
  background-color: var(--core-light-purple-100);
  border-radius: var(--border-radius-4);
  margin: var(--spacing-xs) var(--spacing-xs) 0 var(--spacing-xs);
  transition: all 0.2s ease-in-out;
}
.cui-card-image::after {
  content: " ";
  width: 100%;
  height: 100%;
  display: block;
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNDAsMTgwYTEyLDEyLDAsMSwxLTEyLTEyQTEyLDEyLDAsMCwxLDE0MCwxODBaTTEyOCw3MmMtMjIuMDYsMC00MCwxNi4xNS00MCwzNnY0YTgsOCwwLDAsMCwxNiwwdi00YzAtMTEsMTAuNzctMjAsMjQtMjBzMjQsOSwyNCwyMC0xMC43NywyMC0yNCwyMGE4LDgsMCwwLDAtOCw4djhhOCw4LDAsMCwwLDE2LDB2LS43MmMxOC4yNC0zLjM1LDMyLTE3LjksMzItMzUuMjhDMTY4LDg4LjE1LDE1MC4wNiw3MiwxMjgsNzJabTEwNCw1NkExMDQsMTA0LDAsMSwxLDEyOCwyNCwxMDQuMTEsMTA0LjExLDAsMCwxLDIzMiwxMjhabS0xNiwwYTg4LDg4LDAsMSwwLTg4LDg4QTg4LjEsODguMSwwLDAsMCwyMTYsMTI4WiI+PC9wYXRoPjwvc3ZnPg==);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: 46% 46%;
  background-image: linear-gradient(135deg, var(--core-light-purple-900), var(--core-light-purple-900));
  background-size: 100% 100%;
}
.cui-card-image-support::after {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDEuODksNTQuNjZBMTAzLjQzLDEwMy40MywwLDAsMCwxMjguNzksMjRIMTI4QTEwNCwxMDQsMCwwLDAsMjQsMTI4djU2YTI0LDI0LDAsMCwwLDI0LDI0SDY0YTI0LDI0LDAsMCwwLDI0LTI0VjE0NGEyNCwyNCwwLDAsMC0yNC0yNEg0MC4zNkE4OC4xMiw4OC4xMiwwLDAsMSwxOTAuNTQsNjUuOTMsODcuMzksODcuMzksMCwwLDEsMjE1LjY1LDEyMEgxOTJhMjQsMjQsMCwwLDAtMjQsMjR2NDBhMjQsMjQsMCwwLDAsMjQsMjRoMjRhMjQsMjQsMCwwLDEtMjQsMjRIMTM2YTgsOCwwLDAsMCwwLDE2aDU2YTQwLDQwLDAsMCwwLDQwLTQwVjEyOEExMDMuNDEsMTAzLjQxLDAsMCwwLDIwMS44OSw1NC42NlpNNjQsMTM2YTgsOCwwLDAsMSw4LDh2NDBhOCw4LDAsMCwxLTgsOEg0OGE4LDgsMCwwLDEtOC04VjEzNlptMTI4LDU2YTgsOCwwLDAsMS04LThWMTQ0YTgsOCwwLDAsMSw4LThoMjR2NTZaIj48L3BhdGg+PC9zdmc+);
}
.cui-card-image-quickstart::after {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjMuODUsNDcuMTJhMTYsMTYsMCwwLDAtMTUtMTVjLTEyLjU4LS43NS00NC43My40LTcxLjQxLDI3LjA3TDEzMi42OSw2NEg3NC4zNkExNS45MSwxNS45MSwwLDAsMCw2Myw2OC42OEwyOC43LDEwM2ExNiwxNiwwLDAsMCw5LjA3LDI3LjE2bDM4LjQ3LDUuMzcsNDQuMjEsNDQuMjEsNS4zNywzOC40OWExNS45NCwxNS45NCwwLDAsMCwxMC43OCwxMi45MiwxNi4xMSwxNi4xMSwwLDAsMCw1LjEuODNBMTUuOTEsMTUuOTEsMCwwLDAsMTUzLDIyNy4zTDE4Ny4zMiwxOTNBMTUuOTEsMTUuOTEsMCwwLDAsMTkyLDE4MS42NFYxMjMuMzFsNC43Ny00Ljc3QzIyMy40NSw5MS44NiwyMjQuNiw1OS43MSwyMjMuODUsNDcuMTJaTTc0LjM2LDgwaDQyLjMzTDc3LjE2LDExOS41Miw0MCwxMTQuMzRabTc0LjQxLTkuNDVhNzYuNjUsNzYuNjUsMCwwLDEsNTkuMTEtMjIuNDcsNzYuNDYsNzYuNDYsMCwwLDEtMjIuNDIsNTkuMTZMMTI4LDE2NC42OCw5MS4zMiwxMjhaTTE3NiwxODEuNjQsMTQxLjY3LDIxNmwtNS4xOS0zNy4xN0wxNzYsMTM5LjMxWm0tNzQuMTYsOS41Qzk3LjM0LDIwMSw4Mi4yOSwyMjQsNDAsMjI0YTgsOCwwLDAsMS04LThjMC00Mi4yOSwyMy01Ny4zNCwzMi44Ni02MS44NWE4LDgsMCwwLDEsNi42NCwxNC41NmMtNi40MywyLjkzLTIwLjYyLDEyLjM2LTIzLjEyLDM4LjkxLDI2LjU1LTIuNSwzNi0xNi42OSwzOC45MS0yMy4xMmE4LDgsMCwxLDEsMTQuNTYsNi42NFoiPjwvcGF0aD48L3N2Zz4=);
}
.cui-card-image-tutorials::after {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTEuNzYsODguOTRsLTEyMC02NGE4LDgsMCwwLDAtNy41MiwwbC0xMjAsNjRhOCw4LDAsMCwwLDAsMTQuMTJMMzIsMTE3Ljg3djQ4LjQyYTE1LjkxLDE1LjkxLDAsMCwwLDQuMDYsMTAuNjVDNDkuMTYsMTkxLjUzLDc4LjUxLDIxNiwxMjgsMjE2YTEzMCwxMzAsMCwwLDAsNDgtOC43NlYyNDBhOCw4LDAsMCwwLDE2LDBWMTk5LjUxYTExNS42MywxMTUuNjMsMCwwLDAsMjcuOTQtMjIuNTdBMTUuOTEsMTUuOTEsMCwwLDAsMjI0LDE2Ni4yOVYxMTcuODdsMjcuNzYtMTQuODFhOCw4LDAsMCwwLDAtMTQuMTJaTTEyOCwyMDBjLTQzLjI3LDAtNjguNzItMjEuMTQtODAtMzMuNzFWMTI2LjRsNzYuMjQsNDAuNjZhOCw4LDAsMCwwLDcuNTIsMEwxNzYsMTQzLjQ3djQ2LjM0QzE2My40LDE5NS42OSwxNDcuNTIsMjAwLDEyOCwyMDBabTgwLTMzLjc1YTk3LjgzLDk3LjgzLDAsMCwxLTE2LDE0LjI1VjEzNC45M2wxNi04LjUzWk0xODgsMTE4Ljk0bC0uMjItLjEzLTU2LTI5Ljg3YTgsOCwwLDAsMC03LjUyLDE0LjEyTDE3MSwxMjhsLTQzLDIyLjkzTDI1LDk2LDEyOCw0MS4wNywyMzEsOTZaIj48L3BhdGg+PC9zdmc+);
}
.cui-card-image-userguide::after {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTUyYTgsOCwwLDAsMS04LDhIMTkydjE2aDE2YTgsOCwwLDAsMSwwLDE2SDE5MnYxNmE4LDgsMCwwLDEtMTYsMFYxNTJhOCw4LDAsMCwxLDgtOGgzMkE4LDgsMCwwLDEsMjI0LDE1MlpNOTIsMTcyYTI4LDI4LDAsMCwxLTI4LDI4SDU2djhhOCw4LDAsMCwxLTE2LDBWMTUyYTgsOCwwLDAsMSw4LThINjRBMjgsMjgsMCwwLDEsOTIsMTcyWm0tMTYsMGExMiwxMiwwLDAsMC0xMi0xMkg1NnYyNGg4QTEyLDEyLDAsMCwwLDc2LDE3MlptODgsOGEzNiwzNiwwLDAsMS0zNiwzNkgxMTJhOCw4LDAsMCwxLTgtOFYxNTJhOCw4LDAsMCwxLDgtOGgxNkEzNiwzNiwwLDAsMSwxNjQsMTgwWm0tMTYsMGEyMCwyMCwwLDAsMC0yMC0yMGgtOHY0MGg4QTIwLDIwLDAsMCwwLDE0OCwxODBaTTQwLDExMlY0MEExNiwxNiwwLDAsMSw1NiwyNGg5NmE4LDgsMCwwLDEsNS42NiwyLjM0bDU2LDU2QTgsOCwwLDAsMSwyMTYsODh2MjRhOCw4LDAsMCwxLTE2LDBWOTZIMTUyYTgsOCwwLDAsMS04LThWNDBINTZ2NzJhOCw4LDAsMCwxLTE2LDBaTTE2MCw4MGgyOC42OUwxNjAsNTEuMzFaIj48L3BhdGg+PC9zdmc+);
}
.cui-card-image-contact::after {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNDhIMzJhOCw4LDAsMCwwLTgsOFYxOTJhMTYsMTYsMCwwLDAsMTYsMTZIMjE2YTE2LDE2LDAsMCwwLDE2LTE2VjU2QTgsOCwwLDAsMCwyMjQsNDhaTTIwMy40Myw2NCwxMjgsMTMzLjE1LDUyLjU3LDY0Wk0yMTYsMTkySDQwVjc0LjE5bDgyLjU5LDc1LjcxYTgsOCwwLDAsMCwxMC44MiwwTDIxNiw3NC4xOVYxOTJaIj48L3BhdGg+PC9zdmc+);
}
.cui-card-image-documents::after {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTMuNjYsNjYuMzRsLTQwLTQwQTgsOCwwLDAsMCwxNjgsMjRIODhBMTYsMTYsMCwwLDAsNzIsNDBWNTZINTZBMTYsMTYsMCwwLDAsNDAsNzJWMjE2YTE2LDE2LDAsMCwwLDE2LDE2SDE2OGExNiwxNiwwLDAsMCwxNi0xNlYyMDBoMTZhMTYsMTYsMCwwLDAsMTYtMTZWNzJBOCw4LDAsMCwwLDIxMy42Niw2Ni4zNFpNMTY4LDIxNkg1NlY3Mmg3Ni42OUwxNjgsMTA3LjMxdjg0LjUzYzAsLjA2LDAsLjExLDAsLjE2czAsLjEsMCwuMTZWMjE2Wm0zMi0zMkgxODRWMTA0YTgsOCwwLDAsMC0yLjM0LTUuNjZsLTQwLTQwQTgsOCwwLDAsMCwxMzYsNTZIODhWNDBoNzYuNjlMMjAwLDc1LjMxWm0tNTYtMzJhOCw4LDAsMCwxLTgsOEg4OGE4LDgsMCwwLDEsMC0xNmg0OEE4LDgsMCwwLDEsMTQ0LDE1MlptMCwzMmE4LDgsMCwwLDEtOCw4SDg4YTgsOCwwLDAsMSwwLTE2aDQ4QTgsOCwwLDAsMSwxNDQsMTg0WiI+PC9wYXRoPjwvc3ZnPg==);
}
.cui-card-image-whatsnew::after {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDgsMTIwYTQ4LjA1LDQ4LjA1LDAsMCwwLTQ4LTQ4SDE2MC4yYy0yLjkxLS4xNy01My42Mi0zLjc0LTEwMS45MS00NC4yNEExNiwxNiwwLDAsMCwzMiw0MFYyMDBhMTYsMTYsMCwwLDAsMjYuMjksMTIuMjVjMzcuNzctMzEuNjgsNzctNDAuNzYsOTMuNzEtNDMuM3YzMS43MkExNiwxNiwwLDAsMCwxNTkuMTIsMjE0bDExLDcuMzNBMTYsMTYsMCwwLDAsMTk0LjUsMjEybDExLjc3LTQ0LjM2QTQ4LjA3LDQ4LjA3LDAsMCwwLDI0OCwxMjBaTTQ4LDE5OS45M1Y0MGgwYzQyLjgxLDM1LjkxLDg2LjYzLDQ1LDEwNCw0Ny4yNHY2NS40OEMxMzQuNjUsMTU1LDkwLjg0LDE2NC4wNyw0OCwxOTkuOTNabTEzMSw4LDAsLjExLTExLTcuMzNWMTY4aDIxLjZaTTIwMCwxNTJIMTY4Vjg4aDMyYTMyLDMyLDAsMSwxLDAsNjRaIj48L3BhdGg+PC9zdmc+);
}
.cui-card-image-contact::after {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNDhIMzJhOCw4LDAsMCwwLTgsOFYxOTJhMTYsMTYsMCwwLDAsMTYsMTZIMjE2YTE2LDE2LDAsMCwwLDE2LTE2VjU2QTgsOCwwLDAsMCwyMjQsNDhaTTIwMy40Myw2NCwxMjgsMTMzLjE1LDUyLjU3LDY0Wk0yMTYsMTkySDQwVjc0LjE5bDgyLjU5LDc1LjcxYTgsOCwwLDAsMCwxMC44MiwwTDIxNiw3NC4xOVYxOTJaIj48L3BhdGg+PC9zdmc+);
}
.cui-card-image-about::after {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjRBMTA0LDEwNCwwLDEsMCwyMzIsMTI4LDEwNC4xMSwxMDQuMTEsMCwwLDAsMTI4LDI0Wm0wLDE5MmE4OCw4OCwwLDEsMSw4OC04OEE4OC4xLDg4LjEsMCwwLDEsMTI4LDIxNlptMTYtNDBhOCw4LDAsMCwxLTgsOCwxNiwxNiwwLDAsMS0xNi0xNlYxMjhhOCw4LDAsMCwxLDAtMTYsMTYsMTYsMCwwLDEsMTYsMTZ2NDBBOCw4LDAsMCwxLDE0NCwxNzZaTTExMiw4NGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSwxMTIsODRaIj48L3BhdGg+PC9zdmc+);
}
.cui-card-image-install::after {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjMuMTYsNjguNDJsLTE2LTMyQTgsOCwwLDAsMCwyMDAsMzJINTZhOCw4LDAsMCwwLTcuMTYsNC40MmwtMTYsMzJBOC4wOCw4LjA4LDAsMCwwLDMyLDcyVjIwOGExNiwxNiwwLDAsMCwxNiwxNkgyMDhhMTYsMTYsMCwwLDAsMTYtMTZWNzJBOC4wOCw4LjA4LDAsMCwwLDIyMy4xNiw2OC40MlpNNjAuOTQsNDhIMTk1LjA2bDgsMTZINTIuOTRaTTIwOCwyMDhINDhWODBIMjA4VjIwOFptLTQyLjM0LTYxLjY2YTgsOCwwLDAsMSwwLDExLjMybC0zMiwzMmE4LDgsMCwwLDEtMTEuMzIsMGwtMzItMzJhOCw4LDAsMCwxLDExLjMyLTExLjMyTDEyMCwxNjQuNjlWMTA0YTgsOCwwLDAsMSwxNiwwdjYwLjY5bDE4LjM0LTE4LjM1QTgsOCwwLDAsMSwxNjUuNjYsMTQ2LjM0WiI+PC9wYXRoPjwvc3ZnPg==);
}
.cui-card-image-documents::after {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTMuNjYsNjYuMzRsLTQwLTQwQTgsOCwwLDAsMCwxNjgsMjRIODhBMTYsMTYsMCwwLDAsNzIsNDBWNTZINTZBMTYsMTYsMCwwLDAsNDAsNzJWMjE2YTE2LDE2LDAsMCwwLDE2LDE2SDE2OGExNiwxNiwwLDAsMCwxNi0xNlYyMDBoMTZhMTYsMTYsMCwwLDAsMTYtMTZWNzJBOCw4LDAsMCwwLDIxMy42Niw2Ni4zNFpNMTY4LDIxNkg1NlY3Mmg3Ni42OUwxNjgsMTA3LjMxdjg0LjUzYzAsLjA2LDAsLjExLDAsLjE2czAsLjEsMCwuMTZWMjE2Wm0zMi0zMkgxODRWMTA0YTgsOCwwLDAsMC0yLjM0LTUuNjZsLTQwLTQwQTgsOCwwLDAsMCwxMzYsNTZIODhWNDBoNzYuNjlMMjAwLDc1LjMxWm0tNTYtMzJhOCw4LDAsMCwxLTgsOEg4OGE4LDgsMCwwLDEsMC0xNmg0OEE4LDgsMCwwLDEsMTQ0LDE1MlptMCwzMmE4LDgsMCwwLDEtOCw4SDg4YTgsOCwwLDAsMSwwLTE2aDQ4QTgsOCwwLDAsMSwxNDQsMTg0WiI+PC9wYXRoPjwvc3ZnPg==);
}
.cui-card-image-videos::after {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjQuNDQsMTIxLjM0bC00OC0zMkE4LDgsMCwwLDAsMTA0LDk2djY0YTgsOCwwLDAsMCwxMi40NCw2LjY2bDQ4LTMyYTgsOCwwLDAsMCwwLTEzLjMyWk0xMjAsMTQ1LjA1VjExMWwyNS41OCwxN1pNMjM0LjMzLDY5LjUyYTI0LDI0LDAsMCwwLTE0LjQ5LTE2LjRDMTg1LjU2LDM5Ljg4LDEzMSw0MCwxMjgsNDBzLTU3LjU2LS4xMi05MS44NCwxMy4xMmEyNCwyNCwwLDAsMC0xNC40OSwxNi40QzE5LjA4LDc5LjUsMTYsOTcuNzQsMTYsMTI4czMuMDgsNDguNSw1LjY3LDU4LjQ4YTI0LDI0LDAsMCwwLDE0LjQ5LDE2LjQxQzY5LDIxNS41NiwxMjAuNCwyMTYsMTI3LjM0LDIxNmgxLjMyYzYuOTQsMCw1OC4zNy0uNDQsOTEuMTgtMTMuMTFhMjQsMjQsMCwwLDAsMTQuNDktMTYuNDFjMi41OS0xMCw1LjY3LTI4LjIyLDUuNjctNTguNDhTMjM2LjkyLDc5LjUsMjM0LjMzLDY5LjUyWm0tMTUuNDksMTEzYTgsOCwwLDAsMS00Ljc3LDUuNDljLTMxLjY1LDEyLjIyLTg1LjQ4LDEyLTg2LDEySDEyOGMtLjU0LDAtNTQuMzMuMi04Ni0xMmE4LDgsMCwwLDEtNC43Ny01LjQ5QzM0LjgsMTczLjM5LDMyLDE1Ni41NywzMiwxMjhzMi44LTQ1LjM5LDUuMTYtNTQuNDdBOCw4LDAsMCwxLDQxLjkzLDY4YzMwLjUyLTExLjc5LDgxLjY2LTEyLDg1Ljg1LTEyaC4yN2MuNTQsMCw1NC4zOC0uMTgsODYsMTJhOCw4LDAsMCwxLDQuNzcsNS40OUMyMjEuMiw4Mi42MSwyMjQsOTkuNDMsMjI0LDEyOFMyMjEuMiwxNzMuMzksMjE4Ljg0LDE4Mi40N1oiPjwvcGF0aD48L3N2Zz4=);
}
.cui-card-image-gui::after {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDBINDBBMTYsMTYsMCwwLDAsMjQsNTZWMjAwYTE2LDE2LDAsMCwwLDE2LDE2SDIxNmExNiwxNiwwLDAsMCwxNi0xNlY1NkExNiwxNiwwLDAsMCwyMTYsNDBabTAsMTYwSDQwVjU2SDIxNlYyMDBaTTgwLDg0QTEyLDEyLDAsMSwxLDY4LDcyLDEyLDEyLDAsMCwxLDgwLDg0Wm00MCwwYTEyLDEyLDAsMSwxLTEyLTEyQTEyLDEyLDAsMCwxLDEyMCw4NFoiPjwvcGF0aD48L3N2Zz4=);
}
.cui-card-image-developer::after {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik02OS4xMiw5NC4xNSwyOC41LDEyOGw0MC42MiwzMy44NWE4LDgsMCwxLDEtMTAuMjQsMTIuMjlsLTQ4LTQwYTgsOCwwLDAsMSwwLTEyLjI5bDQ4LTQwYTgsOCwwLDAsMSwxMC4yNCwxMi4zWm0xNzYsMjcuNy00OC00MGE4LDgsMCwxLDAtMTAuMjQsMTIuM0wyMjcuNSwxMjhsLTQwLjYyLDMzLjg1YTgsOCwwLDEsMCwxMC4yNCwxMi4yOWw0OC00MGE4LDgsMCwwLDAsMC0xMi4yOVpNMTYyLjczLDMyLjQ4YTgsOCwwLDAsMC0xMC4yNSw0Ljc5bC02NCwxNzZhOCw4LDAsMCwwLDQuNzksMTAuMjZBOC4xNCw4LjE0LDAsMCwwLDk2LDIyNGE4LDgsMCwwLDAsNy41Mi01LjI3bDY0LTE3NkE4LDgsMCwwLDAsMTYyLjczLDMyLjQ4WiI+PC9wYXRoPjwvc3ZnPg==);
}
.cui-card-image-3dmodel::after {
  mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzAwMDAwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjEuNjYsOTAuMzRoMGwtNTYtNTZBOCw4LDAsMCwwLDE2MCwzMkg0MGE4LDgsMCwwLDAtOCw4VjE2MGE4LDgsMCwwLDAsMi4zLDUuNjFsNTYsNTZoMEE4LDgsMCwwLDAsOTYsMjI0SDIxNmE4LDgsMCwwLDAsOC04Vjk2QTgsOCwwLDAsMCwyMjEuNjYsOTAuMzRaTTE2OCw1OS4zMSwxOTYuNjksODhIMTY4Wk04OCwxOTYuNjksNTkuMzEsMTY4SDg4Wk04OCwxNTJINDhWNTkuMzFsNDAsNDBaTTU5LjMxLDQ4SDE1MlY4OEg5OS4zMVpNMTUyLDEwNHY0OEgxMDRWMTA0Wk0xMDQsMjA4VjE2OGg1Mi42OWw0MCw0MFptMTA0LTExLjMxLTQwLTQwVjEwNGg0MFoiPjwvcGF0aD48L3N2Zz4=);
}

html[data-theme=dark] .cui-card {
  border-color: var(--core-gray-600);
}
html[data-theme=dark] .cui-card-image {
  background-color: var(--core-light-purple-900);
}
html[data-theme=dark] .cui-card-image::after {
  background-image: linear-gradient(135deg, var(--core-light-purple-50), var(--core-light-purple-50));
}
html[data-theme=dark] .cui-card:hover .cui-card-image {
  background-color: var(--core-light-purple-800);
}

@media (max-width: 1024px) {
  .cui-card {
    width: 48%;
  }
}
@media (max-width: 1024px) {
  :root .cui-header-mobile-nav-trigger {
    display: inline-block;
  }
  :root .cui-side-navigation {
    transform: translate3D(calc(0rem - var(--side-navigation-width-opened)), 0, 0);
    width: 0;
    position: fixed;
    top: var(--header-height);
    bottom: var(--footer-height);
    left: 0;
    z-index: 10000;
  }
  :root .cui-side-navigation.cui-side-navigation-open {
    transform: translate3d(0, 0, 0);
    width: 100%;
  }
  :root .cui-side-navigation .wrapper:has(header) header {
    top: calc(0 - var(--side-navigation-header-height));
    width: 100%;
  }
  :root .cui-side-navigation #sidebar-handle {
    display: none;
  }
  :root .cui-content {
    margin: var(--header-height) 0 var(--footer-height) 0;
  }
  :root .cui-content.cui-has-sidebar {
    margin-right: 0;
  }
  :root .cui-content.cui-has-sidebar .cui-content-sidebar {
    display: none;
  }
}
@media (max-width: 1024px) and (max-width: 480px) {
  .cui-content {
    margin: var(--header-height) 0 var(--footer-height) 0;
  }
}