/* 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: #29144F;
  --color-accent2-dark-15: #090512;
  --color-accent2-dark-25: black;
  --color-accent2-dark-35: black;
  --color-accent2-dark-40: black;
  --color-accent2-light-15: #49238c;
  --color-accent2-light-25: #5e2eb5;
  --color-accent2-light-35: #7745d0;
  --color-accent2-shade-10: #040208;
  --color-accent2-shade-20: #080410;
  --color-accent2-shade-30: #0c0618;
  --color-accent2-shade-40: #100820;
  --color-accent2-shade-50: #150a28;
  --color-accent2-shade-60: #190c2f;
  --color-accent2-shade-70: #1d0e37;
  --color-accent2-shade-80: #21103f;
  --color-accent2-shade-90: #251247;
  --color-accent2-tint-10: #e9e6ef;
  --color-accent2-tint-20: #d4cede;
  --color-accent2-tint-30: #beb6cd;
  --color-accent2-tint-40: #a99fbb;
  --color-accent2-tint-50: #9387a9;
  --color-accent2-tint-60: #7e7097;
  --color-accent2-tint-70: #695985;
  --color-accent2-tint-80: #544273;
  --color-accent2-tint-90: #3e2b61;
  --color-accent2-neutral: #8e8c92;
  --color-accent2-neutral-dark-10: #747279;
  --color-accent2-neutral-dark-15: #68666c;
  --color-accent2-neutral-dark-20: #5b5a5e;
  --color-accent2-neutral-dark-25: #4f4d51;
  --color-accent2-neutral-dark-30: #424144;
  --color-accent2-neutral-dark-35: #353437;
  --color-accent2-neutral-dark-40: #29282a;
  --color-accent2-neutral-dark-45: #1c1b1d;
  --color-accent2-neutral-dark-5: #817f86;
  --color-accent2-neutral-light-10: #a8a6ab;
  --color-accent2-neutral-light-15: #b5b3b7;
  --color-accent2-neutral-light-20: #c1c0c4;
  --color-accent2-neutral-light-25: #cecdd0;
  --color-accent2-neutral-light-30: #dbdbdc;
  --color-accent2-neutral-light-35: #e8e8e9;
  --color-accent2-neutral-light-40: whitesmoke;
  --color-accent2-neutral-light-5: #9b999e;
  --color-accent2-neutral-shade-10: #0e0e0f;
  --color-accent2-neutral-shade-20: #1c1c1d;
  --color-accent2-neutral-shade-30: #2b2a2c;
  --color-accent2-neutral-shade-40: #39383a;
  --color-accent2-neutral-shade-50: #474649;
  --color-accent2-neutral-shade-60: #555458;
  --color-accent2-neutral-shade-70: #636266;
  --color-accent2-neutral-shade-80: #727075;
  --color-accent2-neutral-shade-90: #807e83;
  --color-accent2-neutral-tint-10: #f3f2f5;
  --color-accent2-neutral-tint-20: #e8e7eb;
  --color-accent2-neutral-tint-30: #dddbe0;
  --color-accent2-neutral-tint-40: #d2d0d4;
  --color-accent2-neutral-tint-50: #c6c5c9;
  --color-accent2-neutral-tint-60: #bbbabe;
  --color-accent2-neutral-tint-70: #b0afb3;
  --color-accent2-neutral-tint-80: #a5a3a8;
  --color-accent2-neutral-tint-90: #99989d;
  --color-accent: #B1A1ED;
  --color-accent-dark-15: #7c61e1;
  --color-accent-dark-25: #5836d9;
  --color-accent-dark-35: #4323b8;
  --color-accent-dark-40: #3b1fa3;
  --color-accent-light-15: #e6e1f9;
  --color-accent-light-25: white;
  --color-accent-light-35: white;
  --color-accent-light-60: white;
  --color-accent-shade-10: #121018;
  --color-accent-shade-20: #23202f;
  --color-accent-shade-30: #353047;
  --color-accent-shade-40: #47405f;
  --color-accent-shade-50: #595177;
  --color-accent-shade-60: #6a618e;
  --color-accent-shade-70: #7c71a6;
  --color-accent-shade-80: #8e81be;
  --color-accent-shade-90: #9f91d5;
  --color-accent-tint-10: #f6f4ff;
  --color-accent-tint-20: #eeeafe;
  --color-accent-tint-30: #e6e0fc;
  --color-accent-tint-40: #ded7fa;
  --color-accent-tint-50: #d7cdf9;
  --color-accent-tint-60: #cfc5f6;
  --color-accent-tint-70: #c7bcf4;
  --color-accent-tint-80: #c0b3f1;
  --color-accent-tint-90: #b9aaef;
  --color-accent-neutral: #9b9aa1;
  --color-accent-neutral-dark-10: #818088;
  --color-accent-neutral-dark-15: #74737c;
  --color-accent-neutral-dark-20: #68676e;
  --color-accent-neutral-dark-25: #5b5a61;
  --color-accent-neutral-dark-30: #4f4e54;
  --color-accent-neutral-dark-35: #434247;
  --color-accent-neutral-dark-40: #363639;
  --color-accent-neutral-dark-45: #2a292c;
  --color-accent-neutral-dark-5: #8e8d95;
  --color-accent-neutral-light-10: #b5b4ba;
  --color-accent-neutral-light-15: #c2c2c6;
  --color-accent-neutral-light-20: #cfcfd2;
  --color-accent-neutral-light-25: #dcdcde;
  --color-accent-neutral-light-30: #e9e9eb;
  --color-accent-neutral-light-35: #f7f6f7;
  --color-accent-neutral-light-40: white;
  --color-accent-neutral-light-5: #a8a7ad;
  --color-accent-neutral-shade-10: #100f10;
  --color-accent-neutral-shade-20: #1f1f20;
  --color-accent-neutral-shade-30: #2f2e30;
  --color-accent-neutral-shade-40: #3e3e40;
  --color-accent-neutral-shade-50: #4e4d51;
  --color-accent-neutral-shade-60: #5d5c61;
  --color-accent-neutral-shade-70: #6d6c71;
  --color-accent-neutral-shade-80: #7c7b81;
  --color-accent-neutral-shade-90: #8c8b91;
  --color-accent-neutral-tint-10: #f4f4f6;
  --color-accent-neutral-tint-20: #eaeaed;
  --color-accent-neutral-tint-30: #e0e0e4;
  --color-accent-neutral-tint-40: #d6d6da;
  --color-accent-neutral-tint-50: #cdccd0;
  --color-accent-neutral-tint-60: #c3c2c7;
  --color-accent-neutral-tint-70: #b9b8bd;
  --color-accent-neutral-tint-80: #afaeb4;
  --color-accent-neutral-tint-90: #a5a4aa;
  --color-alt: #29144F;
  --color-comp-accent2: #4f4814;
  --color-comp-accent2-color-dark: black;
  --color-comp-accent2-color-gray: #3e3b25;
  --color-comp-accent: #eddaa1;
  --color-comp-accent-color-dark: #d9af36;
  --color-comp-accent-color-gray: #d9d0b5;
  --color-comp: #4f4814;
  --color-comp-color-dark: black;
  --color-comp-color-gray: #3e3b25;
  --ga-a-color: #06c;
  --a-hover-color: #06c;
  --ga-button-background-color: #8e81be;
  --ga-button-color: #f3f2f5;
  --ga-button-disabled-background-color: #8e8c92;
  --ga-button-disabled-color: #dddbe0;
  --ga-button-hover-background-color: #29144F;
  --thead-background-color: #f3f2f5;
  --thead-tr-even-background-color: #d4cede;
  --ga-tr-disable-td-background-color: #99989d;
  --ga-tr-disable-td-color: #e8e7eb;
  --tr-even-background-color: #f3f2f5;
  --body-background-color: #fff;
  --body-color: #333333;
  --color-icon-checklist: #29144F;
  --color-icon-close-up: #29144F;
  --color-icon-help: #8e8c92;
  --color-icon-info: #5e2eb5;
  --color-icon-move-down: #29144F;
  --color-icon-move-up: #29144F;
  --color-icon-next-step: #29144F;
  --color-icon-open-down: #29144F;
  --color-icon-search: #29144F;
  --color-main: #29144F;
  --color-main-dark-15: #090512;
  --color-main-dark-25: black;
  --color-main-dark-35: black;
  --color-main-dark-40: black;
  --color-main-light-15: #49238c;
  --color-main-light-20: #5329a0;
  --color-main-light-25: #5e2eb5;
  --color-main-light-30: #6833c9;
  --color-main-light-35: #7745d0;
  --color-main-light-40: #865ad5;
  --color-main-light-45: #956eda;
  --color-main-light-50: #a483df;
  --color-main-light-55: #b397e5;
  --color-main-light-60: #c1abea;
  --color-main-light-65: #d0c0ef;
  --color-main-light-70: #dfd4f4;
  --color-main-light-75: #eee8f9;
  --color-main-shade-10: #040208;
  --color-main-shade-20: #080410;
  --color-main-shade-30: #0c0618;
  --color-main-shade-40: #100820;
  --color-main-shade-50: #150a28;
  --color-main-shade-60: #190c2f;
  --color-main-shade-70: #1d0e37;
  --color-main-shade-80: #21103f;
  --color-main-shade-90: #251247;
  --color-main-tint-10: #e9e6ef;
  --color-main-tint-20: #d4cede;
  --color-main-tint-30: #beb6cd;
  --color-main-tint-40: #a99fbb;
  --color-main-tint-50: #9387a9;
  --color-main-tint-60: #7e7097;
  --color-main-tint-70: #695985;
  --color-main-tint-80: #544273;
  --color-main-tint-90: #3e2b61;
  --color-neutral: #8e8c92;
  --color-neutral-dark-10: #747279;
  --color-neutral-dark-15: #68666c;
  --color-neutral-dark-20: #5b5a5e;
  --color-neutral-dark-25: #4f4d51;
  --color-neutral-dark-30: #424144;
  --color-neutral-dark-35: #353437;
  --color-neutral-dark-40: #29282a;
  --color-neutral-dark-45: #1c1b1d;
  --color-neutral-dark-5: #817f86;
  --color-neutral-light-10: #a8a6ab;
  --color-neutral-light-15: #b5b3b7;
  --color-neutral-light-20: #c1c0c4;
  --color-neutral-light-25: #cecdd0;
  --color-neutral-light-30: #dbdbdc;
  --color-neutral-light-35: #e8e8e9;
  --color-neutral-light-40: whitesmoke;
  --color-neutral-light-5: #9b999e;
  --color-neutral-shade-10: #0e0e0f;
  --color-neutral-shade-20: #1c1c1d;
  --color-neutral-shade-30: #2b2a2c;
  --color-neutral-shade-40: #39383a;
  --color-neutral-shade-50: #474649;
  --color-neutral-shade-60: #555458;
  --color-neutral-shade-70: #636266;
  --color-neutral-shade-80: #727075;
  --color-neutral-shade-90: #807e83;
  --color-neutral-tint-10: #f3f2f5;
  --color-neutral-tint-20: #e8e7eb;
  --color-neutral-tint-30: #dddbe0;
  --color-neutral-tint-40: #d2d0d4;
  --color-neutral-tint-50: #c6c5c9;
  --color-neutral-tint-60: #bbbabe;
  --color-neutral-tint-70: #b0afb3;
  --color-neutral-tint-80: #a5a3a8;
  --color-neutral-tint-90: #99989d;
  --attendance-session-display-slot-border-color: #d2d0d4;
  --o-body-attendance-background-color: #fff;
  --o-body-attendance-color: #333333;
  --m-message-info-background-color: rgba(41, 20, 79, 0.1);
  --m-message-info-color: #29144F;
  --exhibitor-map-aside-bg-color: #d2d0d4;
  --exhibitor-map-aside-drop-down-menu-hover-bg-color: #190c2f;
  --exhibitor-map-aside-drop-down-menu-hover-text-color: whitesmoke;
  --exhibitor-map-aside-top-level-menu-bg-color: #e8e7eb;
  --exhibitor-map-aside-top-level-menu-text-color: #1c1b1d;
  --exhibitor-map-aside-top-level-menu-hover-bg-color: #100820;
  --exhibitor-map-aside-top-level-menu-hover-text-color: whitesmoke;
  --exhibitor-map-bars-bg-color: #29144F;
  --exhibitor-map-header-h1-bg-color: #29144F;
  --exhibitor-map-notifications-bg-color: #f3f2f5;
  --exhibitor-map-notifications-border-color: #474649;
  --exhibitor-map-zoom-buttons-hover-bgr-color: #0c0618;
  --color-button-background: #7c61e1;
  --color-button-background-disabled: #8e8c92;
  --color-button-background-hover: #29144F;
  --color-button-disabled: #dbdbdc;
  --a-login-h3-color: #29144F;
  --a-login-section-border-color: #8e8c92;
  --a-steps-content-background-color: whitesmoke;
  --a-steps-content-border-color: #8e8c92;
  --a-steps-link-background-color: whitesmoke;
  --a-steps-link-border-color: #8e8c92;
  --a-steps-link-color: #29144F;
  --a-steps-link-hover-background-color: #a8a6ab;
  --a-submissions-title-color: #29144F;
  --a-submissions-section-border-color: #8e8c92;
  --a-switch-background-color: #29144F;
  --a-switch-hover-background-color: #5e2eb5;
  --a-tab-border-color: #8e8c92;
  --a-tab-content-border-color: #8e8c92;
  --a-tab-selected-background-color: #B1A1ED;
  --a-tab-ul-li-border-color: #8e8c92;
  --mq-tab-ul-li-border-color: #8e8c92;
  --a-profile-h5-color: #29144F;
  --a-a-color: #06c;
  --a-clonelist-li-odd-background-color: #f3f2f5;
  --a-button-background-color: #B1A1ED;
  --a-button-disabled-background-color: #f3f2f5;
  --button-disabled-border-color: #dddbe0;
  --a-button-hover-background-color: #29144F;
  --input-disabled-border-color: #dddbe0;
  --m-childselection-border-color: #dddbe0;
  --m-clonedrecords-border-color: #dddbe0;
  --m-clonedrecords-li-odd-background-color: #f3f2f5;
  --m-clonelist-border-color: #dddbe0;
  --m-parentselection-border-color: #dddbe0;
  --m-records-border-color: #dddbe0;
  --chooseprograms-choose-icon-color: #29144F;
  --chooseprograms-choose-h4-hover-bg-color: #dddbe0;
  --chooseprograms-choose-open-bg-color: #dddbe0;
  --chooseprograms-choose-open-selected-bg-color: #dddbe0;
  --chooseprograms-choose-open-selected-font-color: #B1A1ED;
  --chooseprograms-choose-open-selected-icon-color: #B1A1ED;
  --chooseprograms-choose-open-selected-input-color: #29144F;
  --a-personal-info-block-note-label-label-color: #333333;
  --a-as-instructions-color: #090512;
  --a-cmedisclosure-applytoroleid-filledout-color: #8e8c92;
  --a-cmedisclosure-header-color: #B1A1ED;
  --a-cmedisclosure-relationshipnotes-color: #B1A1ED;
  --a-keywords-page-summary-border-color: #b5b3b7;
  --a-keywords-page-summary-select-background-color: #d2d0d4;
  --a-keywords-page-summary-select-color: #8e8c92;
  --a-mainhead-color: #29144F;
  --a-pagetitle-color: #29144F;
  --a-recordeditor-data-background-color: #dbdbdc;
  --a-registration-reg-roleoptions-h3-background-color: #29144F;
  --a-registration-reg-rolesetup-h2-background-color: #29144F;
  --a-registration-sectioninfo-current-pending-background-color: #29144F;
  --a-registration-table-sectionboxtable-sectionboxinfo-background-color: #c1c0c4;
  --a-registration-table-sectionboxtable-th-sectionboxheader-background-color: #8e8c92;
  --a-session-background: #cecdd0;
  --a-tabstaffdate-color: #29144F;
  --a-updatepersontable-norecord-background-color: #8e8c92;
  --h4-staff-color: #29144F;
  --arrange-waitlisted-background: #bbbabe;
  --button-cmedbtn-email-reminder-background: #e8e7eb;
  --button-cmedbtn-email-reminder-color: #29144F;
  --span-address-fromentry-color: #8e8c92;
  --a-table-people-td-border-color: #29144F;
  --table-people-td-color: #333333;
  --table-people-tr-odd-background-color: #e8e7eb;
  --table-person-td-color: #333333;
  --table-person-td-currentaddress-border-color: #8e8c92;
  --ul-lists-li-border-color: #b5b3b7;
  --m-assignpaper-symposium-td-border-color: #a5a3a8;
  --m-box-td-background: #e9e6ef;
  --m-box-td-color: #29144F;
  --m-clone-chooseentries-titleoption-background-color: #cecdd0;
  --m-clone-chooseoptions-optionitem-background-color: #cecdd0;
  --m-clone-title-background-color: #b5b3b7;
  --m-cmedisclosure-applyfromroleids-background: #b5b3b7;
  --m-cmedisclosure-questionsextraheader-color: #B1A1ED;
  --m-cmedisclosure-table-radio-checkbox-background-color: #cecdd0;
  --m-graybox-background-color: #dddbe0;
  --m-graybox-border-color: #e8e7eb;
  --m-grayboxheader-th-background-color: #424144;
  --m-grayboxheader-th-border-color: #747279 #bbbabe #bbbabe #bbbabe;
  --m-grayboxtable-td-background-color: #dddbe0;
  --m-grayboxtable-td-border-color: transparent #bbbabe #bbbabe #bbbabe;
  --m-js-form-element-widget-save-cancel-background-color: #8e8c92;
  --m-pageheader-border-color: #b0afb3;
  --m-people-on-background: #e8e8e9;
  --m-quickentry-nav-border-color: #8e8c92;
  --m-recordeditor-person-extra-background-color: #dbdbdc;
  --m-registration-table-sectionboxtable-border-color: #8e8c92;
  --m-registration-table-sectionboxtable-td-th-border-color: #8e8c92;
  --m-sectionbox-section-box-table-border-color: #b0afb3;
  --mq-print-sectionbox-border-color: #8e8c92;
  --table-archives-border-color: #090512;
  --table-incompletemailer-border-color: #8e8c92;
  --table-incompletemailer-td-th-border-color: #8e8c92;
  --table-people-border-color: #29144F;
  --table-people-th-background: whitesmoke;
  --table-people-th-border-color: #29144F;
  --table-people-th-color: #29144F;
  --table-people-tr-hover-td-background-color: #dbdbdc;
  --table-people-tr-hover-td-color: #333333;
  --table-person-border-color: #29144F;
  --table-person-color: #29144F;
  --table-person-address-background-color: #f3f2f5;
  --table-person-sectionbox-background-color: #f3f2f5;
  --table-template-preview-border-color: #8e8c92;
  --table-template-preview-td-border-color: #8e8c92;
  --table-template-preview-tr-last-child-td-first-child-border-color: #8e8c92;
  --m-instructions-inputs-background-color: #f3f2f5;
  --m-instructions-inputs-border-color: #dddbe0;
  --m-reviewer-border-color: #dddbe0;
  --m-sectionbox-background-color: #f3f2f5;
  --m-sectionbox-border-color: #dddbe0;
  --o-page-background-color: #fff;
  --a-active-step-background-color: #8d76e5;
  --a-current-step-background-color: #29144F;
  --a-done-step-background-color: #B1A1ED;
  --a-incomplete-step-background: #f3f2f5;
  --a-incomplete-step-background-color: #f3f2f5;
  --a-incomplete-step-color: #8e8c92;
  --a-indicator-color: #d2d0d4;
  --a-indicator-active-color: #29144F;
  --a-login-info-background: #e8e7eb;
  --a-login-info-color: #39383a;
  --a-usermenu-button-background: #29144F;
  --link-color: #06c;
  --link-hover-color: #06c;
  --m-steps-background-color: #e8e7eb;
  --o-body-background-color: #fff;
  --o-body-color: #333333;
  --table-tr-td-border-color: #dddbe0;
  --table-tr-th-border-color: #dddbe0;
  --m-displayfilters-border-color: #e8e7eb;
  --m-filter-area-border-color: #dddbe0;
  --a-alternate-background-color: #f3f2f5;
  --m-row-border-color: #dddbe0;
  --table-border-color: #dddbe0;
  --a-site-navigation-li-svg-icon-fill: #1c1c1d;
  --a-slidetitle-color: #1c1c1d;
  --a-h2-color: #29144F;
  --m-button-area-background-color: #2b2a2c;
  --m-controls-area-background-color: #2b2a2c;
  --m-site-navigation-li-color: #d2d0d4;
  --m-site-navigation-ul-topsharemenu-background-color: #e8e8e9;
  --m-site-navigation-ul-topsharemenu-a-color: #1c1c1d;
  --aside-background-color: #2b2a2c;
  --li-display-controls-color: #d2d0d4;
  --li-display-controls-background-color: #2b2a2c;
  --ul-markers-background-color: #1c1c1d;
  --ul-slides-li-background-color: #1c1c1d;
  --ul-slides-li-color: #e8e7eb;
  --eval-a-before-start-background-color: #f3f2f5;
  --eval-a-status-color: #8e8c92;
  --eval-a-h2-background-color: #e8e7eb;
  --eval-a-table-td-hr-border-color: #8e8c92;
  --eval-a-ul-credits-list-a-delete-color: #8e8c92;
  --eval-a-ul-pages-a-background-color: #251247;
  --eval-a-ul-pages-span-current-background-color: #9f91d5;
  --eval-m-modal-content-background-color: #f3f2f5;
  --eval-m-nav-evaluate-navigation-background-color: #29144F;
  --a-visa-letter-table-tr-hover: #f3f2f5;
  --a-qq-in-progress-color: #8e8c92;
  --a-qq-total-progress-bar-container-background-color: #e8e7eb;
  --a-qq-upload-button-background: #B1A1ED;
  --a-qq-upload-button-border-color: #8e81be;
  --a-qq-upload-drop-area-background: #e8e7eb;
  --a-qq-upload-drop-area-border-color: #c6c5c9;
  --a-qq-upload-drop-area-active-background: #f3f2f5;
  --a-qq-upload-fail-background-color: #f3f2f5;
  --a-qq-upload-list-li-background-color: #e8e7eb;
  --a-qq-upload-list-li-color: #474649;
  --h1-color: #29144F;
  --input-submit-button-background-color: #B1A1ED;
  --qq-upload-button-hover-background: #29144F;
  --qq-upload-delete-color: #f3f2f5;
  --qq-upload-pause-continue-background-color: #29144F;
  --qq-upload-pause-continue-border-color: #21103f;
  --qq-upload-pause-continue-color: #e8e7eb;
  --qq-upload-pause-continue-hover-background-color: #544273;
  --qq-uploader-border-color: #c6c5c9;
  --a-form-data-left-before-color: #d2d0d4;
  --a-form-data-left-before-hover-color: #2b2a2c;
  --a-form-data-right-before-hover-color: #2b2a2c;
  --fieldset-legend-color: #090512;
  --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: #e8e7eb;
  --h2-border-color: #dddbe0;
  --m-table-people-td-border-color: #dddbe0;
  --table-person-td-background: #e8e7eb;
  --o-body-frameless-background-color: #fff;
  --color-lm-button-background: #3e2b61;
  --color-lm-form-border-top: #3e2b61;
  --color-lm-info-background: #544273;
  --color-lm-info-border: #29144F;
  --color-lm-info: #29144F;
  --color-lm-table-border: #544273;
  --color-lm-tr-border: #544273;
  --color-lm-tr-background: #e9e6ef;
  --table-tr-border-color: #68666c;
  --tr-background-color: #e9e6ef;
  --tr-border-color: #544273;
  --a-assigned-entries-background-color: #29144F;
  --color-a-login-info: #e9e6ef;
  --a-main-module-header-background-color: #150a28;
  --a-main-module-header-color: #e9e6ef;
  --a-main-search-div-background-color: #f3f2f5;
  --a-meeting-select-background-color: #f3f2f5;
  --a-meeting-select-color: #333333;
  --a-navigation-tab-background-color: #f3f2f5;
  --a-tab-selected-background-color-2: #29144F;
  --m-info-color: #e9e6ef;
  --m-page-header-h1-color: #e9e6ef;
  --page-header-background-color: #29144F;
  --a-more-border-color: #b5b3b7;
  --ul-staff-li-border-color: #dddbe0;
  --ul-user-menu-li-color: #2b2a2c;
  --ul-user-menu-li-home-a-background-color: #39383a;
  --ul-user-menu-li-a-color: #2b2a2c;
  --m-dropdown-background-color: #f3f2f5;
  --m-dropdown-border-color: #c6c5c9;
  --m-dropdown-heading-border-color: #c6c5c9;
  --m-dropdown-heading-color: #39383a;
  --m-dropdown-h2-border-color: #d2d0d4;
  --m-more-color: #2b2a2c;
  --m-usermenu-border-color: #c6c5c9;
  --m-usermenu-li-border-color: #dddbe0;
  --m-usermenu-li-first-child-background-color: #f3f2f5;
  --m-usermenu-li-hover-background-color: #39383a;
  --ul-staff-border-color: #dddbe0;
  --o-globalnavigation-background-color: #f3f2f5;
  --o-globalnavigation-border-color: #d2d0d4;
  --o-globalnavigation-color: #39383a;
  --a-info-background-color: #f3f2f5;
  --a-info-border-color: #99989d;
  --a-info-color: #333333;
  --a-headerwrapper-h2-color: #090512;
  --a-lines-background-color: #e8e8e9;
  --a-lines-border-color: #747279;
  --a-nav-left-ul-li-a-color: black;
  --a-nav-left-ul-li-a-current-background-color: #090512;
  --a-nav-left-ul-li-a-hover-background-color: #4f4814;
  --a-sidebar-toggle-background-color: #e8e8e9;
  --a-submit-input-background-color: #090512;
  --a-submit-input-hover-background-color: black;
  --aside-right-nav-ul-li-a-color: #29144F;
  --aside-right-nav-ul-li-a-hover-color: black;
  --h1-border-color: #424144;
  --hr-background: #29282a;
  --input-button-background-color: #090512;
  --input-button-hover-background-color: black;
  --table-td-border-color: #68666c;
  --m-boxes-border-color: #8e8c92;
  --m-expandedcontent-background-color: #cecdd0;
  --m-headerwrapper-login-background-color: whitesmoke;
  --m-headerwrapper-login-border-color: #dbdbdc;
  --m-page-id-background-color: #dbdbdc;
  --m-page-id-color: #424144;
  --table-tr-even-background-color: #7745d0;
  --a-asc-border-color: #dddbe0;
  --table-th-background-color: #d2d0d4;
  --table-th-border-color: #e8e7eb;
  --m-display-columns-background-color: #d2d0d4;
  --m-display-columns-borde-color: #dddbe0;
  --m-order-border-color: #dddbe0;
  --o-body-manageinstitutions-color: #333333;
  --a-booth-list-ul-li-border-color: #29144F;
  --a-booth-list-ul-li-color: #29144F;
  --a-game-rank-background-color: #29144F;
  --a-game-piece-li-incomplete-span-badgecircle-path-menuicon-fill: #dddbe0;
  --a-game-piece-span-badge-info-task-color: #353437;
  --a-icon-list-a-selected-color: #2b2a2c;
  --a-leaderboard-leaderboard-item-border-color: #dddbe0;
  --a-leaderboard-h5-border-color: #dddbe0;
  --a-login-input-border-color: #dddbe0;
  --a-login-span-line-border-color: #dddbe0;
  --a-mobile-menu-ul-li-border-color: #dddbe0;
  --a-mobile-menu-ul-li-a-color: #39383a;
  --a-mobile-menu-ul-li-a-fill: #39383a;
  --a-paper-slot-slot-time-background-color: whitesmoke;
  --a-paper-slot-slot-time-border-color: #dddbe0;
  --a-paper-slot-slot-time-color: #474649;
  --a-paper-slot-slot-time-fill: #474649;
  --a-person-list-item-biography-color: #474649;
  --a-presentation-location-color: #29144F;
  --a-presentation-location-fill: #29144F;
  --a-question-and-answer-update-input-background-color: #e8e7eb;
  --a-question-and-answer-update-input-color: #474649;
  --a-similar-item-list-li-item-border-color: #dddbe0;
  --a-user-help-background-color: #8e81be;
  --a-availability-color: #8e8c92;
  --a-bookmark-color: #8e8c92;
  --a-bookmark-fill: #8e8c92;
  --a-checkmark-checked-background-color: #29144F;
  --a-compact-slot-p-slot-date-background-color: whitesmoke;
  --a-compact-slot-p-slot-date-border-color: #dddbe0;
  --a-compact-slot-p-slot-date-color: #474649;
  --a-compact-slot-p-slot-date-fill: #474649;
  --a-date-background-color: #333333;
  --a-date-indicator-li-route-color: #474649;
  --a-date-indicator-li-route-this-date-background-color: #29144F;
  --a-default-icon-background-color: #29144F;
  --a-desktop-menu-default-icon-background-color: #29144F;
  --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: #29144F;
  --a-desktop-menu-a-color: #29144F;
  --a-desktop-menu-a-fill: #29144F;
  --a-fixed-nav-a-color: #29144F;
  --a-list-indicator-swiped-li-svg-icon-fill: #474649;
  --a-list-indicator-li-this-svg-icon-fill: #474649;
  --a-loading-border-color: #f3f2f5;
  --a-loading-border-top-color: #29144F;
  --a-locked-color: #8e8c92;
  --a-locked-fill: #8e8c92;
  --a-native-icon-list-li-selected-background-color: #29144F;
  --a-native-person-title-bookmark-fill: #8e8c92;
  --a-native-appmenu-defaulticon-background-color: #29144F;
  --a-native-date-indicator-date-color: #2b2a2c;
  --a-native-nextprev-li-route-color: #B1A1ED;
  --a-native-nextprev-li-route-fill: #B1A1ED;
  --a-native-a-color: #29144F;
  --a-native-a-fill: #29144F;
  --a-native-ul-card-list-li-defaulticon-color: #29144F;
  --a-navigation-section-defaulticon-background-color: #29144F;
  --a-navigation-section-defaulticon-hover-color: #29144F;
  --a-navigation-section-ul-legend-a-fill: #29144F;
  --a-nextprev-li-route-hover-color: #B1A1ED;
  --a-note-color: #29282a;
  --a-note-svg-icon-fill: #29282a;
  --a-page-content-list-li-entry-type-list-item-border-color: #dddbe0;
  --a-person-image-background-color: #29144F;
  --a-person-image-border-color: #bbbabe;
  --a-progress-svg-icon-fill: #817f86;
  --a-public-login-h1-color: #B1A1ED;
  --a-public-login-h1-small-color: #333333;
  --a-public-login-h2-color: #29144F;
  --a-regnote-color: #29282a;
  --a-regnote-svg-icon-fill: #29282a;
  --a-schedule-color: #8e8c92;
  --a-schedule-fill: #8e8c92;
  --a-schedule-active-favorite-color: #B1A1ED;
  --a-schedule-active-favorite-fill: #B1A1ED;
  --a-title-content-color: #29144F;
  --a-user-help-background-color: #8e81be;
  --login-switchdisplay-background-color: #29144F;
  --login-switchdisplay-border-color: #29144F;
  --question-and-answer-new-question-background-color: #f3f2f5;
  --question-container-class-bar100-background-color: #dddbe0;
  --question-container-class-bar100-span-background-color: #8e8c92;
  --question-container-class-selected-bar100-span-background-color: #29144F;
  --a-visited-color: #2c1e45;
  --aside-legend-svg-icon-fill: #29144F;
  --aside-h1-background-color: #29144F;
  --button-answer-now-toggle-selected-background-color: #99989d;
  --h-tag-border-color: #dddbe0;
  --li-question-qa-edit-svg-path-color: #a5a3a8;
  --li-question-form-button-polygon-fill: #a5a3a8;
  --li-question-span-answer-text-color: #727075;
  --li-question-span-identity-text-color: #1d0e37;
  --li-question-span-question-text-color: #474649;
  --li-searchresults-pageselected-background-color: #29144F;
  --li-searchresults-pageselected-border-color: #dddbe0;
  --section-note-show-border-color: #dddbe0;
  --span-profile-image-background-color: #29144F;
  --time-border-color: #dddbe0;
  --time-color: #333333;
  --ul-card-list-bg-color-background-color: #29144F;
  --ul-card-list-li-icon-fill: #29144F;
  --ul-appmenu-li-border-color: #dddbe0;
  --ul-appmenu-li-a-color: #39383a;
  --ul-appmenu-li-a-fill: #29144F;
  --ul-search-pages-li-border-color: #dddbe0;
  --ul-search-pages-li-color: #a8a6ab;
  --ul-sharemenu-li-background-color: #e8e8e9;
  --ul-sharemenu-li-border-color: #dddbe0;
  --ul-sharemenu-li-a-hover-path-mailicon-fill: #29144F;
  --ul-table-li-select-fill: #a8a6ab;
  --ul-li-audience-poll-option-select-color: #2b2a2c;
  --ul-li-audience-poll-option-select-fill: #2b2a2c;
  --color-border: #dddbe0;
  --color-link: #06c;
  --m-completed-game-piece-li-border-color: #dddbe0;
  --m-game-scale-background: whitesmoke;
  --m-game-piece-li-border-color: #dddbe0;
  --m-leaderboard-ul-list-li-item-border-color: #dddbe0;
  --m-maps-tab-bar-li-tab-border-color: #b0afb3;
  --m-maps-tab-bar-li-tab-color: #99989d;
  --m-maps-a-color: #B1A1ED;
  --m-person-list-item-border-color: #dddbe0;
  --m-ars-topics-ul-li-border-color: #dddbe0;
  --m-compact-slot-ul-property-info-li-background-color: whitesmoke;
  --m-compact-slot-ul-property-info-li-border-color: #dddbe0;
  --m-compact-slot-ul-property-info-li-color: #474649;
  --m-compact-slot-ul-property-info-li-fill: #474649;
  --m-desktop-menu-border-color: #dddbe0;
  --m-fixed-nav-border-color: #dddbe0;
  --m-fixed-nav-my-favorites-div-top-navigation-color: #29144F;
  --m-fixed-nav-my-favorites-div-top-navigation-fill: #29144F;
  --m-fixed-nav-toggle-color: #0e0e0f;
  --m-flexitem-calendar-activefilter-background-color: #29144F;
  --m-flexitem-calendar-activefilter-hover-color: #424144;
  --m-flexitem-calendar-activefilter-text-color: whitesmoke;
  --m-flexitem-calendar-background-color: #f3f2f5;
  --m-flexitem-calendar-border-color: #f3f2f5;
  --m-flexitem-calendar-inactivefilter-border-color: #29144F;
  --m-flexitem-calendar-inactivefilter-hover-color: #d4cede;
  --m-flexitem-calendar-inactivefilter-text-color: #29144F;
  --m-flexitem-calendar-item-selection-background-color: #dddbe0;
  --m-info-box-border-color: #dddbe0;
  --m-item-calendar-border-color: #c6c5c9;
  --m-loading-overlay-background-color: rgba(177, 161, 237, 0.1);
  --m-message-border-color: #dddbe0;
  --m-native-icon-list-li-fill: #0e0e0f;
  --m-native-icon-list-li-after-border-color: #dddbe0;
  --m-native-person-list-item-border-color: #dddbe0;
  --m-native-date-background-color: #29144F;
  --m-native-footer-border-color: #dddbe0;
  --m-native-item-selection-border-color: #dddbe0;
  --m-native-ul-card-list-li-background-color: #29144F;
  --m-navigation-section-ul-li-border-color: #dddbe0;
  --m-navigation-section-ul-li-search-list-item-hover-a-color: #29144F;
  --m-navigation-section-ul-li-search-list-item-hover-a-fill: #29144F;
  --m-navigation-section-ul-li-hover-background-color: #B1A1ED;
  --m-popup-input-border-color: #dddbe0;
  --m-popup-textarea-border-color: #dddbe0;
  --m-searchterms-ul-odd-border-color: #dddbe0;
  --m-title-border-color: #dddbe0;
  --login-signin-social-section-social-background-color: #0e0e0f;
  --login-signin-social-section-social-border-color: #dddbe0;
  --item-selection-border-color: #dddbe0;
  --mq-max-width480-alpha-list-border-color: #dddbe0;
  --mq-max-width480-page-content-section-border-color: #dddbe0;
  --mq-max-width720-items-per-page-border-color: #dddbe0;
  --time-zone-color: #636266;
  --ul-tab-bar-li-background-color: #eeeafe;
  --ul-tab-bar-li-border-color: #c6c5c9;
  --ul-tab-bar-li-color: #29144F;
  --ul-tab-bar-li-hover-background-color: #B1A1ED;
  --ul-tab-bar-li-selected-background-color: #c0b3f1;
  --ul-property-info-color: #333333;
  --ul-property-info-fill: #333333;
  --ul-table-border-color: #dddbe0;
  --ul-li-audience-poll-option-border-color: #dddbe0;
  --input-select-textarea-border-color: #dddbe0;
  --m-container-background-color: #f3f2f5;
  --m-container-border-color: #dddbe0;
  --aside-ul-nav-li-border-color: #dddbe0;
  --main-setting-section-fieldset-border-color: #dddbe0;
  --fieldset-border-color: #e8e7eb;
  --m-h2-color: #29144F;
  --input-background-color: #695985;
  --fieldset-div-odd-background-color: #9387a9;
  --a-add-edit-group-input-color: #1c1c1d;
  --a-change-move-priority-down-fa-color: #29144F;
  --a-change-move-priority-up-fa-color: #29144F;
  --a-go-to-next-step-col-fa-color: #29144F;
  --a-person-form-add-address-background-color: #f3f2f5;
  --a-person-form-add-person-section-background-color: #e9e6ef;
  --a-person-form-field-group-header-color: #29144F;
  --a-person-form-form-element-group-address-selector-background-color: #e9e6ef;
  --a-person-form-form-field-input-color: #b0afb3;
  --a-person-form-form-field-input-address-background-color: #e9e6ef;
  --a-person-form-form-field-input-address-color: #b0afb3;
  --a-person-form-form-field-input-disabled-background-color: #f3f2f5;
  --a-person-form-form-field-input-disabled-color: #8e8c92;
  --a-person-form-person-name-background-color: #29144F;
  --a-person-form-select-address-selection-background-color: #29144F;
  --a-save-area-changed-message-background-color: #e9e6ef;
  --a-save-area-changed-message-fa-spinner-color: #8e8c92;
  --a-save-area-button-background-color: #21103f;
  --a-save-cancel-buttons-background-color: #21103f;
  --a-search-results-person-tr-odd-background-color: #e9e6ef;
  --table-person-table-button-color: #21103f;
  --table-tr-disable-td-background-color: #8e8c92;
  --table-tr-disable-td-color: #c6c5c9;
  --table-tr-odd-background-color: #e9e6ef;
  --td-edit-col-color: #2b2a2c;
  --td-role-code-clickable-fa-color: #9387a9;
  --td-role-code-role-change-li-background-color: #e9e6ef;
  --tr-disable-edit-col-a-color: #8e8c92;
  --ul-peoplelistinstructions-background-color: #e9e6ef;
  --ul-priority-list-input-cancel-background-color: #040208;
  --a-span-slotdisplaydatetime-color: #727075;
  --color-a-table-border: #a5a3a8;
  --color-a-tr-border: #a5a3a8;
  --color-a-tr-background: #f3f2f5;
  --a-tagline-background-color: #B1A1ED;
  --a-button-background-color-2: #29144F;
  --m-cardlist-li-color: #29144F;
  --m-cardlist-li-before-color: rgba(41, 20, 79, 0.4);
  --m-cardlist-li-even-color: #B1A1ED;
  --m-cardlist-li-even-hover-background-color: #B1A1ED;
  --m-cardlist-li-hover-background-color: #29144F;
  --mq-max-width640-cardlist-content-color: #29144F;
  --mq-max-width640-cardlist-content-a-color: #29144F;
  --mq-max-width640-cardlist-li-icon-hover-before-color: rgba(41, 20, 79, 0.4);
  --mq-max-width640-cardlist-li-hover-content-color: #29144F;
  --mq-max-width640-cardlist-li-hover-heading-color: #29144F;
  --aside-section-background-color: #e8e8e9;
  --aside-section-headerbackground-color: #29144F;
  --expander-h2-background-color: #29144F;
  --expander-li-background-color: #e8e8e9;
  --expander-li-border-color: #e9e9eb;
  --tabbed-display-border-color: #29144F;
  --tabbed-display-text-color: #1c1b1d;
  --color-tabbed-display-tab-selected-background: #29144F;
  --color-tabbed-display-tab-selected-text: white;
  --title-hr-color: #333333;
  --h4-color: #333333;
  --ul-select-securitygroup-li-selected-background-color: #29144F;
  --ul-tab-select-li-select-tab-selected-background-color: #29144F;
  --aside-border-color: #29144F;
  --ul-tab-select-border-color: #29144F;
  --main-head-color: #29144F;
  --tag-code-color: #29144F;
  --send-email-main-color: #29144F;
  --a-showspinner-color: #29144F;
  --a-button-disabled-color: #dddbe0;
  --table-tr-odd-td-background-color: #e9e6ef;
  --m-showdiff-border-color: #d2d0d4;
  --m-textdiff-border-color: #8e8c92;
  --a-extracontent-h2-color: #29144F;
  --a-main-module-header-h2-border-color: #b5b3b7;
  --feedback-link-color: #333333;
  --ul-degreerow-li-delete-label-color: #8e8c92;
  --m-agreement-agreement-background-color: #dbdbdc;
  --m-agreement-agreement-border-color: #b5b3b7;
  --m-agreement-agreement-h1-background-color: #29144F;
  --m-assigned-entries-div-backround-color: #dbdbdc;
  --m-assigned-entries-div-border-color: #b5b3b7;
  --m-disabled-background-color: #dbdbdc;
  --m-disabled-border-color: #b5b3b7;
  --m-disabled-color: #8e8c92;
  --m-extracontent-fieldset-border-color: #b5b3b7;
  --m-main-navigation-border-color: #b5b3b7;
  --m-module-frame-disableprerequisite-background: #8e8c92;
  --m-module-frame-table-tr-even-background-color: #dbdbdc;
  --m-module-frame-table-tr-even-border-color: #b5b3b7;
  --m-module-frame-table-tr-odd-border-color: #b5b3b7;
  --m-navigation-tab-disabled-tab-color: #8e8c92;
  --m-navigation-tab-disabled-tab-before-color: #c1c0c4;
  --m-navigation-tab-selected-background-color: #29144F;
  --m-navigation-tab-selected-before-background-color: #29144F;
  --m-page-header-container-background-color: #29144F;
  --m-popup-area-border-color: #b5b3b7;
  --m-statusbar-background-color: #29144F;
  --fieldset-travel-border-color: #b5b3b7;
  --ul-degreerow-border-color: #b5b3b7;
  --ul-mysubnav-color: #a8a6ab;
  --ul-subnav-background-color: #7e7097;
  --a-speakerlist-li-a-hover-span-border-color: #beb6cd;
  --m-companies-sponsorlist-li-border-color: #beb6cd;
  --m-speakerlist-li-border-color: #beb6cd;
  --m-sponsorform-border-color: #beb6cd;
  --a-edit-block-disabled-svg-path-fill: #dddbe0;
  --a-edit-block-disabled-svg-path-hover-fill: #dddbe0;
  --a-edit-block-svg-path-fill: #29144F;
  --a-edit-block-svg-path-hover-fill: #B1A1ED;
  --m-editing-background-color: #2b2a2c;
  --m-editing-h12345-color: #d4cede;
  --m-editing-input-background-color: #beb6cd;
  --button-i-fa-color: #090512;
  --table-tr-th-last-child-border-color: #a99fbb;
  --a-tr-disable-td-background-color: #8e8c92;
  --a-tr-disable-td-color: #e8e7eb;
  --thead-tr-odd-background-color: #9387a9;
  --o-body-setupuploads-color: #333333;
  --m-content-background-color: #2b2a2c;
  --m-video-border-color: #403f41;
  --header-background-color: #2b2a2c;
  --header-color: #e8e7eb;
  --o-body-videogateway-color: #2b2a2c;
  --color-hover: #2466a8;
  --color-visited: #0022cc;
  --a-exceltable-a-hover-color: #2466a8;
  --a-exceltable-a-visited-color: #0022cc;
}

@supports (color: hsl(from red h s l)) {
  :root {
    --color-accent2-dark-15: hsl(from var(--color-accent2) h s calc(l - 15));
    --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-dark-5: hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h s calc(l - 5));
    --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-20: hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h s calc(l + 20));
    --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-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-dark-40: hsl(from var(--color-accent) h s calc(l - 40));
    --color-accent-light-15: hsl(from var(--color-accent) h s calc(l + 15));
    --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 calc(s + 25) l) 10%, rgb(255, 255, 255));
    --color-accent-tint-20: color-mix(in srgb, hsl(from var(--color-accent) h calc(s + 20) l) 20%, rgb(255, 255, 255));
    --color-accent-tint-30: color-mix(in srgb, hsl(from var(--color-accent) h calc(s + 16) l) 30%, rgb(255, 255, 255));
    --color-accent-tint-40: color-mix(in srgb, hsl(from var(--color-accent) h calc(s + 12) l) 40%, rgb(255, 255, 255));
    --color-accent-tint-50: color-mix(in srgb, hsl(from var(--color-accent) h calc(s + 9) l) 50%, rgb(255, 255, 255));
    --color-accent-tint-60: color-mix(in srgb, hsl(from var(--color-accent) h calc(s + 6) l) 60%, rgb(255, 255, 255));
    --color-accent-tint-70: color-mix(in srgb, hsl(from var(--color-accent) h calc(s + 4) l) 70%, rgb(255, 255, 255));
    --color-accent-tint-80: color-mix(in srgb, hsl(from var(--color-accent) h calc(s + 2) l) 80%, rgb(255, 255, 255));
    --color-accent-tint-90: color-mix(in srgb, hsl(from var(--color-accent) h calc(s + 1) 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-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-accent2) calc(h + 512) s l) h calc(s - 35) 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-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 calc(s + 20) 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-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-light-70: hsl(from var(--color-main) h s calc(l + 70));
    --color-main-light-75: hsl(from var(--color-main) h s calc(l + 75));
    --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 calc(s + 25) l) 10%, rgb(255, 255, 255));
    --color-main-tint-20: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 20) l) 20%, rgb(255, 255, 255));
    --color-main-tint-30: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 16) l) 30%, rgb(255, 255, 255));
    --color-main-tint-40: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 12) l) 40%, rgb(255, 255, 255));
    --color-main-tint-50: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 9) l) 50%, rgb(255, 255, 255));
    --color-main-tint-60: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 6) l) 60%, rgb(255, 255, 255));
    --color-main-tint-70: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 4) l) 70%, rgb(255, 255, 255));
    --color-main-tint-80: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 2) l) 80%, rgb(255, 255, 255));
    --color-main-tint-90: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 1) 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-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-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-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-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --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 calc(s + 25) 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-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-status-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --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-a-table-td-hr-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --eval-a-ul-credits-list-a-delete-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --eval-a-ul-pages-a-background-color: color-mix(in srgb, var(--color-main) 90%, rgb(0, 0, 0));
    --eval-a-ul-pages-span-current-background-color: color-mix(in srgb, var(--color-accent) 90%, rgb(0, 0, 0));
    --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-in-progress-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --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-button-border-color: color-mix(in srgb, var(--color-accent) 80%, rgb(0, 0, 0));
    --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-border-color: color-mix(in srgb, var(--color-main) 80%, rgb(0, 0, 0));
    --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 calc(s + 2) 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));
    --fieldset-legend-color: hsl(from var(--color-main) h s calc(l - 15));
    --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 calc(s + 1) l) 90%, rgb(255, 255, 255));
    --color-a-login-info: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) l) 10%, rgb(255, 255, 255));
    --a-main-module-header-background-color: color-mix(in srgb, var(--color-main) 50%, rgb(0, 0, 0));
    --a-main-module-header-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) 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 calc(s + 25) l) 10%, rgb(255, 255, 255));
    --m-page-header-h1-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) 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-headerwrapper-h2-color: hsl(from var(--color-main) h s calc(l - 15));
    --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-current-background-color: hsl(from var(--color-main) h s calc(l - 15));
    --a-nav-left-ul-li-a-hover-background-color: hsl(from var(--color-main) calc(h + 512) s l);
    --a-sidebar-toggle-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 35));
    --a-submit-input-background-color: hsl(from var(--color-main) h s calc(l - 15));
    --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));
    --input-button-background-color: hsl(from var(--color-main) h s calc(l - 15));
    --m-boxes-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --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-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));
    --table-tr-even-background-color: hsl(from var(--color-main) h s calc(l + 35));
    --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-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-user-help-background-color: color-mix(in srgb, var(--color-accent) 80%, rgb(0, 0, 0));
    --a-availability-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-bookmark-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-bookmark-fill: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --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-locked-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-locked-fill: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-native-person-title-bookmark-fill: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --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));
    --a-schedule-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-schedule-fill: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-user-help-background-color: color-mix(in srgb, var(--color-accent) 80%, rgb(0, 0, 0));
    --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));
    --question-container-class-bar100-span-background-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --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-identity-text-color: color-mix(in srgb, var(--color-accent2) 70%, 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-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-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-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 calc(s + 20) 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-loading-overlay-background-color: hsl(from var(--color-accent) h s l / 0.1);
    --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 calc(s + 20) 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 calc(s + 2) 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 calc(s + 4) l) 70%, rgb(255, 255, 255));
    --fieldset-div-odd-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 9) 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 calc(s + 25) 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 calc(s + 25) 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 calc(s + 25) 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-person-form-form-field-input-disabled-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-save-area-changed-message-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) l) 10%, rgb(255, 255, 255));
    --a-save-area-changed-message-fa-spinner-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-save-area-button-background-color: color-mix(in srgb, var(--color-main) 80%, rgb(0, 0, 0));
    --a-save-cancel-buttons-background-color: color-mix(in srgb, var(--color-main) 80%, rgb(0, 0, 0));
    --a-search-results-person-tr-odd-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) l) 10%, rgb(255, 255, 255));
    --table-person-table-button-color: color-mix(in srgb, var(--color-main) 80%, rgb(0, 0, 0));
    --table-tr-disable-td-background-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --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 calc(s + 25) 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 calc(s + 9) l) 50%, rgb(255, 255, 255));
    --td-role-code-role-change-li-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) l) 10%, rgb(255, 255, 255));
    --tr-disable-edit-col-a-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --ul-peoplelistinstructions-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) l) 10%, rgb(255, 255, 255));
    --ul-priority-list-input-cancel-background-color: color-mix(in srgb, var(--color-main) 10%, rgb(0, 0, 0));
    --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));
    --table-tr-odd-td-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) 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));
    --m-textdiff-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --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));
    --ul-degreerow-li-delete-label-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --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-disabled-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --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-disableprerequisite-background: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --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-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --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 calc(s + 6) l) 60%, rgb(255, 255, 255));
    --a-speakerlist-li-a-hover-span-border-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 16) l) 30%, rgb(255, 255, 255));
    --m-companies-sponsorlist-li-border-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 16) l) 30%, rgb(255, 255, 255));
    --m-speakerlist-li-border-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 16) l) 30%, rgb(255, 255, 255));
    --m-sponsorform-border-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 16) 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 calc(s + 20) l) 20%, rgb(255, 255, 255));
    --m-editing-input-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 16) l) 30%, rgb(255, 255, 255));
    --button-i-fa-color: hsl(from var(--color-main) h s calc(l - 15));
    --table-tr-th-last-child-border-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 12) l) 40%, rgb(255, 255, 255));
    --a-tr-disable-td-background-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --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 calc(s + 9) 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));
    --color-hover: hsl(from var(--color-link) h calc(s - 35) l);
    --color-visited: hsl(from var(--color-link) calc(h + 20) s l);
    --a-exceltable-a-hover-color: hsl(from var(--color-link) h calc(s - 35) l);
    --a-exceltable-a-visited-color: hsl(from var(--color-link) calc(h + 20) s l);
  }
}