/* 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: #1A9CA6;
  --color-accent2-dark-15: #105e64;
  --color-accent2-dark-25: #093438;
  --color-accent2-dark-35: #020b0c;
  --color-accent2-dark-40: black;
  --color-accent2-light-15: #2ed2de;
  --color-accent2-light-25: #5adbe5;
  --color-accent2-light-35: #86e5ec;
  --color-accent2-shade-10: #031011;
  --color-accent2-shade-20: #051f21;
  --color-accent2-shade-30: #082f32;
  --color-accent2-shade-40: #0a3e42;
  --color-accent2-shade-50: #0d4e53;
  --color-accent2-shade-60: #105e64;
  --color-accent2-shade-70: #126d74;
  --color-accent2-shade-80: #157d85;
  --color-accent2-shade-90: #178c95;
  --color-accent2-tint-10: #e6f7f9;
  --color-accent2-tint-20: #cdeef1;
  --color-accent2-tint-30: #b6e5e9;
  --color-accent2-tint-40: #9fdbe0;
  --color-accent2-tint-50: #88d1d7;
  --color-accent2-tint-60: #72c7cd;
  --color-accent2-tint-70: #5cbcc3;
  --color-accent2-tint-80: #46b1b9;
  --color-accent2-tint-90: #30a7b0;
  --color-accent2-neutral: #8c999a;
  --color-accent2-neutral-dark-10: #728081;
  --color-accent2-neutral-dark-15: #667374;
  --color-accent2-neutral-dark-20: #5a6566;
  --color-accent2-neutral-dark-25: #4e5859;
  --color-accent2-neutral-dark-30: #424a4b;
  --color-accent2-neutral-dark-35: #363d3d;
  --color-accent2-neutral-dark-40: #2a3030;
  --color-accent2-neutral-dark-45: #1e2222;
  --color-accent2-neutral-dark-5: #7e8d8e;
  --color-accent2-neutral-light-10: #a7b1b2;
  --color-accent2-neutral-light-15: #b5bdbe;
  --color-accent2-neutral-light-20: #c2c9ca;
  --color-accent2-neutral-light-25: #d0d5d6;
  --color-accent2-neutral-light-30: #dde1e2;
  --color-accent2-neutral-light-35: #ebeded;
  --color-accent2-neutral-light-40: #f9f9f9;
  --color-accent2-neutral-light-5: #9aa5a6;
  --color-accent2-neutral-shade-10: #0e0f0f;
  --color-accent2-neutral-shade-20: #1c1f1f;
  --color-accent2-neutral-shade-30: #2a2e2e;
  --color-accent2-neutral-shade-40: #383d3e;
  --color-accent2-neutral-shade-50: #464d4d;
  --color-accent2-neutral-shade-60: #545c5c;
  --color-accent2-neutral-shade-70: #626b6c;
  --color-accent2-neutral-shade-80: #707a7b;
  --color-accent2-neutral-shade-90: #7e8a8b;
  --color-accent2-neutral-tint-10: #f3f6f6;
  --color-accent2-neutral-tint-20: #e7ecec;
  --color-accent2-neutral-tint-30: #dbe2e2;
  --color-accent2-neutral-tint-40: #d0d7d7;
  --color-accent2-neutral-tint-50: #c5cccd;
  --color-accent2-neutral-tint-60: #bac2c2;
  --color-accent2-neutral-tint-70: #afb8b8;
  --color-accent2-neutral-tint-80: #a3adae;
  --color-accent2-neutral-tint-90: #98a3a4;
  --color-accent: #1A9CA6;
  --color-accent-dark-15: #105e64;
  --color-accent-dark-25: #093438;
  --color-accent-dark-35: #020b0c;
  --color-accent-light-15: #2ed2de;
  --color-accent-light-25: #5adbe5;
  --color-accent-light-35: #86e5ec;
  --color-accent-light-60: #f5fdfd;
  --color-accent-shade-10: #031011;
  --color-accent-shade-20: #051f21;
  --color-accent-shade-30: #082f32;
  --color-accent-shade-40: #0a3e42;
  --color-accent-shade-50: #0d4e53;
  --color-accent-shade-60: #105e64;
  --color-accent-shade-70: #126d74;
  --color-accent-shade-80: #157d85;
  --color-accent-shade-90: #178c95;
  --color-accent-tint-10: #e6f7f9;
  --color-accent-tint-20: #cdeef1;
  --color-accent-tint-30: #b6e5e9;
  --color-accent-tint-40: #9fdbe0;
  --color-accent-tint-50: #88d1d7;
  --color-accent-tint-60: #72c7cd;
  --color-accent-tint-70: #5cbcc3;
  --color-accent-tint-80: #46b1b9;
  --color-accent-tint-90: #30a7b0;
  --color-accent-neutral: #8c999a;
  --color-accent-neutral-dark-10: #728081;
  --color-accent-neutral-dark-15: #667374;
  --color-accent-neutral-dark-20: #5a6566;
  --color-accent-neutral-dark-25: #4e5859;
  --color-accent-neutral-dark-30: #424a4b;
  --color-accent-neutral-dark-35: #363d3d;
  --color-accent-neutral-dark-40: #2a3030;
  --color-accent-neutral-dark-45: #1e2222;
  --color-accent-neutral-dark-5: #7e8d8e;
  --color-accent-neutral-light-10: #a7b1b2;
  --color-accent-neutral-light-15: #b5bdbe;
  --color-accent-neutral-light-20: #c2c9ca;
  --color-accent-neutral-light-25: #d0d5d6;
  --color-accent-neutral-light-30: #dde1e2;
  --color-accent-neutral-light-35: #ebeded;
  --color-accent-neutral-light-40: #f9f9f9;
  --color-accent-neutral-light-5: #9aa5a6;
  --color-accent-neutral-shade-10: #0e0f0f;
  --color-accent-neutral-shade-20: #1c1f1f;
  --color-accent-neutral-shade-30: #2a2e2e;
  --color-accent-neutral-shade-40: #383d3e;
  --color-accent-neutral-shade-50: #464d4d;
  --color-accent-neutral-shade-60: #545c5c;
  --color-accent-neutral-shade-70: #626b6c;
  --color-accent-neutral-shade-80: #707a7b;
  --color-accent-neutral-shade-90: #7e8a8b;
  --color-accent-neutral-tint-10: #f3f6f6;
  --color-accent-neutral-tint-20: #e7ecec;
  --color-accent-neutral-tint-30: #dbe2e2;
  --color-accent-neutral-tint-40: #d0d7d7;
  --color-accent-neutral-tint-50: #c5cccd;
  --color-accent-neutral-tint-60: #bac2c2;
  --color-accent-neutral-tint-70: #afb8b8;
  --color-accent-neutral-tint-80: #a3adae;
  --color-accent-neutral-tint-90: #98a3a4;
  --color-comp-accent2: #a61a51;
  --color-comp-accent2-color-dark: #38091b;
  --color-comp-accent2-color-gray: #843c58;
  --color-comp-accent: #a61a51;
  --color-comp-accent-color-dark: #38091b;
  --color-comp-accent-color-gray: #843c58;
  --color-comp: #47122b;
  --color-comp-color-dark: black;
  --color-comp-color-gray: #37222c;
  --ga-a-color: #009DAA;
  --a-hover-color: #009DAA;
  --ga-button-background-color: #157d85;
  --ga-button-color: #f2f5f5;
  --ga-button-disabled-background-color: #8c9191;
  --ga-button-disabled-color: #dbdfdf;
  --ga-button-hover-background-color: #124747;
  --thead-background-color: #f2f5f5;
  --thead-tr-even-background-color: #cedcdc;
  --ga-tr-disable-td-background-color: #989c9c;
  --ga-tr-disable-td-color: #e7eaea;
  --tr-even-background-color: #f2f5f5;
  --body-background-color: #FFFFFF;
  --body-color: #5E5C5C;
  --color-icon-checklist: #124747;
  --color-icon-close-up: #124747;
  --color-icon-help: #8c9191;
  --color-icon-info: #2cadad;
  --color-icon-move-down: #124747;
  --color-icon-move-up: #124747;
  --color-icon-next-step: #124747;
  --color-icon-open-down: #124747;
  --color-icon-search: #124747;
  --color-main: #124747;
  --color-main-dark-15: #030a0a;
  --color-main-dark-25: black;
  --color-main-dark-35: black;
  --color-main-dark-40: black;
  --color-main-light-15: #218484;
  --color-main-light-20: #279898;
  --color-main-light-25: #2cadad;
  --color-main-light-30: #31c1c1;
  --color-main-light-35: #3ecece;
  --color-main-light-40: #52d3d3;
  --color-main-light-45: #66d8d8;
  --color-main-light-50: #7bdddd;
  --color-main-light-55: #8fe3e3;
  --color-main-light-60: #a3e8e8;
  --color-main-light-65: #b8eded;
  --color-main-light-70: #ccf2f2;
  --color-main-light-75: #e0f7f7;
  --color-main-shade-10: #020707;
  --color-main-shade-20: #040e0e;
  --color-main-shade-30: #051515;
  --color-main-shade-40: #071c1c;
  --color-main-shade-50: #092424;
  --color-main-shade-60: #0b2b2b;
  --color-main-shade-70: #0d3232;
  --color-main-shade-80: #0e3939;
  --color-main-shade-90: #104040;
  --color-main-tint-10: #e6eeee;
  --color-main-tint-20: #cedcdc;
  --color-main-tint-30: #b6caca;
  --color-main-tint-40: #9eb8b8;
  --color-main-tint-50: #86a5a5;
  --color-main-tint-60: #6f9292;
  --color-main-tint-70: #587f7f;
  --color-main-tint-80: #416d6d;
  --color-main-tint-90: #295a5a;
  --color-neutral: #8c9191;
  --color-neutral-dark-10: #727878;
  --color-neutral-dark-15: #666b6b;
  --color-neutral-dark-20: #595e5e;
  --color-neutral-dark-25: #4d5151;
  --color-neutral-dark-30: #414343;
  --color-neutral-dark-35: #343636;
  --color-neutral-dark-40: #282929;
  --color-neutral-dark-45: #1b1c1c;
  --color-neutral-dark-5: #7f8585;
  --color-neutral-light-10: #a6aaaa;
  --color-neutral-light-15: #b3b6b6;
  --color-neutral-light-20: #c0c3c3;
  --color-neutral-light-25: #cdcfcf;
  --color-neutral-light-30: #dadcdc;
  --color-neutral-light-35: #e7e8e8;
  --color-neutral-light-40: #f4f5f5;
  --color-neutral-light-5: #999d9d;
  --color-neutral-shade-10: #0e0f0f;
  --color-neutral-shade-20: #1c1d1d;
  --color-neutral-shade-30: #2a2c2c;
  --color-neutral-shade-40: #383a3a;
  --color-neutral-shade-50: #464949;
  --color-neutral-shade-60: #545757;
  --color-neutral-shade-70: #626666;
  --color-neutral-shade-80: #707474;
  --color-neutral-shade-90: #7e8383;
  --color-neutral-tint-10: #f2f5f5;
  --color-neutral-tint-20: #e7eaea;
  --color-neutral-tint-30: #dbdfdf;
  --color-neutral-tint-40: #d0d4d4;
  --color-neutral-tint-50: #c5c9c9;
  --color-neutral-tint-60: #babdbd;
  --color-neutral-tint-70: #afb2b2;
  --color-neutral-tint-80: #a3a7a7;
  --color-neutral-tint-90: #989c9c;
  --attendance-session-display-slot-border-color: #d0d4d4;
  --o-body-attendance-background-color: #FFFFFF;
  --o-body-attendance-color: #5E5C5C;
  --m-message-info-background-color: rgba(18, 71, 71, 0.1);
  --m-message-info-color: #124747;
  --exhibitor-map-aside-bg-color: #d0d4d4;
  --exhibitor-map-aside-drop-down-menu-hover-bg-color: #0b2b2b;
  --exhibitor-map-aside-drop-down-menu-hover-text-color: #f4f5f5;
  --exhibitor-map-aside-top-level-menu-bg-color: #e7eaea;
  --exhibitor-map-aside-top-level-menu-text-color: #1b1c1c;
  --exhibitor-map-aside-top-level-menu-hover-bg-color: #071c1c;
  --exhibitor-map-aside-top-level-menu-hover-text-color: #f4f5f5;
  --exhibitor-map-bars-bg-color: #124747;
  --exhibitor-map-header-h1-bg-color: #124747;
  --exhibitor-map-notifications-bg-color: #f2f5f5;
  --exhibitor-map-notifications-border-color: #464949;
  --exhibitor-map-zoom-buttons-hover-bgr-color: #051515;
  --color-button-background: #105e64;
  --color-button-background-disabled: #8c9191;
  --color-button-background-hover: #124747;
  --color-button-disabled: #dadcdc;
  --a-login-h3-color: #124747;
  --a-login-section-border-color: #8c9191;
  --a-steps-content-background-color: #f4f5f5;
  --a-steps-content-border-color: #8c9191;
  --a-steps-link-background-color: #f4f5f5;
  --a-steps-link-border-color: #8c9191;
  --a-steps-link-color: #124747;
  --a-steps-link-hover-background-color: #a6aaaa;
  --a-submissions-title-color: #124747;
  --a-submissions-section-border-color: #8c9191;
  --a-switch-background-color: #124747;
  --a-switch-hover-background-color: #2cadad;
  --a-tab-border-color: #8c9191;
  --a-tab-content-border-color: #8c9191;
  --a-tab-selected-background-color: #1A9CA6;
  --a-tab-ul-li-border-color: #8c9191;
  --mq-tab-ul-li-border-color: #8c9191;
  --a-profile-h5-color: #124747;
  --a-a-color: #009DAA;
  --a-clonelist-li-odd-background-color: #f2f5f5;
  --a-button-background-color: #1A9CA6;
  --a-button-disabled-background-color: #f2f5f5;
  --button-disabled-border-color: #dbdfdf;
  --a-button-hover-background-color: #124747;
  --input-disabled-border-color: #dbdfdf;
  --m-childselection-border-color: #dbdfdf;
  --m-clonedrecords-border-color: #dbdfdf;
  --m-clonedrecords-li-odd-background-color: #f2f5f5;
  --m-clonelist-border-color: #dbdfdf;
  --m-parentselection-border-color: #dbdfdf;
  --m-records-border-color: #dbdfdf;
  --chooseprograms-choose-icon-color: #124747;
  --chooseprograms-choose-h4-hover-bg-color: #dbdfdf;
  --chooseprograms-choose-open-bg-color: #dbdfdf;
  --chooseprograms-choose-open-selected-bg-color: #dbdfdf;
  --chooseprograms-choose-open-selected-font-color: #1A9CA6;
  --chooseprograms-choose-open-selected-icon-color: #1A9CA6;
  --chooseprograms-choose-open-selected-input-color: #124747;
  --a-personal-info-block-note-label-label-color: #5E5C5C;
  --a-as-instructions-color: #030a0a;
  --a-cmedisclosure-applytoroleid-filledout-color: #8c9191;
  --a-cmedisclosure-header-color: #1A9CA6;
  --a-cmedisclosure-relationshipnotes-color: #1A9CA6;
  --a-keywords-page-summary-border-color: #b3b6b6;
  --a-keywords-page-summary-select-background-color: #d0d4d4;
  --a-keywords-page-summary-select-color: #8c9191;
  --a-mainhead-color: #124747;
  --a-pagetitle-color: #124747;
  --a-recordeditor-data-background-color: #dadcdc;
  --a-registration-reg-roleoptions-h3-background-color: #124747;
  --a-registration-reg-rolesetup-h2-background-color: #124747;
  --a-registration-sectioninfo-current-pending-background-color: #124747;
  --a-registration-table-sectionboxtable-sectionboxinfo-background-color: #c0c3c3;
  --a-registration-table-sectionboxtable-th-sectionboxheader-background-color: #8c9191;
  --a-session-background: #cdcfcf;
  --a-tabstaffdate-color: #124747;
  --a-updatepersontable-norecord-background-color: #8c9191;
  --h4-staff-color: #124747;
  --arrange-waitlisted-background: #babdbd;
  --button-cmedbtn-email-reminder-background: #e7eaea;
  --button-cmedbtn-email-reminder-color: #124747;
  --span-address-fromentry-color: #8c9191;
  --a-table-people-td-border-color: #124747;
  --table-people-td-color: #5E5C5C;
  --table-people-tr-odd-background-color: #e7eaea;
  --table-person-td-color: #5E5C5C;
  --table-person-td-currentaddress-border-color: #8c9191;
  --ul-lists-li-border-color: #b3b6b6;
  --m-assignpaper-symposium-td-border-color: #a3a7a7;
  --m-box-td-background: #e6eeee;
  --m-box-td-color: #124747;
  --m-clone-chooseentries-titleoption-background-color: #cdcfcf;
  --m-clone-chooseoptions-optionitem-background-color: #cdcfcf;
  --m-clone-title-background-color: #b3b6b6;
  --m-cmedisclosure-applyfromroleids-background: #b3b6b6;
  --m-cmedisclosure-questionsextraheader-color: #1A9CA6;
  --m-cmedisclosure-table-radio-checkbox-background-color: #cdcfcf;
  --m-graybox-background-color: #dbdfdf;
  --m-graybox-border-color: #e7eaea;
  --m-grayboxheader-th-background-color: #414343;
  --m-grayboxheader-th-border-color: #727878 #babdbd #babdbd #babdbd;
  --m-grayboxtable-td-background-color: #dbdfdf;
  --m-grayboxtable-td-border-color: transparent #babdbd #babdbd #babdbd;
  --m-js-form-element-widget-save-cancel-background-color: #8c9191;
  --m-pageheader-border-color: #afb2b2;
  --m-people-on-background: #e7e8e8;
  --m-quickentry-nav-border-color: #8c9191;
  --m-recordeditor-person-extra-background-color: #dadcdc;
  --m-registration-table-sectionboxtable-border-color: #8c9191;
  --m-registration-table-sectionboxtable-td-th-border-color: #8c9191;
  --m-sectionbox-section-box-table-border-color: #afb2b2;
  --mq-print-sectionbox-border-color: #8c9191;
  --table-archives-border-color: #030a0a;
  --table-incompletemailer-border-color: #8c9191;
  --table-incompletemailer-td-th-border-color: #8c9191;
  --table-people-border-color: #124747;
  --table-people-th-background: #f4f5f5;
  --table-people-th-border-color: #124747;
  --table-people-th-color: #124747;
  --table-people-tr-hover-td-background-color: #dadcdc;
  --table-people-tr-hover-td-color: #5E5C5C;
  --table-person-border-color: #124747;
  --table-person-color: #124747;
  --table-person-address-background-color: #f2f5f5;
  --table-person-sectionbox-background-color: #f2f5f5;
  --table-template-preview-border-color: #8c9191;
  --table-template-preview-td-border-color: #8c9191;
  --table-template-preview-tr-last-child-td-first-child-border-color: #8c9191;
  --m-instructions-inputs-background-color: #f2f5f5;
  --m-instructions-inputs-border-color: #dbdfdf;
  --m-reviewer-border-color: #dbdfdf;
  --m-sectionbox-background-color: #f2f5f5;
  --m-sectionbox-border-color: #dbdfdf;
  --o-page-background-color: #FFFFFF;
  --a-active-step-background-color: #13737a;
  --a-current-step-background-color: #124747;
  --a-done-step-background-color: #1A9C49;
  --a-incomplete-step-background: #f2f5f5;
  --a-incomplete-step-background-color: #f2f5f5;
  --a-incomplete-step-color: #8c9191;
  --a-indicator-color: #d0d4d4;
  --a-indicator-active-color: #124747;
  --a-login-info-background: #e7eaea;
  --a-login-info-color: #383a3a;
  --a-usermenu-button-background: #124747;
  --link-color: #009DAA;
  --link-hover-color: #009DAA;
  --m-steps-background-color: #e7eaea;
  --header-background-color: #009DAA;
  --header2-background-color: #98d1d4;
  --header2-border-color: #fff;
  --header2-color: #124747;
  --o-body-background-color: #FFFFFF;
  --o-body-color: #5E5C5C;
  --table-tr-td-border-color: #dbdfdf;
  --table-tr-th-border-color: #dbdfdf;
  --m-displayfilters-border-color: #e7eaea;
  --m-filter-area-border-color: #dbdfdf;
  --a-alternate-background-color: #f2f5f5;
  --m-row-border-color: #dbdfdf;
  --table-border-color: #dbdfdf;
  --a-site-navigation-li-svg-icon-fill: #1c1d1d;
  --a-slidetitle-color: #1c1d1d;
  --a-h2-color: #124747;
  --m-button-area-background-color: #2a2c2c;
  --m-controls-area-background-color: #2a2c2c;
  --m-site-navigation-li-color: #d0d4d4;
  --m-site-navigation-ul-topsharemenu-background-color: #e7e8e8;
  --m-site-navigation-ul-topsharemenu-a-color: #1c1d1d;
  --aside-background-color: #2a2c2c;
  --li-display-controls-color: #d0d4d4;
  --li-display-controls-background-color: #2a2c2c;
  --ul-markers-background-color: #1c1d1d;
  --ul-slides-li-background-color: #1c1d1d;
  --ul-slides-li-color: #e7eaea;
  --eval-a-before-start-background-color: #f2f5f5;
  --eval-a-status-color: #8c9191;
  --eval-a-h2-background-color: #e7eaea;
  --eval-a-table-td-hr-border-color: #8c9191;
  --eval-a-ul-credits-list-a-delete-color: #8c9191;
  --eval-a-ul-pages-a-background-color: #104040;
  --eval-a-ul-pages-span-current-background-color: #178c95;
  --eval-m-modal-content-background-color: #f2f5f5;
  --eval-m-nav-evaluate-navigation-background-color: #124747;
  --a-visa-letter-table-tr-hover: #f2f5f5;
  --a-qq-in-progress-color: #8c9191;
  --a-qq-total-progress-bar-container-background-color: #e7eaea;
  --a-qq-upload-button-background: #1A9CA6;
  --a-qq-upload-button-border-color: #157d85;
  --a-qq-upload-drop-area-background: #e7eaea;
  --a-qq-upload-drop-area-border-color: #c5c9c9;
  --a-qq-upload-drop-area-active-background: #f2f5f5;
  --a-qq-upload-fail-background-color: #f2f5f5;
  --a-qq-upload-list-li-background-color: #e7eaea;
  --a-qq-upload-list-li-color: #464949;
  --h1-color: #124747;
  --input-submit-button-background-color: #1A9CA6;
  --qq-upload-button-hover-background: #124747;
  --qq-upload-delete-color: #f2f5f5;
  --qq-upload-pause-continue-background-color: #124747;
  --qq-upload-pause-continue-border-color: #0e3939;
  --qq-upload-pause-continue-color: #e7eaea;
  --qq-upload-pause-continue-hover-background-color: #416d6d;
  --qq-uploader-border-color: #c5c9c9;
  --a-form-data-left-before-color: #d0d4d4;
  --a-form-data-left-before-hover-color: #2a2c2c;
  --a-form-data-right-before-hover-color: #2a2c2c;
  --fieldset-legend-color: #030a0a;
  --m-fieldset-inner-color: #5E5C5C;
  --fieldset-item-label-text-color: #5E5C5C;
  --form-item-label-text-color: #5E5C5C;
  --form-item-toplabel-text-color: #5E5C5C;
  --ul-ordered-select-background-color: #e7eaea;
  --h2-border-color: #dbdfdf;
  --m-table-people-td-border-color: #dbdfdf;
  --table-person-td-background: #e7eaea;
  --o-body-frameless-background-color: #FFFFFF;
  --color-lm-button-background: #295a5a;
  --color-lm-form-border-top: #295a5a;
  --color-lm-info-background: #416d6d;
  --color-lm-info-border: #124747;
  --color-lm-info: #124747;
  --color-lm-table-border: #416d6d;
  --color-lm-tr-border: #416d6d;
  --color-lm-tr-background: #e6eeee;
  --table-tr-border-color: #666b6b;
  --tr-background-color: #e6eeee;
  --tr-border-color: #416d6d;
  --a-assigned-entries-background-color: #124747;
  --color-a-login-info: #e6eeee;
  --a-main-module-header-background-color: #092424;
  --a-main-module-header-color: #e6eeee;
  --a-main-search-div-background-color: #f2f5f5;
  --a-meeting-select-background-color: #f2f5f5;
  --a-meeting-select-color: #5E5C5C;
  --a-navigation-tab-background-color: #f2f5f5;
  --a-tab-selected-background-color-2: #124747;
  --m-info-color: #e6eeee;
  --m-page-header-h1-color: #e6eeee;
  --page-header-background-color: #124747;
  --a-more-border-color: #b3b6b6;
  --ul-staff-li-border-color: #dbdfdf;
  --ul-user-menu-li-color: #2a2c2c;
  --ul-user-menu-li-home-a-background-color: #383a3a;
  --ul-user-menu-li-a-color: #2a2c2c;
  --m-dropdown-background-color: #f2f5f5;
  --m-dropdown-border-color: #c5c9c9;
  --m-dropdown-heading-border-color: #c5c9c9;
  --m-dropdown-heading-color: #383a3a;
  --m-dropdown-h2-border-color: #d0d4d4;
  --m-more-color: #2a2c2c;
  --m-usermenu-border-color: #c5c9c9;
  --m-usermenu-li-border-color: #dbdfdf;
  --m-usermenu-li-first-child-background-color: #f2f5f5;
  --m-usermenu-li-hover-background-color: #383a3a;
  --ul-staff-border-color: #dbdfdf;
  --o-globalnavigation-background-color: #f2f5f5;
  --o-globalnavigation-border-color: #d0d4d4;
  --o-globalnavigation-color: #383a3a;
  --a-info-background-color: #f2f5f5;
  --a-info-border-color: #989c9c;
  --a-info-color: #5E5C5C;
  --a-headerwrapper-h2-color: #030a0a;
  --a-lines-background-color: #e7e8e8;
  --a-lines-border-color: #727878;
  --a-nav-left-ul-li-a-color: black;
  --a-nav-left-ul-li-a-current-background-color: #030a0a;
  --a-nav-left-ul-li-a-hover-background-color: #47122b;
  --a-sidebar-toggle-background-color: #e7e8e8;
  --a-submit-input-background-color: #030a0a;
  --a-submit-input-hover-background-color: black;
  --aside-right-nav-ul-li-a-color: #124747;
  --aside-right-nav-ul-li-a-hover-color: black;
  --h1-border-color: #414343;
  --hr-background: #282929;
  --input-button-background-color: #030a0a;
  --input-button-hover-background-color: black;
  --table-td-border-color: #666b6b;
  --m-boxes-border-color: #8c9191;
  --m-expandedcontent-background-color: #cdcfcf;
  --m-headerwrapper-login-background-color: #f4f5f5;
  --m-headerwrapper-login-border-color: #dadcdc;
  --m-page-id-background-color: #dadcdc;
  --m-page-id-color: #414343;
  --table-tr-even-background-color: #3ecece;
  --a-asc-border-color: #dbdfdf;
  --table-th-background-color: #d0d4d4;
  --table-th-border-color: #e7eaea;
  --m-display-columns-background-color: #d0d4d4;
  --m-display-columns-borde-color: #dbdfdf;
  --m-order-border-color: #dbdfdf;
  --o-body-manageinstitutions-color: #5E5C5C;
  --a-booth-list-ul-li-border-color: #124747;
  --a-booth-list-ul-li-color: #124747;
  --a-game-rank-background-color: #124747;
  --a-game-piece-li-incomplete-span-badgecircle-path-menuicon-fill: #dbdfdf;
  --a-game-piece-span-badge-info-task-color: #343636;
  --a-icon-list-a-selected-color: #2a2c2c;
  --a-leaderboard-leaderboard-item-border-color: #dbdfdf;
  --a-leaderboard-h5-border-color: #dbdfdf;
  --a-login-input-border-color: #dbdfdf;
  --a-login-span-line-border-color: #dbdfdf;
  --a-mobile-menu-ul-li-border-color: #dbdfdf;
  --a-mobile-menu-ul-li-a-color: #383a3a;
  --a-mobile-menu-ul-li-a-fill: #383a3a;
  --a-paper-slot-slot-time-background-color: #f4f5f5;
  --a-paper-slot-slot-time-border-color: #dbdfdf;
  --a-paper-slot-slot-time-color: #464949;
  --a-paper-slot-slot-time-fill: #464949;
  --a-person-list-item-biography-color: #464949;
  --a-presentation-location-color: #124747;
  --a-presentation-location-fill: #124747;
  --a-question-and-answer-update-input-background-color: #e7eaea;
  --a-question-and-answer-update-input-color: #464949;
  --a-similar-item-list-li-item-border-color: #dbdfdf;
  --a-user-help-background-color: #157d85;
  --a-availability-color: #8c9191;
  --a-bookmark-color: #8c9191;
  --a-bookmark-fill: #8c9191;
  --a-checkmark-checked-background-color: #124747;
  --a-compact-slot-p-slot-date-background-color: #f4f5f5;
  --a-compact-slot-p-slot-date-border-color: #dbdfdf;
  --a-compact-slot-p-slot-date-color: #464949;
  --a-compact-slot-p-slot-date-fill: #464949;
  --a-date-background-color: #5E5C5C;
  --a-date-indicator-li-route-color: #464949;
  --a-date-indicator-li-route-this-date-background-color: #124747;
  --a-default-icon-background-color: #124747;
  --a-desktop-menu-default-icon-background-color: #124747;
  --a-desktop-menu-default-icon-color: #5E5C5C;
  --a-desktop-menu-selected-hover-default-icon-background-color: #5E5C5C;
  --a-desktop-menu-selected-hover-default-icon-color: #124747;
  --a-desktop-menu-a-color: #124747;
  --a-desktop-menu-a-fill: #124747;
  --a-fixed-nav-a-color: #124747;
  --a-list-indicator-swiped-li-svg-icon-fill: #464949;
  --a-list-indicator-li-this-svg-icon-fill: #464949;
  --a-loading-border-color: #f2f5f5;
  --a-loading-border-top-color: #124747;
  --a-locked-color: #8c9191;
  --a-locked-fill: #8c9191;
  --a-native-icon-list-li-selected-background-color: #124747;
  --a-native-person-title-bookmark-fill: #8c9191;
  --a-native-appmenu-defaulticon-background-color: #124747;
  --a-native-date-indicator-date-color: #2a2c2c;
  --a-native-nextprev-li-route-color: #1A9CA6;
  --a-native-nextprev-li-route-fill: #1A9CA6;
  --a-native-a-color: #124747;
  --a-native-a-fill: #124747;
  --a-native-ul-card-list-li-defaulticon-color: #124747;
  --a-navigation-section-defaulticon-background-color: #124747;
  --a-navigation-section-defaulticon-hover-color: #124747;
  --a-navigation-section-ul-legend-a-fill: #124747;
  --a-nextprev-li-route-hover-color: #1A9CA6;
  --a-note-color: #282929;
  --a-note-svg-icon-fill: #282929;
  --a-page-content-list-li-entry-type-list-item-border-color: #dbdfdf;
  --a-person-image-background-color: #124747;
  --a-person-image-border-color: #babdbd;
  --a-progress-svg-icon-fill: #7f8585;
  --a-public-login-h1-color: #1A9CA6;
  --a-public-login-h1-small-color: #5E5C5C;
  --a-public-login-h2-color: #124747;
  --a-regnote-color: #282929;
  --a-regnote-svg-icon-fill: #282929;
  --a-schedule-color: #8c9191;
  --a-schedule-fill: #8c9191;
  --a-schedule-active-favorite-color: #1A9CA6;
  --a-schedule-active-favorite-fill: #1A9CA6;
  --a-title-content-color: #124747;
  --a-user-help-background-color: #157d85;
  --login-switchdisplay-background-color: #124747;
  --login-switchdisplay-border-color: #124747;
  --question-and-answer-new-question-background-color: #f2f5f5;
  --question-container-class-bar100-background-color: #dbdfdf;
  --question-container-class-bar100-span-background-color: #8c9191;
  --question-container-class-selected-bar100-span-background-color: #124747;
  --a-visited-color: #1b3e3e;
  --aside-legend-svg-icon-fill: #124747;
  --aside-h1-background-color: #124747;
  --button-answer-now-toggle-selected-background-color: #989c9c;
  --h-tag-border-color: #dbdfdf;
  --li-question-qa-edit-svg-path-color: #a3a7a7;
  --li-question-form-button-polygon-fill: #a3a7a7;
  --li-question-span-answer-text-color: #707474;
  --li-question-span-identity-text-color: #126d74;
  --li-question-span-question-text-color: #464949;
  --li-searchresults-pageselected-background-color: #124747;
  --li-searchresults-pageselected-border-color: #dbdfdf;
  --section-note-show-border-color: #dbdfdf;
  --span-profile-image-background-color: #124747;
  --time-border-color: #dbdfdf;
  --time-color: #5E5C5C;
  --ul-card-list-bg-color-background-color: #1A9CA6;
  --ul-card-list-li-icon-fill: #124747;
  --ul-appmenu-li-border-color: #dbdfdf;
  --ul-appmenu-li-a-color: #383a3a;
  --ul-appmenu-li-a-fill: #124747;
  --ul-search-pages-li-border-color: #dbdfdf;
  --ul-search-pages-li-color: #a6aaaa;
  --ul-sharemenu-li-background-color: #e7e8e8;
  --ul-sharemenu-li-border-color: #dbdfdf;
  --ul-sharemenu-li-a-hover-path-mailicon-fill: #124747;
  --ul-table-li-select-fill: #a6aaaa;
  --ul-li-audience-poll-option-select-color: #2a2c2c;
  --ul-li-audience-poll-option-select-fill: #2a2c2c;
  --color-border: #dbdfdf;
  --color-link: #009DAA;
  --m-completed-game-piece-li-border-color: #dbdfdf;
  --m-game-scale-background: #f4f5f5;
  --m-game-piece-li-border-color: #dbdfdf;
  --m-leaderboard-ul-list-li-item-border-color: #dbdfdf;
  --m-maps-tab-bar-li-tab-border-color: #afb2b2;
  --m-maps-tab-bar-li-tab-color: #989c9c;
  --m-maps-a-color: #1A9CA6;
  --m-person-list-item-border-color: #dbdfdf;
  --m-ars-topics-ul-li-border-color: #dbdfdf;
  --m-compact-slot-ul-property-info-li-background-color: #f4f5f5;
  --m-compact-slot-ul-property-info-li-border-color: #dbdfdf;
  --m-compact-slot-ul-property-info-li-color: #464949;
  --m-compact-slot-ul-property-info-li-fill: #464949;
  --m-desktop-menu-border-color: #dbdfdf;
  --m-fixed-nav-border-color: #dbdfdf;
  --m-fixed-nav-my-favorites-div-top-navigation-color: #124747;
  --m-fixed-nav-my-favorites-div-top-navigation-fill: #124747;
  --m-fixed-nav-toggle-color: #0e0f0f;
  --m-flexitem-calendar-activefilter-background-color: #124747;
  --m-flexitem-calendar-activefilter-hover-color: #414343;
  --m-flexitem-calendar-activefilter-text-color: #f4f5f5;
  --m-flexitem-calendar-background-color: #f2f5f5;
  --m-flexitem-calendar-border-color: #f2f5f5;
  --m-flexitem-calendar-inactivefilter-border-color: #124747;
  --m-flexitem-calendar-inactivefilter-hover-color: #cedcdc;
  --m-flexitem-calendar-inactivefilter-text-color: #124747;
  --m-flexitem-calendar-item-selection-background-color: #dbdfdf;
  --m-info-box-border-color: #dbdfdf;
  --m-item-calendar-border-color: #c5c9c9;
  --m-loading-overlay-background-color: rgba(26, 156, 166, 0.1);
  --m-message-border-color: #dbdfdf;
  --m-native-icon-list-li-fill: #0e0f0f;
  --m-native-icon-list-li-after-border-color: #dbdfdf;
  --m-native-person-list-item-border-color: #dbdfdf;
  --m-native-date-background-color: #124747;
  --m-native-footer-border-color: #dbdfdf;
  --m-native-item-selection-border-color: #dbdfdf;
  --m-native-ul-card-list-li-background-color: #124747;
  --m-navigation-section-ul-li-border-color: #dbdfdf;
  --m-navigation-section-ul-li-search-list-item-hover-a-color: #124747;
  --m-navigation-section-ul-li-search-list-item-hover-a-fill: #124747;
  --m-navigation-section-ul-li-hover-background-color: #1A9CA6;
  --m-popup-input-border-color: #dbdfdf;
  --m-popup-textarea-border-color: #dbdfdf;
  --m-searchterms-ul-odd-border-color: #dbdfdf;
  --m-title-border-color: #dbdfdf;
  --login-signin-social-section-social-background-color: #0e0f0f;
  --login-signin-social-section-social-border-color: #dbdfdf;
  --item-selection-border-color: #dbdfdf;
  --mq-max-width480-alpha-list-border-color: #dbdfdf;
  --mq-max-width480-page-content-section-border-color: #dbdfdf;
  --mq-max-width720-items-per-page-border-color: #dbdfdf;
  --time-zone-color: #626666;
  --ul-tab-bar-li-background-color: #cdeef1;
  --ul-tab-bar-li-border-color: #c5c9c9;
  --ul-tab-bar-li-color: #124747;
  --ul-tab-bar-li-hover-background-color: #1A9CA6;
  --ul-tab-bar-li-selected-background-color: #46b1b9;
  --ul-property-info-color: #5E5C5C;
  --ul-property-info-fill: #5E5C5C;
  --ul-table-border-color: #dbdfdf;
  --ul-li-audience-poll-option-border-color: #dbdfdf;
  --input-select-textarea-border-color: #dbdfdf;
  --m-container-background-color: #f2f5f5;
  --m-container-border-color: #dbdfdf;
  --aside-ul-nav-li-border-color: #dbdfdf;
  --main-setting-section-fieldset-border-color: #dbdfdf;
  --fieldset-border-color: #e7eaea;
  --m-h2-color: #124747;
  --input-background-color: #587f7f;
  --fieldset-div-odd-background-color: #86a5a5;
  --a-add-edit-group-input-color: #1c1d1d;
  --a-change-move-priority-down-fa-color: #124747;
  --a-change-move-priority-up-fa-color: #124747;
  --a-go-to-next-step-col-fa-color: #124747;
  --a-person-form-add-address-background-color: #f2f5f5;
  --a-person-form-add-person-section-background-color: #e6eeee;
  --a-person-form-field-group-header-color: #124747;
  --a-person-form-form-element-group-address-selector-background-color: #e6eeee;
  --a-person-form-form-field-input-color: #afb2b2;
  --a-person-form-form-field-input-address-background-color: #e6eeee;
  --a-person-form-form-field-input-address-color: #afb2b2;
  --a-person-form-form-field-input-disabled-background-color: #f2f5f5;
  --a-person-form-form-field-input-disabled-color: #8c9191;
  --a-person-form-person-name-background-color: #124747;
  --a-person-form-select-address-selection-background-color: #124747;
  --a-save-area-changed-message-background-color: #e6eeee;
  --a-save-area-changed-message-fa-spinner-color: #8c9191;
  --a-save-area-button-background-color: #0e3939;
  --a-save-cancel-buttons-background-color: #0e3939;
  --a-search-results-person-tr-odd-background-color: #e6eeee;
  --table-person-table-button-color: #0e3939;
  --table-tr-disable-td-background-color: #8c9191;
  --table-tr-disable-td-color: #c5c9c9;
  --table-tr-odd-background-color: #e6eeee;
  --td-edit-col-color: #2a2c2c;
  --td-role-code-clickable-fa-color: #86a5a5;
  --td-role-code-role-change-li-background-color: #e6eeee;
  --tr-disable-edit-col-a-color: #8c9191;
  --ul-peoplelistinstructions-background-color: #e6eeee;
  --ul-priority-list-input-cancel-background-color: #020707;
  --a-span-slotdisplaydatetime-color: #707474;
  --color-a-table-border: #a3a7a7;
  --color-a-tr-border: #a3a7a7;
  --color-a-tr-background: #f2f5f5;
  --a-tagline-background-color: #1A9CA6;
  --a-button-background-color-2: #124747;
  --m-cardlist-li-color: #124747;
  --m-cardlist-li-before-color: rgba(18, 71, 71, 0.4);
  --m-cardlist-li-even-color: #1A9CA6;
  --m-cardlist-li-even-hover-background-color: #1A9CA6;
  --m-cardlist-li-hover-background-color: #124747;
  --mq-max-width640-cardlist-content-color: #124747;
  --mq-max-width640-cardlist-content-a-color: #124747;
  --mq-max-width640-cardlist-li-icon-hover-before-color: rgba(18, 71, 71, 0.4);
  --mq-max-width640-cardlist-li-hover-content-color: #124747;
  --mq-max-width640-cardlist-li-hover-heading-color: #124747;
  --aside-section-background-color: #e7e8e8;
  --aside-section-headerbackground-color: #1A9CA6;
  --expander-h2-background-color: #1A9CA6;
  --expander-li-background-color: #e7e8e8;
  --expander-li-border-color: #dde1e2;
  --tabbed-display-border-color: #1A9CA6;
  --tabbed-display-text-color: #1b1c1c;
  --color-tabbed-display-tab-selected-background: #1A9CA6;
  --color-tabbed-display-tab-selected-text: #f9f9f9;
  --title-hr-color: #5E5C5C;
  --h4-color: #5E5C5C;
  --ul-select-securitygroup-li-selected-background-color: #124747;
  --ul-tab-select-li-select-tab-selected-background-color: #124747;
  --aside-border-color: #124747;
  --ul-tab-select-border-color: #124747;
  --main-head-color: #124747;
  --tag-code-color: #124747;
  --send-email-main-color: #124747;
  --a-showspinner-color: #124747;
  --a-button-disabled-color: #dbdfdf;
  --table-tr-odd-td-background-color: #e6eeee;
  --m-showdiff-border-color: #d0d4d4;
  --m-textdiff-border-color: #8c9191;
  --a-extracontent-h2-color: #124747;
  --a-main-module-header-h2-border-color: #b3b6b6;
  --feedback-link-color: #5E5C5C;
  --ul-degreerow-li-delete-label-color: #8c9191;
  --m-agreement-agreement-background-color: #dadcdc;
  --m-agreement-agreement-border-color: #b3b6b6;
  --m-agreement-agreement-h1-background-color: #124747;
  --m-assigned-entries-div-backround-color: #dadcdc;
  --m-assigned-entries-div-border-color: #b3b6b6;
  --m-disabled-background-color: #dadcdc;
  --m-disabled-border-color: #b3b6b6;
  --m-disabled-color: #8c9191;
  --m-extracontent-fieldset-border-color: #b3b6b6;
  --m-main-navigation-border-color: #b3b6b6;
  --m-module-frame-disableprerequisite-background: #8c9191;
  --m-module-frame-table-tr-even-background-color: #dadcdc;
  --m-module-frame-table-tr-even-border-color: #b3b6b6;
  --m-module-frame-table-tr-odd-border-color: #b3b6b6;
  --m-navigation-tab-disabled-tab-color: #8c9191;
  --m-navigation-tab-disabled-tab-before-color: #c0c3c3;
  --m-navigation-tab-selected-background-color: #124747;
  --m-navigation-tab-selected-before-background-color: #124747;
  --m-page-header-container-background-color: #124747;
  --m-popup-area-border-color: #b3b6b6;
  --m-statusbar-background-color: #124747;
  --fieldset-travel-border-color: #b3b6b6;
  --ul-degreerow-border-color: #b3b6b6;
  --ul-mysubnav-color: #a6aaaa;
  --ul-subnav-background-color: #6f9292;
  --a-speakerlist-li-a-hover-span-border-color: #b6caca;
  --m-companies-sponsorlist-li-border-color: #b6caca;
  --m-speakerlist-li-border-color: #b6caca;
  --m-sponsorform-border-color: #b6caca;
  --a-edit-block-disabled-svg-path-fill: #dbdfdf;
  --a-edit-block-disabled-svg-path-hover-fill: #dbdfdf;
  --a-edit-block-svg-path-fill: #124747;
  --a-edit-block-svg-path-hover-fill: #1A9CA6;
  --m-editing-background-color: #2a2c2c;
  --m-editing-h12345-color: #cedcdc;
  --m-editing-input-background-color: #b6caca;
  --button-i-fa-color: #030a0a;
  --table-tr-th-last-child-border-color: #9eb8b8;
  --a-tr-disable-td-background-color: #8c9191;
  --a-tr-disable-td-color: #e7eaea;
  --thead-tr-odd-background-color: #86a5a5;
  --o-body-setupuploads-color: #5E5C5C;
  --m-content-background-color: #2a2c2c;
  --m-video-border-color: #3f4141;
  --header-color: #e7eaea;
  --o-body-videogateway-color: #2a2c2c;
  --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-dark-25: hsl(from var(--color-accent2) h s calc(l - 25));
    --color-accent2-dark-35: hsl(from var(--color-accent2) h s calc(l - 35));
    --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-40: hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --color-accent2-neutral-light-5: hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h s calc(l + 5));
    --color-accent2-neutral-shade-10: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 10%, rgb(0, 0, 0));
    --color-accent2-neutral-shade-20: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 20%, rgb(0, 0, 0));
    --color-accent2-neutral-shade-30: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --color-accent2-neutral-shade-40: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 40%, rgb(0, 0, 0));
    --color-accent2-neutral-shade-50: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --color-accent2-neutral-shade-60: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 60%, rgb(0, 0, 0));
    --color-accent2-neutral-shade-70: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 70%, rgb(0, 0, 0));
    --color-accent2-neutral-shade-80: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 80%, rgb(0, 0, 0));
    --color-accent2-neutral-shade-90: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 90%, rgb(0, 0, 0));
    --color-accent2-neutral-tint-10: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --color-accent2-neutral-tint-20: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --color-accent2-neutral-tint-30: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --color-accent2-neutral-tint-40: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --color-accent2-neutral-tint-50: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) h calc(s + 1) l) 50%, rgb(255, 255, 255));
    --color-accent2-neutral-tint-60: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 60%, rgb(255, 255, 255));
    --color-accent2-neutral-tint-70: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 70%, rgb(255, 255, 255));
    --color-accent2-neutral-tint-80: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 80%, rgb(255, 255, 255));
    --color-accent2-neutral-tint-90: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, rgb(153, 153, 153)) 90%, rgb(255, 255, 255));
    --color-accent-dark-15: hsl(from var(--color-accent) h s calc(l - 15));
    --color-accent-dark-25: hsl(from var(--color-accent) h s calc(l - 25));
    --color-accent-dark-35: hsl(from var(--color-accent) h s calc(l - 35));
    --color-accent-light-15: hsl(from var(--color-accent) h s calc(l + 15));
    --color-accent-light-25: hsl(from var(--color-accent) h s calc(l + 25));
    --color-accent-light-35: hsl(from var(--color-accent) h s calc(l + 35));
    --color-accent-light-60: hsl(from var(--color-accent) h s calc(l + 60));
    --color-accent-shade-10: color-mix(in srgb, var(--color-accent) 10%, rgb(0, 0, 0));
    --color-accent-shade-20: color-mix(in srgb, var(--color-accent) 20%, rgb(0, 0, 0));
    --color-accent-shade-30: color-mix(in srgb, var(--color-accent) 30%, rgb(0, 0, 0));
    --color-accent-shade-40: color-mix(in srgb, var(--color-accent) 40%, rgb(0, 0, 0));
    --color-accent-shade-50: color-mix(in srgb, var(--color-accent) 50%, rgb(0, 0, 0));
    --color-accent-shade-60: color-mix(in srgb, var(--color-accent) 60%, rgb(0, 0, 0));
    --color-accent-shade-70: color-mix(in srgb, var(--color-accent) 70%, rgb(0, 0, 0));
    --color-accent-shade-80: color-mix(in srgb, var(--color-accent) 80%, rgb(0, 0, 0));
    --color-accent-shade-90: color-mix(in srgb, var(--color-accent) 90%, rgb(0, 0, 0));
    --color-accent-tint-10: color-mix(in srgb, hsl(from var(--color-accent) h 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-40: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --color-accent-neutral-light-5: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l + 5));
    --color-accent-neutral-shade-10: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 10%, rgb(0, 0, 0));
    --color-accent-neutral-shade-20: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 20%, rgb(0, 0, 0));
    --color-accent-neutral-shade-30: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --color-accent-neutral-shade-40: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 40%, rgb(0, 0, 0));
    --color-accent-neutral-shade-50: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --color-accent-neutral-shade-60: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 60%, rgb(0, 0, 0));
    --color-accent-neutral-shade-70: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 70%, rgb(0, 0, 0));
    --color-accent-neutral-shade-80: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 80%, rgb(0, 0, 0));
    --color-accent-neutral-shade-90: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 90%, rgb(0, 0, 0));
    --color-accent-neutral-tint-10: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --color-accent-neutral-tint-20: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --color-accent-neutral-tint-30: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --color-accent-neutral-tint-40: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --color-accent-neutral-tint-50: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h calc(s + 1) l) 50%, rgb(255, 255, 255));
    --color-accent-neutral-tint-60: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 60%, rgb(255, 255, 255));
    --color-accent-neutral-tint-70: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 70%, rgb(255, 255, 255));
    --color-accent-neutral-tint-80: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 80%, rgb(255, 255, 255));
    --color-accent-neutral-tint-90: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) 90%, rgb(255, 255, 255));
    --color-comp-accent2: hsl(from var(--color-accent2) calc(h + 512) s l);
    --color-comp-accent2-color-dark: hsl(from hsl(from var(--color-accent2) calc(h + 512) s l) h s calc(l - 25));
    --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-40: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --color-neutral-light-5: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 5));
    --color-neutral-shade-10: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 10%, rgb(0, 0, 0));
    --color-neutral-shade-20: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 20%, rgb(0, 0, 0));
    --color-neutral-shade-30: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --color-neutral-shade-40: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 40%, rgb(0, 0, 0));
    --color-neutral-shade-50: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --color-neutral-shade-60: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 60%, rgb(0, 0, 0));
    --color-neutral-shade-70: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 70%, rgb(0, 0, 0));
    --color-neutral-shade-80: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 80%, rgb(0, 0, 0));
    --color-neutral-shade-90: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 90%, rgb(0, 0, 0));
    --color-neutral-tint-10: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --color-neutral-tint-20: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --color-neutral-tint-30: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --color-neutral-tint-40: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --color-neutral-tint-50: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 1) l) 50%, rgb(255, 255, 255));
    --color-neutral-tint-60: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 60%, rgb(255, 255, 255));
    --color-neutral-tint-70: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 70%, rgb(255, 255, 255));
    --color-neutral-tint-80: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 80%, rgb(255, 255, 255));
    --color-neutral-tint-90: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 90%, rgb(255, 255, 255));
    --attendance-session-display-slot-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --m-message-info-background-color: hsl(from var(--color-main) h s l / 0.1);
    --exhibitor-map-aside-bg-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --exhibitor-map-aside-drop-down-menu-hover-bg-color: color-mix(in srgb, var(--color-main) 60%, rgb(0, 0, 0));
    --exhibitor-map-aside-drop-down-menu-hover-text-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --exhibitor-map-aside-top-level-menu-bg-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --exhibitor-map-aside-top-level-menu-text-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 45));
    --exhibitor-map-aside-top-level-menu-hover-bg-color: color-mix(in srgb, var(--color-main) 40%, rgb(0, 0, 0));
    --exhibitor-map-aside-top-level-menu-hover-text-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --exhibitor-map-notifications-bg-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --exhibitor-map-notifications-border-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --exhibitor-map-zoom-buttons-hover-bgr-color: color-mix(in srgb, var(--color-main) 30%, rgb(0, 0, 0));
    --color-button-background: hsl(from var(--color-accent) h s calc(l - 15));
    --color-button-background-disabled: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --color-button-disabled: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 30));
    --a-login-section-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-steps-content-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --a-steps-content-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-steps-link-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --a-steps-link-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-steps-link-hover-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 10));
    --a-submissions-section-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-switch-hover-background-color: hsl(from var(--color-main) h s calc(l + 25));
    --a-tab-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-tab-content-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-tab-ul-li-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --mq-tab-ul-li-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-clonelist-li-odd-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --button-disabled-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --input-disabled-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-childselection-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-clonedrecords-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-clonedrecords-li-odd-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --m-clonelist-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-parentselection-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-records-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --chooseprograms-choose-h4-hover-bg-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --chooseprograms-choose-open-bg-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --chooseprograms-choose-open-selected-bg-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-as-instructions-color: hsl(from var(--color-main) h s calc(l - 15));
    --a-cmedisclosure-applytoroleid-filledout-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-keywords-page-summary-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --a-keywords-page-summary-select-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --a-keywords-page-summary-select-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-recordeditor-data-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 30));
    --a-registration-table-sectionboxtable-sectionboxinfo-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 20));
    --a-registration-table-sectionboxtable-th-sectionboxheader-background-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-session-background: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 25));
    --a-updatepersontable-norecord-background-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --arrange-waitlisted-background: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 60%, rgb(255, 255, 255));
    --button-cmedbtn-email-reminder-background: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --span-address-fromentry-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --table-people-tr-odd-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --table-person-td-currentaddress-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --ul-lists-li-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 15));
    --m-assignpaper-symposium-td-border-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 80%, rgb(255, 255, 255));
    --m-box-td-background: color-mix(in srgb, hsl(from var(--color-main) h 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-th-background: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --table-people-tr-hover-td-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 30));
    --table-person-address-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --table-person-sectionbox-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --table-template-preview-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --table-template-preview-td-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --table-template-preview-tr-last-child-td-first-child-border-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --m-instructions-inputs-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --m-instructions-inputs-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-reviewer-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-sectionbox-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --m-sectionbox-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-active-step-background-color: hsl(from var(--color-accent) h s calc(l - 10));
    --a-incomplete-step-background: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --a-incomplete-step-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --a-incomplete-step-color: color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153));
    --a-indicator-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --a-login-info-background: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --a-login-info-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 40%, rgb(0, 0, 0));
    --m-steps-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --table-tr-td-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --table-tr-th-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-displayfilters-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --m-filter-area-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-alternate-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --m-row-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-site-navigation-li-svg-icon-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 20%, rgb(0, 0, 0));
    --a-slidetitle-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 20%, rgb(0, 0, 0));
    --m-button-area-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --m-controls-area-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --m-site-navigation-li-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --m-site-navigation-ul-topsharemenu-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 35));
    --m-site-navigation-ul-topsharemenu-a-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 20%, rgb(0, 0, 0));
    --li-display-controls-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 2) l) 40%, rgb(255, 255, 255));
    --li-display-controls-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 30%, rgb(0, 0, 0));
    --ul-markers-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 20%, rgb(0, 0, 0));
    --ul-slides-li-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 20%, rgb(0, 0, 0));
    --ul-slides-li-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --eval-a-before-start-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --eval-a-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-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --m-headerwrapper-login-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 30));
    --m-page-id-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 30));
    --m-page-id-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 30));
    --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-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --a-paper-slot-slot-time-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-paper-slot-slot-time-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --a-paper-slot-slot-time-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --a-person-list-item-biography-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --a-question-and-answer-update-input-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 6) l) 20%, rgb(255, 255, 255));
    --a-question-and-answer-update-input-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --a-similar-item-list-li-item-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-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-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --a-compact-slot-p-slot-date-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --a-compact-slot-p-slot-date-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --a-compact-slot-p-slot-date-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --a-date-indicator-li-route-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --a-list-indicator-swiped-li-svg-icon-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --a-list-indicator-li-this-svg-icon-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --a-loading-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --a-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-scale-background: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --m-game-piece-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-leaderboard-ul-list-li-item-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-maps-tab-bar-li-tab-border-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 70%, rgb(255, 255, 255));
    --m-maps-tab-bar-li-tab-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 90%, rgb(255, 255, 255));
    --m-person-list-item-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-ars-topics-ul-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-compact-slot-ul-property-info-li-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --m-compact-slot-ul-property-info-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-compact-slot-ul-property-info-li-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --m-compact-slot-ul-property-info-li-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 50%, rgb(0, 0, 0));
    --m-desktop-menu-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-fixed-nav-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 4) l) 30%, rgb(255, 255, 255));
    --m-fixed-nav-toggle-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) 10%, rgb(0, 0, 0));
    --m-flexitem-calendar-activefilter-hover-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l - 30));
    --m-flexitem-calendar-activefilter-text-color: hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --m-flexitem-calendar-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --m-flexitem-calendar-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, rgb(153, 153, 153)) h calc(s + 9) l) 10%, rgb(255, 255, 255));
    --m-flexitem-calendar-inactivefilter-hover-color: color-mix(in srgb, hsl(from var(--color-main) h 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));
    --color-tabbed-display-tab-selected-text: hsl(from color-mix(in srgb, var(--color-accent) 10%, rgb(153, 153, 153)) h s calc(l + 40));
    --table-tr-odd-td-background-color: color-mix(in srgb, hsl(from var(--color-main) h 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-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));
  }
}