@font-face {
  font-family: "atlas-icon-v2";
  font-weight: normal;
  font-style: normal;
  font-display: block;
  src: url(78dbd77ccb1204bd290f.woff2) format('woff2');
}

@font-face {
  font-family: "atlas-icon-v3";
  font-weight: normal;
  font-style: normal;
  font-display: block;
  src: url(245a13515bb50257eace.woff2) format('woff2');
}

#atlas-migration-tooltip {
  position: fixed;
  bottom: 16px;
  left: 16px;
  z-index: 1000000;
  width: 226px;
  overflow: hidden;
  border-radius: var(--atlas-radius-large, 12px);
  border: 1px solid var(--atlas-color-ui-border, #e2e4e7);
}

.atlas-audit-library-dot {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin-right: 8px;
}

.atlas-audit-library-dot.atlas {
  background-color: var(--atlas-color-green-50, #0fac67);
}

.atlas-audit-library-dot.ecs {
  background-color: #f55151;
}

.atlas-audit-library-dot.ecs-next {
  background-color: #ffca19;
}

.atlas-audit-library-dot.sdui {
  background-color: var(--atlas-color-sapphire-60, #3087aa);
}

@font-face {
  font-family: 'atlas-icon-v2';
  font-weight: normal;
  font-style: normal;
  font-display: block;
  src: url(78dbd77ccb1204bd290f.woff2) format('woff2');
}

@font-face {
  font-family: 'atlas-icon-v3';
  font-weight: normal;
  font-style: normal;
  font-display: block;
  src: url(11721a8d046354ffb521.woff2) format('woff2');
}

/**
 * Do not edit directly.
 */

 .mfe-host-app {
  --atlas-text-case-uppercase: uppercase;
  --atlas-motion-scale-small: 0.98;
  --atlas-motion-easing-linear: cubic-bezier(0,0,0,0);
  --atlas-motion-easing-default: cubic-bezier(0.5,0,0,1);
  --atlas-motion-duration-slow: 600ms;
  --atlas-motion-duration-default: 300ms;
  --atlas-motion-duration-fast: 150ms;
  --atlas-size-components-drawer-width: 375px;
  --atlas-size-components-header-height: 60px;
  --atlas-size-components-modal-graphic-illustration: 160px;
  --atlas-size-components-modal-fullscreen-illustration: 80px;
  --atlas-size-components-modal-width: 600px;
  --atlas-size-components-page-template-full: 1172px;
  --atlas-size-components-page-template-solo: 802px;
  --atlas-border-width-thick: 2px;
  --atlas-border-width-thin: 1px;
  --atlas-space-components-wizard-footer-padding-bottom: 0px;
  --atlas-space-components-modal-bottom: 80px;
  --atlas-space-components-page-template-gutter: 30px;
  --atlas-space-components-page-template-bottom: 80px;
  --atlas-radius-modal: 0px;
  --atlas-radius-circle: 1000px;
  --atlas-number-19: 72px;
  --atlas-number-18: 68px;
  --atlas-number-17: 64px;
  --atlas-number-16: 60px;
  --atlas-number-15: 56px;
  --atlas-number-14: 52px;
  --atlas-number-13: 48px;
  --atlas-number-12: 44px;
  --atlas-number-11: 40px;
  --atlas-number-10: 36px;
  --atlas-number-9: 32px;
  --atlas-number-8: 28px;
  --atlas-number-7: 24px;
  --atlas-number-6: 20px;
  --atlas-number-5: 16px;
  --atlas-number-4: 12px;
  --atlas-number-3: 8px;
  --atlas-number-2: 4px;
  --atlas-number-1: 2px;
  --atlas-line-heights-x-small: 1;
  --atlas-line-heights-small: 1.3;
  --atlas-line-heights-default: 1.5;
  --atlas-font-weights-medium: 500;
  --atlas-font-weights-bold: 700;
  --atlas-font-weights-regular: 400;
  --atlas-font-families-roboto: Roboto;
  --atlas-font-size-12: 54px;
  --atlas-font-size-11: 48px;
  --atlas-font-size-10: 42px;
  --atlas-font-size-9: 36px;
  --atlas-font-size-8: 32px;
  --atlas-font-size-7: 28px;
  --atlas-font-size-6: 24px;
  --atlas-font-size-5: 20px;
  --atlas-font-size-4: 18px;
  --atlas-font-size-3: 16px;
  --atlas-font-size-2: 14px;
  --atlas-font-size-1: 12px;
  --atlas-color-bureau-equifax: #9e1b32;
  --atlas-color-bureau-transunion: #00a6ca;
  --atlas-color-components-toggle-hero-on-accent-bg-disabled-selected: rgba(15, 172, 103, .3);
  --atlas-color-components-toggle-hero-on-accent-bg-disabled: rgba(15, 172, 103, .3);
  --atlas-color-components-article-play-bg: rgba(37, 44, 52, .5);
  --atlas-color-components-button-navigation-on-accent-bg-hover: rgba(255, 255, 255, .2);
  --atlas-color-components-button-navigation-on-accent-bg: rgba(255, 255, 255, .1);
  --atlas-color-components-toggle-on-accent-bg-selected-disabled: rgba(199, 237, 212, .7);
  --atlas-color-components-button-destructive-bg-disabled: rgba(208, 20, 26, .3);
  --atlas-color-components-button-destructive-on-accent-bg-disabled: rgba(208, 20, 26, .3);
  --atlas-color-components-button-primary-on-accent-bg-disabled: rgba(193, 24, 139, .3);
  --atlas-color-components-button-primary-on-accent-bg-hover: #d81ba4;
  --atlas-color-components-button-primary-bg-disabled: rgba(193, 24, 139, .3);
  --atlas-color-components-button-primary-bg-hover: #d81ba4;
  --atlas-color-components-tile-negative-bg-active-pressed: #ffe7db;
  --atlas-color-components-tile-negative-bg-hover: #ffe7db;
  --atlas-color-components-tile-positive-bg-active-pressed: #dcf4e4;
  --atlas-color-components-tile-positive-bg-hover: #dcf4e4;
  --atlas-color-components-tile-neutral-bg-active-pressed: #edeef0;
  --atlas-color-components-tile-neutral-bg-hover: #edeef0;
  --atlas-color-components-tile-default-bg: #ffffff;
  --atlas-color-components-radio-checkbox-on-accent-selected-disabled: rgba(193, 24, 139, .3);
  --atlas-color-components-pagination-number-bg-selected-disabled: rgba(193, 24, 139, .3);
  --atlas-color-interactive-secondary-hover: #1a64c7;
  --atlas-color-interactive-primary-hover: #d81ba4;
  --atlas-color-interactive-on-accent-tertiary: rgba(255, 255, 255, .9);
  --atlas-color-messaging-success-border: rgba(15, 172, 103, .3);
  --atlas-color-messaging-success-on-accent-disabled: rgba(255, 255, 255, .3);
  --atlas-color-messaging-success-on-accent-active: rgba(255, 255, 255, .5);
  --atlas-color-messaging-success-on-accent-hover: #ffffff;
  --atlas-color-messaging-success-on-accent-text: rgba(255, 255, 255, .9);
  --atlas-color-messaging-error-border: rgba(208, 20, 26, .3);
  --atlas-color-messaging-error-on-accent-disabled: rgba(255, 255, 255, .3);
  --atlas-color-messaging-error-on-accent-active: rgba(255, 255, 255, .5);
  --atlas-color-messaging-error-on-accent-hover: #ffffff;
  --atlas-color-messaging-error-on-accent-text: rgba(255, 255, 255, .9);
  --atlas-color-messaging-information-border: rgba(75, 103, 162, .3);
  --atlas-color-messaging-information-on-accent-disabled: rgba(255, 255, 255, .3);
  --atlas-color-messaging-information-on-accent-active: rgba(255, 255, 255, .5);
  --atlas-color-messaging-information-on-accent-hover: #ffffff;
  --atlas-color-messaging-information-on-accent-text: rgba(255, 255, 255, .9);
  --atlas-color-messaging-warning-on-accent-disabled: rgba(255, 255, 255, .3);
  --atlas-color-messaging-warning-on-accent-active: rgba(255, 255, 255, .5);
  --atlas-color-messaging-warning-on-accent-hover: #ffffff;
  --atlas-color-messaging-warning-on-accent-text: rgba(255, 255, 255, .9);
  --atlas-color-messaging-warning-border: rgba(255, 196, 0, .3);
  --atlas-color-ui-on-accent-bg-disabled: rgba(255, 255, 255, .1);
  --atlas-color-white-00: rgb(100% 100% 100% / 0);
  --atlas-color-white-100: rgb(100% 100% 100%);
  --atlas-color-white-90: rgb(100% 100% 100% / 0.9);
  --atlas-color-white-80: rgb(100% 100% 100% / 0.8);
  --atlas-color-white-70: rgb(100% 100% 100% / 0.7);
  --atlas-color-white-60: rgb(100% 100% 100% / 0.6);
  --atlas-color-white-50: rgb(100% 100% 100% / 0.5);
  --atlas-color-white-40: rgb(100% 100% 100% / 0.4);
  --atlas-color-white-30: rgb(100% 100% 100% / 0.3);
  --atlas-color-white-20: rgb(100% 100% 100% / 0.2);
  --atlas-color-white-15: rgb(100% 100% 100% / 0.2);
  --atlas-color-white-10: rgb(100% 100% 100% / 0.1);
  --atlas-color-lime-100: #2d2e11;
  --atlas-color-lime-90: #444614;
  --atlas-color-lime-80: #555915;
  --atlas-color-lime-70: #686d15;
  --atlas-color-lime-60: #7d8314;
  --atlas-color-lime-50: #959d0f;
  --atlas-color-lime-40: #afb904;
  --atlas-color-lime-30: #cfd265;
  --atlas-color-lime-20: #e9e7af;
  --atlas-color-lime-10: #faf9eb;
  --atlas-color-uk-blue-100: #1f265e;
  --atlas-color-uk-blue-90: #203a9b;
  --atlas-color-uk-blue-80: #1949c8;
  --atlas-color-uk-blue-70: #255af0;
  --atlas-color-uk-blue-60: #6270f3;
  --atlas-color-uk-blue-50: #898af6;
  --atlas-color-uk-blue-40: #aca8f9;
  --atlas-color-uk-blue-30: #cbc6fc;
  --atlas-color-uk-blue-20: #e5e1fe;
  --atlas-color-uk-blue-10: #f8f7ff;
  --atlas-color-teal-100: #16302e;
  --atlas-color-teal-90: #1b4c47;
  --atlas-color-teal-80: #1c5f59;
  --atlas-color-teal-70: #1b746e;
  --atlas-color-teal-60: #188c84;
  --atlas-color-teal-50: #0ca89e;
  --atlas-color-teal-40: #54c2b8;
  --atlas-color-teal-30: #98d8d1;
  --atlas-color-teal-20: #caebe7;
  --atlas-color-teal-15: #def2f0;
  --atlas-color-teal-10: #f2faf9;
  --atlas-color-orange-100: #40250f;
  --atlas-color-orange-90: #643912;
  --atlas-color-orange-80: #7f4712;
  --atlas-color-orange-70: #9d5612;
  --atlas-color-orange-60: #be670f;
  --atlas-color-orange-50: #e47a08;
  --atlas-color-orange-40: #ff9735;
  --atlas-color-orange-30: #ffbf85;
  --atlas-color-orange-20: #ffe0c2;
  --atlas-color-orange-15: #ffebd9;
  --atlas-color-orange-10: #fff7f0;
  --atlas-color-magenta-100: #4f182a;
  --atlas-color-magenta-90: #7f1c40;
  --atlas-color-magenta-80: #a31b50;
  --atlas-color-magenta-70: #e80070;
  --atlas-color-magenta-60: #f50177;
  --atlas-color-magenta-50: #fe5b90;
  --atlas-color-magenta-40: #ff8ead;
  --atlas-color-magenta-30: #ffbacb;
  --atlas-color-magenta-20: #ffdde5;
  --atlas-color-magenta-15: #ffe9ee;
  --atlas-color-magenta-10: #fff6f8;
  --atlas-color-purple-100: #4a154b;
  --atlas-color-purple-90: #77127b;
  --atlas-color-purple-80: #863289;
  --atlas-color-purple-70: #964c97;
  --atlas-color-purple-60: #a768a6;
  --atlas-color-purple-50: #b985b7;
  --atlas-color-purple-40: #cba4ca;
  --atlas-color-purple-30: #dec4dd;
  --atlas-color-purple-20: #eee0ed;
  --atlas-color-purple-15: #f4ebf3;
  --atlas-color-purple-10: #fbf7fa;
  --atlas-color-red-100: #531810;
  --atlas-color-red-90: #851b15;
  --atlas-color-red-80: #a91a17;
  --atlas-color-red-70: #d0141a;
  --atlas-color-red-60: #fa1320;
  --atlas-color-red-50: #ff624d;
  --atlas-color-red-40: #ff947e;
  --atlas-color-red-30: #ffbdad;
  --atlas-color-red-20: #ffdcd3;
  --atlas-color-red-15: #ffe9e3;
  --atlas-color-red-10: #fff6f3;
  --atlas-color-yellow-100: #40250f;
  --atlas-color-yellow-90: #653912;
  --atlas-color-yellow-80: #804712;
  --atlas-color-yellow-70: #9e5612;
  --atlas-color-yellow-60: #bf670f;
  --atlas-color-yellow-50: #e57b08;
  --atlas-color-yellow-40: #ff9a00;
  --atlas-color-yellow-30: #ffc400;
  --atlas-color-yellow-20: #f8efc4;
  --atlas-color-yellow-15: #fbf5da;
  --atlas-color-yellow-10: #fffcf0;
  --atlas-color-green-100: #163121;
  --atlas-color-green-90: #1a4d31;
  --atlas-color-green-80: #1b613d;
  --atlas-color-green-70: #1b7749;
  --atlas-color-green-60: #189057;
  --atlas-color-green-50: #0fac67;
  --atlas-color-green-40: #49c783;
  --atlas-color-green-30: #92dcae;
  --atlas-color-green-20: #c7edd4;
  --atlas-color-green-15: #dcf4e4;
  --atlas-color-green-10: #f1fbf4;
  --atlas-color-gray-white: #ffffff;
  --atlas-color-gray-100: #252c34;
  --atlas-color-gray-90: #384553;
  --atlas-color-gray-80: #495765;
  --atlas-color-gray-70: #5e6976;
  --atlas-color-gray-60: #757f8a;
  --atlas-color-gray-50: #8f97a0;
  --atlas-color-gray-40: #abb1b8;
  --atlas-color-gray-30: #c8ccd1;
  --atlas-color-gray-20: #e2e4e7;
  --atlas-color-gray-15: #edeef0;
  --atlas-color-gray-10: #f8f8f9;
  --atlas-color-blue-100: #1a2b4b;
  --atlas-color-blue-90: #1e437a;
  --atlas-color-blue-80: #2a5595;
  --atlas-color-blue-70: #4b67a2;
  --atlas-color-blue-60: #687db0;
  --atlas-color-blue-50: #8795c0;
  --atlas-color-blue-40: #a6afd0;
  --atlas-color-blue-30: #c6cbe1;
  --atlas-color-blue-20: #e1e4ef;
  --atlas-color-blue-15: #eceef5;
  --atlas-color-blue-10: #f7f8fb;
  --atlas-color-raspberry-100: #4e1639;
  --atlas-color-raspberry-90: #7e165b;
  --atlas-color-raspberry-80: #a11073;
  --atlas-color-raspberry-70: #c1188b;
  --atlas-color-raspberry-60: #ce4d9c;
  --atlas-color-raspberry-50: #db73af;
  --atlas-color-raspberry-40: #e699c3;
  --atlas-color-raspberry-30: #f1bdd8;
  --atlas-color-raspberry-20: #f8ddeb;
  --atlas-color-raspberry-15: #fae9f2;
  --atlas-color-raspberry-10: #fdf6fa;
  --atlas-color-sapphire-100: #162e3a;
  --atlas-color-sapphire-90: #18495d;
  --atlas-color-sapphire-80: #165b76;
  --atlas-color-sapphire-70: #0c7092;
  --atlas-color-sapphire-60: #3087aa;
  --atlas-color-sapphire-50: #639dba;
  --atlas-color-sapphire-40: #8eb6cc;
  --atlas-color-sapphire-30: #b7d0de;
  --atlas-color-sapphire-20: #dae6ee;
  --atlas-color-sapphire-15: #e8eff4;
  --atlas-color-sapphire-10: #f6f9fb;
  --atlas-typography-eyebrow: var(--atlas-font-weights-bold) var(--atlas-font-size-1)/var(--atlas-line-heights-default) var(--atlas-font-families-roboto);
  --atlas-typography-body-x-small-link: var(--atlas-font-weights-regular) var(--atlas-font-size-1)/var(--atlas-line-heights-default) var(--atlas-font-families-roboto);
  --atlas-typography-body-x-small-bold: var(--atlas-font-weights-medium) var(--atlas-font-size-1)/var(--atlas-line-heights-default) var(--atlas-font-families-roboto);
  --atlas-typography-body-x-small: var(--atlas-font-weights-regular) var(--atlas-font-size-1)/var(--atlas-line-heights-default) var(--atlas-font-families-roboto);
  --atlas-typography-cta-small: var(--atlas-font-weights-medium) var(--atlas-font-size-2)/var(--atlas-line-heights-default) var(--atlas-font-families-roboto);
  --atlas-typography-body-small-link: var(--atlas-font-weights-regular) var(--atlas-font-size-2)/var(--atlas-line-heights-default) var(--atlas-font-families-roboto);
  --atlas-typography-body-small-bold: var(--atlas-font-weights-medium) var(--atlas-font-size-2)/var(--atlas-line-heights-default) var(--atlas-font-families-roboto);
  --atlas-typography-body-small: var(--atlas-font-weights-regular) var(--atlas-font-size-2)/var(--atlas-line-heights-default) var(--atlas-font-families-roboto);
  --atlas-typography-cta: var(--atlas-font-weights-medium) var(--atlas-font-size-3)/var(--atlas-line-heights-default) var(--atlas-font-families-roboto);
  --atlas-typography-body-link: var(--atlas-font-weights-regular) var(--atlas-font-size-3)/var(--atlas-line-heights-default) var(--atlas-font-families-roboto);
  --atlas-typography-body-bold: var(--atlas-font-weights-medium) var(--atlas-font-size-3)/var(--atlas-line-heights-default) var(--atlas-font-families-roboto);
  --atlas-typography-body: var(--atlas-font-weights-regular) var(--atlas-font-size-3)/var(--atlas-line-heights-default) var(--atlas-font-families-roboto);
  --atlas-typography-heading-6: var(--atlas-font-weights-medium) var(--atlas-font-size-2)/var(--atlas-line-heights-default) var(--atlas-font-families-roboto);
  --atlas-typography-heading-5: var(--atlas-font-weights-medium) var(--atlas-font-size-3)/var(--atlas-line-heights-default) var(--atlas-font-families-roboto);
  --atlas-typography-heading-4: var(--atlas-font-weights-medium) var(--atlas-font-size-4)/var(--atlas-line-heights-default) var(--atlas-font-families-roboto);
  --atlas-typography-heading-3: var(--atlas-font-weights-medium) var(--atlas-font-size-5)/var(--atlas-line-heights-small) var(--atlas-font-families-roboto);
  --atlas-typography-heading-2: var(--atlas-font-weights-medium) var(--atlas-font-size-7)/var(--atlas-line-heights-small) var(--atlas-font-families-roboto);
  --atlas-typography-heading-1: var(--atlas-font-weights-medium) var(--atlas-font-size-8)/var(--atlas-line-heights-small) var(--atlas-font-families-roboto);
  --atlas-typography-heading-x-large: var(--atlas-font-weights-bold) var(--atlas-font-size-11)/1 var(--atlas-font-families-roboto);
  --atlas-box-shadow-default: 0 4px 12px 0 rgba(26, 43, 75, .02);
  --atlas-size-components-form-element: var(--atlas-number-15);
  --atlas-space-vertical: var(--atlas-number-11);
  --atlas-space-xxx-large: var(--atlas-number-13);
  --atlas-space-xx-large: var(--atlas-number-9);
  --atlas-space-x-large: var(--atlas-number-7);
  --atlas-space-large: var(--atlas-number-5);
  --atlas-space-medium: var(--atlas-number-4);
  --atlas-space-small: var(--atlas-number-3);
  --atlas-space-x-small: var(--atlas-number-2);
  --atlas-space-xx-small: var(--atlas-number-1);
  --atlas-radius-large: var(--atlas-number-4);
  --atlas-radius-medium: var(--atlas-number-3);
  --atlas-radius-small: var(--atlas-number-2);
  --atlas-color-ratings-on-accent-unscoreable: var(--atlas-color-gray-white);
  --atlas-color-ratings-unscoreable: var(--atlas-color-gray-100);
  --atlas-color-ratings-poor: var(--atlas-color-red-60);
  --atlas-color-ratings-fair: var(--atlas-color-orange-50);
  --atlas-color-ratings-good: var(--atlas-color-yellow-30);
  --atlas-color-ratings-very-good: var(--atlas-color-green-40);
  --atlas-color-ratings-exceptional: var(--atlas-color-green-60);
  --atlas-color-components-toggle-hero-on-accent-bg-selected-hover: var(--atlas-color-green-60);
  --atlas-color-components-toggle-hero-on-accent-bg-selected: var(--atlas-color-green-70);
  --atlas-color-components-toggle-hero-bg-disabled-selected: var(--atlas-color-green-20);
  --atlas-color-components-toggle-hero-bg-selected-hover: var(--atlas-color-green-60);
  --atlas-color-components-toggle-hero-bg-selected: var(--atlas-color-green-70);
  --atlas-color-components-toggle-hero-bg-hover: var(--atlas-color-gray-30);
  --atlas-color-components-toggle-hero-bg: var(--atlas-color-gray-20);
  --atlas-color-components-input-calendar-calendar-date-bg-selected: var(--atlas-color-gray-20);
  --atlas-color-components-input-calendar-calendar-date-bg-hover: var(--atlas-color-gray-20);
  --atlas-color-components-input-icon: var(--atlas-color-gray-50);
  --atlas-color-components-button-navigation-bg-hover: var(--atlas-color-gray-20);
  --atlas-color-components-button-navigation-bg: var(--atlas-color-gray-10);
  --atlas-color-components-list-row-on-accent-bg-pressed: var(--atlas-color-white-15);
  --atlas-color-components-list-row-bg-pressed: var(--atlas-color-gray-15);
  --atlas-color-components-toggle-on-accent-knob-disabled: var(--atlas-color-white-70);
  --atlas-color-components-toggle-on-accent-knob: var(--atlas-color-gray-white);
  --atlas-color-components-toggle-on-accent-bg-selected-hover: var(--atlas-color-green-50);
  --atlas-color-components-toggle-on-accent-bg-selected: var(--atlas-color-green-40);
  --atlas-color-components-toggle-on-accent-bg-hover: var(--atlas-color-white-80);
  --atlas-color-components-toggle-on-accent-bg-disabled: var(--atlas-color-white-20);
  --atlas-color-components-toggle-on-accent-bg: var(--atlas-color-white-60);
  --atlas-color-components-toggle-knob: var(--atlas-color-gray-white);
  --atlas-color-components-toggle-bg-selected-hover: var(--atlas-color-green-50);
  --atlas-color-components-toggle-bg-disabled-selected: var(--atlas-color-green-20);
  --atlas-color-components-toggle-bg-selected: var(--atlas-color-green-40);
  --atlas-color-components-toggle-bg-hover: var(--atlas-color-gray-30);
  --atlas-color-components-toggle-bg: var(--atlas-color-gray-20);
  --atlas-color-components-toast-icon-negative: var(--atlas-color-red-60);
  --atlas-color-components-toast-icon-caution: var(--atlas-color-yellow-30);
  --atlas-color-components-toast-icon-positive: var(--atlas-color-green-50);
  --atlas-color-components-toast-icon-neutral: var(--atlas-color-blue-60);
  --atlas-color-components-button-icon-primary-on-accent-bg-hover: var(--atlas-color-white-20);
  --atlas-color-components-button-icon-primary-on-accent-bg: var(--atlas-color-white-15);
  --atlas-color-components-button-icon-primary-bg-hover: var(--atlas-color-raspberry-20);
  --atlas-color-components-button-icon-primary-bg: var(--atlas-color-raspberry-15);
  --atlas-color-components-button-icon-primary-icon-disabled: var(--atlas-color-raspberry-30);
  --atlas-color-components-button-icon-primary-icon-pressed: var(--atlas-color-raspberry-50);
  --atlas-color-components-button-icon-secondary-bg-hover: var(--atlas-color-gray-20);
  --atlas-color-components-button-icon-secondary-icon-pressed: var(--atlas-color-gray-50);
  --atlas-color-components-button-icon-secondary-on-accent-bg-hover: var(--atlas-color-white-20);
  --atlas-color-components-button-icon-secondary-on-accent-bg: var(--atlas-color-white-15);
  --atlas-color-components-button-icon-secondary-on-accent-icon-pressed: var(--atlas-color-white-50);
  --atlas-color-components-button-link-negative-icon-disabled: var(--atlas-color-red-30);
  --atlas-color-components-button-link-negative-icon-active: var(--atlas-color-red-90);
  --atlas-color-components-button-link-negative-icon-hover: var(--atlas-color-red-50);
  --atlas-color-components-button-link-negative-icon: var(--atlas-color-red-70);
  --atlas-color-components-button-link-negative-label-disabled: var(--atlas-color-red-30);
  --atlas-color-components-button-link-negative-label-active: var(--atlas-color-red-90);
  --atlas-color-components-button-link-negative-label-hover: var(--atlas-color-red-50);
  --atlas-color-components-button-link-negative-label: var(--atlas-color-red-70);
  --atlas-color-components-button-link-caution-icon-disabled: var(--atlas-color-yellow-30);
  --atlas-color-components-button-link-caution-icon-active: var(--atlas-color-yellow-90);
  --atlas-color-components-button-link-caution-icon-hover: var(--atlas-color-yellow-50);
  --atlas-color-components-button-link-caution-icon: var(--atlas-color-yellow-70);
  --atlas-color-components-button-link-caution-label-disabled: var(--atlas-color-yellow-30);
  --atlas-color-components-button-link-caution-label-active: var(--atlas-color-yellow-90);
  --atlas-color-components-button-link-caution-label-hover: var(--atlas-color-yellow-50);
  --atlas-color-components-button-link-caution-label: var(--atlas-color-yellow-70);
  --atlas-color-components-button-link-positive-icon-disabled: var(--atlas-color-green-30);
  --atlas-color-components-button-link-positive-icon-active: var(--atlas-color-green-90);
  --atlas-color-components-button-link-positive-icon-hover: var(--atlas-color-green-50);
  --atlas-color-components-button-link-positive-icon: var(--atlas-color-green-70);
  --atlas-color-components-button-link-positive-label-disabled: var(--atlas-color-green-30);
  --atlas-color-components-button-link-positive-label-active: var(--atlas-color-green-90);
  --atlas-color-components-button-link-positive-label-hover: var(--atlas-color-green-50);
  --atlas-color-components-button-link-positive-label: var(--atlas-color-green-70);
  --atlas-color-components-button-link-neutral-icon-disabled: var(--atlas-color-blue-30);
  --atlas-color-components-button-link-neutral-icon-active: var(--atlas-color-blue-90);
  --atlas-color-components-button-link-neutral-icon-hover: var(--atlas-color-blue-50);
  --atlas-color-components-button-link-neutral-icon: var(--atlas-color-blue-70);
  --atlas-color-components-button-link-neutral-label-disabled: var(--atlas-color-blue-30);
  --atlas-color-components-button-link-neutral-label-active: var(--atlas-color-blue-90);
  --atlas-color-components-button-link-neutral-label-hover: var(--atlas-color-blue-50);
  --atlas-color-components-button-link-neutral-label: var(--atlas-color-blue-70);
  --atlas-color-components-button-link-on-accent-icon-pressed: var(--atlas-color-white-70);
  --atlas-color-components-button-link-on-accent-icon-hover: var(--atlas-color-white-70);
  --atlas-color-components-button-link-on-accent-label-pressed: var(--atlas-color-white-70);
  --atlas-color-components-button-link-on-accent-label-hover: var(--atlas-color-white-70);
  --atlas-color-components-button-link-secondary-on-accent-label-hover: var(--atlas-color-white-60);
  --atlas-color-components-button-link-secondary-icon-pressed: var(--atlas-color-gray-50);
  --atlas-color-components-button-link-secondary-icon-hover: var(--atlas-color-gray-50);
  --atlas-color-components-button-link-secondary-label-pressed: var(--atlas-color-gray-50);
  --atlas-color-components-button-link-secondary-label-hover: var(--atlas-color-gray-50);
  --atlas-color-components-button-link-primary-on-accent-label-hover: var(--atlas-color-white-80);
  --atlas-color-components-button-link-primary-icon-disabled: var(--atlas-color-raspberry-30);
  --atlas-color-components-button-link-primary-icon-pressed: var(--atlas-color-raspberry-50);
  --atlas-color-components-button-link-primary-icon-hover: var(--atlas-color-raspberry-50);
  --atlas-color-components-button-link-primary-label-disabled: var(--atlas-color-raspberry-30);
  --atlas-color-components-button-link-primary-label-pressed: var(--atlas-color-raspberry-50);
  --atlas-color-components-button-link-primary-label-hover: var(--atlas-color-raspberry-50);
  --atlas-color-components-chip-bg-checked: var(--atlas-color-raspberry-20);
  --atlas-color-components-chip-bg-pressed: var(--atlas-color-raspberry-20);
  --atlas-color-components-chip-bg-hover: var(--atlas-color-gray-20);
  --atlas-color-components-chip-icon-checked: var(--atlas-color-raspberry-80);
  --atlas-color-components-chip-icon-pressed: var(--atlas-color-raspberry-80);
  --atlas-color-components-chip-label-checked: var(--atlas-color-raspberry-80);
  --atlas-color-components-chip-label-pressed: var(--atlas-color-raspberry-80);
  --atlas-color-components-button-destructive-bg-pressed: var(--atlas-color-red-50);
  --atlas-color-components-button-destructive-on-accent-bg-pressed: var(--atlas-color-red-50);
  --atlas-color-components-button-destructive-on-accent-bg-hover: var(--atlas-color-red-60);
  --atlas-color-components-button-destructive-bg-hover: var(--atlas-color-red-60);
  --atlas-color-components-button-tertiary-on-accent-border-hover: var(--atlas-color-white-50);
  --atlas-color-components-button-tertiary-on-accent-bg-hover: var(--atlas-color-white-10);
  --atlas-color-components-button-tertiary-on-accent-bg: var(--atlas-color-white-00);
  --atlas-color-components-button-tertiary-border-hover: var(--atlas-color-gray-20);
  --atlas-color-components-button-tertiary-border-pressed: var(--atlas-color-gray-10);
  --atlas-color-components-button-tertiary-border-disabled: var(--atlas-color-gray-10);
  --atlas-color-components-button-tertiary-border: var(--atlas-color-gray-15);
  --atlas-color-components-button-tertiary-bg-hover: var(--atlas-color-gray-20);
  --atlas-color-components-button-tertiary-icon-pressed: var(--atlas-color-gray-60);
  --atlas-color-components-button-tertiary-label-pressed: var(--atlas-color-gray-60);
  --atlas-color-components-button-secondary-on-accent-bg-hover: var(--atlas-color-white-20);
  --atlas-color-components-button-secondary-bg-hover: var(--atlas-color-raspberry-20);
  --atlas-color-components-button-secondary-bg: var(--atlas-color-raspberry-15);
  --atlas-color-components-button-secondary-icon-disabled: var(--atlas-color-raspberry-30);
  --atlas-color-components-button-secondary-icon-pressed: var(--atlas-color-raspberry-50);
  --atlas-color-components-button-secondary-label-disabled: var(--atlas-color-raspberry-30);
  --atlas-color-components-button-secondary-label-pressed: var(--atlas-color-raspberry-50);
  --atlas-color-components-button-primary-on-accent-bg-pressed: var(--atlas-color-raspberry-50);
  --atlas-color-components-button-primary-bg-pressed: var(--atlas-color-raspberry-50);
  --atlas-color-components-progress-bar-bg: var(--atlas-color-gray-20);
  --atlas-color-components-tile-negative-bg: var(--atlas-color-red-10);
  --atlas-color-components-tile-positive-bg: var(--atlas-color-green-10);
  --atlas-color-components-radio-checkbox-on-accent-disabled: var(--atlas-color-white-30);
  --atlas-color-components-radio-checkbox-on-accent-default: var(--atlas-color-white-50);
  --atlas-color-components-radio-checkbox-selected-disabled: var(--atlas-color-raspberry-30);
  --atlas-color-components-radio-checkbox-disabled: var(--atlas-color-gray-30);
  --atlas-color-components-radio-checkbox-default: var(--atlas-color-gray-50);
  --atlas-color-components-tab-group-border: var(--atlas-color-gray-10);
  --atlas-color-components-tab-border-disabled: var(--atlas-color-gray-30);
  --atlas-color-components-tab-border: var(--atlas-color-white-00);
  --atlas-color-components-pagination-dot-bg: var(--atlas-color-gray-20);
  --atlas-color-components-pagination-dot-on-accent-bg: var(--atlas-color-white-20);
  --atlas-color-components-pagination-number-bg: var(--atlas-color-white-00);
  --atlas-color-components-pagination-number-on-accent-bg-selected-disabled: var(--atlas-color-white-30);
  --atlas-color-components-pagination-number-on-accent-bg: var(--atlas-color-white-00);
  --atlas-color-interactive-tertiary-hover: var(--atlas-color-gray-50);
  --atlas-color-interactive-focus: var(--atlas-color-blue-80);
  --atlas-color-interactive-border-hover: var(--atlas-color-gray-70);
  --atlas-color-interactive-bg-hover: var(--atlas-color-gray-10);
  --atlas-color-interactive-bg: var(--atlas-color-gray-10);
  --atlas-color-interactive-on-accent-primary-hover: var(--atlas-color-white-100);
  --atlas-color-interactive-on-accent-focus: var(--atlas-color-white-100);
  --atlas-color-interactive-on-accent-border-hover: var(--atlas-color-white-100);
  --atlas-color-interactive-on-accent-bg-hover: var(--atlas-color-white-20);
  --atlas-color-interactive-on-accent-bg: var(--atlas-color-white-100);
  --atlas-color-interactive-on-accent-border-focus: var(--atlas-color-white-100);
  --atlas-color-interactive-on-accent-destructive: var(--atlas-color-white-90);
  --atlas-color-interactive-on-accent-secondary: var(--atlas-color-white-90);
  --atlas-color-interactive-on-accent-primary: var(--atlas-color-white-90);
  --atlas-color-interactive-border-focus: var(--atlas-color-blue-80);
  --atlas-color-interactive-text-focus: var(--atlas-color-blue-80);
  --atlas-color-interactive-destructive: var(--atlas-color-red-70);
  --atlas-color-interactive-tertiary: var(--atlas-color-gray-70);
  --atlas-color-interactive-secondary: var(--atlas-color-gray-70);
  --atlas-color-interactive-primary: var(--atlas-color-raspberry-70);
  --atlas-color-messaging-success-graphic: var(--atlas-color-green-50);
  --atlas-color-messaging-success-disabled: var(--atlas-color-green-30);
  --atlas-color-messaging-success-active: var(--atlas-color-green-90);
  --atlas-color-messaging-success-hover: var(--atlas-color-green-40);
  --atlas-color-messaging-error-border-strong: var(--atlas-color-red-70);
  --atlas-color-messaging-error-graphic: var(--atlas-color-red-60);
  --atlas-color-messaging-error-bg-weak: var(--atlas-color-red-10);
  --atlas-color-messaging-error-disabled: var(--atlas-color-red-30);
  --atlas-color-messaging-error-active: var(--atlas-color-red-90);
  --atlas-color-messaging-error-hover: var(--atlas-color-red-50);
  --atlas-color-messaging-information-graphic: var(--atlas-color-blue-70);
  --atlas-color-messaging-information-disabled: var(--atlas-color-blue-30);
  --atlas-color-messaging-information-active: var(--atlas-color-blue-90);
  --atlas-color-messaging-information-hover: var(--atlas-color-interactive-secondary-hover);
  --atlas-color-messaging-warning-graphic: var(--atlas-color-yellow-30);
  --atlas-color-messaging-warning-disabled: var(--atlas-color-yellow-30);
  --atlas-color-messaging-warning-active: var(--atlas-color-yellow-90);
  --atlas-color-messaging-warning-hover: var(--atlas-color-yellow-50);
  --atlas-color-messaging-warning-text: var(--atlas-color-yellow-70);
  --atlas-color-messaging-new-border: var(--atlas-color-magenta-20);
  --atlas-color-messaging-new-bg: var(--atlas-color-magenta-15);
  --atlas-color-messaging-new-icon: var(--atlas-color-magenta-70);
  --atlas-color-messaging-new-text: var(--atlas-color-magenta-70);
  --atlas-color-messaging-notifications: var(--atlas-color-magenta-70);
  --atlas-color-messaging-caution-border-strong: var(--atlas-color-yellow-40);
  --atlas-color-messaging-caution-border: var(--atlas-color-yellow-20);
  --atlas-color-messaging-caution-bg-strong: var(--atlas-color-yellow-30);
  --atlas-color-messaging-caution-bg: var(--atlas-color-yellow-15);
  --atlas-color-messaging-caution-icon: var(--atlas-color-yellow-70);
  --atlas-color-messaging-caution-text: var(--atlas-color-yellow-70);
  --atlas-color-messaging-positive-border-strong: var(--atlas-color-green-80);
  --atlas-color-messaging-positive-border: var(--atlas-color-green-20);
  --atlas-color-messaging-positive-bg-strong: var(--atlas-color-green-70);
  --atlas-color-messaging-positive-bg: var(--atlas-color-green-15);
  --atlas-color-messaging-positive-icon: var(--atlas-color-green-70);
  --atlas-color-messaging-positive-text: var(--atlas-color-green-70);
  --atlas-color-messaging-negative-border-strong: var(--atlas-color-red-80);
  --atlas-color-messaging-negative-border: var(--atlas-color-red-20);
  --atlas-color-messaging-negative-bg-strong: var(--atlas-color-red-70);
  --atlas-color-messaging-negative-bg: var(--atlas-color-red-15);
  --atlas-color-messaging-negative-icon: var(--atlas-color-red-70);
  --atlas-color-messaging-negative-text: var(--atlas-color-red-70);
  --atlas-color-messaging-neutral-border-strong: var(--atlas-color-blue-80);
  --atlas-color-messaging-neutral-border: var(--atlas-color-blue-20);
  --atlas-color-messaging-neutral-bg-strong: var(--atlas-color-blue-70);
  --atlas-color-messaging-neutral-bg: var(--atlas-color-blue-15);
  --atlas-color-messaging-neutral-icon: var(--atlas-color-blue-70);
  --atlas-color-messaging-neutral-text: var(--atlas-color-blue-70);
  --atlas-color-ui-bg-disabled: var(--atlas-color-gray-10);
  --atlas-color-ui-bg-promo: var(--atlas-color-sapphire-10);
  --atlas-color-ui-bg-brand-strong: var(--atlas-color-blue-80);
  --atlas-color-ui-bg-skeleton: var(--atlas-color-gray-10);
  --atlas-color-ui-on-accent-bg-brand-strong: var(--atlas-color-white-100);
  --atlas-color-ui-on-accent-bg-skeleton: var(--atlas-color-white-10);
  --atlas-color-ui-on-accent-bg-strong: var(--atlas-color-white-100);
  --atlas-color-ui-on-accent-bg-weak: var(--atlas-color-white-10);
  --atlas-color-ui-on-accent-bg: var(--atlas-color-white-00);
  --atlas-color-ui-on-accent-border: var(--atlas-color-white-20);
  --atlas-color-ui-on-accent-icon-disabled: var(--atlas-color-white-30);
  --atlas-color-ui-on-accent-icon-strong: var(--atlas-color-gray-white);
  --atlas-color-ui-on-accent-icon: var(--atlas-color-white-70);
  --atlas-color-ui-on-accent-text-disabled: var(--atlas-color-white-50);
  --atlas-color-ui-on-accent-text-strong: var(--atlas-color-white-100);
  --atlas-color-ui-on-accent-text: var(--atlas-color-white-70);
  --atlas-color-ui-bg-strong: var(--atlas-color-gray-100);
  --atlas-color-ui-bg-weak: var(--atlas-color-gray-10);
  --atlas-color-ui-bg: var(--atlas-color-gray-white);
  --atlas-color-ui-border-strong: var(--atlas-color-gray-100);
  --atlas-color-ui-border: var(--atlas-color-gray-20);
  --atlas-color-ui-icon-disabled: var(--atlas-color-gray-30);
  --atlas-color-ui-icon-strong: var(--atlas-color-gray-100);
  --atlas-color-ui-icon: var(--atlas-color-gray-70);
  --atlas-color-ui-text-disabled: var(--atlas-color-gray-30);
  --atlas-color-ui-text-strong: var(--atlas-color-gray-100);
  --atlas-color-ui-text: var(--atlas-color-gray-70);
  --atlas-border-default: var(--atlas-border-width-thin) solid var(--atlas-color-ui-border);
  --atlas-space-padding: var(--atlas-space-large);
  --atlas-space-patterns-forms-vertical: var(--atlas-space-large);
  --atlas-space-components-upload-padding: var(--atlas-space-x-large);
  --atlas-space-components-page-title-padding: var(--atlas-space-x-large);
  --atlas-space-components-drawer-padding: var(--atlas-space-large);
  --atlas-color-components-toggle-hero-on-accent-bg-hover: var(--atlas-color-interactive-on-accent-bg-hover);
  --atlas-color-components-toggle-hero-on-accent-bg: var(--atlas-color-interactive-on-accent-bg);
  --atlas-color-components-toggle-hero-bg-disabled: var(--atlas-color-ui-bg-disabled);
  --atlas-color-components-tag-new: var(--atlas-color-messaging-new-text);
  --atlas-color-components-tag-caution: var(--atlas-color-messaging-warning-text);
  --atlas-color-components-tag-neutral: var(--atlas-color-messaging-neutral-text);
  --atlas-color-components-tag-positive: var(--atlas-color-messaging-positive-text);
  --atlas-color-components-tag-base: var(--atlas-color-ui-text);
  --atlas-color-components-tag-error: var(--atlas-color-messaging-negative-text);
  --atlas-color-components-list-row-on-accent-bg-hover: var(--atlas-color-ui-on-accent-bg-weak);
  --atlas-color-components-list-row-bg-hover: var(--atlas-color-ui-bg-weak);
  --atlas-color-components-toggle-bg-disabled: var(--atlas-color-ui-bg-weak);
  --atlas-color-components-button-icon-primary-on-accent-icon-disabled: var(--atlas-color-ui-on-accent-icon-disabled);
  --atlas-color-components-button-icon-primary-on-accent-icon-pressed: var(--atlas-color-ui-on-accent-icon);
  --atlas-color-components-button-icon-primary-on-accent-icon: var(--atlas-color-ui-on-accent-icon-strong);
  --atlas-color-components-button-icon-primary-icon: var(--atlas-color-interactive-primary);
  --atlas-color-components-button-icon-secondary-bg: var(--atlas-color-ui-bg-weak);
  --atlas-color-components-button-icon-secondary-icon-disabled: var(--atlas-color-ui-icon-disabled);
  --atlas-color-components-button-icon-secondary-icon-hover: var(--atlas-color-ui-icon-strong);
  --atlas-color-components-button-icon-secondary-icon: var(--atlas-color-ui-icon-strong);
  --atlas-color-components-button-icon-secondary-on-accent-icon-disabled: var(--atlas-color-ui-on-accent-icon-disabled);
  --atlas-color-components-button-icon-secondary-on-accent-icon-hover: var(--atlas-color-ui-on-accent-icon-strong);
  --atlas-color-components-button-icon-secondary-on-accent-icon: var(--atlas-color-ui-on-accent-icon-strong);
  --atlas-color-components-button-link-on-accent-icon-disabled: var(--atlas-color-ui-on-accent-icon-disabled);
  --atlas-color-components-button-link-on-accent-icon-active: var(--atlas-color-interactive-on-accent-primary);
  --atlas-color-components-button-link-on-accent-icon: var(--atlas-color-interactive-on-accent-primary);
  --atlas-color-components-button-link-on-accent-label-disabled: var(--atlas-color-ui-on-accent-text-disabled);
  --atlas-color-components-button-link-on-accent-label-active: var(--atlas-color-interactive-on-accent-primary);
  --atlas-color-components-button-link-on-accent-label: var(--atlas-color-interactive-on-accent-primary);
  --atlas-color-components-button-link-secondary-on-accent-label-disabled: var(--atlas-color-ui-on-accent-text-disabled);
  --atlas-color-components-button-link-secondary-on-accent-label-active: var(--atlas-color-interactive-on-accent-secondary);
  --atlas-color-components-button-link-secondary-on-accent-label: var(--atlas-color-interactive-on-accent-secondary);
  --atlas-color-components-button-link-secondary-icon-disabled: var(--atlas-color-ui-icon-disabled);
  --atlas-color-components-button-link-secondary-icon-active: var(--atlas-color-ui-icon);
  --atlas-color-components-button-link-secondary-icon: var(--atlas-color-ui-icon);
  --atlas-color-components-button-link-secondary-label-disabled: var(--atlas-color-ui-text-disabled);
  --atlas-color-components-button-link-secondary-label-active: var(--atlas-color-ui-text);
  --atlas-color-components-button-link-secondary-label: var(--atlas-color-ui-text);
  --atlas-color-components-button-link-primary-on-accent-label-disabled: var(--atlas-color-ui-on-accent-text-disabled);
  --atlas-color-components-button-link-primary-on-accent-label-active: var(--atlas-color-interactive-on-accent-primary);
  --atlas-color-components-button-link-primary-on-accent-label: var(--atlas-color-interactive-on-accent-primary);
  --atlas-color-components-button-link-primary-icon-active: var(--atlas-color-interactive-primary);
  --atlas-color-components-button-link-primary-icon: var(--atlas-color-interactive-primary);
  --atlas-color-components-button-link-primary-label-active: var(--atlas-color-interactive-primary);
  --atlas-color-components-button-link-primary-label: var(--atlas-color-interactive-primary);
  --atlas-color-components-chip-border: var(--atlas-color-ui-border);
  --atlas-color-components-chip-bg: var(--atlas-color-ui-bg-weak);
  --atlas-color-components-chip-icon-disabled: var(--atlas-color-ui-icon-disabled);
  --atlas-color-components-chip-icon: var(--atlas-color-ui-icon-strong);
  --atlas-color-components-chip-label-disabled: var(--atlas-color-ui-text-disabled);
  --atlas-color-components-chip-label: var(--atlas-color-ui-text-strong);
  --atlas-color-components-button-destructive-on-accent-bg: var(--atlas-color-interactive-destructive);
  --atlas-color-components-button-destructive-on-accent-icon-disabled: var(--atlas-color-ui-on-accent-icon-disabled);
  --atlas-color-components-button-destructive-on-accent-icon: var(--atlas-color-ui-on-accent-icon-strong);
  --atlas-color-components-button-destructive-on-accent-label-disabled: var(--atlas-color-ui-on-accent-text-disabled);
  --atlas-color-components-button-destructive-on-accent-label: var(--atlas-color-ui-on-accent-text-strong);
  --atlas-color-components-button-destructive-bg: var(--atlas-color-interactive-destructive);
  --atlas-color-components-button-destructive-icon: var(--atlas-color-ui-on-accent-icon-strong);
  --atlas-color-components-button-destructive-label: var(--atlas-color-ui-on-accent-text-strong);
  --atlas-color-components-button-tertiary-on-accent-border: var(--atlas-color-ui-on-accent-border);
  --atlas-color-components-button-tertiary-on-accent-icon-disabled: var(--atlas-color-ui-on-accent-icon-disabled);
  --atlas-color-components-button-tertiary-on-accent-icon-pressed: var(--atlas-color-ui-on-accent-icon);
  --atlas-color-components-button-tertiary-on-accent-icon: var(--atlas-color-ui-on-accent-icon-strong);
  --atlas-color-components-button-tertiary-on-accent-label-disabled: var(--atlas-color-ui-on-accent-text-disabled);
  --atlas-color-components-button-tertiary-on-accent-label-pressed: var(--atlas-color-ui-on-accent-text);
  --atlas-color-components-button-tertiary-on-accent-label: var(--atlas-color-ui-on-accent-text-strong);
  --atlas-color-components-button-tertiary-bg: var(--atlas-color-ui-bg-weak);
  --atlas-color-components-button-tertiary-icon-disabled: var(--atlas-color-ui-icon-disabled);
  --atlas-color-components-button-tertiary-icon: var(--atlas-color-ui-icon-strong);
  --atlas-color-components-button-tertiary-label-disabled: var(--atlas-color-ui-text-disabled);
  --atlas-color-components-button-tertiary-label: var(--atlas-color-ui-text-strong);
  --atlas-color-components-button-secondary-on-accent-bg: var(--atlas-color-ui-on-accent-bg-weak);
  --atlas-color-components-button-secondary-on-accent-icon-disabled: var(--atlas-color-ui-on-accent-icon-disabled);
  --atlas-color-components-button-secondary-on-accent-icon-pressed: var(--atlas-color-ui-on-accent-icon);
  --atlas-color-components-button-secondary-on-accent-icon: var(--atlas-color-ui-on-accent-icon-strong);
  --atlas-color-components-button-secondary-on-accent-label-disabled: var(--atlas-color-ui-on-accent-text-disabled);
  --atlas-color-components-button-secondary-on-accent-label-pressed: var(--atlas-color-ui-on-accent-text);
  --atlas-color-components-button-secondary-on-accent-label: var(--atlas-color-ui-on-accent-text-strong);
  --atlas-color-components-button-secondary-icon: var(--atlas-color-interactive-primary);
  --atlas-color-components-button-secondary-label: var(--atlas-color-interactive-primary);
  --atlas-color-components-button-primary-on-accent-bg: var(--atlas-color-interactive-primary);
  --atlas-color-components-button-primary-on-accent-icon-disabled: var(--atlas-color-ui-on-accent-icon-disabled);
  --atlas-color-components-button-primary-on-accent-icon: var(--atlas-color-ui-on-accent-icon-strong);
  --atlas-color-components-button-primary-on-accent-label-disabled: var(--atlas-color-ui-on-accent-text-disabled);
  --atlas-color-components-button-primary-on-accent-label: var(--atlas-color-ui-on-accent-text-strong);
  --atlas-color-components-button-primary-bg: var(--atlas-color-interactive-primary);
  --atlas-color-components-button-primary-icon: var(--atlas-color-ui-on-accent-icon-strong);
  --atlas-color-components-button-primary-label: var(--atlas-color-ui-on-accent-text-strong);
  --atlas-color-components-progress-bar-fg: var(--atlas-color-interactive-primary);
  --atlas-color-components-tile-neutral-bg: var(--atlas-color-ui-bg-weak);
  --atlas-color-components-tile-default-bg-active-pressed: var(--atlas-color-ui-bg-weak);
  --atlas-color-components-tile-default-bg-hover: var(--atlas-color-ui-bg-weak);
  --atlas-color-components-radio-checkbox-on-accent-selected: var(--atlas-color-interactive-primary);
  --atlas-color-components-radio-checkbox-on-accent-error: var(--atlas-color-messaging-negative-bg-strong);
  --atlas-color-components-radio-checkbox-selected: var(--atlas-color-interactive-primary);
  --atlas-color-components-radio-checkbox-error: var(--atlas-color-messaging-negative-bg-strong);
  --atlas-color-components-pagination-dot-bg-selected: var(--atlas-color-interactive-primary);
  --atlas-color-components-pagination-dot-on-accent-bg-selected: var(--atlas-color-interactive-on-accent-primary);
  --atlas-color-components-pagination-number-bg-selected: var(--atlas-color-interactive-primary);
  --atlas-color-components-pagination-number-bg-hover: var(--atlas-color-ui-bg-weak);
  --atlas-color-components-pagination-number-on-accent-bg-selected: var(--atlas-color-interactive-on-accent-primary);
  --atlas-color-components-pagination-number-on-accent-bg-hover: var(--atlas-color-ui-on-accent-bg-weak);
  --atlas-color-messaging-success-bg-weak: var(--atlas-color-messaging-positive-bg);
  --atlas-color-messaging-success-text: var(--atlas-color-messaging-positive-text);
  --atlas-color-messaging-error-text: var(--atlas-color-messaging-negative-text);
  --atlas-color-messaging-information-bg-weak: var(--atlas-color-messaging-neutral-bg);
  --atlas-color-messaging-information-text: var(--atlas-color-messaging-neutral-text);
  --atlas-color-messaging-warning-bg-weak: var(--atlas-color-messaging-caution-bg);
}

/* small */
@media (min-width: 576px) {
  .mfe-host-app {
    --atlas-size-components-drawer-width: 592px;
    --atlas-size-components-header-height: 90px;
    --atlas-size-components-modal-graphic-illustration: 200px;
    --atlas-size-components-modal-fullscreen-illustration: 120px;
    --atlas-space-components-wizard-footer-padding-bottom: 80px;
    --atlas-space-components-page-template-bottom: 120px;
    --atlas-space-vertical: var(--atlas-number-13);
    --atlas-space-padding: var(--atlas-space-x-large);
    --atlas-space-patterns-forms-vertical: var(--atlas-space-x-large);
    --atlas-space-components-upload-padding: var(--atlas-space-xxx-large);
    --atlas-space-components-page-title-padding: var(--atlas-space-xx-large);
    --atlas-space-components-drawer-padding: var(--atlas-space-xx-large);
    --atlas-radius-modal: var(--atlas-radius-medium);
  }
}