/* Generated by src/tools/scss-convert. Do not edit by hand.
   The literal declarations are the fallback; the @supports block derives the
   same values from the colours they were computed from, where relative colour
   syntax is supported. Both produce the same colours, so the guard cannot change
   how anything looks. See migration/plans/scss-purge.md, D5. */

:root {
  --color-accent2: #222222;
  --color-accent2-dark-15: black;
  --color-accent2-dark-25: black;
  --color-accent2-dark-35: black;
  --color-accent2-dark-40: black;
  --color-accent2-light-15: #484848;
  --color-accent2-light-25: #626262;
  --color-accent2-light-35: #7b7b7b;
  --color-accent2-shade-10: #030303;
  --color-accent2-shade-20: #070707;
  --color-accent2-shade-30: #0a0a0a;
  --color-accent2-shade-40: #0e0e0e;
  --color-accent2-shade-50: #111111;
  --color-accent2-shade-60: #141414;
  --color-accent2-shade-70: #181818;
  --color-accent2-shade-80: #1b1b1b;
  --color-accent2-shade-90: #1f1f1f;
  --color-accent2-tint-10: #eae8e8;
  --color-accent2-tint-20: #d4d1d1;
  --color-accent2-tint-30: #bebbbb;
  --color-accent2-tint-40: #a8a5a5;
  --color-accent2-tint-50: #928f8f;
  --color-accent2-tint-60: #7c7979;
  --color-accent2-tint-70: #656363;
  --color-accent2-tint-80: #4f4e4e;
  --color-accent2-tint-90: #383838;
  --color-accent2-neutral: #8d8d8d;
  --color-accent2-neutral-dark-10: #747474;
  --color-accent2-neutral-dark-15: #676767;
  --color-accent2-neutral-dark-20: #5a5a5a;
  --color-accent2-neutral-dark-25: #4d4d4d;
  --color-accent2-neutral-dark-30: #414141;
  --color-accent2-neutral-dark-35: #343434;
  --color-accent2-neutral-dark-40: #272727;
  --color-accent2-neutral-dark-45: #1a1a1a;
  --color-accent2-neutral-dark-5: gray;
  --color-accent2-neutral-light-10: #a7a7a7;
  --color-accent2-neutral-light-15: #b3b3b3;
  --color-accent2-neutral-light-20: silver;
  --color-accent2-neutral-light-25: #cdcdcd;
  --color-accent2-neutral-light-30: #dadada;
  --color-accent2-neutral-light-35: #e6e6e6;
  --color-accent2-neutral-light-40: #f3f3f3;
  --color-accent2-neutral-light-5: #9a9a9a;
  --color-accent2-neutral-shade-10: #0e0e0e;
  --color-accent2-neutral-shade-20: #1c1c1c;
  --color-accent2-neutral-shade-30: #2a2a2a;
  --color-accent2-neutral-shade-40: #383838;
  --color-accent2-neutral-shade-50: #474747;
  --color-accent2-neutral-shade-60: #555555;
  --color-accent2-neutral-shade-70: #636363;
  --color-accent2-neutral-shade-80: #717171;
  --color-accent2-neutral-shade-90: #7f7f7f;
  --color-accent2-neutral-tint-10: #f5f3f3;
  --color-accent2-neutral-tint-20: #eae7e7;
  --color-accent2-neutral-tint-30: #dedbdb;
  --color-accent2-neutral-tint-40: #d2d0d0;
  --color-accent2-neutral-tint-50: #c7c5c5;
  --color-accent2-neutral-tint-60: #bbbbbb;
  --color-accent2-neutral-tint-70: #afafaf;
  --color-accent2-neutral-tint-80: #a4a4a4;
  --color-accent2-neutral-tint-90: #989898;
  --color-accent: #0087ca;
  --color-accent-dark-15: #00547e;
  --color-accent-dark-25: #00324b;
  --color-accent-dark-35: #001018;
  --color-accent-light-15: #18b2ff;
  --color-accent-light-25: #4bc3ff;
  --color-accent-light-35: #7ed4ff;
  --color-accent-light-60: #fdfeff;
  --color-accent-shade-10: #000e14;
  --color-accent-shade-20: #001b28;
  --color-accent-shade-30: #00293d;
  --color-accent-shade-40: #003651;
  --color-accent-shade-50: #004465;
  --color-accent-shade-60: #005179;
  --color-accent-shade-70: #005f8d;
  --color-accent-shade-80: #006ca2;
  --color-accent-shade-90: #007ab6;
  --color-accent-tint-10: #e6f3fa;
  --color-accent-tint-20: #cce7f4;
  --color-accent-tint-30: #b3dbef;
  --color-accent-tint-40: #99cfea;
  --color-accent-tint-50: #80c3e5;
  --color-accent-tint-60: #66b7df;
  --color-accent-tint-70: #4dabda;
  --color-accent-tint-80: #339fd5;
  --color-accent-tint-90: #1a93cf;
  --color-accent-neutral: #8a979e;
  --color-accent-neutral-dark-10: #6f7e86;
  --color-accent-neutral-dark-15: #637178;
  --color-accent-neutral-dark-20: #58646a;
  --color-accent-neutral-dark-25: #4c575c;
  --color-accent-neutral-dark-30: #414a4e;
  --color-accent-neutral-dark-35: #353c40;
  --color-accent-neutral-dark-40: #2a2f32;
  --color-accent-neutral-dark-45: #1e2224;
  --color-accent-neutral-dark-5: #7c8b92;
  --color-accent-neutral-light-10: #a6b0b5;
  --color-accent-neutral-light-15: #b4bcc1;
  --color-accent-neutral-light-20: #c2c9cc;
  --color-accent-neutral-light-25: #d0d5d8;
  --color-accent-neutral-light-30: #dee1e3;
  --color-accent-neutral-light-35: #eceeef;
  --color-accent-neutral-light-40: #fafafa;
  --color-accent-neutral-light-5: #98a3aa;
  --color-accent-neutral-shade-10: #0e0f10;
  --color-accent-neutral-shade-20: #1c1e20;
  --color-accent-neutral-shade-30: #292d2f;
  --color-accent-neutral-shade-40: #373c3f;
  --color-accent-neutral-shade-50: #454c4f;
  --color-accent-neutral-shade-60: #535b5f;
  --color-accent-neutral-shade-70: #616a6f;
  --color-accent-neutral-shade-80: #6e797e;
  --color-accent-neutral-shade-90: #7c888e;
  --color-accent-neutral-tint-10: #f2f5f6;
  --color-accent-neutral-tint-20: #e6ebed;
  --color-accent-neutral-tint-30: #dbe0e3;
  --color-accent-neutral-tint-40: #cfd6d9;
  --color-accent-neutral-tint-50: #c4cbcf;
  --color-accent-neutral-tint-60: #b9c1c5;
  --color-accent-neutral-tint-70: #adb6bb;
  --color-accent-neutral-tint-80: #a1acb1;
  --color-accent-neutral-tint-90: #96a1a8;
  --color-comp-accent2: #222222;
  --color-comp-accent2-color-dark: black;
  --color-comp-accent2-color-gray: #222222;
  --color-comp-accent: #ca001b;
  --color-comp-accent-color-dark: #4b000a;
  --color-comp-accent-color-gray: #a72335;
  --color-comp: #9d0700;
  --color-comp-color-dark: #1e0100;
  --color-comp-color-gray: #82201b;
  --ga-button-background-color: #006ca2;
  --ga-button-color: #f2f4f6;
  --ga-button-disabled-background-color: #8a9199;
  --ga-button-disabled-color: #dbdee2;
  --ga-button-hover-background-color: #004d9d;
  --thead-background-color: #f2f4f6;
  --thead-tr-even-background-color: #ccdbeb;
  --ga-tr-disable-td-background-color: #969ca3;
  --ga-tr-disable-td-color: #e6e9ec;
  --tr-even-background-color: #f2f4f6;
  --body-color: #333333;
  --color-icon-checklist: #004d9d;
  --color-icon-close-up: #004d9d;
  --color-icon-help: #8a9199;
  --color-icon-info: #1e8cff;
  --color-icon-move-down: #004d9d;
  --color-icon-move-up: #004d9d;
  --color-icon-next-step: #004d9d;
  --color-icon-open-down: #004d9d;
  --color-icon-search: #004d9d;
  --color-main: #004d9d;
  --color-main-dark-15: #002751;
  --color-main-dark-25: #000e1e;
  --color-main-dark-35: black;
  --color-main-dark-40: black;
  --color-main-light-15: #0073ea;
  --color-main-light-20: #047fff;
  --color-main-light-25: #1e8cff;
  --color-main-light-30: #3799ff;
  --color-main-light-35: #51a6ff;
  --color-main-light-40: #6ab3ff;
  --color-main-light-45: #84c0ff;
  --color-main-light-50: #9dcdff;
  --color-main-light-55: #b7daff;
  --color-main-light-60: #d0e7ff;
  --color-main-light-65: #eaf4ff;
  --color-main-shade-10: #000810;
  --color-main-shade-20: #000f1f;
  --color-main-shade-30: #00172f;
  --color-main-shade-40: #001f3f;
  --color-main-shade-50: #00274f;
  --color-main-shade-60: #002e5e;
  --color-main-shade-70: #00366e;
  --color-main-shade-80: #003e7e;
  --color-main-shade-90: #00458d;
  --color-main-tint-10: #e6edf5;
  --color-main-tint-20: #ccdbeb;
  --color-main-tint-30: #b3cae2;
  --color-main-tint-40: #99b8d8;
  --color-main-tint-50: #80a6ce;
  --color-main-tint-60: #6694c4;
  --color-main-tint-70: #4d82ba;
  --color-main-tint-80: #3371b1;
  --color-main-tint-90: #1a5fa7;
  --color-neutral: #8a9199;
  --color-neutral-dark-10: #707780;
  --color-neutral-dark-15: #646b73;
  --color-neutral-dark-20: #585e65;
  --color-neutral-dark-25: #4c5157;
  --color-neutral-dark-30: #40454a;
  --color-neutral-dark-35: #34383c;
  --color-neutral-dark-40: #292b2e;
  --color-neutral-dark-45: #1d1f21;
  --color-neutral-dark-5: #7c848d;
  --color-neutral-light-10: #a5abb1;
  --color-neutral-light-15: #b3b7bd;
  --color-neutral-light-20: #c0c4c9;
  --color-neutral-light-25: #ced1d4;
  --color-neutral-light-30: #dcdee0;
  --color-neutral-light-35: #e9ebec;
  --color-neutral-light-40: #f7f7f8;
  --color-neutral-light-5: #989ea5;
  --color-neutral-shade-10: #0e0f0f;
  --color-neutral-shade-20: #1c1d1f;
  --color-neutral-shade-30: #292c2e;
  --color-neutral-shade-40: #373a3d;
  --color-neutral-shade-50: #45494d;
  --color-neutral-shade-60: #53575c;
  --color-neutral-shade-70: #61666b;
  --color-neutral-shade-80: #6e747a;
  --color-neutral-shade-90: #7c838a;
  --color-neutral-tint-10: #f2f4f6;
  --color-neutral-tint-20: #e6e9ec;
  --color-neutral-tint-30: #dbdee2;
  --color-neutral-tint-40: #cfd3d7;
  --color-neutral-tint-50: #c4c8cd;
  --color-neutral-tint-60: #b9bdc2;
  --color-neutral-tint-70: #adb2b8;
  --color-neutral-tint-80: #a1a7ad;
  --color-neutral-tint-90: #969ca3;
  --attendance-session-display-slot-border-color: #cfd3d7;
  --o-body-attendance-color: #333333;
  --m-message-info-background-color: rgba(0, 77, 157, 0.1);
  --m-message-info-color: #004d9d;
  --exhibitor-map-aside-bg-color: #cfd3d7;
  --exhibitor-map-aside-drop-down-menu-hover-bg-color: #002e5e;
  --exhibitor-map-aside-drop-down-menu-hover-text-color: #f7f7f8;
  --exhibitor-map-aside-top-level-menu-bg-color: #e6e9ec;
  --exhibitor-map-aside-top-level-menu-text-color: #1d1f21;
  --exhibitor-map-aside-top-level-menu-hover-bg-color: #001f3f;
  --exhibitor-map-aside-top-level-menu-hover-text-color: #f7f7f8;
  --exhibitor-map-bars-bg-color: #004d9d;
  --exhibitor-map-header-h1-bg-color: #004d9d;
  --exhibitor-map-notifications-bg-color: #f2f4f6;
  --exhibitor-map-notifications-border-color: #45494d;
  --exhibitor-map-zoom-buttons-hover-bgr-color: #00172f;
  --color-button-background: #00547e;
  --color-button-background-disabled: #8a9199;
  --color-button-background-hover: #004d9d;
  --color-button-disabled: #dcdee0;
  --a-login-h3-color: #004d9d;
  --a-login-section-border-color: #8a9199;
  --a-steps-content-background-color: #f7f7f8;
  --a-steps-content-border-color: #8a9199;
  --a-steps-link-background-color: #f7f7f8;
  --a-steps-link-border-color: #8a9199;
  --a-steps-link-color: #004d9d;
  --a-steps-link-hover-background-color: #a5abb1;
  --a-submissions-title-color: #004d9d;
  --a-submissions-section-border-color: #8a9199;
  --a-switch-background-color: #004d9d;
  --a-switch-hover-background-color: #1e8cff;
  --a-tab-border-color: #8a9199;
  --a-tab-content-border-color: #8a9199;
  --a-tab-selected-background-color: #0087ca;
  --a-tab-ul-li-border-color: #8a9199;
  --mq-tab-ul-li-border-color: #8a9199;
  --call-h1-color: #004d9d;
  --call-h2-color: #003265;
  --call-h3-color: #004489;
  --call-h4-color: #004d9d;
  --a-profile-h5-color: #004d9d;
  --a-clonelist-li-odd-background-color: #f2f4f6;
  --a-button-background-color: #0087ca;
  --a-button-disabled-background-color: #f2f4f6;
  --button-disabled-border-color: #dbdee2;
  --a-button-hover-background-color: #004d9d;
  --input-disabled-border-color: #dbdee2;
  --m-childselection-border-color: #dbdee2;
  --m-clonedrecords-border-color: #dbdee2;
  --m-clonedrecords-li-odd-background-color: #f2f4f6;
  --m-clonelist-border-color: #dbdee2;
  --m-parentselection-border-color: #dbdee2;
  --m-records-border-color: #dbdee2;
  --chooseprograms-choose-icon-color: #004d9d;
  --chooseprograms-choose-h4-hover-bg-color: #dbdee2;
  --chooseprograms-choose-open-bg-color: #dbdee2;
  --chooseprograms-choose-open-selected-bg-color: #dbdee2;
  --chooseprograms-choose-open-selected-font-color: #0087ca;
  --chooseprograms-choose-open-selected-icon-color: #0087ca;
  --chooseprograms-choose-open-selected-input-color: #004d9d;
  --a-personal-info-block-note-label-label-color: #333333;
  --a-as-instructions-color: #002751;
  --a-cmedisclosure-applytoroleid-filledout-color: #8a9199;
  --a-cmedisclosure-header-color: #0087ca;
  --a-cmedisclosure-relationshipnotes-color: #0087ca;
  --a-keywords-page-summary-border-color: #b3b7bd;
  --a-keywords-page-summary-select-background-color: #cfd3d7;
  --a-keywords-page-summary-select-color: #8a9199;
  --a-mainhead-color: #004d9d;
  --a-pagetitle-color: #004d9d;
  --a-recordeditor-data-background-color: #dcdee0;
  --a-registration-reg-roleoptions-h3-background-color: #004d9d;
  --a-registration-reg-rolesetup-h2-background-color: #004d9d;
  --a-registration-sectioninfo-current-pending-background-color: #004d9d;
  --a-registration-table-sectionboxtable-sectionboxinfo-background-color: #c0c4c9;
  --a-registration-table-sectionboxtable-th-sectionboxheader-background-color: #8a9199;
  --a-session-background: #ced1d4;
  --a-tabstaffdate-color: #004d9d;
  --a-updatepersontable-norecord-background-color: #8a9199;
  --h4-staff-color: #004d9d;
  --arrange-waitlisted-background: #b9bdc2;
  --button-cmedbtn-email-reminder-background: #e6e9ec;
  --button-cmedbtn-email-reminder-color: #004d9d;
  --span-address-fromentry-color: #8a9199;
  --a-table-people-td-border-color: #004d9d;
  --table-people-td-color: #333333;
  --table-people-tr-odd-background-color: #e6e9ec;
  --table-person-td-color: #333333;
  --table-person-td-currentaddress-border-color: #8a9199;
  --ul-lists-li-border-color: #b3b7bd;
  --m-assignpaper-symposium-td-border-color: #a1a7ad;
  --m-box-td-background: #e6edf5;
  --m-box-td-color: #004d9d;
  --m-clone-chooseentries-titleoption-background-color: #ced1d4;
  --m-clone-chooseoptions-optionitem-background-color: #ced1d4;
  --m-clone-title-background-color: #b3b7bd;
  --m-cmedisclosure-applyfromroleids-background: #b3b7bd;
  --m-cmedisclosure-questionsextraheader-color: #0087ca;
  --m-cmedisclosure-table-radio-checkbox-background-color: #ced1d4;
  --m-graybox-background-color: #dbdee2;
  --m-graybox-border-color: #e6e9ec;
  --m-grayboxheader-th-background-color: #40454a;
  --m-grayboxheader-th-border-color: #707780 #b9bdc2 #b9bdc2 #b9bdc2;
  --m-grayboxtable-td-background-color: #dbdee2;
  --m-grayboxtable-td-border-color: transparent #b9bdc2 #b9bdc2 #b9bdc2;
  --m-js-form-element-widget-save-cancel-background-color: #8a9199;
  --m-pageheader-border-color: #adb2b8;
  --m-people-on-background: #e9ebec;
  --m-quickentry-nav-border-color: #8a9199;
  --m-recordeditor-person-extra-background-color: #dcdee0;
  --m-registration-table-sectionboxtable-border-color: #8a9199;
  --m-registration-table-sectionboxtable-td-th-border-color: #8a9199;
  --m-sectionbox-section-box-table-border-color: #adb2b8;
  --mq-print-sectionbox-border-color: #8a9199;
  --table-archives-border-color: #002751;
  --table-incompletemailer-border-color: #8a9199;
  --table-incompletemailer-td-th-border-color: #8a9199;
  --table-people-border-color: #004d9d;
  --table-people-th-background: #f7f7f8;
  --table-people-th-border-color: #004d9d;
  --table-people-th-color: #004d9d;
  --table-people-tr-hover-td-background-color: #dcdee0;
  --table-people-tr-hover-td-color: #333333;
  --table-person-border-color: #004d9d;
  --table-person-color: #004d9d;
  --table-person-address-background-color: #f2f4f6;
  --table-person-sectionbox-background-color: #f2f4f6;
  --table-template-preview-border-color: #8a9199;
  --table-template-preview-td-border-color: #8a9199;
  --table-template-preview-tr-last-child-td-first-child-border-color: #8a9199;
  --m-instructions-inputs-background-color: #f2f4f6;
  --m-instructions-inputs-border-color: #dbdee2;
  --m-reviewer-border-color: #dbdee2;
  --m-sectionbox-background-color: #f2f4f6;
  --m-sectionbox-border-color: #dbdee2;
  --a-active-step-background-color: #006597;
  --a-current-step-background-color: #004d9d;
  --a-done-step-background-color: #0087ca;
  --a-incomplete-step-background: #f2f4f6;
  --a-incomplete-step-background-color: #f2f4f6;
  --a-incomplete-step-color: #8a9199;
  --a-indicator-color: #cfd3d7;
  --a-indicator-active-color: #004d9d;
  --a-login-info-background: #e6e9ec;
  --a-login-info-color: #373a3d;
  --a-usermenu-button-background: #004d9d;
  --m-steps-background-color: #e6e9ec;
  --o-body-color: #333333;
  --table-tr-td-border-color: #dbdee2;
  --table-tr-th-border-color: #dbdee2;
  --m-displayfilters-border-color: #e6e9ec;
  --m-filter-area-border-color: #dbdee2;
  --a-alternate-background-color: #f2f4f6;
  --m-row-border-color: #dbdee2;
  --table-border-color: #dbdee2;
  --a-site-navigation-li-svg-icon-fill: #1c1d1f;
  --a-slidetitle-color: #1c1d1f;
  --a-h2-color: #004d9d;
  --m-button-area-background-color: #292c2e;
  --m-controls-area-background-color: #292c2e;
  --m-site-navigation-li-color: #cfd3d7;
  --m-site-navigation-ul-topsharemenu-background-color: #e9ebec;
  --m-site-navigation-ul-topsharemenu-a-color: #1c1d1f;
  --aside-background-color: #292c2e;
  --li-display-controls-color: #cfd3d7;
  --li-display-controls-background-color: #292c2e;
  --ul-markers-background-color: #1c1d1f;
  --ul-slides-li-background-color: #1c1d1f;
  --ul-slides-li-color: #e6e9ec;
  --eval-a-before-start-background-color: #f2f4f6;
  --eval-a-status-color: #8a9199;
  --eval-a-h2-background-color: #e6e9ec;
  --eval-a-table-td-hr-border-color: #8a9199;
  --eval-a-ul-credits-list-a-delete-color: #8a9199;
  --eval-a-ul-pages-a-background-color: #00458d;
  --eval-a-ul-pages-span-current-background-color: #007ab6;
  --eval-m-modal-content-background-color: #f2f4f6;
  --eval-m-nav-evaluate-navigation-background-color: #004d9d;
  --a-visa-letter-table-tr-hover: #f2f4f6;
  --a-qq-in-progress-color: #8a9199;
  --a-qq-total-progress-bar-container-background-color: #e6e9ec;
  --a-qq-upload-button-background: #0087ca;
  --a-qq-upload-button-border-color: #006ca2;
  --a-qq-upload-drop-area-background: #e6e9ec;
  --a-qq-upload-drop-area-border-color: #c4c8cd;
  --a-qq-upload-drop-area-active-background: #f2f4f6;
  --a-qq-upload-fail-background-color: #f2f4f6;
  --a-qq-upload-list-li-background-color: #e6e9ec;
  --a-qq-upload-list-li-color: #45494d;
  --h1-color: #004d9d;
  --input-submit-button-background-color: #0087ca;
  --qq-upload-button-hover-background: #004d9d;
  --qq-upload-delete-color: #f2f4f6;
  --qq-upload-pause-continue-background-color: #004d9d;
  --qq-upload-pause-continue-border-color: #003e7e;
  --qq-upload-pause-continue-color: #e6e9ec;
  --qq-upload-pause-continue-hover-background-color: #3371b1;
  --qq-uploader-border-color: #c4c8cd;
  --a-form-data-left-before-color: #cfd3d7;
  --a-form-data-left-before-hover-color: #292c2e;
  --a-form-data-right-before-hover-color: #292c2e;
  --fieldset-legend-color: #002751;
  --m-fieldset-inner-color: #333333;
  --fieldset-item-label-text-color: #333333;
  --form-item-label-text-color: #333333;
  --form-item-toplabel-text-color: #333333;
  --ul-ordered-select-background-color: #e6e9ec;
  --h2-border-color: #dbdee2;
  --m-table-people-td-border-color: #dbdee2;
  --table-person-td-background: #e6e9ec;
  --a-usermenu-li-background-color: #E29304;
  --li-currentstep-background-color: #E29304;
  --li-donestep-background-color: #255C42;
  --m-admin-menu-ul-li-background-color: #E29304;
  --color-lm-button-background: #1a5fa7;
  --color-lm-form-border-top: #1a5fa7;
  --color-lm-info-background: #3371b1;
  --color-lm-info-border: #004d9d;
  --color-lm-info: #004d9d;
  --color-lm-table-border: #3371b1;
  --color-lm-tr-border: #3371b1;
  --color-lm-tr-background: #e6edf5;
  --table-tr-border-color: #646b73;
  --tr-background-color: #e6edf5;
  --tr-border-color: #3371b1;
  --a-assigned-entries-background-color: #004d9d;
  --color-a-login-info: #e6edf5;
  --a-main-module-header-background-color: #00274f;
  --a-main-module-header-color: #e6edf5;
  --a-main-search-div-background-color: #f2f4f6;
  --a-meeting-select-background-color: #f2f4f6;
  --a-meeting-select-color: #333333;
  --a-navigation-tab-background-color: #f2f4f6;
  --a-tab-selected-background-color-2: #004d9d;
  --m-info-color: #e6edf5;
  --m-page-header-h1-color: #e6edf5;
  --page-header-background-color: #004d9d;
  --a-more-border-color: #b3b7bd;
  --ul-staff-li-border-color: #dbdee2;
  --ul-user-menu-li-color: #292c2e;
  --ul-user-menu-li-home-a-background-color: #373a3d;
  --ul-user-menu-li-a-color: #292c2e;
  --m-dropdown-background-color: #f2f4f6;
  --m-dropdown-border-color: #c4c8cd;
  --m-dropdown-heading-border-color: #c4c8cd;
  --m-dropdown-heading-color: #373a3d;
  --m-dropdown-h2-border-color: #cfd3d7;
  --m-more-color: #292c2e;
  --m-usermenu-border-color: #c4c8cd;
  --m-usermenu-li-border-color: #dbdee2;
  --m-usermenu-li-first-child-background-color: #f2f4f6;
  --m-usermenu-li-hover-background-color: #373a3d;
  --ul-staff-border-color: #dbdee2;
  --o-globalnavigation-background-color: #f2f4f6;
  --o-globalnavigation-border-color: #cfd3d7;
  --o-globalnavigation-color: #373a3d;
  --a-info-background-color: #f2f4f6;
  --a-info-border-color: #969ca3;
  --a-info-color: #333333;
  --a-headerwrapper-h2-color: #002751;
  --a-lines-background-color: #e9ebec;
  --a-lines-border-color: #707780;
  --a-nav-left-ul-li-a-color: #1e0100;
  --a-nav-left-ul-li-a-current-background-color: #002751;
  --a-nav-left-ul-li-a-hover-background-color: #9d0700;
  --a-sidebar-toggle-background-color: #e9ebec;
  --a-submit-input-background-color: #002751;
  --a-submit-input-hover-background-color: #000e1e;
  --aside-right-nav-ul-li-a-color: #004d9d;
  --aside-right-nav-ul-li-a-hover-color: #000e1e;
  --h1-border-color: #40454a;
  --hr-background: #292b2e;
  --input-button-background-color: #002751;
  --input-button-hover-background-color: #000e1e;
  --table-td-border-color: #646b73;
  --m-boxes-border-color: #8a9199;
  --m-expandedcontent-background-color: #ced1d4;
  --m-headerwrapper-login-background-color: #f7f7f8;
  --m-headerwrapper-login-border-color: #dcdee0;
  --m-page-id-background-color: #dcdee0;
  --m-page-id-color: #40454a;
  --table-tr-even-background-color: #51a6ff;
  --a-asc-border-color: #dbdee2;
  --table-th-background-color: #cfd3d7;
  --table-th-border-color: #e6e9ec;
  --m-display-columns-background-color: #cfd3d7;
  --m-display-columns-borde-color: #dbdee2;
  --m-order-border-color: #dbdee2;
  --o-body-manageinstitutions-color: #333333;
  --a-booth-list-ul-li-border-color: #004d9d;
  --a-booth-list-ul-li-color: #004d9d;
  --a-game-rank-background-color: #004d9d;
  --a-game-piece-li-incomplete-span-badgecircle-path-menuicon-fill: #dbdee2;
  --a-game-piece-span-badge-info-task-color: #34383c;
  --a-icon-list-a-selected-color: #292c2e;
  --a-leaderboard-leaderboard-item-border-color: #dbdee2;
  --a-leaderboard-h5-border-color: #dbdee2;
  --a-login-input-border-color: #dbdee2;
  --a-login-span-line-border-color: #dbdee2;
  --a-mobile-menu-ul-li-border-color: #dbdee2;
  --a-mobile-menu-ul-li-a-color: #373a3d;
  --a-mobile-menu-ul-li-a-fill: #373a3d;
  --a-paper-slot-slot-time-background-color: #f7f7f8;
  --a-paper-slot-slot-time-border-color: #dbdee2;
  --a-paper-slot-slot-time-color: #45494d;
  --a-paper-slot-slot-time-fill: #45494d;
  --a-person-list-item-biography-color: #45494d;
  --a-presentation-location-color: #004d9d;
  --a-presentation-location-fill: #004d9d;
  --a-question-and-answer-update-input-background-color: #e6e9ec;
  --a-question-and-answer-update-input-color: #45494d;
  --a-similar-item-list-li-item-border-color: #dbdee2;
  --a-user-help-background-color: #006ca2;
  --a-availability-color: #8a9199;
  --a-bookmark-color: #8a9199;
  --a-bookmark-fill: #8a9199;
  --a-checkmark-checked-background-color: #333333;
  --a-compact-slot-p-slot-date-background-color: #f7f7f8;
  --a-compact-slot-p-slot-date-border-color: #dbdee2;
  --a-compact-slot-p-slot-date-color: #45494d;
  --a-compact-slot-p-slot-date-fill: #45494d;
  --a-date-background-color: #333333;
  --a-date-indicator-li-route-color: #45494d;
  --a-date-indicator-li-route-this-date-background-color: #004d9d;
  --a-default-icon-background-color: #004d9d;
  --a-desktop-menu-default-icon-background-color: #004d9d;
  --a-desktop-menu-default-icon-color: #333333;
  --a-desktop-menu-selected-hover-default-icon-background-color: #333333;
  --a-desktop-menu-selected-hover-default-icon-color: #004d9d;
  --a-desktop-menu-a-color: #004d9d;
  --a-desktop-menu-a-fill: #004d9d;
  --a-fixed-nav-a-color: #004d9d;
  --a-list-indicator-swiped-li-svg-icon-fill: #45494d;
  --a-list-indicator-li-this-svg-icon-fill: #45494d;
  --a-loading-border-color: #f2f4f6;
  --a-loading-border-top-color: #004d9d;
  --a-locked-color: #8a9199;
  --a-locked-fill: #8a9199;
  --a-native-icon-list-li-selected-background-color: #004d9d;
  --a-native-person-title-bookmark-fill: #8a9199;
  --a-native-appmenu-defaulticon-background-color: #004d9d;
  --a-native-date-indicator-date-color: #292c2e;
  --a-native-nextprev-li-route-color: #0087ca;
  --a-native-nextprev-li-route-fill: #0087ca;
  --a-native-a-color: #004d9d;
  --a-native-a-fill: #004d9d;
  --a-native-ul-card-list-li-defaulticon-color: #004d9d;
  --a-navigation-section-defaulticon-background-color: #004d9d;
  --a-navigation-section-defaulticon-hover-color: #004d9d;
  --a-navigation-section-ul-legend-a-fill: #004d9d;
  --a-nextprev-li-route-hover-color: #0087ca;
  --a-note-color: #292b2e;
  --a-note-svg-icon-fill: #292b2e;
  --a-page-content-list-li-entry-type-list-item-border-color: #dbdee2;
  --a-person-image-background-color: #004d9d;
  --a-person-image-border-color: #b9bdc2;
  --a-progress-svg-icon-fill: #7c848d;
  --a-public-login-h1-color: #0087ca;
  --a-public-login-h1-small-color: #333333;
  --a-public-login-h2-color: #004d9d;
  --a-regnote-color: #292b2e;
  --a-regnote-svg-icon-fill: #292b2e;
  --a-schedule-color: #8a9199;
  --a-schedule-fill: #8a9199;
  --a-schedule-active-favorite-color: #0087ca;
  --a-schedule-active-favorite-fill: #0087ca;
  --a-title-content-color: #004d9d;
  --a-user-help-background-color: #006ca2;
  --login-switchdisplay-background-color: #004d9d;
  --login-switchdisplay-border-color: #004d9d;
  --question-and-answer-new-question-background-color: #f2f4f6;
  --question-container-class-bar100-background-color: #dbdee2;
  --question-container-class-bar100-span-background-color: #8a9199;
  --question-container-class-selected-bar100-span-background-color: #004d9d;
  --a-a-color: #084d95;
  --a-visited-color: #104d8d;
  --aside-legend-svg-icon-fill: #004d9d;
  --aside-h1-background-color: #004d9d;
  --button-answer-now-toggle-selected-background-color: #969ca3;
  --h-tag-border-color: #dbdee2;
  --li-question-qa-edit-svg-path-color: #a1a7ad;
  --li-question-form-button-polygon-fill: #a1a7ad;
  --li-question-span-answer-text-color: #6e747a;
  --li-question-span-identity-text-color: #181818;
  --li-question-span-question-text-color: #45494d;
  --li-searchresults-pageselected-background-color: #004d9d;
  --li-searchresults-pageselected-border-color: #dbdee2;
  --section-note-show-border-color: #dbdee2;
  --span-profile-image-background-color: #004d9d;
  --time-border-color: #dbdee2;
  --time-color: #333333;
  --ul-card-list-bg-color-background-color: #222222;
  --ul-card-list-li-icon-fill: #004d9d;
  --ul-appmenu-li-border-color: #dbdee2;
  --ul-appmenu-li-a-color: #373a3d;
  --ul-appmenu-li-a-fill: #004d9d;
  --ul-search-pages-li-border-color: #dbdee2;
  --ul-search-pages-li-color: #a5abb1;
  --ul-sharemenu-li-background-color: #e9ebec;
  --ul-sharemenu-li-border-color: #dbdee2;
  --ul-sharemenu-li-a-hover-path-mailicon-fill: #004d9d;
  --ul-table-li-select-fill: #a5abb1;
  --ul-li-audience-poll-option-select-color: #292c2e;
  --ul-li-audience-poll-option-select-fill: #292c2e;
  --color-border: #dbdee2;
  --m-completed-game-piece-li-border-color: #dbdee2;
  --m-game-scale-background: #f7f7f8;
  --m-game-piece-li-border-color: #dbdee2;
  --m-leaderboard-ul-list-li-item-border-color: #dbdee2;
  --m-maps-tab-bar-li-tab-border-color: #adb2b8;
  --m-maps-tab-bar-li-tab-color: #969ca3;
  --m-maps-a-color: #0087ca;
  --m-person-list-item-border-color: #dbdee2;
  --m-ars-topics-ul-li-border-color: #dbdee2;
  --m-compact-slot-ul-property-info-li-background-color: #f7f7f8;
  --m-compact-slot-ul-property-info-li-border-color: #dbdee2;
  --m-compact-slot-ul-property-info-li-color: #45494d;
  --m-compact-slot-ul-property-info-li-fill: #45494d;
  --m-desktop-menu-border-color: #dbdee2;
  --m-fixed-nav-border-color: #dbdee2;
  --m-fixed-nav-my-favorites-div-top-navigation-color: #004d9d;
  --m-fixed-nav-my-favorites-div-top-navigation-fill: #004d9d;
  --m-fixed-nav-toggle-color: #0e0f0f;
  --m-flexitem-calendar-activefilter-background-color: #004d9d;
  --m-flexitem-calendar-activefilter-hover-color: #40454a;
  --m-flexitem-calendar-activefilter-text-color: #f7f7f8;
  --m-flexitem-calendar-background-color: #f2f4f6;
  --m-flexitem-calendar-border-color: #f2f4f6;
  --m-flexitem-calendar-inactivefilter-border-color: #004d9d;
  --m-flexitem-calendar-inactivefilter-hover-color: #ccdbeb;
  --m-flexitem-calendar-inactivefilter-text-color: #004d9d;
  --m-flexitem-calendar-item-selection-background-color: #dbdee2;
  --m-info-box-border-color: #dbdee2;
  --m-item-calendar-border-color: #c4c8cd;
  --m-loading-overlay-background-color: rgba(0, 135, 202, 0.1);
  --m-message-border-color: #dbdee2;
  --m-native-icon-list-li-fill: #0e0f0f;
  --m-native-icon-list-li-after-border-color: #dbdee2;
  --m-native-person-list-item-border-color: #dbdee2;
  --m-native-date-background-color: #004d9d;
  --m-native-footer-border-color: #dbdee2;
  --m-native-item-selection-border-color: #dbdee2;
  --m-native-ul-card-list-li-background-color: #004d9d;
  --m-navigation-section-ul-li-border-color: #dbdee2;
  --m-navigation-section-ul-li-search-list-item-hover-a-color: #004d9d;
  --m-navigation-section-ul-li-search-list-item-hover-a-fill: #004d9d;
  --m-navigation-section-ul-li-hover-background-color: #0087ca;
  --m-popup-input-border-color: #dbdee2;
  --m-popup-textarea-border-color: #dbdee2;
  --m-searchterms-ul-odd-border-color: #dbdee2;
  --m-title-border-color: #dbdee2;
  --login-signin-social-section-social-background-color: #0e0f0f;
  --login-signin-social-section-social-border-color: #dbdee2;
  --item-selection-border-color: #dbdee2;
  --mq-max-width480-alpha-list-border-color: #dbdee2;
  --mq-max-width480-page-content-section-border-color: #dbdee2;
  --mq-max-width720-items-per-page-border-color: #dbdee2;
  --time-zone-color: #61666b;
  --ul-tab-bar-li-background-color: #cce7f4;
  --ul-tab-bar-li-border-color: #c4c8cd;
  --ul-tab-bar-li-color: #004d9d;
  --ul-tab-bar-li-hover-background-color: #0087ca;
  --ul-tab-bar-li-selected-background-color: #339fd5;
  --ul-property-info-color: #333333;
  --ul-property-info-fill: #333333;
  --ul-table-border-color: #dbdee2;
  --ul-li-audience-poll-option-border-color: #dbdee2;
  --input-select-textarea-border-color: #dbdee2;
  --m-container-background-color: #f2f4f6;
  --m-container-border-color: #dbdee2;
  --aside-ul-nav-li-border-color: #dbdee2;
  --main-setting-section-fieldset-border-color: #dbdee2;
  --fieldset-border-color: #e6e9ec;
  --m-h2-color: #004d9d;
  --input-background-color: #4d82ba;
  --fieldset-div-odd-background-color: #80a6ce;
  --a-add-edit-group-input-color: #1c1d1f;
  --a-change-move-priority-down-fa-color: #004d9d;
  --a-change-move-priority-up-fa-color: #004d9d;
  --a-go-to-next-step-col-fa-color: #004d9d;
  --a-person-form-add-address-background-color: #f2f4f6;
  --a-person-form-add-person-section-background-color: #e6edf5;
  --a-person-form-field-group-header-color: #004d9d;
  --a-person-form-form-element-group-address-selector-background-color: #e6edf5;
  --a-person-form-form-field-input-color: #adb2b8;
  --a-person-form-form-field-input-address-background-color: #e6edf5;
  --a-person-form-form-field-input-address-color: #adb2b8;
  --a-person-form-form-field-input-disabled-background-color: #f2f4f6;
  --a-person-form-form-field-input-disabled-color: #8a9199;
  --a-person-form-person-name-background-color: #004d9d;
  --a-person-form-select-address-selection-background-color: #004d9d;
  --a-save-area-changed-message-background-color: #e6edf5;
  --a-save-area-changed-message-fa-spinner-color: #8a9199;
  --a-save-area-button-background-color: #003e7e;
  --a-save-cancel-buttons-background-color: #003e7e;
  --a-search-results-person-tr-odd-background-color: #e6edf5;
  --table-person-table-button-color: #003e7e;
  --table-tr-disable-td-background-color: #8a9199;
  --table-tr-disable-td-color: #c4c8cd;
  --table-tr-odd-background-color: #e6edf5;
  --td-edit-col-color: #292c2e;
  --td-role-code-clickable-fa-color: #80a6ce;
  --td-role-code-role-change-li-background-color: #e6edf5;
  --tr-disable-edit-col-a-color: #8a9199;
  --ul-peoplelistinstructions-background-color: #e6edf5;
  --ul-priority-list-input-cancel-background-color: #000810;
  --a-span-slotdisplaydatetime-color: #6e747a;
  --color-a-table-border: #a1a7ad;
  --color-a-tr-border: #a1a7ad;
  --color-a-tr-background: #f2f4f6;
  --a-tagline-background-color: #0087ca;
  --a-button-background-color-2: #004d9d;
  --m-cardlist-li-color: #004d9d;
  --m-cardlist-li-before-color: rgba(0, 77, 157, 0.4);
  --m-cardlist-li-even-color: #0087ca;
  --m-cardlist-li-even-hover-background-color: #0087ca;
  --m-cardlist-li-hover-background-color: #004d9d;
  --mq-max-width640-cardlist-content-color: #004d9d;
  --mq-max-width640-cardlist-content-a-color: #004d9d;
  --mq-max-width640-cardlist-li-icon-hover-before-color: rgba(0, 77, 157, 0.4);
  --mq-max-width640-cardlist-li-hover-content-color: #004d9d;
  --mq-max-width640-cardlist-li-hover-heading-color: #004d9d;
  --aside-section-background-color: #e9ebec;
  --aside-section-headerbackground-color: #222222;
  --expander-h2-background-color: #222222;
  --expander-li-background-color: #e9ebec;
  --expander-li-border-color: #dee1e3;
  --tabbed-display-border-color: #222222;
  --tabbed-display-text-color: #1d1f21;
  --color-tabbed-display-tab-selected-background: #222222;
  --color-tabbed-display-tab-selected-text: #fafafa;
  --title-hr-color: #333333;
  --h4-color: #333333;
  --ul-select-securitygroup-li-selected-background-color: #004d9d;
  --ul-tab-select-li-select-tab-selected-background-color: #004d9d;
  --aside-border-color: #004d9d;
  --ul-tab-select-border-color: #004d9d;
  --main-head-color: #004d9d;
  --tag-code-color: #004d9d;
  --send-email-main-color: #004d9d;
  --a-showspinner-color: #004d9d;
  --a-button-disabled-color: #dbdee2;
  --table-tr-odd-td-background-color: #e6edf5;
  --m-showdiff-border-color: #cfd3d7;
  --m-textdiff-border-color: #8a9199;
  --a-extracontent-h2-color: #004d9d;
  --a-main-module-header-h2-border-color: #b3b7bd;
  --feedback-link-color: #333333;
  --ul-degreerow-li-delete-label-color: #8a9199;
  --m-agreement-agreement-background-color: #dcdee0;
  --m-agreement-agreement-border-color: #b3b7bd;
  --m-agreement-agreement-h1-background-color: #004d9d;
  --m-assigned-entries-div-backround-color: #dcdee0;
  --m-assigned-entries-div-border-color: #b3b7bd;
  --m-disabled-background-color: #dcdee0;
  --m-disabled-border-color: #b3b7bd;
  --m-disabled-color: #8a9199;
  --m-extracontent-fieldset-border-color: #b3b7bd;
  --m-main-navigation-border-color: #b3b7bd;
  --m-module-frame-disableprerequisite-background: #8a9199;
  --m-module-frame-table-tr-even-background-color: #dcdee0;
  --m-module-frame-table-tr-even-border-color: #b3b7bd;
  --m-module-frame-table-tr-odd-border-color: #b3b7bd;
  --m-navigation-tab-disabled-tab-color: #8a9199;
  --m-navigation-tab-disabled-tab-before-color: #c0c4c9;
  --m-navigation-tab-selected-background-color: #004d9d;
  --m-navigation-tab-selected-before-background-color: #004d9d;
  --m-page-header-container-background-color: #004d9d;
  --m-popup-area-border-color: #b3b7bd;
  --m-statusbar-background-color: #004d9d;
  --fieldset-travel-border-color: #b3b7bd;
  --ul-degreerow-border-color: #b3b7bd;
  --ul-mysubnav-color: #a5abb1;
  --ul-subnav-background-color: #6694c4;
  --a-speakerlist-li-a-hover-span-border-color: #b3cae2;
  --m-companies-sponsorlist-li-border-color: #b3cae2;
  --m-speakerlist-li-border-color: #b3cae2;
  --m-sponsorform-border-color: #b3cae2;
  --a-edit-block-disabled-svg-path-fill: #dbdee2;
  --a-edit-block-disabled-svg-path-hover-fill: #dbdee2;
  --a-edit-block-svg-path-fill: #004d9d;
  --a-edit-block-svg-path-hover-fill: #0087ca;
  --m-editing-background-color: #292c2e;
  --m-editing-h12345-color: #ccdbeb;
  --m-editing-input-background-color: #b3cae2;
  --button-i-fa-color: #002751;
  --table-tr-th-last-child-border-color: #99b8d8;
  --a-tr-disable-td-background-color: #8a9199;
  --a-tr-disable-td-color: #e6e9ec;
  --thead-tr-odd-background-color: #80a6ce;
  --o-body-setupuploads-color: #333333;
  --m-content-background-color: #292c2e;
  --m-video-border-color: #3e4143;
  --header-background-color: #292c2e;
  --header-color: #e6e9ec;
  --o-body-videogateway-color: #292c2e;
}

@supports (color: hsl(from red h s l)) {
  :root {
    --color-accent2-light-15: hsl(from var(--color-accent2) h s calc(l + 15));
    --color-accent2-light-25: hsl(from var(--color-accent2) h s calc(l + 25));
    --color-accent2-light-35: hsl(from var(--color-accent2) h s calc(l + 35));
    --color-accent2-shade-10: color-mix(in srgb, var(--color-accent2) 10%, rgb(0, 0, 0));
    --color-accent2-shade-20: color-mix(in srgb, var(--color-accent2) 20%, rgb(0, 0, 0));
    --color-accent2-shade-30: color-mix(in srgb, var(--color-accent2) 30%, rgb(0, 0, 0));
    --color-accent2-shade-40: color-mix(in srgb, var(--color-accent2) 40%, rgb(0, 0, 0));
    --color-accent2-shade-50: color-mix(in srgb, var(--color-accent2) 50%, rgb(0, 0, 0));
    --color-accent2-shade-60: color-mix(in srgb, var(--color-accent2) 60%, rgb(0, 0, 0));
    --color-accent2-shade-70: color-mix(in srgb, var(--color-accent2) 70%, rgb(0, 0, 0));
    --color-accent2-shade-80: color-mix(in srgb, var(--color-accent2) 80%, rgb(0, 0, 0));
    --color-accent2-shade-90: color-mix(in srgb, var(--color-accent2) 90%, rgb(0, 0, 0));
    --color-accent2-tint-10: color-mix(in srgb, hsl(from var(--color-accent2) h calc(s + 25) l) 10%, rgb(255, 255, 255));
    --color-accent2-tint-20: color-mix(in srgb, hsl(from var(--color-accent2) h calc(s + 20) l) 20%, rgb(255, 255, 255));
    --color-accent2-tint-30: color-mix(in srgb, hsl(from var(--color-accent2) h calc(s + 16) l) 30%, rgb(255, 255, 255));
    --color-accent2-tint-40: color-mix(in srgb, hsl(from var(--color-accent2) h calc(s + 12) l) 40%, rgb(255, 255, 255));
    --color-accent2-tint-50: color-mix(in srgb, hsl(from var(--color-accent2) h calc(s + 9) l) 50%, rgb(255, 255, 255));
    --color-accent2-tint-60: color-mix(in srgb, hsl(from var(--color-accent2) h calc(s + 6) l) 60%, rgb(255, 255, 255));
    --color-accent2-tint-70: color-mix(in srgb, hsl(from var(--color-accent2) h calc(s + 4) l) 70%, rgb(255, 255, 255));
    --color-accent2-tint-80: color-mix(in srgb, hsl(from var(--color-accent2) h calc(s + 2) l) 80%, rgb(255, 255, 255));
    --color-accent2-tint-90: color-mix(in srgb, hsl(from var(--color-accent2) h calc(s + 1) l) 90%, rgb(255, 255, 255));
    --color-accent2-neutral: color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153));
    --color-accent2-neutral-dark-10: hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h s calc(l - 10));
    --color-accent2-neutral-dark-15: hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h s calc(l - 15));
    --color-accent2-neutral-dark-20: hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h s calc(l - 20));
    --color-accent2-neutral-dark-25: hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h s calc(l - 25));
    --color-accent2-neutral-dark-30: hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h s calc(l - 30));
    --color-accent2-neutral-dark-35: hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h s calc(l - 35));
    --color-accent2-neutral-dark-40: hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h s calc(l - 40));
    --color-accent2-neutral-dark-45: hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h s calc(l - 45));
    --color-accent2-neutral-light-10: hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h s calc(l + 10));
    --color-accent2-neutral-light-15: hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --color-accent2-neutral-light-25: hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h s calc(l + 25));
    --color-accent2-neutral-light-30: hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h s calc(l + 30));
    --color-accent2-neutral-light-35: hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h s calc(l + 35));
    --color-accent2-neutral-light-40: hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --color-accent2-neutral-light-5: hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h s calc(l + 5));
    --color-accent2-neutral-shade-10: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 10%, rgb(0, 0, 0));
    --color-accent2-neutral-shade-20: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 20%, rgb(0, 0, 0));
    --color-accent2-neutral-shade-30: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --color-accent2-neutral-shade-40: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 40%, rgb(0, 0, 0));
    --color-accent2-neutral-shade-50: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --color-accent2-neutral-shade-60: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 60%, rgb(0, 0, 0));
    --color-accent2-neutral-shade-70: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 70%, rgb(0, 0, 0));
    --color-accent2-neutral-shade-80: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 80%, rgb(0, 0, 0));
    --color-accent2-neutral-shade-90: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 90%, rgb(0, 0, 0));
    --color-accent2-neutral-tint-10: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --color-accent2-neutral-tint-20: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --color-accent2-neutral-tint-30: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --color-accent2-neutral-tint-40: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --color-accent2-neutral-tint-50: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h calc(s + 1) l) 50%, rgb(255, 255, 255));
    --color-accent2-neutral-tint-60: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 60%, rgb(255, 255, 255));
    --color-accent2-neutral-tint-70: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 70%, rgb(255, 255, 255));
    --color-accent2-neutral-tint-80: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 80%, rgb(255, 255, 255));
    --color-accent2-neutral-tint-90: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 90%, rgb(255, 255, 255));
    --color-accent-dark-15: hsl(from var(--color-accent) h s calc(l - 15));
    --color-accent-dark-25: hsl(from var(--color-accent) h s calc(l - 25));
    --color-accent-dark-35: hsl(from var(--color-accent) h s calc(l - 35));
    --color-accent-light-15: hsl(from var(--color-accent) h s calc(l + 15));
    --color-accent-light-25: hsl(from var(--color-accent) h s calc(l + 25));
    --color-accent-light-35: hsl(from var(--color-accent) h s calc(l + 35));
    --color-accent-light-60: hsl(from var(--color-accent) h s calc(l + 60));
    --color-accent-shade-10: color-mix(in srgb, var(--color-accent) 10%, rgb(0, 0, 0));
    --color-accent-shade-20: color-mix(in srgb, var(--color-accent) 20%, rgb(0, 0, 0));
    --color-accent-shade-30: color-mix(in srgb, var(--color-accent) 30%, rgb(0, 0, 0));
    --color-accent-shade-40: color-mix(in srgb, var(--color-accent) 40%, rgb(0, 0, 0));
    --color-accent-shade-50: color-mix(in srgb, var(--color-accent) 50%, rgb(0, 0, 0));
    --color-accent-shade-60: color-mix(in srgb, var(--color-accent) 60%, rgb(0, 0, 0));
    --color-accent-shade-70: color-mix(in srgb, var(--color-accent) 70%, rgb(0, 0, 0));
    --color-accent-shade-80: color-mix(in srgb, var(--color-accent) 80%, rgb(0, 0, 0));
    --color-accent-shade-90: color-mix(in srgb, var(--color-accent) 90%, rgb(0, 0, 0));
    --color-accent-tint-10: color-mix(in srgb, hsl(from var(--color-accent) h 100 l) 10%, rgb(255, 255, 255));
    --color-accent-tint-20: color-mix(in srgb, hsl(from var(--color-accent) h 100 l) 20%, rgb(255, 255, 255));
    --color-accent-tint-30: color-mix(in srgb, hsl(from var(--color-accent) h 100 l) 30%, rgb(255, 255, 255));
    --color-accent-tint-40: color-mix(in srgb, hsl(from var(--color-accent) h 100 l) 40%, rgb(255, 255, 255));
    --color-accent-tint-50: color-mix(in srgb, hsl(from var(--color-accent) h 100 l) 50%, rgb(255, 255, 255));
    --color-accent-tint-60: color-mix(in srgb, hsl(from var(--color-accent) h 100 l) 60%, rgb(255, 255, 255));
    --color-accent-tint-70: color-mix(in srgb, hsl(from var(--color-accent) h 100 l) 70%, rgb(255, 255, 255));
    --color-accent-tint-80: color-mix(in srgb, hsl(from var(--color-accent) h 100 l) 80%, rgb(255, 255, 255));
    --color-accent-tint-90: color-mix(in srgb, hsl(from var(--color-accent) h 100 l) 90%, rgb(255, 255, 255));
    --color-accent-neutral: color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153));
    --color-accent-neutral-dark-10: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l - 10));
    --color-accent-neutral-dark-15: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l - 15));
    --color-accent-neutral-dark-20: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l - 20));
    --color-accent-neutral-dark-25: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l - 25));
    --color-accent-neutral-dark-30: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l - 30));
    --color-accent-neutral-dark-35: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l - 35));
    --color-accent-neutral-dark-40: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l - 40));
    --color-accent-neutral-dark-45: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l - 45));
    --color-accent-neutral-dark-5: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l - 5));
    --color-accent-neutral-light-10: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l + 10));
    --color-accent-neutral-light-15: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --color-accent-neutral-light-20: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l + 20));
    --color-accent-neutral-light-25: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l + 25));
    --color-accent-neutral-light-30: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l + 30));
    --color-accent-neutral-light-35: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l + 35));
    --color-accent-neutral-light-40: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --color-accent-neutral-light-5: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l + 5));
    --color-accent-neutral-shade-10: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 10%, rgb(0, 0, 0));
    --color-accent-neutral-shade-20: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 20%, rgb(0, 0, 0));
    --color-accent-neutral-shade-30: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --color-accent-neutral-shade-40: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 40%, rgb(0, 0, 0));
    --color-accent-neutral-shade-50: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --color-accent-neutral-shade-60: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 60%, rgb(0, 0, 0));
    --color-accent-neutral-shade-70: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 70%, rgb(0, 0, 0));
    --color-accent-neutral-shade-80: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 80%, rgb(0, 0, 0));
    --color-accent-neutral-shade-90: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 90%, rgb(0, 0, 0));
    --color-accent-neutral-tint-10: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --color-accent-neutral-tint-20: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --color-accent-neutral-tint-30: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --color-accent-neutral-tint-40: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --color-accent-neutral-tint-50: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h calc(s + 1) l) 50%, rgb(255, 255, 255));
    --color-accent-neutral-tint-60: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 60%, rgb(255, 255, 255));
    --color-accent-neutral-tint-70: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 70%, rgb(255, 255, 255));
    --color-accent-neutral-tint-80: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 80%, rgb(255, 255, 255));
    --color-accent-neutral-tint-90: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 90%, rgb(255, 255, 255));
    --color-comp-accent2: hsl(from var(--color-accent2) calc(h + 512) s l);
    --color-comp-accent2-color-gray: hsl(from hsl(from var(--color-comp-accent2) calc(h + 512) s l) h 0 l);
    --color-comp-accent: hsl(from var(--color-accent) calc(h + 512) s l);
    --color-comp-accent-color-dark: hsl(from hsl(from var(--color-accent) calc(h + 512) s l) h s calc(l - 25));
    --color-comp-accent-color-gray: hsl(from hsl(from var(--color-accent) calc(h + 512) s l) h calc(s - 35) l);
    --color-comp: hsl(from var(--color-main) calc(h + 512) s l);
    --color-comp-color-dark: hsl(from hsl(from var(--color-main) calc(h + 512) s l) h s calc(l - 25));
    --color-comp-color-gray: hsl(from hsl(from var(--color-main) calc(h + 512) s l) h calc(s - 35) l);
    --ga-button-background-color: color-mix(in srgb, var(--color-accent) 80%, rgb(0, 0, 0));
    --ga-button-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --ga-button-disabled-background-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --ga-button-disabled-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --thead-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --thead-tr-even-background-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 20%, rgb(255, 255, 255));
    --ga-tr-disable-td-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 90%, rgb(255, 255, 255));
    --ga-tr-disable-td-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --tr-even-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --color-icon-help: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --color-icon-info: hsl(from var(--color-main) h s calc(l + 25));
    --color-main-dark-15: hsl(from var(--color-main) h s calc(l - 15));
    --color-main-dark-25: hsl(from var(--color-main) h s calc(l - 25));
    --color-main-light-15: hsl(from var(--color-main) h s calc(l + 15));
    --color-main-light-20: hsl(from var(--color-main) h s calc(l + 20));
    --color-main-light-25: hsl(from var(--color-main) h s calc(l + 25));
    --color-main-light-30: hsl(from var(--color-main) h s calc(l + 30));
    --color-main-light-35: hsl(from var(--color-main) h s calc(l + 35));
    --color-main-light-40: hsl(from var(--color-main) h s calc(l + 40));
    --color-main-light-45: hsl(from var(--color-main) h s calc(l + 45));
    --color-main-light-50: hsl(from var(--color-main) h s calc(l + 50));
    --color-main-light-55: hsl(from var(--color-main) h s calc(l + 55));
    --color-main-light-60: hsl(from var(--color-main) h s calc(l + 60));
    --color-main-light-65: hsl(from var(--color-main) h s calc(l + 65));
    --color-main-shade-10: color-mix(in srgb, var(--color-main) 10%, rgb(0, 0, 0));
    --color-main-shade-20: color-mix(in srgb, var(--color-main) 20%, rgb(0, 0, 0));
    --color-main-shade-30: color-mix(in srgb, var(--color-main) 30%, rgb(0, 0, 0));
    --color-main-shade-40: color-mix(in srgb, var(--color-main) 40%, rgb(0, 0, 0));
    --color-main-shade-50: color-mix(in srgb, var(--color-main) 50%, rgb(0, 0, 0));
    --color-main-shade-60: color-mix(in srgb, var(--color-main) 60%, rgb(0, 0, 0));
    --color-main-shade-70: color-mix(in srgb, var(--color-main) 70%, rgb(0, 0, 0));
    --color-main-shade-80: color-mix(in srgb, var(--color-main) 80%, rgb(0, 0, 0));
    --color-main-shade-90: color-mix(in srgb, var(--color-main) 90%, rgb(0, 0, 0));
    --color-main-tint-10: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 10%, rgb(255, 255, 255));
    --color-main-tint-20: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 20%, rgb(255, 255, 255));
    --color-main-tint-30: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 30%, rgb(255, 255, 255));
    --color-main-tint-40: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 40%, rgb(255, 255, 255));
    --color-main-tint-50: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 50%, rgb(255, 255, 255));
    --color-main-tint-60: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 60%, rgb(255, 255, 255));
    --color-main-tint-70: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 70%, rgb(255, 255, 255));
    --color-main-tint-80: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 80%, rgb(255, 255, 255));
    --color-main-tint-90: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 90%, rgb(255, 255, 255));
    --color-neutral: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --color-neutral-dark-10: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 10));
    --color-neutral-dark-15: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 15));
    --color-neutral-dark-20: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 20));
    --color-neutral-dark-25: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 25));
    --color-neutral-dark-30: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 30));
    --color-neutral-dark-35: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 35));
    --color-neutral-dark-40: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 40));
    --color-neutral-dark-45: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 45));
    --color-neutral-dark-5: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 5));
    --color-neutral-light-10: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 10));
    --color-neutral-light-15: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --color-neutral-light-20: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 20));
    --color-neutral-light-25: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 25));
    --color-neutral-light-30: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 30));
    --color-neutral-light-35: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 35));
    --color-neutral-light-40: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --color-neutral-light-5: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 5));
    --color-neutral-shade-10: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 10%, rgb(0, 0, 0));
    --color-neutral-shade-20: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 20%, rgb(0, 0, 0));
    --color-neutral-shade-30: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --color-neutral-shade-40: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 40%, rgb(0, 0, 0));
    --color-neutral-shade-50: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --color-neutral-shade-60: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 60%, rgb(0, 0, 0));
    --color-neutral-shade-70: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 70%, rgb(0, 0, 0));
    --color-neutral-shade-80: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 80%, rgb(0, 0, 0));
    --color-neutral-shade-90: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 90%, rgb(0, 0, 0));
    --color-neutral-tint-10: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --color-neutral-tint-20: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --color-neutral-tint-30: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --color-neutral-tint-40: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --color-neutral-tint-50: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 1) l) 50%, rgb(255, 255, 255));
    --color-neutral-tint-60: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 60%, rgb(255, 255, 255));
    --color-neutral-tint-70: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 70%, rgb(255, 255, 255));
    --color-neutral-tint-80: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 80%, rgb(255, 255, 255));
    --color-neutral-tint-90: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 90%, rgb(255, 255, 255));
    --attendance-session-display-slot-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --m-message-info-background-color: hsl(from var(--color-main) h s l / 0.1);
    --exhibitor-map-aside-bg-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --exhibitor-map-aside-drop-down-menu-hover-bg-color: color-mix(in srgb, var(--color-main) 60%, rgb(0, 0, 0));
    --exhibitor-map-aside-drop-down-menu-hover-text-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --exhibitor-map-aside-top-level-menu-bg-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --exhibitor-map-aside-top-level-menu-text-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 45));
    --exhibitor-map-aside-top-level-menu-hover-bg-color: color-mix(in srgb, var(--color-main) 40%, rgb(0, 0, 0));
    --exhibitor-map-aside-top-level-menu-hover-text-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --exhibitor-map-notifications-bg-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --exhibitor-map-notifications-border-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --exhibitor-map-zoom-buttons-hover-bgr-color: color-mix(in srgb, var(--color-main) 30%, rgb(0, 0, 0));
    --color-button-background: hsl(from var(--color-accent) h s calc(l - 15));
    --color-button-background-disabled: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --color-button-disabled: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 30));
    --a-login-section-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-steps-content-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --a-steps-content-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-steps-link-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --a-steps-link-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-steps-link-hover-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 10));
    --a-submissions-section-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-switch-hover-background-color: hsl(from var(--color-main) h s calc(l + 25));
    --a-tab-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-tab-content-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-tab-ul-li-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --mq-tab-ul-li-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-clonelist-li-odd-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --button-disabled-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --input-disabled-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-childselection-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-clonedrecords-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-clonedrecords-li-odd-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --m-clonelist-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-parentselection-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-records-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --chooseprograms-choose-h4-hover-bg-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --chooseprograms-choose-open-bg-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --chooseprograms-choose-open-selected-bg-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-as-instructions-color: hsl(from var(--color-main) h s calc(l - 15));
    --a-cmedisclosure-applytoroleid-filledout-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-keywords-page-summary-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --a-keywords-page-summary-select-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --a-keywords-page-summary-select-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-recordeditor-data-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 30));
    --a-registration-table-sectionboxtable-sectionboxinfo-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 20));
    --a-registration-table-sectionboxtable-th-sectionboxheader-background-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-session-background: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 25));
    --a-updatepersontable-norecord-background-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --arrange-waitlisted-background: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 60%, rgb(255, 255, 255));
    --button-cmedbtn-email-reminder-background: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --span-address-fromentry-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --table-people-tr-odd-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --table-person-td-currentaddress-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --ul-lists-li-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --m-assignpaper-symposium-td-border-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 80%, rgb(255, 255, 255));
    --m-box-td-background: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 10%, rgb(255, 255, 255));
    --m-clone-chooseentries-titleoption-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 25));
    --m-clone-chooseoptions-optionitem-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 25));
    --m-clone-title-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --m-cmedisclosure-applyfromroleids-background: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --m-cmedisclosure-table-radio-checkbox-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 25));
    --m-graybox-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-graybox-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --m-grayboxheader-th-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 30));
    --m-grayboxtable-td-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-js-form-element-widget-save-cancel-background-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --m-pageheader-border-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 70%, rgb(255, 255, 255));
    --m-people-on-background: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 35));
    --m-quickentry-nav-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --m-recordeditor-person-extra-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 30));
    --m-registration-table-sectionboxtable-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --m-registration-table-sectionboxtable-td-th-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --m-sectionbox-section-box-table-border-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 70%, rgb(255, 255, 255));
    --mq-print-sectionbox-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --table-archives-border-color: hsl(from var(--color-main) h s calc(l - 15));
    --table-incompletemailer-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --table-incompletemailer-td-th-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --table-people-th-background: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --table-people-tr-hover-td-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 30));
    --table-person-address-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --table-person-sectionbox-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --table-template-preview-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --table-template-preview-td-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --table-template-preview-tr-last-child-td-first-child-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --m-instructions-inputs-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --m-instructions-inputs-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-reviewer-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-sectionbox-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --m-sectionbox-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-active-step-background-color: hsl(from var(--color-accent) h s calc(l - 10));
    --a-incomplete-step-background: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --a-incomplete-step-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --a-incomplete-step-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-indicator-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --a-login-info-background: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --a-login-info-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 40%, rgb(0, 0, 0));
    --m-steps-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --table-tr-td-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --table-tr-th-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-displayfilters-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --m-filter-area-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-alternate-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --m-row-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-site-navigation-li-svg-icon-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 20%, rgb(0, 0, 0));
    --a-slidetitle-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 20%, rgb(0, 0, 0));
    --m-button-area-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --m-controls-area-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --m-site-navigation-li-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --m-site-navigation-ul-topsharemenu-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 35));
    --m-site-navigation-ul-topsharemenu-a-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 20%, rgb(0, 0, 0));
    --li-display-controls-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --li-display-controls-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --ul-markers-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 20%, rgb(0, 0, 0));
    --ul-slides-li-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 20%, rgb(0, 0, 0));
    --ul-slides-li-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --eval-a-before-start-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --eval-a-h2-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --eval-m-modal-content-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --a-visa-letter-table-tr-hover: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --a-qq-total-progress-bar-container-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --a-qq-upload-drop-area-background: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --a-qq-upload-drop-area-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 1) l) 50%, rgb(255, 255, 255));
    --a-qq-upload-drop-area-active-background: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --a-qq-upload-fail-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --a-qq-upload-list-li-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --a-qq-upload-list-li-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --qq-upload-delete-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --qq-upload-pause-continue-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --qq-upload-pause-continue-hover-background-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 80%, rgb(255, 255, 255));
    --qq-uploader-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 1) l) 50%, rgb(255, 255, 255));
    --a-form-data-left-before-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --a-form-data-left-before-hover-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --a-form-data-right-before-hover-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --ul-ordered-select-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --h2-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-table-people-td-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --table-person-td-background: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --color-lm-button-background: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 90%, rgb(255, 255, 255));
    --color-a-login-info: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 10%, rgb(255, 255, 255));
    --a-main-module-header-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 10%, rgb(255, 255, 255));
    --a-main-search-div-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --a-meeting-select-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --a-navigation-tab-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --m-info-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 10%, rgb(255, 255, 255));
    --m-page-header-h1-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 10%, rgb(255, 255, 255));
    --a-more-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --ul-staff-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --ul-user-menu-li-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --ul-user-menu-li-home-a-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 40%, rgb(0, 0, 0));
    --ul-user-menu-li-a-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --m-dropdown-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --m-dropdown-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 1) l) 50%, rgb(255, 255, 255));
    --m-dropdown-heading-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 1) l) 50%, rgb(255, 255, 255));
    --m-dropdown-heading-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 40%, rgb(0, 0, 0));
    --m-dropdown-h2-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --m-more-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --m-usermenu-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 1) l) 50%, rgb(255, 255, 255));
    --m-usermenu-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-usermenu-li-first-child-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --m-usermenu-li-hover-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 40%, rgb(0, 0, 0));
    --ul-staff-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --o-globalnavigation-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --o-globalnavigation-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --o-globalnavigation-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 40%, rgb(0, 0, 0));
    --a-info-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --a-info-border-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 90%, rgb(255, 255, 255));
    --a-lines-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 35));
    --a-lines-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 10));
    --a-nav-left-ul-li-a-color: hsl(from hsl(from var(--color-main) calc(h + 512) s l) h s calc(l - 25));
    --a-sidebar-toggle-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 35));
    --h1-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 30));
    --hr-background: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 40));
    --m-expandedcontent-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 25));
    --m-headerwrapper-login-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --m-headerwrapper-login-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 30));
    --m-page-id-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 30));
    --m-page-id-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 30));
    --a-asc-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --table-th-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --m-display-columns-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --m-display-columns-borde-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-order-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-game-piece-li-incomplete-span-badgecircle-path-menuicon-fill: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-game-piece-span-badge-info-task-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 35));
    --a-icon-list-a-selected-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --a-leaderboard-leaderboard-item-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-leaderboard-h5-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-login-input-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-login-span-line-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-mobile-menu-ul-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-mobile-menu-ul-li-a-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 40%, rgb(0, 0, 0));
    --a-mobile-menu-ul-li-a-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 40%, rgb(0, 0, 0));
    --a-paper-slot-slot-time-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --a-paper-slot-slot-time-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-paper-slot-slot-time-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --a-paper-slot-slot-time-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --a-person-list-item-biography-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --a-question-and-answer-update-input-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --a-question-and-answer-update-input-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --a-similar-item-list-li-item-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-compact-slot-p-slot-date-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --a-compact-slot-p-slot-date-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-compact-slot-p-slot-date-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --a-compact-slot-p-slot-date-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --a-date-indicator-li-route-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --a-list-indicator-swiped-li-svg-icon-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --a-list-indicator-li-this-svg-icon-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --a-loading-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --a-native-date-indicator-date-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --a-note-svg-icon-fill: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 40));
    --a-page-content-list-li-entry-type-list-item-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-person-image-border-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 60%, rgb(255, 255, 255));
    --a-regnote-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 40));
    --a-regnote-svg-icon-fill: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 40));
    --question-and-answer-new-question-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --question-container-class-bar100-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --button-answer-now-toggle-selected-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 90%, rgb(255, 255, 255));
    --h-tag-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --li-question-qa-edit-svg-path-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 80%, rgb(255, 255, 255));
    --li-question-form-button-polygon-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 80%, rgb(255, 255, 255));
    --li-question-span-answer-text-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 80%, rgb(0, 0, 0));
    --li-question-span-question-text-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --li-searchresults-pageselected-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --section-note-show-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --time-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --ul-appmenu-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --ul-appmenu-li-a-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 40%, rgb(0, 0, 0));
    --ul-search-pages-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --ul-search-pages-li-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 10));
    --ul-sharemenu-li-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 35));
    --ul-sharemenu-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --ul-table-li-select-fill: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 10));
    --ul-li-audience-poll-option-select-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --ul-li-audience-poll-option-select-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --color-border: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-completed-game-piece-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-game-scale-background: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --m-game-piece-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-leaderboard-ul-list-li-item-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-maps-tab-bar-li-tab-border-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 70%, rgb(255, 255, 255));
    --m-maps-tab-bar-li-tab-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 90%, rgb(255, 255, 255));
    --m-person-list-item-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-ars-topics-ul-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-compact-slot-ul-property-info-li-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --m-compact-slot-ul-property-info-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-compact-slot-ul-property-info-li-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --m-compact-slot-ul-property-info-li-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --m-desktop-menu-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-fixed-nav-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-fixed-nav-toggle-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 10%, rgb(0, 0, 0));
    --m-flexitem-calendar-activefilter-hover-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 30));
    --m-flexitem-calendar-activefilter-text-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --m-flexitem-calendar-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --m-flexitem-calendar-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --m-flexitem-calendar-inactivefilter-hover-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 20%, rgb(255, 255, 255));
    --m-flexitem-calendar-item-selection-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-info-box-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-item-calendar-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 1) l) 50%, rgb(255, 255, 255));
    --m-message-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-native-icon-list-li-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 10%, rgb(0, 0, 0));
    --m-native-icon-list-li-after-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-native-person-list-item-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-native-footer-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-native-item-selection-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-navigation-section-ul-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-popup-input-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-popup-textarea-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-searchterms-ul-odd-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-title-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --login-signin-social-section-social-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 10%, rgb(0, 0, 0));
    --login-signin-social-section-social-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --item-selection-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --mq-max-width480-alpha-list-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --mq-max-width480-page-content-section-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --mq-max-width720-items-per-page-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --time-zone-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 70%, rgb(0, 0, 0));
    --ul-tab-bar-li-background-color: color-mix(in srgb, hsl(from var(--color-accent) h 100 l) 20%, rgb(255, 255, 255));
    --ul-tab-bar-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 1) l) 50%, rgb(255, 255, 255));
    --ul-tab-bar-li-selected-background-color: color-mix(in srgb, hsl(from var(--color-accent) h 100 l) 80%, rgb(255, 255, 255));
    --ul-table-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --ul-li-audience-poll-option-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --input-select-textarea-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-container-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --m-container-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --aside-ul-nav-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --main-setting-section-fieldset-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --input-background-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 70%, rgb(255, 255, 255));
    --fieldset-div-odd-background-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 50%, rgb(255, 255, 255));
    --a-add-edit-group-input-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 20%, rgb(0, 0, 0));
    --a-person-form-add-address-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --a-person-form-add-person-section-background-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 10%, rgb(255, 255, 255));
    --a-person-form-form-element-group-address-selector-background-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 10%, rgb(255, 255, 255));
    --a-person-form-form-field-input-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 70%, rgb(255, 255, 255));
    --a-person-form-form-field-input-address-background-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 10%, rgb(255, 255, 255));
    --a-person-form-form-field-input-address-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 70%, rgb(255, 255, 255));
    --a-person-form-form-field-input-disabled-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --a-save-area-changed-message-background-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 10%, rgb(255, 255, 255));
    --a-search-results-person-tr-odd-background-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 10%, rgb(255, 255, 255));
    --table-tr-disable-td-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 1) l) 50%, rgb(255, 255, 255));
    --table-tr-odd-background-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 10%, rgb(255, 255, 255));
    --td-edit-col-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --td-role-code-clickable-fa-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 50%, rgb(255, 255, 255));
    --td-role-code-role-change-li-background-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 10%, rgb(255, 255, 255));
    --ul-peoplelistinstructions-background-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 10%, rgb(255, 255, 255));
    --a-span-slotdisplaydatetime-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 80%, rgb(0, 0, 0));
    --color-a-table-border: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 80%, rgb(255, 255, 255));
    --color-a-tr-border: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 80%, rgb(255, 255, 255));
    --color-a-tr-background: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --aside-section-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 35));
    --expander-li-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 35));
    --expander-li-border-color: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l + 30));
    --tabbed-display-text-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 45));
    --color-tabbed-display-tab-selected-text: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --table-tr-odd-td-background-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 10%, rgb(255, 255, 255));
    --m-showdiff-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --a-main-module-header-h2-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --m-agreement-agreement-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 30));
    --m-agreement-agreement-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --m-assigned-entries-div-backround-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 30));
    --m-assigned-entries-div-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --m-disabled-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 30));
    --m-disabled-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --m-extracontent-fieldset-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --m-main-navigation-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --m-module-frame-table-tr-even-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 30));
    --m-module-frame-table-tr-even-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --m-module-frame-table-tr-odd-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --m-navigation-tab-disabled-tab-before-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 20));
    --m-popup-area-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --fieldset-travel-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --ul-degreerow-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --ul-mysubnav-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 10));
    --ul-subnav-background-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 60%, rgb(255, 255, 255));
    --a-speakerlist-li-a-hover-span-border-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 30%, rgb(255, 255, 255));
    --m-companies-sponsorlist-li-border-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 30%, rgb(255, 255, 255));
    --m-speakerlist-li-border-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 30%, rgb(255, 255, 255));
    --m-sponsorform-border-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 30%, rgb(255, 255, 255));
    --a-edit-block-disabled-svg-path-fill: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-edit-block-disabled-svg-path-hover-fill: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-editing-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --m-editing-h12345-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 20%, rgb(255, 255, 255));
    --m-editing-input-background-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 30%, rgb(255, 255, 255));
    --table-tr-th-last-child-border-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 40%, rgb(255, 255, 255));
    --a-tr-disable-td-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --thead-tr-odd-background-color: color-mix(in srgb, hsl(from var(--color-main) h 100 l) 50%, rgb(255, 255, 255));
    --m-content-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --m-video-border-color: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0)) 90%, rgb(255, 255, 255));
    --header-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --header-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --o-body-videogateway-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
  }
}