/* 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: #45a3e0;
  --color-accent2-dark-15: #1f7dba;
  --color-accent2-dark-25: #185f8e;
  --color-accent2-dark-35: #104262;
  --color-accent2-dark-40: #0d334c;
  --color-accent2-light-15: #87c3eb;
  --color-accent2-light-25: #b2d9f2;
  --color-accent2-light-35: #deeffa;
  --color-accent2-shade-10: #071016;
  --color-accent2-shade-20: #0e212d;
  --color-accent2-shade-30: #153143;
  --color-accent2-shade-40: #1c415a;
  --color-accent2-shade-50: #235270;
  --color-accent2-shade-60: #296286;
  --color-accent2-shade-70: #30729d;
  --color-accent2-shade-80: #3782b3;
  --color-accent2-shade-90: #3e93ca;
  --color-accent2-tint-10: #eaf6ff;
  --color-accent2-tint-20: #d5eefd;
  --color-accent2-tint-30: #c2e5fb;
  --color-accent2-tint-40: #afdbf8;
  --color-accent2-tint-50: #9dd2f4;
  --color-accent2-tint-60: #8bc9f0;
  --color-accent2-tint-70: #7abfec;
  --color-accent2-tint-80: #68b6e8;
  --color-accent2-tint-90: #57ace4;
  --color-accent2-neutral: #919aa0;
  --color-accent2-neutral-dark-10: #768188;
  --color-accent2-neutral-dark-15: #6a747b;
  --color-accent2-neutral-dark-20: #5e676d;
  --color-accent2-neutral-dark-25: #525a5f;
  --color-accent2-neutral-dark-30: #464d52;
  --color-accent2-neutral-dark-35: #3b4044;
  --color-accent2-neutral-dark-40: #2f3336;
  --color-accent2-neutral-dark-45: #232629;
  --color-accent2-neutral-dark-5: #838d94;
  --color-accent2-neutral-light-10: #acb3b8;
  --color-accent2-neutral-light-15: #bac0c3;
  --color-accent2-neutral-light-20: #c8cccf;
  --color-accent2-neutral-light-25: #d5d9db;
  --color-accent2-neutral-light-30: #e3e5e7;
  --color-accent2-neutral-light-35: #f1f2f3;
  --color-accent2-neutral-light-40: #feffff;
  --color-accent2-neutral-light-5: #9fa7ac;
  --color-accent2-neutral-shade-10: #0f0f10;
  --color-accent2-neutral-shade-20: #1d1f20;
  --color-accent2-neutral-shade-30: #2c2e30;
  --color-accent2-neutral-shade-40: #3a3e40;
  --color-accent2-neutral-shade-50: #494d50;
  --color-accent2-neutral-shade-60: #575c60;
  --color-accent2-neutral-shade-70: #666c70;
  --color-accent2-neutral-shade-80: #747b80;
  --color-accent2-neutral-shade-90: #838b90;
  --color-accent2-neutral-tint-10: #f3f5f6;
  --color-accent2-neutral-tint-20: #e8ebed;
  --color-accent2-neutral-tint-30: #dde1e4;
  --color-accent2-neutral-tint-40: #d2d7da;
  --color-accent2-neutral-tint-50: #c7cdd0;
  --color-accent2-neutral-tint-60: #bdc2c6;
  --color-accent2-neutral-tint-70: #b2b8bd;
  --color-accent2-neutral-tint-80: #a7aeb3;
  --color-accent2-neutral-tint-90: #9ca4aa;
  --color-accent: #444444;
  --color-accent-dark-15: #1e1e1e;
  --color-accent-dark-25: #040404;
  --color-accent-dark-35: black;
  --color-accent-dark-40: black;
  --color-accent-light-15: #6a6a6a;
  --color-accent-light-25: #848484;
  --color-accent-light-35: #9d9d9d;
  --color-accent-light-60: #dddddd;
  --color-accent-shade-10: #070707;
  --color-accent-shade-20: #0e0e0e;
  --color-accent-shade-30: #141414;
  --color-accent-shade-40: #1b1b1b;
  --color-accent-shade-50: #222222;
  --color-accent-shade-60: #292929;
  --color-accent-shade-70: #303030;
  --color-accent-shade-80: #363636;
  --color-accent-shade-90: #3d3d3d;
  --color-accent-tint-10: #eeebeb;
  --color-accent-tint-20: #dcd7d7;
  --color-accent-tint-30: #cac4c4;
  --color-accent-tint-40: #b7b1b1;
  --color-accent-tint-50: #a59e9e;
  --color-accent-tint-60: #918c8c;
  --color-accent-tint-70: #7e7a7a;
  --color-accent-tint-80: #6a6868;
  --color-accent-tint-90: #575656;
  --color-accent-neutral: #919191;
  --color-accent-neutral-dark-10: #787878;
  --color-accent-neutral-dark-15: #6b6b6b;
  --color-accent-neutral-dark-20: #5e5e5e;
  --color-accent-neutral-dark-25: #515151;
  --color-accent-neutral-dark-30: #454545;
  --color-accent-neutral-dark-35: #383838;
  --color-accent-neutral-dark-40: #2b2b2b;
  --color-accent-neutral-dark-45: #1e1e1e;
  --color-accent-neutral-dark-5: #848484;
  --color-accent-neutral-light-10: #ababab;
  --color-accent-neutral-light-15: #b7b7b7;
  --color-accent-neutral-light-20: #c4c4c4;
  --color-accent-neutral-light-25: #d1d1d1;
  --color-accent-neutral-light-30: #dedede;
  --color-accent-neutral-light-35: #eaeaea;
  --color-accent-neutral-light-40: #f7f7f7;
  --color-accent-neutral-light-5: #9e9e9e;
  --color-accent-neutral-shade-10: #0f0f0f;
  --color-accent-neutral-shade-20: #1d1d1d;
  --color-accent-neutral-shade-30: #2c2c2c;
  --color-accent-neutral-shade-40: #3a3a3a;
  --color-accent-neutral-shade-50: #494949;
  --color-accent-neutral-shade-60: #575757;
  --color-accent-neutral-shade-70: #666666;
  --color-accent-neutral-shade-80: #747474;
  --color-accent-neutral-shade-90: #838383;
  --color-accent-neutral-tint-10: #f5f3f3;
  --color-accent-neutral-tint-20: #eae8e8;
  --color-accent-neutral-tint-30: #dfdddd;
  --color-accent-neutral-tint-40: #d4d2d2;
  --color-accent-neutral-tint-50: #c9c7c7;
  --color-accent-neutral-tint-60: #bdbdbd;
  --color-accent-neutral-tint-70: #b2b2b2;
  --color-accent-neutral-tint-80: #a7a7a7;
  --color-accent-neutral-tint-90: #9c9c9c;
  --color-base-blue: #377fe1;
  --color-base-brown: #874125;
  --color-base-gray: #999999;
  --color-base-green: #44a652;
  --color-base-lime: #aec453;
  --color-base-mauve: #b75dba;
  --color-base-navy: #142dc2;
  --color-base-orange: #ea9846;
  --color-base-purple: #6749ce;
  --color-base-red: #ee4248;
  --color-base-teal: #05c2d6;
  --color-base-yellow: #fbcc36;
  --color-comp-accent2: #e04550;
  --color-comp-accent2-color-dark: #8e1820;
  --color-comp-accent2-color-gray: #ba6b71;
  --color-comp-accent: #444444;
  --color-comp-accent-color-dark: #040404;
  --color-comp-accent-color-gray: #444444;
  --color-comp: #dd4a33;
  --color-comp-color-dark: #7c2215;
  --color-comp-color-gray: #b3685d;
  --color-deep-blue: #11386e;
  --color-deep-brown: #4b2415;
  --color-deep-gray: #4d4d4d;
  --color-deep-green: #1f4c25;
  --color-deep-lime: #627127;
  --color-deep-magenta: #7a357c;
  --color-deep-mauve: #682d6a;
  --color-deep-navy: #0d1d7d;
  --color-deep-orange: #9f5812;
  --color-deep-purple: #2b1b63;
  --color-deep-red: #a20f14;
  --color-deep-teal: #025159;
  --color-deep-yellow: #ae8503;
  --color-error: #990000;
  --color-error-light-40: #ff6666;
  --color-error-shade-10: #0f0000;
  --color-error-shade-20: #1f0000;
  --color-error-shade-30: #2e0000;
  --color-error-shade-40: #3d0000;
  --color-error-shade-50: #4d0000;
  --color-error-shade-60: #5c0000;
  --color-error-shade-70: #6b0000;
  --color-error-shade-80: #7a0000;
  --color-error-shade-90: #8a0000;
  --color-error-tint-10: #f5e6e6;
  --color-error-tint-20: #ebcccc;
  --color-error-tint-30: #e0b3b3;
  --color-error-tint-40: #d69999;
  --color-error-tint-50: #cc8080;
  --color-error-tint-60: #c26666;
  --color-error-tint-70: #b84d4d;
  --color-error-tint-80: #ad3333;
  --color-error-tint-90: #a31a1a;
  --color-fa-inverse: #fff;
  --color-filecsv: #05c2d6;
  --color-fileexcelxml: #44a652;
  --color-filewordxml: #1E90FF;
  --color-filexhtml: #627127;
  --color-filexml: #682d6a;
  --ga-a-color: inherit;
  --a-hover-color: inherit;
  --ga-button-background-color: #363636;
  --ga-button-color: #f3f4f6;
  --ga-button-disabled-background-color: #8f96a0;
  --ga-button-disabled-color: #dcdfe4;
  --ga-button-hover-background-color: #3377DD;
  --button-hover-color: #ffffff;
  --thead-background-color: #f3f4f6;
  --thead-tr-even-background-color: #d1e3fd;
  --ga-tr-disable-td-background-color: #9aa1aa;
  --ga-tr-disable-td-color: #e7eaed;
  --tr-even-background-color: #f3f4f6;
  --body-background-color: #ffffff;
  --body-color: #000;
  --color-highlight: #F3FFAB;
  --color-highlight-pink: #FFDDF9;
  --color-hover: #2466a8;
  --color-icon-audio: #05c2d6;
  --color-icon-checklist: #3377DD;
  --color-icon-close-up: #3377DD;
  --color-icon-csv: #05c2d6;
  --color-icon-delete: #990000;
  --color-icon-download: #44a652;
  --color-icon-edit: #06c;
  --color-icon-excel: #44a652;
  --color-icon-excelxml: #44a652;
  --color-icon-exclamation-triangle: #ee4248;
  --color-icon-export: #6749ce;
  --color-icon-fm: #9f5812;
  --color-icon-folder: #fbcc36;
  --color-icon-help: #8f96a0;
  --color-icon-html: #a20f14;
  --color-icon-image: #a20f14;
  --color-icon-info: #a0c0ef;
  --color-icon-minus: #ee4248;
  --color-icon-move-down: #3377DD;
  --color-icon-move-up: #3377DD;
  --color-icon-next-step: #3377DD;
  --color-icon-open: #ae8503;
  --color-icon-open-down: #3377DD;
  --color-icon-pdf: #ee4248;
  --color-icon-pencil-square: #ea9846;
  --color-icon-play-circle: #142dc2;
  --color-icon-plus: #ee4248;
  --color-icon-poster: #11386e;
  --color-icon-ppt: #FF4500;
  --color-icon-search: #3377DD;
  --color-icon-text: #000000;
  --color-icon-video: #0d1d7d;
  --color-icon-word: #1E90FF;
  --color-icon-wordxml: #1E90FF;
  --color-icon-xhtml: #627127;
  --color-icon-xml: #682d6a;
  --color-icon-zip: #4b2415;
  --color-important: #990000;
  --color-link: #06c;
  --color-main: #3377DD;
  --color-main-dark-15: #1c54a8;
  --color-main-dark-25: #153e7c;
  --color-main-dark-35: #0d2850;
  --color-main-dark-40: #0a1d3a;
  --color-main-light-15: #75a3e8;
  --color-main-light-20: #8ab1ec;
  --color-main-light-25: #a0c0ef;
  --color-main-light-30: #b6cef3;
  --color-main-light-35: #ccddf7;
  --color-main-light-40: #e2ecfa;
  --color-main-light-45: #f8fafe;
  --color-main-light-50: white;
  --color-main-light-55: white;
  --color-main-light-60: white;
  --color-main-light-65: white;
  --color-main-light-70: white;
  --color-main-light-75: white;
  --color-main-shade-10: #050c16;
  --color-main-shade-20: #0a182c;
  --color-main-shade-30: #0f2442;
  --color-main-shade-40: #143058;
  --color-main-shade-50: #1a3c6f;
  --color-main-shade-60: #1f4785;
  --color-main-shade-70: #24539b;
  --color-main-shade-80: #295fb1;
  --color-main-shade-90: #2e6bc7;
  --color-main-tint-10: #e8f1ff;
  --color-main-tint-20: #d1e3fd;
  --color-main-tint-30: #bcd5fb;
  --color-main-tint-40: #a8c7f7;
  --color-main-tint-50: #94baf3;
  --color-main-tint-60: #80adef;
  --color-main-tint-70: #6d9feb;
  --color-main-tint-80: #5a92e6;
  --color-main-tint-90: #4684e1;
  --color-neutral: #8f96a0;
  --color-neutral-dark-10: #747c88;
  --color-neutral-dark-15: #68707b;
  --color-neutral-dark-20: #5c636d;
  --color-neutral-dark-25: #51565f;
  --color-neutral-dark-30: #454a51;
  --color-neutral-dark-35: #393d43;
  --color-neutral-dark-40: #2d3136;
  --color-neutral-dark-45: #222428;
  --color-neutral-dark-5: #818994;
  --color-neutral-light-10: #abb0b7;
  --color-neutral-light-15: #b8bdc3;
  --color-neutral-light-20: #c6cacf;
  --color-neutral-light-25: #d4d7db;
  --color-neutral-light-30: #e2e4e6;
  --color-neutral-light-35: #f0f1f2;
  --color-neutral-light-40: #fdfdfe;
  --color-neutral-light-5: #9da3ac;
  --color-neutral-shade-10: #0e0f10;
  --color-neutral-shade-20: #1d1e20;
  --color-neutral-shade-30: #2b2d30;
  --color-neutral-shade-40: #393c40;
  --color-neutral-shade-50: #484b50;
  --color-neutral-shade-60: #565a60;
  --color-neutral-shade-70: #646970;
  --color-neutral-shade-80: #727880;
  --color-neutral-shade-90: #818790;
  --color-neutral-tint-10: #f3f4f6;
  --color-neutral-tint-20: #e7eaed;
  --color-neutral-tint-30: #dcdfe4;
  --color-neutral-tint-40: #d1d5da;
  --color-neutral-tint-50: #c6cad0;
  --color-neutral-tint-60: #bcc0c6;
  --color-neutral-tint-70: #b1b6bd;
  --color-neutral-tint-80: #a5abb3;
  --color-neutral-tint-90: #9aa1aa;
  --color-pastel-blue: #bcd4f5;
  --color-pastel-green: #def1e1;
  --color-pastel-navy: #acb6f6;
  --color-pastel-orange: #f7d8b9;
  --color-pastel-red: #fbced0;
  --color-pastel-teal: #c3f8fe;
  --color-visited: #0022cc;
  --a-important-color: #ee4248;
  --attendance-session-display-slot-border-color: #d1d5da;
  --o-body-attendance-background-color: #ffffff;
  --o-body-attendance-color: #000;
  --a-button-background-color: #2196F3;
  --a-button-color: #FFFFFF;
  --a-button-disabled-background-color: #f3f4f6;
  --m-message-error-background-color: #fcf3f3;
  --m-message-error-color: #dd0000;
  --m-message-info-background-color: #BDE5F8;
  --m-message-info-color: #00529B;
  --m-message-success-background-color: #DFF2BF;
  --m-message-success-color: #4F8A10;
  --o-body-audiencepollask-color: #333;
  --a-movehere-hover-color: #039BE5;
  --ul-config-li-selected-color: #FFF;
  --exhibitor-map-aside-bg-color: #d1d5da;
  --exhibitor-map-aside-drop-down-menu-hover-bg-color: #1f4785;
  --exhibitor-map-aside-drop-down-menu-hover-text-color: #fdfdfe;
  --exhibitor-map-aside-top-level-menu-bg-color: #e7eaed;
  --exhibitor-map-aside-top-level-menu-text-color: #222428;
  --exhibitor-map-aside-top-level-menu-hover-bg-color: #143058;
  --exhibitor-map-aside-top-level-menu-hover-text-color: #fdfdfe;
  --exhibitor-map-bars-bg-color: #3377DD;
  --exhibitor-map-header-h1-bg-color: #3377DD;
  --exhibitor-map-notifications-bg-color: #f3f4f6;
  --exhibitor-map-notifications-border-color: #484b50;
  --exhibitor-map-zoom-buttons-hover-bgr-color: #0f2442;
  --color-button-background: #1e1e1e;
  --color-button-background-disabled: #8f96a0;
  --color-button-background-hover: #3377DD;
  --color-button-disabled: #e2e4e6;
  --a-login-h3-color: #3377DD;
  --a-login-section-border-color: #8f96a0;
  --a-steps-content-background-color: #fdfdfe;
  --a-steps-content-border-color: #8f96a0;
  --a-steps-link-background-color: #fdfdfe;
  --a-steps-link-border-color: #8f96a0;
  --a-steps-link-color: #3377DD;
  --a-steps-link-hover-background-color: #abb0b7;
  --a-submissions-title-color: #3377DD;
  --a-submissions-section-border-color: #8f96a0;
  --a-switch-background-color: #3377DD;
  --a-switch-hover-background-color: #a0c0ef;
  --a-tab-border-color: #8f96a0;
  --a-tab-content-border-color: #8f96a0;
  --a-tab-selected-background-color: #444444;
  --a-tab-ul-li-border-color: #8f96a0;
  --mq-tab-ul-li-border-color: #8f96a0;
  --a-bookmark-color: #787878;
  --a-profile-h5-color: #3377DD;
  --a-a-color: inherit;
  --a-clonelist-li-odd-background-color: #f3f4f6;
  --button-disabled-border-color: #dcdfe4;
  --a-button-disabled-color: #999999;
  --a-button-hover-background-color: #3377DD;
  --input-disabled-border-color: #dcdfe4;
  --m-childselection-border-color: #dcdfe4;
  --m-clonedrecords-border-color: #dcdfe4;
  --m-clonedrecords-li-odd-background-color: #f3f4f6;
  --m-clonelist-border-color: #dcdfe4;
  --m-parentselection-border-color: #dcdfe4;
  --m-records-border-color: #dcdfe4;
  --chooseprograms-choose-icon-color: #3377DD;
  --chooseprograms-choose-h4-hover-bg-color: #dcdfe4;
  --chooseprograms-choose-open-bg-color: #dcdfe4;
  --chooseprograms-choose-open-selected-bg-color: #dcdfe4;
  --chooseprograms-choose-open-selected-font-color: #444444;
  --chooseprograms-choose-open-selected-icon-color: #444444;
  --chooseprograms-choose-open-selected-input-color: #3377DD;
  --chooseprograms-choose-open-li-even-bg-color: #f2f2f2;
  --a-personal-info-required-color: #990000;
  --a-personal-info-block-note-label-label-color: #000;
  --a-withdrawn-ip-color: #990000;
  --a-withdrawn-message-color: #990000;
  --a-withdrawn-reason-color: #990000;
  --a-as-instructions-color: #1c54a8;
  --a-cmedisclosure-applytoroleid-filledout-color: #8f96a0;
  --a-cmedisclosure-header-color: #444444;
  --a-cmedisclosure-relationshipnotes-color: #444444;
  --a-exceltable-a-hover-color: #2466a8;
  --a-exceltable-a-link-color: #06c;
  --a-exceltable-a-visited-color: #0022cc;
  --a-keywords-page-summary-border-color: #b8bdc3;
  --a-keywords-page-summary-select-background-color: #d1d5da;
  --a-keywords-page-summary-select-color: #8f96a0;
  --a-mainhead-color: #3377DD;
  --a-pagetitle-color: #3377DD;
  --a-quiz-evaluation-table-missing-background-color: #ff6666;
  --a-quiz-evaluation-table-missing-border-color: #990000;
  --a-recordeditor-data-background-color: #e2e4e6;
  --a-registration-printbutton-alert-button-background-color: #990000;
  --a-registration-printbutton-alert-button-border-color: red #660000 #330000 #cc0000;
  --a-registration-reg-roleoptions-h3-background-color: #3377DD;
  --a-registration-reg-rolesetup-h2-background-color: #3377DD;
  --a-registration-sectioninfo-current-pending-background-color: #3377DD;
  --a-registration-table-sectionboxtable-sectionboxinfo-background-color: #c6cacf;
  --a-registration-table-sectionboxtable-th-sectionboxheader-background-color: #8f96a0;
  --a-session-background: #d4d7db;
  --a-tabstaffdate-color: #3377DD;
  --a-unavailable-background: #FFDDF9;
  --a-updatepersontable-norecord-background-color: #8f96a0;
  --h4-staff-color: #3377DD;
  --arrange-waitlisted-background: #bcc0c6;
  --button-cmedbtn-email-reminder-background: #e7eaed;
  --button-cmedbtn-email-reminder-color: #3377DD;
  --span-address-fromentry-color: #8f96a0;
  --a-table-people-td-border-color: #3377DD;
  --table-people-td-color: #000;
  --table-people-tr-odd-background-color: #e7eaed;
  --table-person-td-color: #000;
  --table-person-td-currentaddress-border-color: #8f96a0;
  --ul-lists-li-border-color: #b8bdc3;
  --m-assignpaper-symposium-td-border-color: #a5abb3;
  --m-box-td-background: #e8f1ff;
  --m-box-td-color: #3377DD;
  --m-clone-chooseentries-titleoption-background-color: #d4d7db;
  --m-clone-chooseoptions-optionitem-background-color: #d4d7db;
  --m-clone-title-background-color: #b8bdc3;
  --m-cmedisclosure-applyfromroleids-background: #b8bdc3;
  --m-cmedisclosure-questionsextraheader-color: #444444;
  --m-cmedisclosure-table-radio-checkbox-background-color: #d4d7db;
  --m-extra-modulesaved-border-color: #44a652;
  --m-extra-modulesaved-color: #44a652;
  --m-graybox-background-color: #dcdfe4;
  --m-graybox-border-color: #e7eaed;
  --m-grayboxheader-th-background-color: #454a51;
  --m-grayboxheader-th-border-color: #747c88 #bcc0c6 #bcc0c6 #bcc0c6;
  --m-grayboxtable-td-background-color: #dcdfe4;
  --m-grayboxtable-td-border-color: transparent #bcc0c6 #bcc0c6 #bcc0c6;
  --m-js-form-element-widget-save-cancel-background-color: #8f96a0;
  --m-message-error-border-color: #dd0000;
  --m-pageheader-border-color: #b1b6bd;
  --m-people-page-fieldset-border-color: #990000;
  --m-people-on-background: #f0f1f2;
  --m-quickentry-nav-border-color: #8f96a0;
  --m-recordeditor-person-extra-background-color: #e2e4e6;
  --m-registration-table-sectionboxtable-border-color: #8f96a0;
  --m-registration-table-sectionboxtable-td-th-border-color: #8f96a0;
  --m-sectionbox-section-box-table-border-color: #b1b6bd;
  --m-sessionpeopletable-status-color: #990000;
  --mq-print-sectionbox-border-color: #8f96a0;
  --table-archives-border-color: #1c54a8;
  --table-incompletemailer-border-color: #8f96a0;
  --table-incompletemailer-td-th-border-color: #8f96a0;
  --table-people-border-color: #3377DD;
  --table-people-th-background: #fdfdfe;
  --table-people-th-border-color: #3377DD;
  --table-people-th-color: #3377DD;
  --table-people-tr-hover-td-background-color: #e2e4e6;
  --table-people-tr-hover-td-color: #000;
  --table-person-border-color: #3377DD;
  --table-person-color: #3377DD;
  --table-person-address-background-color: #f3f4f6;
  --table-person-sectionbox-background-color: #f3f4f6;
  --table-template-preview-border-color: #8f96a0;
  --table-template-preview-td-border-color: #8f96a0;
  --table-template-preview-tr-last-child-td-first-child-border-color: #8f96a0;
  --o-body-background-color: #ffffff;
  --m-instructions-inputs-background-color: #f3f4f6;
  --m-instructions-inputs-border-color: #dcdfe4;
  --m-reviewer-border-color: #dcdfe4;
  --m-sectionbox-background-color: #f3f4f6;
  --m-sectionbox-border-color: #dcdfe4;
  --o-page-background-color: #ffffff;
  --a-active-step-background-color: #2b2b2b;
  --a-current-step-background-color: #3377DD;
  --a-current-step-color: #377fe1;
  --a-done-step-background: #1f4c25;
  --a-done-step-background-color: #444444;
  --a-done-step-color: #44a652;
  --a-incomplete-step-background: #f3f4f6;
  --a-incomplete-step-background-color: #f3f4f6;
  --a-incomplete-step-color: #8f96a0;
  --a-indicator-color: #d1d5da;
  --a-indicator-active-color: #3377DD;
  --a-login-info-background: #e7eaed;
  --a-login-info-color: #393c40;
  --a-usermenu-button-background: #3377DD;
  --a-withdrawn-background: #990000;
  --a-withdrawn-color: #FFF;
  --link-color: inherit;
  --link-hover-color: inherit;
  --scrollbar-color: #F5F5F5;
  --m-steps-background-color: #e7eaed;
  --header-background-color: #444444;
  --header-border-color: transparent;
  --header-color: #ffffff;
  --header2-background-color: #ededed;
  --header2-border-color: transparent;
  --header2-color: #222222;
  --list-background: transparent;
  --o-body-color: #000;
  --table-tr-td-border-color: #dcdfe4;
  --table-tr-th-border-color: #dcdfe4;
  --m-displayfilters-border-color: #e7eaed;
  --m-filter-area-border-color: #dcdfe4;
  --a-alternate-background-color: #f3f4f6;
  --table-td-delete-a-color: #990000;
  --m-row-border-color: #dcdfe4;
  --table-border-color: #dcdfe4;
  --a-site-navigation-li-svg-icon-fill: #1d1e20;
  --a-slidetitle-color: #1d1e20;
  --eposter-button-background-color: #245ca8;
  --eposter-button-hover-background-color: #11386e;
  --a-h2-color: #3377DD;
  --scrollbar-thumb-background: #bcd4f5;
  --scrollbar-track-background: #11386e;
  --scrollbar-track-piece-background: linear-gradient(90deg, transparent 45%, white 45%, transparent 55%);
  --m-button-area-background-color: #2b2d30;
  --m-controls-area-background-color: #2b2d30;
  --m-instructions-background-color: rgba(0, 0, 0, 0.7);
  --m-site-navigation-background-color: #000000;
  --m-site-navigation-li-color: #d1d5da;
  --m-site-navigation-ul-topsharemenu-background-color: #f0f1f2;
  --m-site-navigation-ul-topsharemenu-a-color: #1d1e20;
  --aside-background-color: #2b2d30;
  --li-display-controls-color: #d1d5da;
  --li-display-controls-background-color: #2b2d30;
  --ul-markers-background-color: #1d1e20;
  --ul-slides-li-background-color: #1d1e20;
  --ul-slides-li-color: #e7eaed;
  --ul-slides-li-hover-background-color: #000000;
  --eval-a-before-start-background-color: #f3f4f6;
  --eval-a-status-color: #8f96a0;
  --eval-a-h2-background-color: #e7eaed;
  --eval-a-table-td-hr-border-color: #8f96a0;
  --eval-a-ul-credits-list-a-delete-color: #8f96a0;
  --eval-a-ul-pages-background-color: #ffffff;
  --eval-a-ul-pages-a-background-color: #2e6bc7;
  --eval-a-ul-pages-li-color: #ffffff;
  --eval-a-ul-pages-span-current-background-color: #3d3d3d;
  --eval-m-modal-content-background-color: #f3f4f6;
  --eval-m-nav-evaluate-navigation-background-color: #3377DD;
  --eval-m-nav-evaluate-navigation-evaluate-menu-li-color: #ffffff;
  --a-visa-letter-table-tr-hover: #f3f4f6;
  --a-qq-in-progress-color: #8f96a0;
  --a-qq-total-progress-bar-container-background-color: #e7eaed;
  --a-qq-upload-button-background: #444444;
  --a-qq-upload-button-border-color: #363636;
  --a-qq-upload-drop-area-background: #e7eaed;
  --a-qq-upload-drop-area-border-color: #c6cad0;
  --a-qq-upload-drop-area-active-background: #f3f4f6;
  --a-qq-upload-fail-background-color: #f3f4f6;
  --a-qq-upload-list-li-background-color: #e7eaed;
  --a-qq-upload-list-li-color: #484b50;
  --h1-color: #000000;
  --input-submit-button-background-color: #444444;
  --qq-upload-button-hover-background: #3377DD;
  --qq-upload-cancel-background-color: #ebcccc;
  --qq-upload-cancel-border-color: #e0b3b3;
  --qq-upload-cancel-hover-background-color: #f5e6e6;
  --qq-upload-delete-background-color: #990000;
  --qq-upload-delete-border-color: #7a0000;
  --qq-upload-delete-color: #f3f4f6;
  --qq-upload-delete-hover-background-color: #ad3333;
  --qq-upload-pause-continue-background-color: #3377DD;
  --qq-upload-pause-continue-border-color: #295fb1;
  --qq-upload-pause-continue-color: #e7eaed;
  --qq-upload-pause-continue-hover-background-color: #5a92e6;
  --qq-uploader-border-color: #c6cad0;
  --a-form-data-left-before-color: #d1d5da;
  --a-form-data-left-before-hover-color: #2b2d30;
  --a-form-data-right-before-hover-color: #2b2d30;
  --fieldset-legend-color: #1c54a8;
  --m-fieldset-inner-color: #000;
  --fieldset-item-label-text-color: #000;
  --fieldset-item-bg-color: transparent;
  --form-item-label-text-color: #000;
  --form-item-toplabel-text-color: #000;
  --ul-ordered-select-background-color: #e7eaed;
  --h2-border-color: #dcdfe4;
  --m-table-people-td-border-color: #dcdfe4;
  --table-person-td-background: #e7eaed;
  --o-body-frameless-background-color: #ffffff;
  --a-usermenu-li-background-color: #009dc1;
  --a-usermenu-li-color: #FFF;
  --li-currentstep-background-color: #009AE2;
  --li-currentstep-color: #FFF;
  --li-donestep-background-color: #02A68D;
  --li-donestep-color: #FFF;
  --li-incompletestep-background-color: #EFEFEF;
  --li-incompletestep-color: #999;
  --li-withdrawn-background-color: #CC0000;
  --li-withdrawn-color: #FFF;
  --m-admin-menu-ul-li-background-color: #02A68D;
  --m-cp-header-background-color: #E5E5E5;
  --iframe-cp-background-color: #FFFFFF;
  --main-background-color: #fff;
  --ul-acplogin-background-color: #E5E5E5;
  --ul-acplogin-color: #333;
  --color-lm-button-background: #4684e1;
  --color-lm-form-border-top: #4684e1;
  --color-lm-info-background: #5a92e6;
  --color-lm-info-border: #3377DD;
  --color-lm-info: #3377DD;
  --color-lm-table-border: #5a92e6;
  --color-lm-tr-border: #5a92e6;
  --color-lm-tr-background: #e8f1ff;
  --table-tr-border-color: #68707b;
  --tr-background-color: #e8f1ff;
  --tr-border-color: #5a92e6;
  --a-assigned-entries-background-color: #3377DD;
  --a-assigned-entries-color: #ffffff;
  --color-a-login-info: #e8f1ff;
  --a-main-module-header-background-color: #1a3c6f;
  --a-main-module-header-color: #e8f1ff;
  --a-main-search-color: #000000;
  --a-main-search-div-background-color: #f3f4f6;
  --a-meeting-select-background-color: #f3f4f6;
  --a-meeting-select-color: #000;
  --a-navigation-tab-background-color: #f3f4f6;
  --a-tab-selected-background-color-2: #3377DD;
  --m-info-color: #e8f1ff;
  --m-page-background-color: #fff;
  --m-page-header-h1-color: #e8f1ff;
  --page-header-background-color: #3377DD;
  --a-helplinks-color: #06c;
  --a-helplinks-a-color: #06c;
  --a-more-border-color: #b8bdc3;
  --ul-staff-li-border-color: #dcdfe4;
  --ul-user-menu-li-color: #2b2d30;
  --ul-user-menu-li-home-a-background-color: #393c40;
  --ul-user-menu-li-a-color: #2b2d30;
  --m-dropdown-background-color: #f3f4f6;
  --m-dropdown-border-color: #c6cad0;
  --m-dropdown-heading-border-color: #c6cad0;
  --m-dropdown-heading-color: #393c40;
  --m-dropdown-h2-border-color: #d1d5da;
  --m-more-color: #2b2d30;
  --m-usermenu-border-color: #c6cad0;
  --m-usermenu-li-border-color: #dcdfe4;
  --m-usermenu-li-first-child-background-color: #f3f4f6;
  --m-usermenu-li-hover-background-color: #393c40;
  --ul-staff-border-color: #dcdfe4;
  --ul-user-menu-background-color: #FFFFFF;
  --o-globalnavigation-background-color: #f3f4f6;
  --o-globalnavigation-border-color: #d1d5da;
  --o-globalnavigation-color: #393c40;
  --table-td-border-color: #68707b;
  --m-message-border-color: #000000;
  --m-report-error-background-color: #fbced0;
  --m-report-error-border-color: #ee4248;
  --a-info-background-color: #f3f4f6;
  --a-info-border-color: #9aa1aa;
  --a-info-color: #000;
  --color-success: #44a652;
  --a-headerwrapper-h2-color: #1c54a8;
  --a-lines-background-color: #f0f1f2;
  --a-lines-border-color: #747c88;
  --a-nav-left-ul-li-a-color: #7c2215;
  --a-nav-left-ul-li-a-current-background-color: #1c54a8;
  --a-nav-left-ul-li-a-hover-background-color: #dd4a33;
  --a-sidebar-toggle-background-color: #f0f1f2;
  --a-submit-input-background-color: #1c54a8;
  --a-submit-input-hover-background-color: #153e7c;
  --aside-right-nav-ul-li-a-color: #3377DD;
  --aside-right-nav-ul-li-a-hover-color: #153e7c;
  --h1-border-color: #454a51;
  --hr-background: #2d3136;
  --input-button-background-color: #1c54a8;
  --input-button-hover-background-color: #153e7c;
  --manage-extra-steps-entry-background-color: #f6faf5;
  --manage-extra-steps-gateway-background-color: #f7f8da;
  --manage-extra-steps-manage-extra-step-disabled-background-color: #D1D1D1;
  --manage-extra-steps-manage-extra-step-disabled-border-color: #eeeeee;
  --manage-extra-steps-my-meeting-background-color: #F6F6FD;
  --manage-extra-steps-person-background-color: #f1fdfe;
  --manage-extra-steps-registrant-background-color: #FCF2E9;
  --manage-extra-steps-speaker-center-background-color: #E8FAF0;
  --m-boxes-border-color: #8f96a0;
  --m-expandedcontent-background-color: #d4d7db;
  --m-headerwrapper-login-background-color: #fdfdfe;
  --m-headerwrapper-login-border-color: #e2e4e6;
  --m-page-id-background-color: #e2e4e6;
  --m-page-id-color: #454a51;
  --table-tr-even-background-color: #ccddf7;
  --a-asc-border-color: #dcdfe4;
  --table-th-background-color: #d1d5da;
  --table-th-border-color: #e7eaed;
  --m-display-columns-background-color: #d1d5da;
  --m-display-columns-borde-color: #dcdfe4;
  --m-order-border-color: #dcdfe4;
  --o-body-manageinstitutions-color: #000;
  --a-booth-list-ul-li-border-color: #3377DD;
  --a-booth-list-ul-li-color: #3377DD;
  --a-game-rank-background-color: #3377DD;
  --a-game-scale-completed-background-color: #44a652;
  --a-game-scale-completed-color: #FFFFFF;
  --color-a-game-piece-badgecircle-icon-fill: #FFFFFF;
  --a-game-piece-badgecircle-icon-path-fill: #FFFFFF;
  --a-game-piece-badgecircle-icon-path-menuicon-fill: #FFFFFF;
  --a-game-piece-li-incomplete-span-badgecircle-background-color: #999999;
  --a-game-piece-li-incomplete-span-badgecircle-path-menuicon-fill: #dcdfe4;
  --a-game-piece-li-incomplete-span-entercode-background-color: #999999;
  --a-game-piece-span-badge-info-task-color: #393d43;
  --a-game-span-entercode-background-color: #999999;
  --a-icon-list-a-color: #4d4d4d;
  --a-icon-list-a-selected-color: #2b2d30;
  --a-leaderboard-leaderboard-item-border-color: #dcdfe4;
  --a-leaderboard-h5-border-color: #dcdfe4;
  --a-login-input-border-color: #dcdfe4;
  --a-login-span-line-border-color: #dcdfe4;
  --a-mobile-menu-ul-li-border-color: #dcdfe4;
  --a-mobile-menu-ul-li-a-color: #393c40;
  --a-mobile-menu-ul-li-a-fill: #393c40;
  --a-paper-slot-slot-time-background-color: #fdfdfe;
  --a-paper-slot-slot-time-border-color: #dcdfe4;
  --a-paper-slot-slot-time-color: #484b50;
  --a-paper-slot-slot-time-fill: #484b50;
  --a-person-list-item-biography-color: #484b50;
  --a-presentation-location-color: #3377DD;
  --a-presentation-location-fill: #3377DD;
  --a-question-and-answer-update-input-background-color: #e7eaed;
  --a-question-and-answer-update-input-color: #484b50;
  --a-question-and-answer-textarea-placeholder-color: #ee4248;
  --a-search-navigation-section-li-a-hover-background-color: transparent;
  --a-search-navigation-section-li-a-hover-color: #4d4d4d;
  --a-search-navigation-section-li-a-hover-fill: #4d4d4d;
  --a-similar-item-list-li-item-border-color: #dcdfe4;
  --a-user-help-background-color: #363636;
  --a-aside-ul-legend-background-color: transparent;
  --a-availability-color: #8f96a0;
  --a-bookmark-fill: #8f96a0;
  --a-bookmark-active-favorite-color: #f9bf05;
  --a-bookmark-active-favorite-fill: #f9bf05;
  --a-cancelled-color: #990000;
  --a-checkmark-background-color: #eee;
  --a-checkmark-checked-background-color: #3377DD;
  --a-checkmark-hover-background-color: #ccc;
  --a-compact-slot-p-slot-date-background-color: #fdfdfe;
  --a-compact-slot-p-slot-date-border-color: #dcdfe4;
  --a-compact-slot-p-slot-date-color: #484b50;
  --a-compact-slot-p-slot-date-fill: #484b50;
  --a-conflict-background-color: #f5e6e6;
  --a-conflict-border-color: #990000;
  --a-date-background-color: #000;
  --a-date-indicator-li-route-color: #484b50;
  --a-date-indicator-li-route-this-date-background-color: #3377DD;
  --a-default-icon-background-color: #3377DD;
  --a-desktop-menu-default-icon-background-color: #3377DD;
  --a-desktop-menu-default-icon-color: #000;
  --a-desktop-menu-selected-hover-default-icon-background-color: #000;
  --a-desktop-menu-selected-hover-default-icon-color: #3377DD;
  --a-desktop-menu-a-color: #3377DD;
  --a-desktop-menu-a-fill: #3377DD;
  --a-fixed-nav-menutext-color: #4d4d4d;
  --a-fixed-nav-a-color: #3377DD;
  --a-fixed-nav-a-fill: #4d4d4d;
  --a-fixed-nav-path-menuicon-fill: #4d4d4d;
  --a-keyframes-from-fill: #025159;
  --a-keyframes-to-fill: #05c2d6;
  --a-list-indicator-swiped-li-svg-icon-fill: #484b50;
  --a-list-indicator-li-this-svg-icon-fill: #484b50;
  --a-loading-border-color: #f3f4f6;
  --a-loading-border-top-color: #3377DD;
  --a-locked-color: #8f96a0;
  --a-locked-fill: #8f96a0;
  --a-native-icon-list-li-selected-background-color: #3377DD;
  --a-native-person-title-bookmark-fill: #8f96a0;
  --a-native-appmenu-defaulticon-background-color: #3377DD;
  --a-native-date-indicator-date-color: #2b2d30;
  --a-native-nextprev-li-route-color: #444444;
  --a-native-nextprev-li-route-fill: #444444;
  --a-native-a-color: #3377DD;
  --a-native-a-fill: #3377DD;
  --a-native-ul-card-list-li-defaulticon-color: #3377DD;
  --a-navigation-section-defaulticon-background-color: #3377DD;
  --a-navigation-section-defaulticon-color: #e6e6e6;
  --a-navigation-section-defaulticon-hover-color: #3377DD;
  --a-navigation-section-ul-legend-a-fill: #3377DD;
  --a-navigation-section-ul-li-hover-a-color: #e6e6e6;
  --a-navigation-section-ul-li-hover-a-fill: #e6e6e6;
  --a-nextprev-li-route-color: #999999;
  --a-nextprev-li-route-hover-color: #444444;
  --a-note-color: #2d3136;
  --a-note-svg-icon-fill: #2d3136;
  --a-page-content-list-li-entry-type-list-item-background-color: #FFFFFF;
  --a-page-content-list-li-entry-type-list-item-border-color: #dcdfe4;
  --a-person-image-background-color: #3377DD;
  --a-person-image-border-color: #bcc0c6;
  --a-progress-svg-icon-fill: #818994;
  --a-public-login-h1-color: #444444;
  --a-public-login-h1-small-color: #000;
  --a-public-login-h2-color: #3377DD;
  --a-regnote-color: #2d3136;
  --a-regnote-svg-icon-fill: #2d3136;
  --a-schedule-color: #8f96a0;
  --a-schedule-fill: #8f96a0;
  --a-schedule-active-favorite-color: #444444;
  --a-schedule-active-favorite-fill: #444444;
  --a-title-content-color: #3377DD;
  --a-user-help-background-color: #363636;
  --a-user-help-color: #FFFFFF;
  --login-switchdisplay-background-color: #3377DD;
  --login-switchdisplay-border-color: #3377DD;
  --question-and-answer-new-question-background-color: #f3f4f6;
  --question-container-class-bar100-background-color: #dcdfe4;
  --question-container-class-bar100-span-background-color: #8f96a0;
  --question-container-class-selected-bar100-span-background-color: #3377DD;
  --a-visited-color: #4b7cc5;
  --aside-legend-svg-icon-fill: #3377DD;
  --aside-h1-background-color: #3377DD;
  --button-answer-now-toggle-selected-background-color: #9aa1aa;
  --h-tag-border-color: #dcdfe4;
  --li-question-qa-edit-svg-path-color: #a5abb3;
  --li-question-form-hover-bump-delete-button-svg-color: #a20f14;
  --li-question-form-button-polygon-fill: #a5abb3;
  --li-question-span-answer-text-color: #727880;
  --li-question-span-identity-text-color: #30729d;
  --li-question-span-question-text-color: #484b50;
  --li-searchresults-pageselected-background-color: #3377DD;
  --li-searchresults-pageselected-border-color: #dcdfe4;
  --section-note-show-background-color: #fef2cc;
  --section-note-show-border-color: #dcdfe4;
  --span-profile-image-background-color: #3377DD;
  --svg-icon-path-note-icon-fill: #999999;
  --time-border-color: #dcdfe4;
  --time-color: #000;
  --ul-card-list-bg-color-background-color: #45a3e0;
  --ul-card-list-a-color: #ffffff;
  --ul-card-list-li-icon-fill: #3377DD;
  --ul-card-list-svg-icon-color: #ffffff;
  --ul-card-list-svg-icon-fill: #ffffff;
  --ul-card-list-svg-icon-path-menu-icon-color: #ffffff;
  --ul-card-list-svg-icon-path-menu-icon-fill: #ffffff;
  --ul-appmenu-li-border-color: #dcdfe4;
  --ul-appmenu-li-a-color: #393c40;
  --ul-appmenu-li-a-fill: #3377DD;
  --ul-search-pages-li-border-color: #dcdfe4;
  --ul-search-pages-li-color: #abb0b7;
  --ul-sharemenu-li-background-color: #f0f1f2;
  --ul-sharemenu-li-border-color: #dcdfe4;
  --ul-sharemenu-li-a-hover-path-mailicon-fill: #3377DD;
  --ul-table-li-select-fill: #abb0b7;
  --ul-warning-li-a-color: #990000;
  --ul-li-audience-poll-option-select-color: #2b2d30;
  --ul-li-audience-poll-option-select-fill: #2b2d30;
  --color-border: #dcdfe4;
  --color-facebook: #3B5998;
  --m-completed-game-piece-li-border-color: #dcdfe4;
  --m-game-scale-background: #fdfdfe;
  --m-game-piece-li-background-color: #FFFFFF;
  --m-game-piece-li-border-color: #dcdfe4;
  --m-leaderboard-ul-list-li-item-border-color: #dcdfe4;
  --m-maps-tab-bar-li-tab-border-color: #b1b6bd;
  --m-maps-tab-bar-li-tab-color: #9aa1aa;
  --m-maps-a-color: #444444;
  --m-person-list-item-border-color: #dcdfe4;
  --m-ars-topics-ul-li-border-color: #dcdfe4;
  --m-compact-slot-ul-property-info-li-background-color: #fdfdfe;
  --m-compact-slot-ul-property-info-li-border-color: #dcdfe4;
  --m-compact-slot-ul-property-info-li-color: #484b50;
  --m-compact-slot-ul-property-info-li-fill: #484b50;
  --m-desktop-menu-background-color: #e6e6e6;
  --m-desktop-menu-border-color: #dcdfe4;
  --m-desktop-menu-webapp-background-color: #e6e6e6;
  --m-fixed-nav-background-color: #e6e6e6;
  --m-fixed-nav-border-color: #dcdfe4;
  --m-fixed-nav-my-favorites-div-top-navigation-color: #3377DD;
  --m-fixed-nav-my-favorites-div-top-navigation-fill: #3377DD;
  --m-fixed-nav-toggle-color: #0e0f10;
  --m-flexitem-calendar-activefilter-background-color: #3377DD;
  --m-flexitem-calendar-activefilter-hover-color: #454a51;
  --m-flexitem-calendar-activefilter-text-color: #fdfdfe;
  --m-flexitem-calendar-background-color: #f3f4f6;
  --m-flexitem-calendar-border-color: #f3f4f6;
  --m-flexitem-calendar-inactivefilter-border-color: #3377DD;
  --m-flexitem-calendar-inactivefilter-hover-color: #d1e3fd;
  --m-flexitem-calendar-inactivefilter-text-color: #3377DD;
  --m-flexitem-calendar-item-selection-background-color: #dcdfe4;
  --m-info-box-background-color: #e6e6e6;
  --m-info-box-border-color: #dcdfe4;
  --m-item-calendar-border-color: #c6cad0;
  --m-loading-overlay-background-color: rgba(68, 68, 68, 0.1);
  --m-message-info-border-color: #00529B;
  --m-message-staff-color: #025159;
  --m-message-success-border-color: #4F8A10;
  --m-native-icon-list-li-fill: #0e0f10;
  --m-native-icon-list-li-after-border-color: #dcdfe4;
  --m-native-person-list-item-border-color: #dcdfe4;
  --m-native-date-background-color: #3377DD;
  --m-native-footer-border-color: #dcdfe4;
  --m-native-item-selection-border-color: #dcdfe4;
  --m-native-list-indicator-li-color: #4d4d4d;
  --m-native-title-content-color: #FFFFFF;
  --m-native-ul-card-list-li-background-color: #3377DD;
  --m-navigation-section-ul-li-border-color: #dcdfe4;
  --m-navigation-section-ul-li-search-list-item-hover-a-color: #3377DD;
  --m-navigation-section-ul-li-search-list-item-hover-a-fill: #3377DD;
  --m-navigation-section-ul-li-hover-background-color: #444444;
  --m-popup-background-color: #FFFFFF;
  --m-popup-border-color: #e6e6e6;
  --m-popup-input-border-color: #dcdfe4;
  --m-popup-textarea-background-color: #FFFFFF;
  --m-popup-textarea-border-color: #dcdfe4;
  --m-searchterms-ul-odd-border-color: #dcdfe4;
  --m-title-border-color: #dcdfe4;
  --login-signin-social-section-social-background-color: #0e0f10;
  --login-signin-social-section-social-border-color: #dcdfe4;
  --aside-legend-color: #999999;
  --item-selection-border-color: #dcdfe4;
  --mq-max-width480-alpha-list-border-color: #dcdfe4;
  --mq-max-width480-page-content-section-border-color: #dcdfe4;
  --mq-max-width640-full-screen-header-background-color: #e6e6e6;
  --mq-max-width640-full-screen-header-border-color: #e6e6e6;
  --mq-max-width640-full-screen-header-label-color: #377fe1;
  --mq-max-width640-full-screen-header-label-fill: #377fe1;
  --mq-max-width640-searchfilters-background-color: #FFFFFF;
  --mq-max-width640-ul-filter-sets-background-color: #FFFFFF;
  --mq-max-width720-items-per-page-border-color: #dcdfe4;
  --mq-max-width900-searchfilters-background-color: #e6e6e6;
  --time-zone-color: #646970;
  --ul-tab-bar-li-background-color: #dcd7d7;
  --ul-tab-bar-li-border-color: #c6cad0;
  --ul-tab-bar-li-color: #3377DD;
  --ul-tab-bar-li-hover-background-color: #444444;
  --ul-tab-bar-li-selected-background-color: #6a6868;
  --ul-property-info-color: #000;
  --ul-property-info-fill: #000;
  --ul-table-border-color: #dcdfe4;
  --ul-li-audience-poll-option-border-color: #dcdfe4;
  --color-twitter: #00ACED;
  --meeting-list-accepting-key-background-color: #ace6b6;
  --meeting-list-future-key-background-color: #87ceeb;
  --meeting-list-past-meeting-key-background-color: #c0c0c0;
  --input-select-textarea-border-color: #dcdfe4;
  --m-container-background-color: #f3f4f6;
  --m-container-border-color: #dcdfe4;
  --aside-ul-nav-li-border-color: #dcdfe4;
  --main-setting-section-fieldset-border-color: #dcdfe4;
  --fieldset-border-color: #e7eaed;
  --m-h2-color: #3377DD;
  --input-background-color: #6d9feb;
  --fieldset-div-odd-background-color: #94baf3;
  --a-add-edit-group-input-color: #1d1e20;
  --a-change-move-priority-down-fa-color: #3377DD;
  --a-change-move-priority-up-fa-color: #3377DD;
  --a-delete-col-fa-color: #990000;
  --a-edit-col-fa-color: #06c;
  --a-error-color: #990000;
  --a-go-to-next-step-col-fa-color: #3377DD;
  --a-notice-color: #7a0000;
  --a-person-form-add-address-background-color: #f3f4f6;
  --a-person-form-add-person-section-background-color: #e8f1ff;
  --a-person-form-field-group-header-color: #3377DD;
  --a-person-form-form-element-group-address-selector-background-color: #e8f1ff;
  --a-person-form-form-field-input-color: #b1b6bd;
  --a-person-form-form-field-input-address-background-color: #e8f1ff;
  --a-person-form-form-field-input-address-color: #b1b6bd;
  --a-person-form-form-field-input-disabled-background-color: #f3f4f6;
  --a-person-form-form-field-input-disabled-color: #8f96a0;
  --a-person-form-person-name-background-color: #3377DD;
  --a-person-form-person-validation-error-message-background-color: #f5e6e6;
  --a-person-form-person-validation-error-message-color: #990000;
  --a-person-form-required-field-indicator-color: #990000;
  --a-person-form-select-address-selection-background-color: #3377DD;
  --a-save-area-changed-message-background-color: #e8f1ff;
  --a-save-area-changed-message-fa-spinner-color: #8f96a0;
  --a-save-area-button-background-color: #295fb1;
  --a-save-cancel-buttons-background-color: #295fb1;
  --a-search-results-person-tr-odd-background-color: #e8f1ff;
  --a-total-error-background-color: #f5e6e6;
  --a-total-error-color: #990000;
  --table-person-table-button-color: #295fb1;
  --table-tr-disable-td-background-color: #8f96a0;
  --table-tr-disable-td-color: #c6cad0;
  --table-tr-odd-background-color: #e8f1ff;
  --td-edit-col-color: #2b2d30;
  --td-role-code-clickable-fa-color: #94baf3;
  --td-role-code-role-change-li-background-color: #e8f1ff;
  --tr-disable-edit-col-a-color: #8f96a0;
  --ul-peoplelistinstructions-background-color: #e8f1ff;
  --ul-priority-list-input-cancel-background-color: #050c16;
  --a-span-slotdisplaydatetime-color: #727880;
  --color-a-table-border: #a5abb3;
  --color-a-tr-border: #a5abb3;
  --color-a-tr-background: #f3f4f6;
  --a-tagline-background-color: #444444;
  --a-button-background-color-2: #3377DD;
  --m-cardlist-li-color: #3377DD;
  --m-cardlist-li-before-color: rgba(51, 119, 221, 0.4);
  --m-cardlist-li-even-color: #444444;
  --m-cardlist-li-even-hover-background-color: #444444;
  --m-cardlist-li-hover-background-color: #3377DD;
  --mq-max-width640-cardlist-content-color: #3377DD;
  --mq-max-width640-cardlist-content-a-color: #3377DD;
  --mq-max-width640-cardlist-li-icon-hover-before-color: rgba(51, 119, 221, 0.4);
  --mq-max-width640-cardlist-li-hover-content-color: #3377DD;
  --mq-max-width640-cardlist-li-hover-heading-color: #3377DD;
  --aside-section-background-color: #f0f1f2;
  --aside-section-headerbackground-color: #45a3e0;
  --expander-h2-background-color: #45a3e0;
  --expander-h2-text-color: #fff;
  --expander-li-background-color: #f0f1f2;
  --expander-li-border-color: #dedede;
  --tabbed-display-border-color: #45a3e0;
  --tabbed-display-text-color: #222428;
  --color-tabbed-display-tab-selected-background: #45a3e0;
  --color-tabbed-display-tab-selected-text: #f7f7f7;
  --archive-color: #874125;
  --download-color: #44a652;
  --folder-color: #fbcc36;
  --pencil-square-color: #ea9846;
  --play-circle-color: #142dc2;
  --play-circle-run-background-color: #999999;
  --share-color: #377fe1;
  --table-td-nth-child4n-plus2-background-color: #fbfbf0;
  --title-hr-color: #000;
  --h4-color: #000;
  --m-editing-background-color: #FFFFFF;
  --m-toggle-border-color: #DDD;
  --p-scale-completed-background-color: #44a652;
  --ul-icons-li-session-border-color: #000000;
  --ul-select-securitygroup-li-selected-background-color: #3377DD;
  --ul-tab-select-li-select-tab-selected-background-color: #3377DD;
  --aside-border-color: #3377DD;
  --ul-tab-select-border-color: #3377DD;
  --main-head-color: #3377DD;
  --tag-code-color: #3377DD;
  --send-email-main-color: #3377DD;
  --a-showspinner-color: #3377DD;
  --table-tr-odd-td-background-color: #e8f1ff;
  --m-showdiff-border-color: #d1d5da;
  --m-textdiff-border-color: #8f96a0;
  --a-datewarning-background-color: rgba(153, 0, 0, 0.1);
  --a-datewarning-border-color: #990000;
  --a-datewarning-color: #990000;
  --a-extracontent-h2-color: #3377DD;
  --a-main-module-header-h2-border-color: #b8bdc3;
  --a-main-module-header-h2-color: #000000;
  --a-persondisclosures-tr-missing-td-last-child-background-color: rgba(153, 0, 0, 0.1);
  --feedback-link-color: #000;
  --ul-degreerow-li-delete-input-checked-label-color: #990000;
  --ul-degreerow-li-delete-label-color: #8f96a0;
  --m-agreement-agreement-background-color: #e2e4e6;
  --m-agreement-agreement-border-color: #b8bdc3;
  --m-agreement-agreement-h1-background-color: #3377DD;
  --m-assigned-entries-div-backround-color: #e2e4e6;
  --m-assigned-entries-div-border-color: #b8bdc3;
  --m-disabled-background-color: #e2e4e6;
  --m-disabled-border-color: #b8bdc3;
  --m-disabled-color: #8f96a0;
  --m-extracontent-fieldset-border-color: #b8bdc3;
  --m-main-navigation-border-color: #b8bdc3;
  --m-module-frame-disableprerequisite-background: #8f96a0;
  --m-module-frame-table-tr-even-background-color: #e2e4e6;
  --m-module-frame-table-tr-even-border-color: #b8bdc3;
  --m-module-frame-table-tr-odd-border-color: #b8bdc3;
  --m-navigation-tab-disabled-tab-color: #8f96a0;
  --m-navigation-tab-disabled-tab-before-color: #c6cacf;
  --m-navigation-tab-incompletestep-before-color: #990000;
  --m-navigation-tab-selected-background-color: #3377DD;
  --m-navigation-tab-selected-color: #FFFFFF;
  --m-navigation-tab-selected-before-background-color: #3377DD;
  --m-page-header-container-background-color: #3377DD;
  --m-popup-area-border-color: #b8bdc3;
  --m-statusbar-background-color: #3377DD;
  --fieldset-travel-border-color: #b8bdc3;
  --ul-degreerow-border-color: #b8bdc3;
  --ul-mysubnav-color: #abb0b7;
  --ul-subnav-background-color: #80adef;
  --a-speakerlist-li-a-hover-span-border-color: #bcd5fb;
  --m-companies-sponsorlist-li-border-color: #bcd5fb;
  --m-speakerlist-li-border-color: #bcd5fb;
  --m-sponsorform-border-color: #bcd5fb;
  --a-edit-block-disabled-svg-path-fill: #dcdfe4;
  --a-edit-block-disabled-svg-path-hover-fill: #dcdfe4;
  --a-edit-block-svg-path-fill: #3377DD;
  --a-edit-block-svg-path-hover-fill: #444444;
  --m-editing-color: #ffffff;
  --m-editing-h12345-color: #d1e3fd;
  --m-editing-input-background-color: #bcd5fb;
  --m-editing-input-color: #000000;
  --button-i-fa-color: #1c54a8;
  --table-tr-th-last-child-border-color: #a8c7f7;
  --a-tr-disable-td-background-color: #8f96a0;
  --a-tr-disable-td-color: #e7eaed;
  --thead-tr-odd-background-color: #94baf3;
  --o-body-setupuploads-color: #000;
  --m-content-background-color: #2b2d30;
  --m-video-border-color: #404245;
  --o-body-videogateway-color: #2b2d30;
}

@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-dark-40: hsl(from var(--color-accent2) h s calc(l - 40));
    --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%, var(--color-icon-text));
    --color-accent2-shade-20: color-mix(in srgb, var(--color-accent2) 20%, var(--color-icon-text));
    --color-accent2-shade-30: color-mix(in srgb, var(--color-accent2) 30%, var(--color-icon-text));
    --color-accent2-shade-40: color-mix(in srgb, var(--color-accent2) 40%, var(--color-icon-text));
    --color-accent2-shade-50: color-mix(in srgb, var(--color-accent2) 50%, var(--color-icon-text));
    --color-accent2-shade-60: color-mix(in srgb, var(--color-accent2) 60%, var(--color-icon-text));
    --color-accent2-shade-70: color-mix(in srgb, var(--color-accent2) 70%, var(--color-icon-text));
    --color-accent2-shade-80: color-mix(in srgb, var(--color-accent2) 80%, var(--color-icon-text));
    --color-accent2-shade-90: color-mix(in srgb, var(--color-accent2) 90%, var(--color-icon-text));
    --color-accent2-tint-10: color-mix(in srgb, hsl(from var(--color-accent2) h calc(s + 25) l) 10%, var(--color-fa-inverse));
    --color-accent2-tint-20: color-mix(in srgb, hsl(from var(--color-accent2) h calc(s + 20) l) 20%, var(--color-fa-inverse));
    --color-accent2-tint-30: color-mix(in srgb, hsl(from var(--color-accent2) h calc(s + 16) l) 30%, var(--color-fa-inverse));
    --color-accent2-tint-40: color-mix(in srgb, hsl(from var(--color-accent2) h calc(s + 12) l) 40%, var(--color-fa-inverse));
    --color-accent2-tint-50: color-mix(in srgb, hsl(from var(--color-accent2) h calc(s + 9) l) 50%, var(--color-fa-inverse));
    --color-accent2-tint-60: color-mix(in srgb, hsl(from var(--color-accent2) h calc(s + 6) l) 60%, var(--color-fa-inverse));
    --color-accent2-tint-70: color-mix(in srgb, hsl(from var(--color-accent2) h calc(s + 4) l) 70%, var(--color-fa-inverse));
    --color-accent2-tint-80: color-mix(in srgb, hsl(from var(--color-accent2) h calc(s + 2) l) 80%, var(--color-fa-inverse));
    --color-accent2-tint-90: color-mix(in srgb, hsl(from var(--color-accent2) h calc(s + 1) l) 90%, var(--color-fa-inverse));
    --color-accent2-neutral: color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray));
    --color-accent2-neutral-dark-10: hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h s calc(l - 10));
    --color-accent2-neutral-dark-15: hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h s calc(l - 15));
    --color-accent2-neutral-dark-20: hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h s calc(l - 20));
    --color-accent2-neutral-dark-25: hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h s calc(l - 25));
    --color-accent2-neutral-dark-30: hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h s calc(l - 30));
    --color-accent2-neutral-dark-35: hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h s calc(l - 35));
    --color-accent2-neutral-dark-40: hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h s calc(l - 40));
    --color-accent2-neutral-dark-45: hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h s calc(l - 45));
    --color-accent2-neutral-dark-5: hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h s calc(l - 5));
    --color-accent2-neutral-light-10: hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h s calc(l + 10));
    --color-accent2-neutral-light-15: hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h s calc(l + 15));
    --color-accent2-neutral-light-20: hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h s calc(l + 20));
    --color-accent2-neutral-light-25: hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h s calc(l + 25));
    --color-accent2-neutral-light-30: hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h s calc(l + 30));
    --color-accent2-neutral-light-35: hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h s calc(l + 35));
    --color-accent2-neutral-light-40: hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h s calc(l + 40));
    --color-accent2-neutral-light-5: hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h s calc(l + 5));
    --color-accent2-neutral-shade-10: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) 10%, var(--color-icon-text));
    --color-accent2-neutral-shade-20: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) 20%, var(--color-icon-text));
    --color-accent2-neutral-shade-30: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) 30%, var(--color-icon-text));
    --color-accent2-neutral-shade-40: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) 40%, var(--color-icon-text));
    --color-accent2-neutral-shade-50: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) 50%, var(--color-icon-text));
    --color-accent2-neutral-shade-60: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) 60%, var(--color-icon-text));
    --color-accent2-neutral-shade-70: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) 70%, var(--color-icon-text));
    --color-accent2-neutral-shade-80: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) 80%, var(--color-icon-text));
    --color-accent2-neutral-shade-90: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) 90%, var(--color-icon-text));
    --color-accent2-neutral-tint-10: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --color-accent2-neutral-tint-20: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --color-accent2-neutral-tint-30: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --color-accent2-neutral-tint-40: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h calc(s + 2) l) 40%, var(--color-fa-inverse));
    --color-accent2-neutral-tint-50: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) h calc(s + 1) l) 50%, var(--color-fa-inverse));
    --color-accent2-neutral-tint-60: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) 60%, var(--color-fa-inverse));
    --color-accent2-neutral-tint-70: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) 70%, var(--color-fa-inverse));
    --color-accent2-neutral-tint-80: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) 80%, var(--color-fa-inverse));
    --color-accent2-neutral-tint-90: color-mix(in srgb, color-mix(in srgb, var(--color-accent2) 10%, var(--color-base-gray)) 90%, var(--color-fa-inverse));
    --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-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%, var(--color-icon-text));
    --color-accent-shade-20: color-mix(in srgb, var(--color-accent) 20%, var(--color-icon-text));
    --color-accent-shade-30: color-mix(in srgb, var(--color-accent) 30%, var(--color-icon-text));
    --color-accent-shade-40: color-mix(in srgb, var(--color-accent) 40%, var(--color-icon-text));
    --color-accent-shade-50: color-mix(in srgb, var(--color-accent) 50%, var(--color-icon-text));
    --color-accent-shade-60: color-mix(in srgb, var(--color-accent) 60%, var(--color-icon-text));
    --color-accent-shade-70: color-mix(in srgb, var(--color-accent) 70%, var(--color-icon-text));
    --color-accent-shade-80: color-mix(in srgb, var(--color-accent) 80%, var(--color-icon-text));
    --color-accent-shade-90: color-mix(in srgb, var(--color-accent) 90%, var(--color-icon-text));
    --color-accent-tint-10: color-mix(in srgb, hsl(from var(--color-accent) h calc(s + 25) l) 10%, var(--color-fa-inverse));
    --color-accent-tint-20: color-mix(in srgb, hsl(from var(--color-accent) h calc(s + 20) l) 20%, var(--color-fa-inverse));
    --color-accent-tint-30: color-mix(in srgb, hsl(from var(--color-accent) h calc(s + 16) l) 30%, var(--color-fa-inverse));
    --color-accent-tint-40: color-mix(in srgb, hsl(from var(--color-accent) h calc(s + 12) l) 40%, var(--color-fa-inverse));
    --color-accent-tint-50: color-mix(in srgb, hsl(from var(--color-accent) h calc(s + 9) l) 50%, var(--color-fa-inverse));
    --color-accent-tint-60: color-mix(in srgb, hsl(from var(--color-accent) h calc(s + 6) l) 60%, var(--color-fa-inverse));
    --color-accent-tint-70: color-mix(in srgb, hsl(from var(--color-accent) h calc(s + 4) l) 70%, var(--color-fa-inverse));
    --color-accent-tint-80: color-mix(in srgb, hsl(from var(--color-accent) h calc(s + 2) l) 80%, var(--color-fa-inverse));
    --color-accent-tint-90: color-mix(in srgb, hsl(from var(--color-accent) h calc(s + 1) l) 90%, var(--color-fa-inverse));
    --color-accent-neutral: color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray));
    --color-accent-neutral-dark-10: hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h s calc(l - 10));
    --color-accent-neutral-dark-15: hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h s calc(l - 15));
    --color-accent-neutral-dark-20: hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h s calc(l - 20));
    --color-accent-neutral-dark-25: hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h s calc(l - 25));
    --color-accent-neutral-dark-30: hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h s calc(l - 30));
    --color-accent-neutral-dark-35: hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h s calc(l - 35));
    --color-accent-neutral-dark-40: hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h s calc(l - 40));
    --color-accent-neutral-dark-45: hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h s calc(l - 45));
    --color-accent-neutral-dark-5: hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h s calc(l - 5));
    --color-accent-neutral-light-10: hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h s calc(l + 10));
    --color-accent-neutral-light-15: hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h s calc(l + 15));
    --color-accent-neutral-light-20: hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h s calc(l + 20));
    --color-accent-neutral-light-25: hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h s calc(l + 25));
    --color-accent-neutral-light-30: hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h s calc(l + 30));
    --color-accent-neutral-light-35: hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h s calc(l + 35));
    --color-accent-neutral-light-40: hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h s calc(l + 40));
    --color-accent-neutral-light-5: hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h s calc(l + 5));
    --color-accent-neutral-shade-10: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) 10%, var(--color-icon-text));
    --color-accent-neutral-shade-20: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) 20%, var(--color-icon-text));
    --color-accent-neutral-shade-30: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) 30%, var(--color-icon-text));
    --color-accent-neutral-shade-40: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) 40%, var(--color-icon-text));
    --color-accent-neutral-shade-50: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) 50%, var(--color-icon-text));
    --color-accent-neutral-shade-60: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) 60%, var(--color-icon-text));
    --color-accent-neutral-shade-70: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) 70%, var(--color-icon-text));
    --color-accent-neutral-shade-80: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) 80%, var(--color-icon-text));
    --color-accent-neutral-shade-90: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) 90%, var(--color-icon-text));
    --color-accent-neutral-tint-10: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --color-accent-neutral-tint-20: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --color-accent-neutral-tint-30: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --color-accent-neutral-tint-40: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h calc(s + 2) l) 40%, var(--color-fa-inverse));
    --color-accent-neutral-tint-50: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h calc(s + 1) l) 50%, var(--color-fa-inverse));
    --color-accent-neutral-tint-60: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) 60%, var(--color-fa-inverse));
    --color-accent-neutral-tint-70: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) 70%, var(--color-fa-inverse));
    --color-accent-neutral-tint-80: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) 80%, var(--color-fa-inverse));
    --color-accent-neutral-tint-90: color-mix(in srgb, color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) 90%, var(--color-fa-inverse));
    --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-comp-accent) calc(h + 512) s l) h s calc(l - 25));
    --color-comp-accent-color-gray: hsl(from hsl(from var(--color-comp-accent) calc(h + 512) s l) h 0 l);
    --color-comp: hsl(from var(--color-main) calc(h + 512) s l);
    --color-comp-color-dark: hsl(from hsl(from var(--color-main) calc(h + 512) s l) h s calc(l - 25));
    --color-comp-color-gray: hsl(from hsl(from var(--color-main) calc(h + 512) s l) h calc(s - 35) l);
    --color-deep-blue: hsl(from var(--color-base-blue) h s calc(l - 30));
    --color-deep-brown: hsl(from var(--color-base-brown) h s calc(l - 15));
    --color-deep-gray: hsl(from var(--color-base-gray) h s calc(l - 30));
    --color-deep-green: hsl(from var(--color-base-green) h s calc(l - 25));
    --color-deep-lime: hsl(from var(--color-base-lime) h s calc(l - 25));
    --color-deep-magenta: hsl(from var(--color-base-mauve) h s calc(l - 20));
    --color-deep-mauve: hsl(from var(--color-base-mauve) h s calc(l - 25));
    --color-deep-navy: hsl(from var(--color-base-navy) h s calc(l - 15));
    --color-deep-orange: hsl(from var(--color-base-orange) h s calc(l - 25));
    --color-deep-purple: hsl(from var(--color-base-purple) h s calc(l - 30));
    --color-deep-red: hsl(from var(--color-base-red) h s calc(l - 25));
    --color-deep-teal: hsl(from var(--color-base-teal) h s calc(l - 25));
    --color-deep-yellow: hsl(from var(--color-base-yellow) h s calc(l - 25));
    --color-error-light-40: hsl(from var(--color-error) h s calc(l + 40));
    --color-error-shade-10: color-mix(in srgb, var(--color-error) 10%, var(--color-icon-text));
    --color-error-shade-20: color-mix(in srgb, var(--color-error) 20%, var(--color-icon-text));
    --color-error-shade-30: color-mix(in srgb, var(--color-error) 30%, var(--color-icon-text));
    --color-error-shade-40: color-mix(in srgb, var(--color-error) 40%, var(--color-icon-text));
    --color-error-shade-50: color-mix(in srgb, var(--color-error) 50%, var(--color-icon-text));
    --color-error-shade-60: color-mix(in srgb, var(--color-error) 60%, var(--color-icon-text));
    --color-error-shade-70: color-mix(in srgb, var(--color-error) 70%, var(--color-icon-text));
    --color-error-shade-80: color-mix(in srgb, var(--color-error) 80%, var(--color-icon-text));
    --color-error-shade-90: color-mix(in srgb, var(--color-error) 90%, var(--color-icon-text));
    --color-error-tint-10: color-mix(in srgb, hsl(from var(--color-error) h 100 l) 10%, var(--color-fa-inverse));
    --color-error-tint-20: color-mix(in srgb, hsl(from var(--color-error) h 100 l) 20%, var(--color-fa-inverse));
    --color-error-tint-30: color-mix(in srgb, hsl(from var(--color-error) h 100 l) 30%, var(--color-fa-inverse));
    --color-error-tint-40: color-mix(in srgb, hsl(from var(--color-error) h 100 l) 40%, var(--color-fa-inverse));
    --color-error-tint-50: color-mix(in srgb, hsl(from var(--color-error) h 100 l) 50%, var(--color-fa-inverse));
    --color-error-tint-60: color-mix(in srgb, hsl(from var(--color-error) h 100 l) 60%, var(--color-fa-inverse));
    --color-error-tint-70: color-mix(in srgb, hsl(from var(--color-error) h 100 l) 70%, var(--color-fa-inverse));
    --color-error-tint-80: color-mix(in srgb, hsl(from var(--color-error) h 100 l) 80%, var(--color-fa-inverse));
    --color-error-tint-90: color-mix(in srgb, hsl(from var(--color-error) h 100 l) 90%, var(--color-fa-inverse));
    --color-filexhtml: hsl(from var(--color-base-lime) h s calc(l - 25));
    --color-filexml: hsl(from var(--color-base-mauve) h s calc(l - 25));
    --ga-button-background-color: color-mix(in srgb, var(--color-accent) 80%, var(--color-icon-text));
    --ga-button-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --ga-button-disabled-background-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --ga-button-disabled-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --thead-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --thead-tr-even-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 20) l) 20%, var(--color-fa-inverse));
    --ga-tr-disable-td-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 90%, var(--color-fa-inverse));
    --ga-tr-disable-td-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --tr-even-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --color-hover: hsl(from var(--color-link) h calc(s - 35) l);
    --color-icon-fm: hsl(from var(--color-base-orange) h s calc(l - 25));
    --color-icon-help: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --color-icon-html: hsl(from var(--color-base-red) h s calc(l - 25));
    --color-icon-image: hsl(from var(--color-base-red) h s calc(l - 25));
    --color-icon-info: hsl(from var(--color-main) h s calc(l + 25));
    --color-icon-open: hsl(from var(--color-base-yellow) h s calc(l - 25));
    --color-icon-poster: hsl(from var(--color-base-blue) h s calc(l - 30));
    --color-icon-video: hsl(from var(--color-base-navy) h s calc(l - 15));
    --color-icon-xhtml: hsl(from var(--color-base-lime) h s calc(l - 25));
    --color-icon-xml: hsl(from var(--color-base-mauve) h s calc(l - 25));
    --color-icon-zip: hsl(from var(--color-base-brown) h s calc(l - 15));
    --color-main-dark-15: hsl(from var(--color-main) h s calc(l - 15));
    --color-main-dark-25: hsl(from var(--color-main) h s calc(l - 25));
    --color-main-dark-35: hsl(from var(--color-main) h s calc(l - 35));
    --color-main-dark-40: hsl(from var(--color-main) h s calc(l - 40));
    --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-shade-10: color-mix(in srgb, var(--color-main) 10%, var(--color-icon-text));
    --color-main-shade-20: color-mix(in srgb, var(--color-main) 20%, var(--color-icon-text));
    --color-main-shade-30: color-mix(in srgb, var(--color-main) 30%, var(--color-icon-text));
    --color-main-shade-40: color-mix(in srgb, var(--color-main) 40%, var(--color-icon-text));
    --color-main-shade-50: color-mix(in srgb, var(--color-main) 50%, var(--color-icon-text));
    --color-main-shade-60: color-mix(in srgb, var(--color-main) 60%, var(--color-icon-text));
    --color-main-shade-70: color-mix(in srgb, var(--color-main) 70%, var(--color-icon-text));
    --color-main-shade-80: color-mix(in srgb, var(--color-main) 80%, var(--color-icon-text));
    --color-main-shade-90: color-mix(in srgb, var(--color-main) 90%, var(--color-icon-text));
    --color-main-tint-10: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) l) 10%, var(--color-fa-inverse));
    --color-main-tint-20: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 20) l) 20%, var(--color-fa-inverse));
    --color-main-tint-30: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 16) l) 30%, var(--color-fa-inverse));
    --color-main-tint-40: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 12) l) 40%, var(--color-fa-inverse));
    --color-main-tint-50: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 9) l) 50%, var(--color-fa-inverse));
    --color-main-tint-60: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 6) l) 60%, var(--color-fa-inverse));
    --color-main-tint-70: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 4) l) 70%, var(--color-fa-inverse));
    --color-main-tint-80: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 2) l) 80%, var(--color-fa-inverse));
    --color-main-tint-90: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 1) l) 90%, var(--color-fa-inverse));
    --color-neutral: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --color-neutral-dark-10: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l - 10));
    --color-neutral-dark-15: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l - 15));
    --color-neutral-dark-20: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l - 20));
    --color-neutral-dark-25: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l - 25));
    --color-neutral-dark-30: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l - 30));
    --color-neutral-dark-35: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l - 35));
    --color-neutral-dark-40: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l - 40));
    --color-neutral-dark-45: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l - 45));
    --color-neutral-dark-5: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l - 5));
    --color-neutral-light-10: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 10));
    --color-neutral-light-15: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 15));
    --color-neutral-light-20: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 20));
    --color-neutral-light-25: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 25));
    --color-neutral-light-30: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 30));
    --color-neutral-light-35: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 35));
    --color-neutral-light-40: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 40));
    --color-neutral-light-5: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 5));
    --color-neutral-shade-10: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 10%, var(--color-icon-text));
    --color-neutral-shade-20: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 20%, var(--color-icon-text));
    --color-neutral-shade-30: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 30%, var(--color-icon-text));
    --color-neutral-shade-40: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 40%, var(--color-icon-text));
    --color-neutral-shade-50: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 50%, var(--color-icon-text));
    --color-neutral-shade-60: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 60%, var(--color-icon-text));
    --color-neutral-shade-70: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 70%, var(--color-icon-text));
    --color-neutral-shade-80: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 80%, var(--color-icon-text));
    --color-neutral-shade-90: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 90%, var(--color-icon-text));
    --color-neutral-tint-10: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --color-neutral-tint-20: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --color-neutral-tint-30: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --color-neutral-tint-40: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 2) l) 40%, var(--color-fa-inverse));
    --color-neutral-tint-50: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 1) l) 50%, var(--color-fa-inverse));
    --color-neutral-tint-60: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 60%, var(--color-fa-inverse));
    --color-neutral-tint-70: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 70%, var(--color-fa-inverse));
    --color-neutral-tint-80: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 80%, var(--color-fa-inverse));
    --color-neutral-tint-90: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 90%, var(--color-fa-inverse));
    --color-pastel-blue: hsl(from var(--color-base-blue) h s calc(l + 30));
    --color-pastel-green: hsl(from var(--color-base-green) h s calc(l + 45));
    --color-pastel-navy: hsl(from var(--color-base-navy) h s calc(l + 40));
    --color-pastel-orange: hsl(from var(--color-base-orange) h s calc(l + 25));
    --color-pastel-red: hsl(from var(--color-base-red) h s calc(l + 30));
    --color-pastel-teal: hsl(from var(--color-base-teal) h s calc(l + 45));
    --color-visited: hsl(from var(--color-link) calc(h + 20) s l);
    --attendance-session-display-slot-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 2) l) 40%, var(--color-fa-inverse));
    --exhibitor-map-aside-bg-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 2) l) 40%, var(--color-fa-inverse));
    --exhibitor-map-aside-drop-down-menu-hover-bg-color: color-mix(in srgb, var(--color-main) 60%, var(--color-icon-text));
    --exhibitor-map-aside-drop-down-menu-hover-text-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 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%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --exhibitor-map-aside-top-level-menu-text-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l - 45));
    --exhibitor-map-aside-top-level-menu-hover-bg-color: color-mix(in srgb, var(--color-main) 40%, var(--color-icon-text));
    --exhibitor-map-aside-top-level-menu-hover-text-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 40));
    --exhibitor-map-notifications-bg-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --exhibitor-map-notifications-border-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 50%, var(--color-icon-text));
    --exhibitor-map-zoom-buttons-hover-bgr-color: color-mix(in srgb, var(--color-main) 30%, var(--color-icon-text));
    --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%, var(--color-base-gray));
    --color-button-disabled: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 30));
    --a-login-section-border-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-steps-content-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 40));
    --a-steps-content-border-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-steps-link-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 40));
    --a-steps-link-border-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-steps-link-hover-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 10));
    --a-submissions-section-border-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --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%, var(--color-base-gray));
    --a-tab-content-border-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-tab-ul-li-border-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --mq-tab-ul-li-border-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-clonelist-li-odd-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --button-disabled-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --input-disabled-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-childselection-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-clonedrecords-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-clonedrecords-li-odd-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --m-clonelist-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-parentselection-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-records-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --chooseprograms-choose-h4-hover-bg-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --chooseprograms-choose-open-bg-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --chooseprograms-choose-open-selected-bg-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --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%, var(--color-base-gray));
    --a-exceltable-a-hover-color: hsl(from var(--color-link) h calc(s - 35) l);
    --a-exceltable-a-visited-color: hsl(from var(--color-link) calc(h + 20) s l);
    --a-keywords-page-summary-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 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%, var(--color-base-gray)) h calc(s + 2) l) 40%, var(--color-fa-inverse));
    --a-keywords-page-summary-select-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-quiz-evaluation-table-missing-background-color: hsl(from var(--color-error) h s calc(l + 40));
    --a-recordeditor-data-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 30));
    --a-registration-table-sectionboxtable-sectionboxinfo-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 20));
    --a-registration-table-sectionboxtable-th-sectionboxheader-background-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-session-background: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 25));
    --a-updatepersontable-norecord-background-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --arrange-waitlisted-background: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 60%, var(--color-fa-inverse));
    --button-cmedbtn-email-reminder-background: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --span-address-fromentry-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --table-people-tr-odd-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --table-person-td-currentaddress-border-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --ul-lists-li-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 15));
    --m-assignpaper-symposium-td-border-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 80%, var(--color-fa-inverse));
    --m-box-td-background: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) l) 10%, var(--color-fa-inverse));
    --m-clone-chooseentries-titleoption-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 25));
    --m-clone-chooseoptions-optionitem-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 25));
    --m-clone-title-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 15));
    --m-cmedisclosure-applyfromroleids-background: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 15));
    --m-cmedisclosure-table-radio-checkbox-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 25));
    --m-graybox-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-graybox-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --m-grayboxheader-th-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l - 30));
    --m-grayboxtable-td-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-js-form-element-widget-save-cancel-background-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --m-pageheader-border-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 70%, var(--color-fa-inverse));
    --m-people-on-background: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 35));
    --m-quickentry-nav-border-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --m-recordeditor-person-extra-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 30));
    --m-registration-table-sectionboxtable-border-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --m-registration-table-sectionboxtable-td-th-border-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --m-sectionbox-section-box-table-border-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 70%, var(--color-fa-inverse));
    --mq-print-sectionbox-border-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --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%, var(--color-base-gray));
    --table-incompletemailer-td-th-border-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --table-people-th-background: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 40));
    --table-people-tr-hover-td-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 30));
    --table-person-address-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --table-person-sectionbox-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --table-template-preview-border-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --table-template-preview-td-border-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --table-template-preview-tr-last-child-td-first-child-border-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --m-instructions-inputs-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --m-instructions-inputs-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-reviewer-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-sectionbox-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --m-sectionbox-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --a-active-step-background-color: hsl(from var(--color-accent) h s calc(l - 10));
    --a-done-step-background: hsl(from var(--color-base-green) h s calc(l - 25));
    --a-incomplete-step-background: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --a-incomplete-step-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --a-incomplete-step-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-indicator-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 2) l) 40%, var(--color-fa-inverse));
    --a-login-info-background: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --a-login-info-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 40%, var(--color-icon-text));
    --m-steps-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --table-tr-td-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --table-tr-th-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-displayfilters-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --m-filter-area-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --a-alternate-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --m-row-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --a-site-navigation-li-svg-icon-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 20%, var(--color-icon-text));
    --a-slidetitle-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 20%, var(--color-icon-text));
    --eposter-button-background-color: color-mix(in srgb, var(--color-base-blue) 50%, hsl(from var(--color-base-blue) h s calc(l - 30)));
    --eposter-button-hover-background-color: hsl(from var(--color-base-blue) h s calc(l - 30));
    --scrollbar-thumb-background: hsl(from var(--color-base-blue) h s calc(l + 30));
    --scrollbar-track-background: hsl(from var(--color-base-blue) h s calc(l - 30));
    --m-button-area-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 30%, var(--color-icon-text));
    --m-site-navigation-li-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 2) l) 40%, var(--color-fa-inverse));
    --m-site-navigation-ul-topsharemenu-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 35));
    --m-site-navigation-ul-topsharemenu-a-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 20%, var(--color-icon-text));
    --li-display-controls-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 2) l) 40%, var(--color-fa-inverse));
    --li-display-controls-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 30%, var(--color-icon-text));
    --ul-markers-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 20%, var(--color-icon-text));
    --ul-slides-li-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 20%, var(--color-icon-text));
    --ul-slides-li-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --eval-a-before-start-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --eval-a-status-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --eval-a-h2-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --eval-a-table-td-hr-border-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --eval-a-ul-credits-list-a-delete-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --eval-a-ul-pages-a-background-color: color-mix(in srgb, var(--color-main) 90%, var(--color-icon-text));
    --eval-a-ul-pages-span-current-background-color: color-mix(in srgb, var(--color-accent) 90%, var(--color-icon-text));
    --eval-m-modal-content-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --a-visa-letter-table-tr-hover: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --a-qq-in-progress-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-qq-total-progress-bar-container-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --a-qq-upload-button-border-color: color-mix(in srgb, var(--color-accent) 80%, var(--color-icon-text));
    --a-qq-upload-drop-area-background: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --a-qq-upload-drop-area-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 1) l) 50%, var(--color-fa-inverse));
    --a-qq-upload-drop-area-active-background: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --a-qq-upload-fail-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --a-qq-upload-list-li-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --a-qq-upload-list-li-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 50%, var(--color-icon-text));
    --qq-upload-cancel-background-color: color-mix(in srgb, hsl(from var(--color-error) h 100 l) 20%, var(--color-fa-inverse));
    --qq-upload-cancel-border-color: color-mix(in srgb, hsl(from var(--color-error) h 100 l) 30%, var(--color-fa-inverse));
    --qq-upload-cancel-hover-background-color: color-mix(in srgb, hsl(from var(--color-error) h 100 l) 10%, var(--color-fa-inverse));
    --qq-upload-delete-border-color: color-mix(in srgb, var(--color-error) 80%, var(--color-icon-text));
    --qq-upload-delete-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --qq-upload-delete-hover-background-color: color-mix(in srgb, hsl(from var(--color-error) h 100 l) 80%, var(--color-fa-inverse));
    --qq-upload-pause-continue-border-color: color-mix(in srgb, var(--color-main) 80%, var(--color-icon-text));
    --qq-upload-pause-continue-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --qq-upload-pause-continue-hover-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 2) l) 80%, var(--color-fa-inverse));
    --qq-uploader-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 1) l) 50%, var(--color-fa-inverse));
    --a-form-data-left-before-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 2) l) 40%, var(--color-fa-inverse));
    --a-form-data-left-before-hover-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 30%, var(--color-icon-text));
    --a-form-data-right-before-hover-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 30%, var(--color-icon-text));
    --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%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --m-table-people-td-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --table-person-td-background: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --color-lm-button-background: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 1) l) 90%, var(--color-fa-inverse));
    --color-a-login-info: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) l) 10%, var(--color-fa-inverse));
    --a-main-module-header-background-color: color-mix(in srgb, var(--color-main) 50%, var(--color-icon-text));
    --a-main-module-header-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) l) 10%, var(--color-fa-inverse));
    --a-main-search-div-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --a-meeting-select-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --a-navigation-tab-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --m-info-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) l) 10%, var(--color-fa-inverse));
    --m-page-header-h1-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) l) 10%, var(--color-fa-inverse));
    --a-more-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 15));
    --ul-staff-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --ul-user-menu-li-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 30%, var(--color-icon-text));
    --ul-user-menu-li-home-a-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 40%, var(--color-icon-text));
    --ul-user-menu-li-a-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 30%, var(--color-icon-text));
    --m-dropdown-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --m-dropdown-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 1) l) 50%, var(--color-fa-inverse));
    --m-dropdown-heading-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 1) l) 50%, var(--color-fa-inverse));
    --m-dropdown-heading-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 40%, var(--color-icon-text));
    --m-dropdown-h2-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 2) l) 40%, var(--color-fa-inverse));
    --m-more-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 30%, var(--color-icon-text));
    --m-usermenu-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 1) l) 50%, var(--color-fa-inverse));
    --m-usermenu-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-usermenu-li-first-child-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --m-usermenu-li-hover-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 40%, var(--color-icon-text));
    --ul-staff-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --o-globalnavigation-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --o-globalnavigation-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 2) l) 40%, var(--color-fa-inverse));
    --o-globalnavigation-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 40%, var(--color-icon-text));
    --m-report-error-background-color: hsl(from var(--color-base-red) h s calc(l + 30));
    --a-info-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --a-info-border-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 90%, var(--color-fa-inverse));
    --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%, var(--color-base-gray)) h s calc(l + 35));
    --a-lines-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l - 10));
    --a-nav-left-ul-li-a-color: hsl(from hsl(from var(--color-main) calc(h + 512) s l) h s calc(l - 25));
    --a-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%, var(--color-base-gray)) h s calc(l + 35));
    --a-submit-input-background-color: hsl(from var(--color-main) h s calc(l - 15));
    --a-submit-input-hover-background-color: hsl(from var(--color-main) h s calc(l - 25));
    --aside-right-nav-ul-li-a-hover-color: hsl(from var(--color-main) h s calc(l - 25));
    --h1-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l - 30));
    --hr-background: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l - 40));
    --input-button-background-color: hsl(from var(--color-main) h s calc(l - 15));
    --input-button-hover-background-color: hsl(from var(--color-main) h s calc(l - 25));
    --m-boxes-border-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --m-expandedcontent-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 25));
    --m-headerwrapper-login-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 40));
    --m-headerwrapper-login-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 30));
    --m-page-id-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 30));
    --m-page-id-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 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%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --table-th-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 2) l) 40%, var(--color-fa-inverse));
    --m-display-columns-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 2) l) 40%, var(--color-fa-inverse));
    --m-display-columns-borde-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-order-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --a-game-piece-li-incomplete-span-badgecircle-path-menuicon-fill: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --a-game-piece-span-badge-info-task-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l - 35));
    --a-icon-list-a-color: hsl(from var(--color-base-gray) h s calc(l - 30));
    --a-icon-list-a-selected-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 30%, var(--color-icon-text));
    --a-leaderboard-leaderboard-item-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --a-leaderboard-h5-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --a-login-input-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --a-login-span-line-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --a-mobile-menu-ul-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --a-mobile-menu-ul-li-a-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 40%, var(--color-icon-text));
    --a-mobile-menu-ul-li-a-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 40%, var(--color-icon-text));
    --a-paper-slot-slot-time-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 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%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --a-paper-slot-slot-time-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 50%, var(--color-icon-text));
    --a-paper-slot-slot-time-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 50%, var(--color-icon-text));
    --a-person-list-item-biography-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 50%, var(--color-icon-text));
    --a-question-and-answer-update-input-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --a-question-and-answer-update-input-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 50%, var(--color-icon-text));
    --a-search-navigation-section-li-a-hover-color: hsl(from var(--color-base-gray) h s calc(l - 30));
    --a-search-navigation-section-li-a-hover-fill: hsl(from var(--color-base-gray) h s calc(l - 30));
    --a-similar-item-list-li-item-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --a-user-help-background-color: color-mix(in srgb, var(--color-accent) 80%, var(--color-icon-text));
    --a-availability-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-bookmark-fill: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-bookmark-active-favorite-color: hsl(from var(--color-base-yellow) h s calc(l - 10));
    --a-bookmark-active-favorite-fill: hsl(from var(--color-base-yellow) h s calc(l - 10));
    --a-compact-slot-p-slot-date-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 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%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --a-compact-slot-p-slot-date-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 50%, var(--color-icon-text));
    --a-compact-slot-p-slot-date-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 50%, var(--color-icon-text));
    --a-conflict-background-color: color-mix(in srgb, var(--color-error) 10%, var(--color-fa-inverse));
    --a-date-indicator-li-route-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 50%, var(--color-icon-text));
    --a-fixed-nav-menutext-color: hsl(from var(--color-base-gray) h s calc(l - 30));
    --a-fixed-nav-a-fill: hsl(from var(--color-base-gray) h s calc(l - 30));
    --a-fixed-nav-path-menuicon-fill: hsl(from var(--color-base-gray) h s calc(l - 30));
    --a-list-indicator-swiped-li-svg-icon-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 50%, var(--color-icon-text));
    --a-list-indicator-li-this-svg-icon-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 50%, var(--color-icon-text));
    --a-loading-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --a-locked-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-locked-fill: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-native-person-title-bookmark-fill: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-native-date-indicator-date-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 30%, var(--color-icon-text));
    --a-navigation-section-defaulticon-color: hsl(from var(--color-base-gray) h s calc(l + 30));
    --a-navigation-section-ul-li-hover-a-color: hsl(from var(--color-base-gray) h s calc(l + 30));
    --a-navigation-section-ul-li-hover-a-fill: hsl(from var(--color-base-gray) h s calc(l + 30));
    --a-note-svg-icon-fill: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 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%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --a-person-image-border-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 60%, var(--color-fa-inverse));
    --a-regnote-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l - 40));
    --a-regnote-svg-icon-fill: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l - 40));
    --a-schedule-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-schedule-fill: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-user-help-background-color: color-mix(in srgb, var(--color-accent) 80%, var(--color-icon-text));
    --question-and-answer-new-question-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --question-container-class-bar100-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --question-container-class-bar100-span-background-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --button-answer-now-toggle-selected-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 90%, var(--color-fa-inverse));
    --h-tag-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --li-question-qa-edit-svg-path-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 80%, var(--color-fa-inverse));
    --li-question-form-hover-bump-delete-button-svg-color: hsl(from var(--color-base-red) h s calc(l - 25));
    --li-question-form-button-polygon-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 80%, var(--color-fa-inverse));
    --li-question-span-answer-text-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 80%, var(--color-icon-text));
    --li-question-span-identity-text-color: color-mix(in srgb, var(--color-accent2) 70%, var(--color-icon-text));
    --li-question-span-question-text-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 50%, var(--color-icon-text));
    --li-searchresults-pageselected-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --section-note-show-background-color: hsl(from var(--color-base-yellow) h s calc(l + 30));
    --section-note-show-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --time-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --ul-appmenu-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --ul-appmenu-li-a-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 40%, var(--color-icon-text));
    --ul-search-pages-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --ul-search-pages-li-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 10));
    --ul-sharemenu-li-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 35));
    --ul-sharemenu-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --ul-table-li-select-fill: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 10));
    --ul-li-audience-poll-option-select-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 30%, var(--color-icon-text));
    --ul-li-audience-poll-option-select-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 30%, var(--color-icon-text));
    --m-completed-game-piece-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-game-scale-background: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 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%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-leaderboard-ul-list-li-item-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-maps-tab-bar-li-tab-border-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 70%, var(--color-fa-inverse));
    --m-maps-tab-bar-li-tab-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 90%, var(--color-fa-inverse));
    --m-person-list-item-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-ars-topics-ul-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-compact-slot-ul-property-info-li-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 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%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-compact-slot-ul-property-info-li-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 50%, var(--color-icon-text));
    --m-compact-slot-ul-property-info-li-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 50%, var(--color-icon-text));
    --m-desktop-menu-background-color: hsl(from var(--color-base-gray) h s calc(l + 30));
    --m-desktop-menu-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-desktop-menu-webapp-background-color: hsl(from var(--color-base-gray) h s calc(l + 30));
    --m-fixed-nav-background-color: hsl(from var(--color-base-gray) h s calc(l + 30));
    --m-fixed-nav-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-fixed-nav-toggle-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 10%, var(--color-icon-text));
    --m-flexitem-calendar-activefilter-hover-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l - 30));
    --m-flexitem-calendar-activefilter-text-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 40));
    --m-flexitem-calendar-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --m-flexitem-calendar-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --m-flexitem-calendar-inactivefilter-hover-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 20) l) 20%, var(--color-fa-inverse));
    --m-flexitem-calendar-item-selection-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-item-calendar-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 1) l) 50%, var(--color-fa-inverse));
    --m-loading-overlay-background-color: hsl(from var(--color-accent) h s l / 0.1);
    --m-message-staff-color: hsl(from var(--color-base-teal) h s calc(l - 25));
    --m-native-icon-list-li-fill: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 10%, var(--color-icon-text));
    --m-native-icon-list-li-after-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-native-person-list-item-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-native-footer-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-native-item-selection-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-navigation-section-ul-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-popup-border-color: hsl(from var(--color-base-gray) h s calc(l + 30));
    --m-popup-input-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-popup-textarea-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-searchterms-ul-odd-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-title-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --login-signin-social-section-social-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 10%, var(--color-icon-text));
    --login-signin-social-section-social-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --item-selection-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --mq-max-width480-alpha-list-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --mq-max-width480-page-content-section-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --mq-max-width640-full-screen-header-background-color: hsl(from var(--color-base-gray) h s calc(l + 30));
    --mq-max-width640-full-screen-header-border-color: hsl(from var(--color-base-gray) h s calc(l + 30));
    --mq-max-width720-items-per-page-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --mq-max-width900-searchfilters-background-color: hsl(from var(--color-base-gray) h s calc(l + 30));
    --time-zone-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 70%, var(--color-icon-text));
    --ul-tab-bar-li-background-color: color-mix(in srgb, hsl(from var(--color-accent) h calc(s + 20) l) 20%, var(--color-fa-inverse));
    --ul-tab-bar-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 1) l) 50%, var(--color-fa-inverse));
    --ul-tab-bar-li-selected-background-color: color-mix(in srgb, hsl(from var(--color-accent) h calc(s + 2) l) 80%, var(--color-fa-inverse));
    --ul-table-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --ul-li-audience-poll-option-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --input-select-textarea-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-container-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --m-container-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --aside-ul-nav-li-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --main-setting-section-fieldset-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --input-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 4) l) 70%, var(--color-fa-inverse));
    --fieldset-div-odd-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 9) l) 50%, var(--color-fa-inverse));
    --a-add-edit-group-input-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 20%, var(--color-icon-text));
    --a-notice-color: color-mix(in srgb, var(--color-error) 80%, var(--color-icon-text));
    --a-person-form-add-address-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --a-person-form-add-person-section-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) l) 10%, var(--color-fa-inverse));
    --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%, var(--color-fa-inverse));
    --a-person-form-form-field-input-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 70%, var(--color-fa-inverse));
    --a-person-form-form-field-input-address-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) l) 10%, var(--color-fa-inverse));
    --a-person-form-form-field-input-address-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 70%, var(--color-fa-inverse));
    --a-person-form-form-field-input-disabled-background-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --a-person-form-form-field-input-disabled-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-person-form-person-validation-error-message-background-color: color-mix(in srgb, hsl(from var(--color-error) h 100 l) 10%, var(--color-fa-inverse));
    --a-save-area-changed-message-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) l) 10%, var(--color-fa-inverse));
    --a-save-area-changed-message-fa-spinner-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-save-area-button-background-color: color-mix(in srgb, var(--color-main) 80%, var(--color-icon-text));
    --a-save-cancel-buttons-background-color: color-mix(in srgb, var(--color-main) 80%, var(--color-icon-text));
    --a-search-results-person-tr-odd-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) l) 10%, var(--color-fa-inverse));
    --a-total-error-background-color: color-mix(in srgb, hsl(from var(--color-error) h 100 l) 10%, var(--color-fa-inverse));
    --table-person-table-button-color: color-mix(in srgb, var(--color-main) 80%, var(--color-icon-text));
    --table-tr-disable-td-background-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --table-tr-disable-td-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 1) l) 50%, var(--color-fa-inverse));
    --table-tr-odd-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) l) 10%, var(--color-fa-inverse));
    --td-edit-col-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 30%, var(--color-icon-text));
    --td-role-code-clickable-fa-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 9) l) 50%, var(--color-fa-inverse));
    --td-role-code-role-change-li-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) l) 10%, var(--color-fa-inverse));
    --tr-disable-edit-col-a-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --ul-peoplelistinstructions-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 25) l) 10%, var(--color-fa-inverse));
    --ul-priority-list-input-cancel-background-color: color-mix(in srgb, var(--color-main) 10%, var(--color-icon-text));
    --a-span-slotdisplaydatetime-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 80%, var(--color-icon-text));
    --color-a-table-border: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 80%, var(--color-fa-inverse));
    --color-a-tr-border: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 80%, var(--color-fa-inverse));
    --color-a-tr-background: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 9) l) 10%, var(--color-fa-inverse));
    --m-cardlist-li-before-color: hsl(from var(--color-main) h s l / calc(alpha - 0.6));
    --mq-max-width640-cardlist-li-icon-hover-before-color: hsl(from var(--color-main) h s l / calc(alpha - 0.6));
    --aside-section-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 35));
    --expander-li-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 35));
    --expander-li-border-color: hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) h s calc(l + 30));
    --tabbed-display-text-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l - 45));
    --color-tabbed-display-tab-selected-text: hsl(from color-mix(in srgb, var(--color-accent) 10%, var(--color-base-gray)) 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%, var(--color-fa-inverse));
    --m-showdiff-border-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 2) l) 40%, var(--color-fa-inverse));
    --m-textdiff-border-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-datewarning-background-color: hsl(from var(--color-error) h s l / 0.1);
    --a-main-module-header-h2-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 15));
    --a-persondisclosures-tr-missing-td-last-child-background-color: hsl(from var(--color-error) h s l / 0.1);
    --ul-degreerow-li-delete-label-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --m-agreement-agreement-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 30));
    --m-agreement-agreement-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 15));
    --m-assigned-entries-div-backround-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 30));
    --m-assigned-entries-div-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 15));
    --m-disabled-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 30));
    --m-disabled-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 15));
    --m-disabled-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --m-extracontent-fieldset-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 15));
    --m-main-navigation-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 15));
    --m-module-frame-disableprerequisite-background: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --m-module-frame-table-tr-even-background-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 30));
    --m-module-frame-table-tr-even-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 15));
    --m-module-frame-table-tr-odd-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 15));
    --m-navigation-tab-disabled-tab-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --m-navigation-tab-disabled-tab-before-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 20));
    --m-popup-area-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 15));
    --fieldset-travel-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 15));
    --ul-degreerow-border-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 15));
    --ul-mysubnav-color: hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h s calc(l + 10));
    --ul-subnav-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 6) l) 60%, var(--color-fa-inverse));
    --a-speakerlist-li-a-hover-span-border-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 16) l) 30%, var(--color-fa-inverse));
    --m-companies-sponsorlist-li-border-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 16) l) 30%, var(--color-fa-inverse));
    --m-speakerlist-li-border-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 16) l) 30%, var(--color-fa-inverse));
    --m-sponsorform-border-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 16) l) 30%, var(--color-fa-inverse));
    --a-edit-block-disabled-svg-path-fill: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --a-edit-block-disabled-svg-path-hover-fill: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 4) l) 30%, var(--color-fa-inverse));
    --m-editing-h12345-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 20) l) 20%, var(--color-fa-inverse));
    --m-editing-input-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 16) l) 30%, var(--color-fa-inverse));
    --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%, var(--color-fa-inverse));
    --a-tr-disable-td-background-color: color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray));
    --a-tr-disable-td-color: color-mix(in srgb, hsl(from color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) h calc(s + 6) l) 20%, var(--color-fa-inverse));
    --thead-tr-odd-background-color: color-mix(in srgb, hsl(from var(--color-main) h calc(s + 9) l) 50%, var(--color-fa-inverse));
    --m-content-background-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 30%, var(--color-icon-text));
    --m-video-border-color: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 30%, var(--color-icon-text)) 90%, var(--color-fa-inverse));
    --o-body-videogateway-color: color-mix(in srgb, color-mix(in srgb, var(--color-main) 10%, var(--color-base-gray)) 30%, var(--color-icon-text));
  }
}

@supports not (color: hsl(from red h s l)) {
  body {
    background-image: url("/static/telemetry/legacy-colour.gif");
  }
}