html {
    /* TMP color */
    --color-cool-grey: #97a3ad;
    --color-purplish-grey-three: #5f576b;

    /* deprecated colors */
    --color-orange: #fc6719;
    --color-orange-second: #fd8547;
    --color-orange-third: #fda475;
    --color-orange-fourth: #fec2a3;
    --color-orange-fifth: #fee1d1;
    --color-orange-sixth: #fff0e8;
    --color-orange-seventh: #fff7f3;
    --color-slate-second: #929aa1;
    --color-slate-third: #9ca3a9;
    --color-slate-fourth: #bdc2c6;
    --color-slate-fifth: #dee0e2;
    --color-slate-sixth: #eeeff0;
    --color-slate-seventh: #f7f7f8;
    --color-greyish: #3d3d3d;
    --color-greyish-second: #646464;
    --color-greyish-third: #8b8b8b;
    --color-greyish-fourth: #b1b1b1;
    --color-greyish-fifth: #d8d8d8;
    --color-greyish-sixth: #ebebeb;
    --color-greyish-seventh: #f5f5f5;
    --color-greyish-eighth: #f9f9f9;
    --color-error: #ee3b37;
    --color-error-second: #f1625f;
    --color-error-third: #f58987;
    --color-error-fourth: #f8b1af;
    --color-error-fifth: #fcd8d7;
    --color-error-sixth: #fdebeb;
    --color-error-seventh: #fef5f5;
    --color-warning: #ff9e1a;
    --color-warning-second: #ffb148;
    --color-warning-third: #ffc576;
    --color-warning-fourth: #ffd8a3;
    --color-warning-fifth: #ffecd1;
    --color-warning-sixth: #fff5e8;
    --color-warning-seventh: #fffaf3;
    --color-success: #6bc048;
    --color-success-second: #89cd6d;
    --color-success-third: #a6d991;
    --color-success-fourth: #c4e6b6;
    --color-success-fifth: #e1f2da;
    --color-success-sixth: #f0f9ec;
    --color-success-seventh: #f7fcf6;
    --color-alert: #b7ced1;
    --color-alert-second: #c5d8da;
    --color-alert-third: #d4e2e3;
    --color-alert-fourth: #e2ebed;
    --color-alert-fifth: #f1f5f6;
    --color-alert-sixth: #f8fafa;
    --color-alert-seventh: #fbfdfd;
    --color-light-grey: #dcd8d5;
    --color-dark: #2d3b44;
    --color-peach: #ffca8c;
    --color-dusty-lavender: #ab989d;
    --color-slate-grey-two: #5b576b;
    --color-dusty-teal: #48858e;
    --color-teal: #00a788;
    --color-turtle-green: #77be4e;
    --color-slate-grey: #5a6670;

    --color-button-primary: var(--color-orange);
    --color-button-hover: #f68448;
    --color-button-active: #f6661c;
    --color-button-disabled: #fac2a4;
    --color-button-loading-left: #ec5100;
    --color-button-loading-right: #fd8547;
    --color-button-secondary-hover: #fafafa;
    --color-button-secondary-disabled: #dbdbdb;
    --color-button-feedback-disabled-background: #f4b0af;
    --color-button-text-disabled: #fbc8ad;
    --color-button-feedback-hover: #eb615e;
    --color-button-feedback-active: #e83936;
    --color-button-text-hover: #f8935f;

    --color-alert-success-icon: #88cc6c;
    --color-alert-warning-icon: #ffb532;
    --color-alert-success-background: #eff8eb;
    --color-alert-success-border: #a5d990;
    --color-alert-warning-background: #fff5e4;
    --color-alert-warning-border: #ffd998;
    --color-banner-success-error-background: #88cc6c;
    --color-banner-warning-background: #ffb532;
    --color-disabled-border: #c0c0c0;

    --color-white: #ffffff;
    --color-black: #000000;

    /* spacing */

    --space-2: 2px;
    --space-4: 4px;
    --space-6: 6px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-20: 20px;
    --space-24: 24px;
    --space-32: 32px;
    --space-36: 36px;
    --space-40: 40px;
    --space-48: 48px;
    --space-64: 64px;
    --space-72: 72px;
    --space-80: 80px;
    --space-96: 96px;
    --space-128: 128px;
    --space-256: 256px;
    --space-1024: 1024px;

    /* shadows */
    --shadow-flat: unset;
    --shadow-raised: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    --shadow-overlay: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    --shadow-sticky: 0 6px 12px 0 rgba(0, 0, 0, 0.1);
    --shadow-popup: 0 12px 24px 0 rgba(0, 0, 0, 0.1);

    /* App */
    --app-max-width: 1150px;
    --app-new-max-width: 1296px;
    --overlay-z-index: 1000;
    --notification-z-index: calc(var(--overlay-z-index) - 1);
    --color-overlay: rgba(0, 0, 0, 0.7);

    --dialog-min-width: 526px;
    --dialog-max-width: 664px;
    --dialog-min-height: 174px;
    --dialog-max-height: 518px;

    /* colors */
    --color-white-solid-10: #ffffff;
    --color-white-tr-20: rgba(255, 255, 255, 0.92);
    --color-white-tr-30: rgba(255, 255, 255, 0.8);
    --color-white-tr-40: rgba(255, 255, 255, 0.68);
    --color-white-tr-50: rgba(255, 255, 255, 0.32);
    --color-white-tr-60: rgba(255, 255, 255, 0.16);
    --color-white-tr-70: rgba(255, 255, 255, 0.08);
    --color-white-tr-80: rgba(255, 255, 255, 0.04);
    --color-white-tr-90: rgba(255, 255, 255, 0);

    --color-black-solid-10: #000000;
    --color-black-tr-20: rgba(0, 0, 0, 0.92);
    --color-black-tr-30: rgba(0, 0, 0, 0.8);
    --color-black-tr-40: rgba(0, 0, 0, 0.68);
    --color-black-tr-50: rgba(0, 0, 0, 0.32);
    --color-black-tr-60: rgba(0, 0, 0, 0.16);
    --color-black-tr-70: rgba(0, 0, 0, 0.08);
    --color-black-tr-80: rgba(0, 0, 0, 0.04);
    --color-black-tr-90: rgba(0, 0, 1, 0);

    --color-primary-solid-10: #ff600a;
    --color-primary-solid-20: #ff6c1d;
    --color-primary-solid-30: #fe7f3a;
    --color-primary-solid-40: #fd9157;
    --color-primary-solid-50: #fbc8ac;
    --color-primary-solid-60: #fae0d3;
    --color-primary-solid-70: #f9ede6;

    --color-primary-tr-50: rgba(255, 96, 10, 0.32);
    --color-primary-tr-60: rgba(255, 96, 10, 0.16);
    --color-primary-tr-70: rgba(255, 96, 10, 0.08);

    --color-secondary-solid-10: #7938ea;
    --color-secondary-solid-20: #8348eb;
    --color-secondary-solid-30: #9460ee;
    --color-secondary-solid-40: #a478f1;
    --color-secondary-solid-50: #d4bff8;
    --color-secondary-solid-60: #e9dffb;
    --color-secondary-solid-70: #f5effe;

    --color-secondary-tr-50: rgba(121, 56, 234, 0.32);
    --color-secondary-tr-60: rgba(121, 56, 234, 0.16);
    --color-secondary-tr-70: rgba(121, 56, 234, 0.08);

    --color-success-solid-10: #06a74c;
    --color-success-solid-20: #1aae5a;
    --color-success-solid-30: #38b970;
    --color-success-solid-40: #56c486;
    --color-success-solid-50: #afe2c5;
    --color-success-solid-60: #d7f1e2;
    --color-success-solid-70: #ebf8f1;

    --color-success-tr-50: rgba(6, 167, 76, 0.32);
    --color-success-tr-60: rgba(6, 167, 76, 0.16);
    --color-success-tr-70: rgba(6, 167, 76, 0.08);

    --color-warning-solid-10: #ffbd23;
    --color-warning-solid-20: #ffc234;
    --color-warning-solid-30: #ffca4f;
    --color-warning-solid-40: #ffd36a;
    --color-warning-solid-50: #ffe9b8;
    --color-warning-solid-60: #fff4dc;
    --color-warning-solid-70: #fffaee;

    --color-warning-tr-50: rgba(255, 189, 35, 0.32);
    --color-warning-tr-60: rgba(255, 189, 35, 0.16);
    --color-warning-tr-70: rgba(255, 189, 35, 0.08);

    --color-error-solid-10: #e22820;
    --color-error-solid-20: #e43931;
    --color-error-solid-30: #e8534d;
    --color-error-solid-40: #ec6d68;
    --color-error-solid-50: #f5bab7;
    --color-error-solid-60: #fadcdb;
    --color-error-solid-70: #fdeeee;

    --color-error-tr-50: rgba(226, 40, 32, 0.32);
    --color-error-tr-60: rgba(226, 40, 32, 0.16);
    --color-error-tr-70: rgba(226, 40, 32, 0.08);

    --color-information-solid-10: #2c4160;
    --color-information-solid-20: #3c506c;
    --color-information-solid-30: #566780;
    --color-information-solid-40: #707e93;
    --color-information-solid-50: #bbc2cc;
    --color-information-solid-60: #dde0e5;
    --color-information-solid-70: #eff0f3;

    --color-information-tr-50: rgba(44, 65, 96, 0.32);
    --color-information-tr-60: rgba(44, 65, 96, 0.16);
    --color-information-tr-70: rgba(44, 65, 96, 0.08);

    --color-invert-background-solid-10: #fcfcfc;
    --color-invert-background-solid-20: #f9f9f9;
    --color-invert-background-solid-30: #f4f4f4;
    --color-invert-background-solid-40: #fefefe;

    --color-invert-component-solid-10: #000000;
    --color-invert-component-tr-20: rgba(0, 0, 0, 0.92);
    --color-invert-component-tr-30: rgba(0, 0, 0, 0.8);
    --color-invert-component-tr-40: rgba(0, 0, 0, 0.68);
    --color-invert-component-tr-50: rgba(0, 0, 0, 0.32);
    --color-invert-component-tr-60: rgba(0, 0, 0, 0.16);
    --color-invert-component-tr-70: rgba(0, 0, 0, 0.08);
    --color-invert-component-tr-80: rgba(0, 0, 0, 0.04);
    --color-invert-component-tr-90: rgba(0, 0, 0, 0);

    --color-invert-overlay-tr-50: rgba(255, 255, 255, 0.5);

    --color-support-solid-first: #fe5f0a;
    --color-support-solid-second: #fdfdfd;
    --color-support-tr-third-20: rgba(0, 0, 2, 0.92);
    --color-support-tr-third-30: rgba(0, 0, 2, 0.8);
    --color-support-tr-third-40: rgba(0, 0, 2, 0.68);
    --color-support-tr-third-50: rgba(0, 0, 2, 0.32);

    /* PFM Colors */
    --color-pfm-shopping-main: rgba(60, 189, 177, 1);
    --color-pfm-shopping-other: rgba(60, 189, 177, 0.2);
    --color-pfm-shopping-parcels: rgba(60, 189, 177, 0.9);
    --color-pfm-shopping-toy-store: rgba(60, 189, 177, 0.6);
    --color-pfm-shopping-background: rgba(60, 189, 177, 0.1);
    --color-pfm-shopping-electronics: rgba(60, 189, 177, 0.7);
    --color-pfm-shopping-online-shopping: rgba(60, 189, 177, 0.5);
    --color-pfm-shopping-stationary-store: rgba(60, 189, 177, 0.4);
    --color-pfm-shopping-watches-and-jewelery: rgba(60, 189, 177, 0.3);
    --color-pfm-shopping-clothing-and-accessories: rgba(60, 189, 177, 0.8);

    --color-pfm-entertainment-main: rgba(236, 98, 152, 1);
    --color-pfm-entertainment-gambling: rgba(236, 98, 152, 0.4);
    --color-pfm-entertainment-background: rgba(236, 98, 152, 0.1);
    --color-pfm-entertainment-clubs-and-bars: rgba(236, 98, 152, 0.6);
    --color-pfm-entertainment-cinema-theater-events: rgba(236, 98, 152, 0.8);

    --color-pfm-health-main: rgba(136, 168, 195, 1);
    --color-pfm-health-other: rgba(136, 168, 195, 0.16);
    --color-pfm-health-fitness: rgba(136, 168, 195, 0.52);
    --color-pfm-health-pharmacy: rgba(136, 168, 195, 0.64);
    --color-pfm-health-background: rgba(136, 168, 195, 0.1);
    --color-pfm-health-personal-care: rgba(136, 168, 195, 0.4);
    --color-pfm-health-doctor-services: rgba(136, 168, 195, 0.88);
    --color-pfm-health-dentist-services: rgba(136, 168, 195, 0.76);
    --color-pfm-health-cosmetics-and-perfumes: rgba(136, 168, 195, 0.28);

    --color-pfm-banking-main: rgba(243, 81, 74, 1);
    --color-pfm-banking-other: rgba(243, 81, 74, 0.28);
    --color-pfm-banking-conversion: rgba(243, 81, 74, 0.4);
    --color-pfm-banking-background: rgba(243, 81, 74, 0.1);
    --color-pfm-banking-remittance: rgba(243, 81, 74, 0.76);
    --color-pfm-banking-transfer-out: rgba(243, 81, 74, 0.64);
    --color-pfm-banking-cash-withdrawal: rgba(243, 81, 74, 0.88);
    --color-pfm-banking-internal-money-transfers: rgba(243, 81, 74, 0.52);

    --color-pfm-education-main: rgba(173, 130, 184, 1);
    --color-pfm-education-other: rgba(173, 130, 184, 0.3);
    --color-pfm-education-school: rgba(173, 130, 184, 0.86);
    --color-pfm-education-background: rgba(173, 130, 184, 0.1);
    --color-pfm-education-university: rgba(173, 130, 184, 0.72);
    --color-pfm-education-kindergarten: rgba(173, 130, 184, 0.44);
    --color-pfm-education-trainings-and-courses: rgba(173, 130, 184, 0.58);

    --color-pfm-traveling-main: rgba(156, 147, 184, 1);
    --color-pfm-traveling-hotel: rgba(156, 147, 184, 0.68);
    --color-pfm-traveling-other: rgba(156, 147, 184, 0.36);
    --color-pfm-traveling-background: rgba(156, 147, 184, 0.1);
    --color-pfm-traveling-sightseeings: rgba(156, 147, 184, 0.52);
    --color-pfm-traveling-airline-tickets: rgba(156, 147, 184, 0.84);

    --color-pfm-transport-main: rgba(255, 202, 40, 1);
    --color-pfm-transport-other: rgba(255, 202, 40, 0.3);
    --color-pfm-transport-taxi: rgba(255, 202, 40, 0.72);
    --color-pfm-transport-parking: rgba(255, 202, 40, 0.58);
    --color-pfm-transport-background: rgba(255, 202, 40, 0.1);
    --color-pfm-transport-penalties: rgba(255, 202, 40, 0.44);
    --color-pfm-transport-public-transport: rgba(255, 202, 40, 0.86);

    --color-pfm-utilities-main: rgba(255, 138, 101, 1);
    --color-pfm-utilities-tv: rgba(255, 138, 101, 0.46);
    --color-pfm-utilities-gas: rgba(255, 138, 101, 0.82);
    --color-pfm-utilities-water: rgba(255, 138, 101, 0.64);
    --color-pfm-utilities-other: rgba(255, 138, 101, 0.19);
    --color-pfm-utilities-phone: rgba(255, 138, 101, 0.28);
    --color-pfm-utilities-mobile: rgba(255, 138, 101, 0.91);
    --color-pfm-utilities-internet: rgba(255, 138, 101, 0.55);
    --color-pfm-utilities-background: rgba(255, 138, 101, 0.1);
    --color-pfm-utilities-electricity: rgba(255, 138, 101, 0.73);
    --color-pfm-utilities-cleaning-services: rgba(255, 138, 101, 0.37);

    --color-pfm-food-main: rgba(174, 213, 129, 1);
    --color-pfm-food-other: rgba(174, 213, 129, 0.25);
    --color-pfm-food-fast-food: rgba(174, 213, 129, 0.72);
    --color-pfm-food-background: rgba(174, 213, 129, 0.1);
    --color-pfm-food-eating-out: rgba(174, 213, 129, 0.86);
    --color-pfm-food-delivery-service: rgba(174, 213, 129, 0.58);
    --color-pfm-food-bakery-and-pastry: rgba(174, 213, 129, 0.44);

    --color-pfm-grocery-main: rgba(255, 183, 77, 1);
    --color-pfm-grocery-grocery: rgba(255, 183, 77, 0.4);
    --color-pfm-grocery-background: rgba(255, 183, 77, 0.1);
    --color-pfm-grocery-supermarkets: rgba(255, 183, 77, 0.8);
    --color-pfm-grocery-alcohol-shops: rgba(255, 183, 77, 0.6);

    --color-pfm-taxes-and-fees-main: rgba(96, 181, 223, 1);
    --color-pfm-taxes-and-fees-other: rgba(96, 181, 223, 0.2);
    --color-pfm-taxes-and-fees-government: rgba(96, 181, 223, 0.9);
    --color-pfm-taxes-and-fees-background: rgba(96, 181, 223, 0.1);
    --color-pfm-taxes-and-fees-banking-fees: rgba(96, 181, 223, 0.8);
    --color-pfm-taxes-and-fees-loan-payments: rgba(96, 181, 223, 0.3);
    --color-pfm-taxes-and-fees-overdraft-fees: rgba(96, 181, 223, 0.4);
    --color-pfm-taxes-and-fees-credit-card-fees: rgba(96, 181, 223, 0.5);
    --color-pfm-taxes-and-fees-government-fines: rgba(96, 181, 223, 0.7);
    --color-pfm-taxes-and-fees-insurance-services: rgba(96, 181, 223, 0.6);

    --color-pfm-home-main: rgba(186, 153, 162, 1);
    --color-pfm-home-fuel: rgba(186, 153, 162, 0.6);
    --color-pfm-home-background: rgba(186, 153, 162, 0.1);
    --color-pfm-home-renovation-expenses: rgba(186, 153, 162, 0.4);
    --color-pfm-home-entertainment-other: rgba(186, 153, 162, 0.8);

    --color-pfm-other-expenses-main: rgba(156, 146, 255, 1);
    --color-pfm-other-expenses-charity: rgba(156, 146, 255, 0.67);
    --color-pfm-other-expenses-background: rgba(156, 146, 255, 0.1);

    --color-pfm-income-main: rgba(56, 185, 112, 1);
    --color-pfm-income-bonus: rgba(56, 185, 112, 0.5);
    --color-pfm-income-other: rgba(56, 185, 112, 0.2);
    --color-pfm-income-rental: rgba(56, 185, 112, 0.3);
    --color-pfm-income-salary: rgba(56, 185, 112, 0.9);
    --color-pfm-income-dividend: rgba(56, 185, 112, 0.4);
    --color-pfm-income-interest: rgba(56, 185, 112, 0.6);
    --color-pfm-income-background: rgba(56, 185, 112, 0.1);
    --color-pfm-income-remittance: rgba(56, 185, 112, 0.8);
    --color-pfm-income-transfer-in: rgba(56, 185, 112, 0.7);

    --color-pfm-uncategorized-expenses-main: rgba(206, 206, 206, 1);
    --color-pfm-uncategorized-expenses-background: rgba(206, 206, 206, 0.1);

    /* Illustration Colors */
    --color-illustration-primary-1: #ff5200;
    --color-illustration-primary-2: #ff8a68;
    --color-illustration-primary-3: #ffb087;
    --color-illustration-primary-4: #ffe4dc;
    --color-illustration-secondary-1: #b5a5ee;
    --color-illustration-secondary-2: #c7bef4;
    --color-illustration-secondary-3: #e9d8ee;
    --color-illustration-black-1: #010101;
    --color-illustration-black-2: #010102;
    --color-illustration-black-3: #010103;
    --color-illustration-black-4: #010104;
    --color-illustration-black-5: #010105;
    --color-illustration-white-1: #fefefe;
    --color-illustration-white-2: #fdfdfe;
    --color-illustration-white-3: #fdfdfd;
    --color-illustration-white-4: #fdfdfc;

    /* Brand Colors */
    --color-brand-american-express-bright-blue: #006fcf;
    --color-brand-american-express-deep-blue: #162b75;

    /* Gradients */
    --gradient-solid-first: linear-gradient(to left, var(--color-turtle-green), var(--color-teal));
    --gradient-solid-second: linear-gradient(to right, #484055, #53616f);
    --gradient-solid-third: linear-gradient(45deg, var(--color-primary-solid-10), #ffce22 194%);

    --gradient-opacity-first: linear-gradient(to top, var(--color-white-solid-10), var(--color-white-tr-90));
    --gradient-opacity-second: linear-gradient(to top, #292929, rgba(41, 41, 41, 0));
    --gradient-opacity-third: linear-gradient(to top, var(--color-primary-solid-10), rgba(255, 114, 38, 0));
    --gradient-opacity-fourth: linear-gradient(to top, var(--color-secondary-solid-10), rgba(102, 0, 255, 0));
    --gradient-opacity-fifth: linear-gradient(to top, #005c6e, rgba(0, 92, 110, 0));
    --gradient-opacity-sixth: linear-gradient(to top, #6d6e70, rgba(109, 110, 112, 0));
    --gradient-opacity-seventh: linear-gradient(to top, #dbd9d6, rgba(219, 217, 214, 0));
    --gradient-opacity-eighth: linear-gradient(to top, var(--color-dark), rgba(45, 59, 68, 0));
    --gradient-opacity-ninth: linear-gradient(to top, rgba(43, 25, 25, 0.99), rgba(43, 25, 25, 0));

    /* Required */
    --required-input-asterisk-color: var(--color-primary-solid-10);

    /* Radius */
    --border-radius-10: 0px;
    --border-radius-20: 2px;
    --border-radius-30: 4px;
    --border-radius-31: 8px;
    --border-radius-32: 12px;
    --border-radius-36: 20px;
    --border-radius-38: 24px;
    --border-radius-40: 28px;
    --border-radius-42: 40px;
    --border-radius-44: 58px;
    --border-radius-circle: 50%;

    /* Drawer */
    --drawer-width: 648px;

    /* Plus Icon URL */
    --plus-icon-url: url('https://webstatic.bog.ge/icons/bd/plus_color.svg');
}

@media (max-width: 1296px) {
    html {
        --app-new-max-width: 100vw;
        /* Drawer */
        --drawer-width: calc(50vw - 36px);
    }
}

/* Business */

html.business {
    --gradient-solid-second: linear-gradient(45deg, rgb(180, 163, 167), rgb(153, 171, 180));
}

/* Solo light colors */
html.solo,
html.solo.dark {
    --color-primary-solid-10: #ffa400;
    --color-primary-solid-20: #ffb229;
    --color-primary-solid-30: #ffc357;
    --color-primary-solid-40: #ffcf7a;
    --color-primary-solid-50: #ffd994;
    --color-primary-solid-60: #ffe2ad;
    --color-primary-solid-70: #ffebc7;

    --color-primary-tr-50: rgba(255, 164, 0, 0.32);
    --color-primary-tr-60: rgba(255, 164, 0, 0.16);
    --color-primary-tr-70: rgba(255, 164, 0, 0.08);

    --color-support-solid-first: #091a2b;
    --color-support-solid-second: #fdfdfd;
    --color-support-tr-third-20: rgba(0, 0, 2, 0.92);
    --color-support-tr-third-30: rgba(0, 0, 2, 0.8);
    --color-support-tr-third-40: rgba(0, 0, 2, 0.68);
    --color-support-tr-third-50: rgba(0, 0, 2, 0.32);

    --color-illustration-primary-1: #ffa400;
    --color-illustration-primary-2: #ffc357;
    --color-illustration-primary-3: #ffcf7a;
    --color-illustration-primary-4: #ffebc7;
    --color-illustration-secondary-1: #b5a5ee;
    --color-illustration-secondary-2: #c7bef4;
    --color-illustration-secondary-3: #e9d8ee;
    --color-illustration-black-1: #010101;
    --color-illustration-black-2: #010102;
    --color-illustration-black-3: #010103;
    --color-illustration-black-4: #010104;
    --color-illustration-black-5: #010105;
    --color-illustration-white-1: #fefefe;
    --color-illustration-white-2: #fdfdfe;
    --color-illustration-white-3: #fdfdfd;
    --color-illustration-white-4: #fdfdfc;
}

html.solo.dark {
    --color-primary-solid-10: #eb9d01;
    --color-primary-solid-20: #db9a1f;
    --color-primary-solid-30: #c1923e;
    --color-primary-solid-40: #665b47;
    --color-primary-solid-50: #413f3a;
    --color-primary-solid-60: #32312f;
    --color-primary-solid-70: #2c2c2a;

    --color-primary-tr-50: rgba(235, 157, 1, 0.32);
    --color-primary-tr-60: rgba(235, 157, 1, 0.16);
    --color-primary-tr-70: rgba(235, 157, 1, 0.08);

    --color-support-solid-first: #3d3e3e;
    --color-support-solid-second: #2a2c2c;
    --color-support-tr-third-20: rgba(246, 247, 248, 0.92);
    --color-support-tr-third-30: rgba(246, 247, 248, 0.8);
    --color-support-tr-third-40: rgba(246, 247, 248, 0.68);
    --color-support-tr-third-50: rgba(246, 247, 248, 0.32);

    --color-illustration-primary-1: #ffb021;
    --color-illustration-primary-2: #ffc763;
    --color-illustration-primary-3: #ffd994;
    --color-illustration-primary-4: #ffe7ba;
    --color-illustration-secondary-1: #8270a9;
    --color-illustration-secondary-2: #9d89eb;
    --color-illustration-secondary-3: #c5bcf1;
    --color-illustration-black-1: #191a1a;
    --color-illustration-black-2: #fdfdfd;
    --color-illustration-black-3: #b75536;
    --color-illustration-black-4: #8270aa;
    --color-illustration-black-5: #c5bcf1;
    --color-illustration-white-1: #fefefe;
    --color-illustration-white-2: #fff9e9;
    --color-illustration-white-3: #8270aa;
    --color-illustration-white-4: #c5bcf1;
}

/* Solo blue colors */
html.solo.blue {
    --color-primary-solid-10: #fb8d04;
    --color-primary-solid-20: #fb9517;
    --color-primary-solid-30: #fba336;
    --color-primary-solid-40: #fcb154;
    --color-primary-solid-50: #fedaae;
    --color-primary-solid-60: #ffedd6;
    --color-primary-solid-70: #fff6eb;
    --color-primary-tr-50: rgba(251, 141, 4, 0.32);
    --color-primary-tr-60: rgba(251, 141, 4, 0.16);
    --color-primary-tr-70: rgba(251, 141, 4, 0.08);

    --color-secondary-solid-10: #091a2b;
    --color-secondary-solid-20: #1c2b3b;
    --color-secondary-solid-30: #3a4755;
    --color-secondary-solid-40: #58636f;
    --color-secondary-solid-50: #afb5ba;
    --color-secondary-solid-60: #d7dadd;
    --color-secondary-solid-70: #ebedee;
    --color-secondary-tr-50: rgba(9, 26, 43, 0.32);
    --color-secondary-tr-60: rgba(9, 26, 43, 0.16);
    --color-secondary-tr-70: rgba(9, 26, 43, 0.08);

    --color-warning-solid-10: #ffbd24;
    --color-warning-solid-20: #e6ac26;
    --color-warning-solid-30: #cc9a29;
    --color-warning-solid-40: #a17d2b;
    --color-warning-solid-50: #66552f;
    --color-warning-solid-60: #47402e;
    --color-warning-solid-70: #36352e;
    --color-warning-tr-50: rgba(255, 189, 36, 0.32);
    --color-warning-tr-60: rgba(255, 189, 36, 0.16);
    --color-warning-tr-70: rgba(255, 189, 36, 0.08);

    --color-error-solid-10: #fa4f47;
    --color-error-solid-20: #ed4c45;
    --color-error-solid-30: #dc4a43;
    --color-error-solid-40: #a6413c;
    --color-error-solid-50: #743936;
    --color-error-solid-60: #4f3231;
    --color-error-solid-70: #3e2f2e;
    --color-error-tr-50: rgba(250, 79, 71, 0.32);
    --color-error-tr-60: rgba(250, 79, 71, 0.16);
    --color-error-tr-70: rgba(250, 79, 71, 0.08);

    --color-success-solid-10: #1bbf62;
    --color-success-solid-20: #1cb05c;
    --color-success-solid-30: #1f9352;
    --color-success-solid-40: #227546;
    --color-success-solid-50: #25573b;
    --color-success-solid-60: #284033;
    --color-success-solid-70: #29342f;
    --color-success-tr-50: rgba(27, 191, 98, 0.32);
    --color-success-tr-60: rgba(27, 191, 98, 0.16);
    --color-success-tr-70: rgba(27, 191, 98, 0.08);

    --color-information-solid-10: #84a4d6;
    --color-information-solid-20: #7c99c5;
    --color-information-solid-30: #738db5;
    --color-information-solid-40: #5f7696;
    --color-information-solid-50: #4e5e74;
    --color-information-solid-60: #3d4751;
    --color-information-solid-70: #353b41;

    --color-information-tr-50: rgba(132, 164, 214, 0.32);
    --color-information-tr-60: rgba(132, 164, 214, 0.16);
    --color-information-tr-70: rgba(132, 164, 214, 0.08);

    --color-invert-component-solid-10: rgba(246, 247, 248, 0.99);
    --color-invert-component-tr-20: rgba(246, 247, 248, 0.9);
    --color-invert-component-tr-30: rgba(246, 247, 248, 0.78);
    --color-invert-component-tr-40: rgba(246, 247, 248, 0.66);
    --color-invert-component-tr-50: rgba(246, 247, 248, 0.3);
    --color-invert-component-tr-60: rgba(246, 247, 248, 0.15);
    --color-invert-component-tr-70: rgba(246, 247, 248, 0.07);
    --color-invert-component-tr-80: rgba(246, 247, 248, 0.03);
    --color-invert-component-tr-90: rgba(246, 247, 248, 0);

    --color-invert-background-solid-10: #192635;
    --color-invert-background-solid-20: #2b3a48;
    --color-invert-background-solid-30: #091a2b;
    --color-invert-background-solid-40: #2e3d4b;

    --color-white-solid-10: #ffffff;
    --color-white-tr-20: rgba(255, 255, 255, 0.92);
    --color-white-tr-30: rgba(255, 255, 255, 0.8);
    --color-white-tr-40: rgba(255, 255, 255, 0.68);
    --color-white-tr-50: rgba(255, 255, 255, 0.32);
    --color-white-tr-60: rgba(255, 255, 255, 0.16);
    --color-white-tr-70: rgba(255, 255, 255, 0.08);
    --color-white-tr-80: rgba(255, 255, 255, 0.04);
    --color-white-tr-90: rgba(255, 255, 255, 0);

    --color-black-solid-10: #000000;
    --color-black-tr-20: rgba(0, 0, 0, 0.92);
    --color-black-tr-30: rgba(0, 0, 0, 0.8);
    --color-black-tr-40: rgba(0, 0, 0, 0.68);
    --color-black-tr-50: rgba(0, 0, 0, 0.32);
    --color-black-tr-60: rgba(0, 0, 0, 0.16);
    --color-black-tr-70: rgba(0, 0, 0, 0.08);
    --color-black-tr-80: rgba(0, 0, 0, 0.04);
    --color-black-tr-90: rgba(0, 0, 1, 0);

    --color-support-solid-first: #2b3a48;
    --color-support-solid-second: #0e1f30;
    --color-support-tr-third-20: rgba(246, 247, 248, 0.92);
    --color-support-tr-third-30: rgba(246, 247, 248, 0.8);
    --color-support-tr-third-40: rgba(246, 247, 248, 0.68);
    --color-support-tr-third-50: rgba(246, 247, 248, 0.32);

    --color-illustration-primary-1: #fb8d04;
    --color-illustration-primary-2: #fba336;
    --color-illustration-primary-3: #f8d0a0;
    --color-illustration-primary-4: #fadbc0;
    --color-illustration-secondary-1: #8472cc;
    --color-illustration-secondary-2: #968ec8;
    --color-illustration-secondary-3: #c1bcd3;
    --color-illustration-black-1: #303247;
    --color-illustration-black-2: #e1e3f3;
    --color-illustration-black-3: #b75536;
    --color-illustration-black-4: #8270aa;
    --color-illustration-black-5: #c5bcf1;
    --color-illustration-white-1: #fefefe;
    --color-illustration-white-2: #fcf5ef;
    --color-illustration-white-3: #8270aa;
    --color-illustration-white-4: #c5bcf1;

    --color-thumbnails-rt-overlay: rgba(0, 0, 0, 0.03);

    --color-brand-american-express-bright-blue: #006fcf;
    --color-brand-american-express-deep-blue: #162b75;

    --gradient-solid-first: linear-gradient(270deg, #77be4e 0%, #00a788 100%);
    --gradient-solid-second: linear-gradient(90deg, #484055 0%, #53616f 100%);
    --gradient-solid-third: linear-gradient(45deg, #fb8d04 0%, #ffce22 157.03%);

    --gradient-opacity-first: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0.0001) 100%);
    --gradient-opacity-second: linear-gradient(0deg, #292929 0%, rgba(41, 41, 41, 0.0001) 100%);
    --gradient-opacity-third: linear-gradient(0deg, #fb8d04 0%, rgba(255, 127, 41, 0.0001) 100%);
    --gradient-opacity-fourth: linear-gradient(0deg, #a27aff 0%, rgba(162, 122, 255, 0.0001) 100%);
    --gradient-opacity-fifth: linear-gradient(0deg, #005c6e 0%, rgba(0, 92, 110, 0.0001) 100%);
    --gradient-opacity-sixth: linear-gradient(0deg, #6d6e70 0%, rgba(109, 110, 112, 0.0001) 100%);
    --gradient-opacity-seventh: linear-gradient(0deg, #dbd9d6 0%, rgba(219, 217, 214, 0.0001) 100%);
    --gradient-opacity-eighth: linear-gradient(0deg, #2d3b44 0%, rgba(45, 59, 68, 0.0001) 100%);
    --gradient-opacity-ninth: linear-gradient(0deg, rgba(43, 25, 25, 0.992515) 0%, rgba(43, 25, 25, 0.0001) 100%);
}

/* Wealth light colors */
html.wm,
html.wm.dark {
    --color-primary-solid-10: #cda176;
    --color-primary-solid-20: #d3ad88;
    --color-primary-solid-30: #dab896;
    --color-primary-solid-40: #dec1a5;
    --color-primary-solid-50: #e6d1bc;
    --color-primary-solid-60: #edddcf;
    --color-primary-solid-70: #f1e5da;

    --color-primary-tr-50: rgba(205, 161, 118, 0.32);
    --color-primary-tr-60: rgba(205, 161, 118, 0.16);
    --color-primary-tr-70: rgba(205, 161, 118, 0.08);

    --color-support-solid-first: #cc9e71;
    --color-support-solid-second: #fdfdfd;
    --color-support-tr-third-20: rgba(0, 0, 2, 0.92);
    --color-support-tr-third-30: rgba(0, 0, 2, 0.8);
    --color-support-tr-third-40: rgba(0, 0, 2, 0.68);
    --color-support-tr-third-50: rgba(0, 0, 2, 0.32);

    --color-illustration-primary-1: #cda176;
    --color-illustration-primary-2: #dab896;
    --color-illustration-primary-3: #e6d1bc;
    --color-illustration-primary-4: #f1e5da;
    --color-illustration-secondary-1: #ff8a68;
    --color-illustration-secondary-2: #ffb087;
    --color-illustration-secondary-3: #ffe4dc;
    --color-illustration-black-1: #010101;
    --color-illustration-black-2: #010102;
    --color-illustration-black-3: #010103;
    --color-illustration-black-4: #010104;
    --color-illustration-black-5: #010105;
    --color-illustration-white-1: #fefefe;
    --color-illustration-white-2: #fdfdfe;
    --color-illustration-white-3: #fdfdfd;
    --color-illustration-white-4: #fdfdfc;
}

html.wm.dark {
    --color-primary-solid-10: #cd9862;
    --color-primary-solid-20: #bc8c5b;
    --color-primary-solid-30: #ab8155;
    --color-primary-solid-40: #66523d;
    --color-primary-solid-50: #524536;
    --color-primary-solid-60: #423b33;
    --color-primary-solid-70: #34312d;

    --color-primary-tr-50: rgba(205, 152, 98, 0.32);
    --color-primary-tr-60: rgba(205, 152, 98, 0.16);
    --color-primary-tr-70: rgba(205, 152, 98, 0.08);

    --color-support-solid-first: #3d3e3e;
    --color-support-solid-second: #2a2c2c;
    --color-support-tr-third-20: rgba(246, 247, 248, 0.92);
    --color-support-tr-third-30: rgba(246, 247, 248, 0.8);
    --color-support-tr-third-40: rgba(246, 247, 248, 0.68);
    --color-support-tr-third-50: rgba(246, 247, 248, 0.32);

    --color-illustration-primary-1: #c29971;
    --color-illustration-primary-2: #dab896;
    --color-illustration-primary-3: #e8d3be;
    --color-illustration-primary-4: #f0ded6;
    --color-illustration-secondary-1: #ff8a68;
    --color-illustration-secondary-2: #ffb087;
    --color-illustration-secondary-3: #ffe4dc;
    --color-illustration-black-1: #191a1a;
    --color-illustration-black-2: #fdfdfd;
    --color-illustration-black-3: #b75536;
    --color-illustration-black-4: #8270aa;
    --color-illustration-black-5: #c5bcf1;
    --color-illustration-white-1: #fefefe;
    --color-illustration-white-2: #fff8f2;
    --color-illustration-white-3: #8270aa;
    --color-illustration-white-4: #c5bcf1;
}

/* Retail dark colors */

html.dark {
    --color-overlay: rgba(0, 0, 0, 0.8);

    --color-white-solid-10: #ffffff;
    --color-white-tr-20: rgba(255, 255, 255, 0.92);
    --color-white-tr-30: rgba(255, 255, 255, 0.8);
    --color-white-tr-40: rgba(255, 255, 255, 0.68);
    --color-white-tr-50: rgba(255, 255, 255, 0.32);
    --color-white-tr-60: rgba(255, 255, 255, 0.16);
    --color-white-tr-70: rgba(255, 255, 255, 0.08);
    --color-white-tr-80: rgba(255, 255, 255, 0.04);
    --color-white-tr-90: rgba(255, 255, 255, 0);

    --color-black-solid-10: #000000;
    --color-black-tr-20: rgba(0, 0, 0, 0.92);
    --color-black-tr-30: rgba(0, 0, 0, 0.8);
    --color-black-tr-40: rgba(0, 0, 0, 0.68);
    --color-black-tr-50: rgba(0, 0, 0, 0.32);
    --color-black-tr-60: rgba(0, 0, 0, 0.16);
    --color-black-tr-70: rgba(0, 0, 0, 0.08);
    --color-black-tr-80: rgba(0, 0, 0, 0.04);
    --color-black-tr-90: rgba(0, 0, 1, 0);

    --color-primary-solid-10: #ff7f29;
    --color-primary-solid-20: #e0752e;
    --color-primary-solid-30: #bf6931;
    --color-primary-solid-40: #9b5831;
    --color-primary-solid-50: #5c3f2d;
    --color-primary-solid-60: #43352d;
    --color-primary-solid-70: #332f2e;

    --color-primary-tr-50: rgba(255, 127, 41, 0.32);
    --color-primary-tr-60: rgba(255, 127, 41, 0.16);
    --color-primary-tr-70: rgba(255, 127, 41, 0.08);

    --color-secondary-solid-10: #a27aff;
    --color-secondary-solid-20: #9672ea;
    --color-secondary-solid-30: #8a6ad4;
    --color-secondary-solid-40: #715aaa;
    --color-secondary-solid-50: #554877;
    --color-secondary-solid-60: #433c57;
    --color-secondary-solid-70: #34323f;

    --color-secondary-tr-50: rgba(67, 60, 87, 0.32);
    --color-secondary-tr-60: rgba(67, 60, 87, 0.16);
    --color-secondary-tr-70: rgba(162, 122, 255, 0.08);

    --color-success-solid-10: #1bbf62;
    --color-success-solid-20: #1cb05c;
    --color-success-solid-30: #1f9352;
    --color-success-solid-40: #227546;
    --color-success-solid-50: #25573b;
    --color-success-solid-60: #284033;
    --color-success-solid-70: #29342f;

    --color-success-tr-50: rgba(27, 191, 98, 0.32);
    --color-success-tr-60: rgba(27, 191, 98, 0.16);
    --color-success-tr-70: rgba(27, 191, 98, 0.08);

    --color-warning-solid-10: #ffbd24;
    --color-warning-solid-20: #e6ac26;
    --color-warning-solid-30: #cc9a29;
    --color-warning-solid-40: #a17d2b;
    --color-warning-solid-50: #66552f;
    --color-warning-solid-60: #47402e;
    --color-warning-solid-70: #36352e;

    --color-warning-tr-50: rgba(255, 189, 36, 0.32);
    --color-warning-tr-60: rgba(255, 189, 36, 0.16);
    --color-warning-tr-70: rgba(255, 189, 36, 0.08);

    --color-error-solid-10: #fa4f47;
    --color-error-solid-20: #ed4c45;
    --color-error-solid-30: #dc4a43;
    --color-error-solid-40: #a6413c;
    --color-error-solid-50: #743936;
    --color-error-solid-60: #4f3231;
    --color-error-solid-70: #3e2f2e;

    --color-error-tr-50: rgba(250, 79, 71, 0.32);
    --color-error-tr-60: rgba(250, 79, 71, 0.16);
    --color-error-tr-70: rgba(250, 79, 71, 0.08);

    --color-information-solid-10: #84a4d6;
    --color-information-solid-20: #7c99c5;
    --color-information-solid-30: #738db5;
    --color-information-solid-40: #5f7696;
    --color-information-solid-50: #4e5e74;
    --color-information-solid-60: #3d4751;
    --color-information-solid-70: #353b41;

    --color-information-tr-50: rgba(132, 164, 214, 0.32);
    --color-information-tr-60: rgba(132, 164, 214, 0.16);
    --color-information-tr-70: rgba(132, 164, 214, 0.08);

    --color-invert-background-solid-10: #252727;
    --color-invert-background-solid-20: #202222;
    --color-invert-background-solid-30: #191a1a;
    --color-invert-background-solid-40: #2b2c2c;

    --color-invert-component-solid-10: rgba(246, 247, 248, 0.99);
    --color-invert-component-tr-20: rgba(246, 247, 248, 0.9);
    --color-invert-component-tr-30: rgba(246, 247, 248, 0.78);
    --color-invert-component-tr-40: rgba(246, 247, 248, 0.66);
    --color-invert-component-tr-50: rgba(246, 247, 248, 0.3);
    --color-invert-component-tr-60: rgba(246, 247, 248, 0.15);
    --color-invert-component-tr-70: rgba(246, 247, 248, 0.07);
    --color-invert-component-tr-80: rgba(246, 247, 248, 0.03);
    --color-invert-component-tr-90: rgba(246, 247, 248, 0);

    --color-illustration-primary-1: #ff5500;
    --color-illustration-primary-2: #fc744a;
    --color-illustration-primary-3: #fc8d5a;
    --color-illustration-primary-4: #e5b7a4;
    --color-illustration-secondary-1: #8270a9;
    --color-illustration-secondary-2: #9d89eb;
    --color-illustration-secondary-3: #c5bcf1;
    --color-illustration-black-1: #191a1a;
    --color-illustration-black-2: #fdfdfd;
    --color-illustration-black-3: #b75536;
    --color-illustration-black-4: #8270aa;
    --color-illustration-black-5: #c5bcf1;
    --color-illustration-white-1: #fefefe;
    --color-illustration-white-2: #eadfda;
    --color-illustration-white-3: #8270aa;
    --color-illustration-white-4: #c5bcf1;

    --color-invert-overlay-tr-50: rgba(44, 44, 44, 0.5);

    --color-support-solid-first: #3d3e3e;
    --color-support-solid-second: #2a2c2c;
    --color-support-tr-third-20: rgba(246, 247, 248, 0.92);
    --color-support-tr-third-30: rgba(246, 247, 248, 0.8);
    --color-support-tr-third-40: rgba(246, 247, 248, 0.68);
    --color-support-tr-third-50: rgba(246, 247, 248, 0.32);

    /* Plus Icon URL */
    --plus-icon-url: url('https://webstatic.bog.ge/icons/bd/plus_white.svg');

    --qr-code-border: 4px solid #fff;
}

@media (max-width: 1150px) {
    html {
        --app-max-width: 100vw;
    }
}

@media (max-width: 1024px) {
    html {
        --drawer-width: calc(75vw - 42px);
    }
}

@media (max-width: 600px) {
    html {
        --dialog-min-width: unset;
        --dialog-max-width: unset;
        --dialog-min-height: 174px;
        --dialog-max-height: 518px;
        /* Drawer */
        --drawer-width: 100vw;
    }
}

html.no-scroll,
html.no-scroll-modal {
    overflow: hidden;
}

@supports (-webkit-touch-callout: none) {
    html.active-select {
        --scroll-overflow-y: hidden;
    }
}

body {
    font-family: MarkGEO, sans-serif;
}

.app-overlay {
    opacity: 0;
    transition: opacity 500ms ease;
    display: none;
    z-index: var(--overlay-z-index);
    will-change: opacity;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color-overlay);
}

.onbarding-tooltip-overlay {
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    overflow: hidden;
    z-index: var(--overlay-z-index);
    animation: fade-in 0.3s ease-in-out;
}

.modal-overlay {
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    overflow: hidden;
    background-color: var(--color-overlay);
    z-index: var(--overlay-z-index);
}

bd-modal:not(:last-of-type) + .modal-overlay {
    background-color: transparent;
}

bd-modal:first-of-type + .modal-overlay,
bd-cookie-consent:first-of-type + .modal-overlay {
    animation: modalOverlay 0.2s both;
}

bd-modal[without-animation] + .modal-overlay {
    animation: none;
}

@keyframes modalOverlay {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

bd-modal:last-of-type {
    z-index: calc(var(--overlay-z-index) + 1);
}

/* animations */

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* mark geo */

@font-face {
    font-family: 'MarkGEO';
    src: url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Light.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Light.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Light.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Light.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Light.svg#BOG-Light') format('svg'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Light.eot?#iefix') format('embedded-opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkGEO';
    src: url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Regular.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Regular.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Regular.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Regular.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Regular.svg#BOG-Regular') format('svg'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkGEO';
    src: url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Medium.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Medium.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Medium.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Medium.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Medium.svg#BOG-Medium') format('svg'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Medium.eot?#iefix') format('embedded-opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkGEO';
    src: url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-SemiBold.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-SemiBold.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-SemiBold.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-SemiBold.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-SemiBold.svg#BOG-SemiBold') format('svg'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-SemiBold.eot?#iefix') format('embedded-opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkGEO';
    src: url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Bold.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Bold.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Bold.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Bold.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Bold.svg#BOG-Bold') format('svg'),
        url('https://webstatic.bog.ge/fonts/BOGfonts/BOG-Bold.eot?#iefix') format('embedded-opentype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkGEOCAPS';
    src: url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Light.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Light.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Light.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Light.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Light.svg#BOG-Headline-Light') format('svg'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Light/BOG-Headline-Light.eot?#iefix')
            format('embedded-opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkGEOCAPS';
    src: url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Regular.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Regular.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Regular.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Regular.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Regular.svg#BOG-Headline-Regular') format('svg'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkGEOCAPS';
    src: url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Medium.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Medium.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Medium.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Medium.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Medium.svg#BOG-Headline-Medium') format('svg'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Medium.eot?#iefix') format('embedded-opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkGEOCAPS';
    src: url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-SemiBold.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-SemiBold.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-SemiBold.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-SemiBold.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-SemiBold.svg#BOG-Headline-SemiBold') format('svg'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-SemiBold/BOG-Headline-SemiBold.eot?#iefix')
            format('embedded-opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MarkGEOCAPS';
    src: url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Bold.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Bold.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Bold.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Bold.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Bold.svg#BOG-Headline-Bold') format('svg'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Bold.eot?#iefix') format('embedded-opentype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BOG';
    src: url('https://webstatic.bog.ge/fonts/BOG/BOG-UltraBold.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOG/BOG-UltraBold.eot?#iefix') format('embedded-opentype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-UltraBold.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-UltraBold.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-UltraBold.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-UltraBold.svg#BOG-UltraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BOG';
    src: url('https://webstatic.bog.ge/fonts/BOG/BOG-Black.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Black.eot?#iefix') format('embedded-opentype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Black.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Black.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Black.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Black.svg#BOG-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BOG';
    src: url('https://webstatic.bog.ge/fonts/BOG/BOG-Bold.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Bold.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Bold.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Bold.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Bold.svg#BOG-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BOG Headline';
    src: url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Medium.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Medium.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Medium.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Medium.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Medium.svg#BOG-Headline-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BOG';
    src: url('https://webstatic.bog.ge/fonts/BOG/BOG-Regular.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Regular.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Regular.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Regular.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Regular.svg#BOG-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BOG Headline';
    src: url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Black.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Black.eot?#iefix') format('embedded-opentype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Black.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Black.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Black.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Black.svg#BOG-Headline-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BOG';
    src: url('https://webstatic.bog.ge/fonts/BOG/BOG-Medium.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Medium.eot?#iefix') format('embedded-opentype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Medium.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Medium.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Medium.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Medium.svg#BOG-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BOG Headline';
    src: url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Regular.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Regular.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Regular.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Regular.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Regular.svg#BOG-Headline-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BOG Headline';
    src: url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Light.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Light.eot?#iefix') format('embedded-opentype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Light.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Light.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Light.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Light.svg#BOG-Headline-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BOG Headline';
    src: url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-UltraBold.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-UltraBold.eot?#iefix') format('embedded-opentype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-UltraBold.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-UltraBold.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-UltraBold.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-UltraBold.svg#BOG-Headline-UltraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BOG Headline';
    src: url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-SemiBold.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-SemiBold.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-SemiBold.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-SemiBold.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-SemiBold.svg#BOG-Headline-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BOG Headline';
    src: url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Bold.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Bold.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Bold.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Bold.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Headline-Bold.svg#BOG-Headline-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BOG';
    src: url('https://webstatic.bog.ge/fonts/BOG/BOG-SemiBold.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOG/BOG-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-SemiBold.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-SemiBold.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-SemiBold.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-SemiBold.svg#BOG-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BOG';
    src: url('https://webstatic.bog.ge/fonts/BOG/BOG-Light.eot');
    src:
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Light.eot?#iefix') format('embedded-opentype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Light.woff2') format('woff2'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Light.woff') format('woff'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Light.ttf') format('truetype'),
        url('https://webstatic.bog.ge/fonts/BOG/BOG-Light.svg#BOG-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: text-security-disc;
    src: url('https://webstatic.bog.ge/fonts/common/text-security-disc.woff');
}

html {
    /* Radius */
    --border-radius-none: 0px;
    --border-radius-2: 2px;
    --border-radius-4: 4px;
    --border-radius-6: 6px;
    --border-radius-8: 8px;
    --border-radius-12: 12px;
    --border-radius-24: 24px;
    --border-radius-28: 28px;
    --border-radius-full: 1000px;

    /* Sizes */
    --size-0: 0px;
    --size-6: 6px;
    --size-8: 8px;
    --size-12: 12px;
    --size-16: 16px;
    --size-20: 20px;
    --size-24: 24px;
    --size-32: 32px;
    --size-40: 40px;
    --size-48: 48px;
    --size-56: 56px;
    --size-64: 64px;
    --size-72: 72px;
    --size-80: 80px;
    --size-84: 84px;
    --size-96: 96px;
    --size-128: 128px;
    --size-168: 168px;
}

html,
.light {
    /* Retail Light */
    /* color */
    --background-accent: #ff5c0a;
    --background-01: #ffffff;
    --background-02: #f4f4f4;
    --border-alpha-0: #ffffff00;
    --border-alpha-01: #6c70751f;
    --border-alpha-02: #6c707538;
    --border-black: #1b1c1d;
    --border-01: #d7d9db;
    --border-02: #8a8e93;
    --border-03: #e5e6e7;
    --border-04: #ffffff;
    --border-disabled: #aaadb0;
    --border-error: #da1e28;
    --border-hover-01: #989ba0;
    --border-hover-02: #515457;
    --border-info: #386285;
    --border-inverse-error: #ff8389;
    --border-inverse-info: #92a9bc;
    --border-inverse-primary: #f7f7f8;
    --border-inverse-secondary: #d7d9db;
    --border-inverse-success: #42be65;
    --border-inverse-warning: #f1c21b;
    --border-pressed-01: #515457;
    --border-pressed-02: #515457;
    --border-selected: #ff5c0a;
    --border-selected-strong: #a83200;
    --border-strong: #1b1c1d;
    --border-success: #198038;
    --border-warning: #b28600;
    --border-white: #ffffff;
    --border-white-alpha-01: #ffffff1f;
    --border-white-alpha-02: #ffffff33;
    --brand-american-express-bright-blue: #006fcf;
    --brand-american-express-bright-blue-alpha-01: #006fcf14;
    --brand-american-express-bright-blue-alpha-02: #006fcf29;
    --brand-american-express-bright-blue-alpha-03: #006fcf42;
    --brand-american-express-bright-blue-inverse: #006fcf;
    --brand-american-express-deep-blue: #162b75;
    --brand-retail-primary-01: #ff5c0a;
    --brand-retail-primary-02: #e04b00;
    --brand-retail-primary-alpha-01: #ff5c0a14;
    --brand-retail-primary-alpha-02: #ff5c0a29;
    --brand-retail-primary-alpha-03: #ff5c0a52;
    --brand-retail-secondary-01: #8a3ffc;
    --brand-retail-secondary-02: #6929c4;
    --brand-retail-secondary-alpha-01: #8a3ffc14;
    --brand-retail-secondary-alpha-02: #8a3ffc29;
    --brand-retail-secondary-alpha-03: #8a3ffc61;
    --brand-solo-primary-01: #faa100;
    --brand-solo-primary-02: #d68a00;
    --brand-solo-primary-alpha-01: #faa1001a;
    --brand-solo-primary-alpha-02: #faa10033;
    --brand-solo-primary-alpha-03: #faa10057;
    --brand-solo-secondary-01: #8a3ffc;
    --brand-solo-secondary-02: #6929c4;
    --brand-solo-secondary-alpha-01: #8a3ffc14;
    --brand-solo-secondary-alpha-02: #8a3ffc29;
    --brand-solo-secondary-alpha-03: #8a3ffc61;
    --brand-solo-blue-primary-01: #faa100;
    --brand-solo-blue-primary-02: #d68a00;
    --brand-solo-blue-primary-alpha-01: #faa1001a;
    --brand-solo-blue-primary-alpha-02: #faa10033;
    --brand-solo-blue-primary-alpha-03: #faa10057;
    --brand-solo-blue-primary-blue-01: #1f3042;
    --brand-solo-blue-primary-blue-02: #172331;
    --brand-solo-blue-secondary-01: #8c847c;
    --brand-solo-blue-secondary-02: #6e6760;
    --brand-solo-blue-secondary-alpha-01: #8c847c14;
    --brand-solo-blue-secondary-alpha-02: #8c847c29;
    --brand-solo-blue-secondary-alpha-03: #8c847c61;
    --brand-wealth-primary-01: #c7986b;
    --brand-wealth-primary-02: #96724f;
    --brand-wealth-primary-alpha-01: #c7986b1a;
    --brand-wealth-primary-alpha-02: #c7986b33;
    --brand-wealth-primary-alpha-03: #c7986b52;
    --brand-wealth-secondary-01: #a49894;
    --brand-wealth-secondary-02: #8c7d78;
    --brand-wealth-secondary-alpha-01: #a4989414;
    --brand-wealth-secondary-alpha-02: #a4989429;
    --brand-wealth-secondary-alpha-03: #a4989461;
    --button-disabled: #f4f4f4;
    --button-icon-secondary: #ffffff00;
    --button-icon-secondary-hover: #6c70750f;
    --button-icon-secondary-loading: #6c70750f;
    --button-icon-secondary-pressed: #6c70751f;
    --button-negative-hover: #b81922;
    --button-negative-loading: #fa4d56;
    --button-negative: #da1e28;
    --button-negative-pressed: #8f141a;
    --button-primary-hover: #e04b00;
    --button-primary-loading: #ffa578;
    --button-primary-pressed: #a83200;
    --button-primary: #ff5c0a;
    --button-secondary-hover: #ff5c0a29;
    --button-secondary-loading: #ff5c0a14;
    --button-secondary-pressed: #ff5c0a52;
    --button-secondary: #ff5c0a14;
    --button-secondary-white: #ffffff;
    --button-secondary-white-hover: #e5e6e7;
    --button-secondary-white-loading: #e5e6e7;
    --button-secondary-white-pressed: #d0d1d3;
    --button-text-black-hover: #6c70750f;
    --button-text-black-pressed: #6c70751f;
    --button-text-low: #ff5c0a;
    --button-text-low-hover: #e04b00;
    --button-text-low-pressed: #cc4400;
    --button-text-negative: #ffffff00;
    --button-text-negative-hover: #da1e2814;
    --button-text-negative-loading: #da1e2814;
    --button-text-negative-pressed: #da1e2829;
    --button-text-primary: #ffffff00;
    --button-text-primary-loading: #6c70750f;
    --button-text-primary-hover: #6c70750f;
    --button-text-primary-pressed: #6c70751f;
    --button-text-secondary-black: #ffffff00;
    --button-text-secondary-white: #ffffff00;
    --button-text-secondary-white-hover: #ffffff0f;
    --button-text-secondary-white-pressed: #ffffff1f;
    --chips-default: #6c70751a;
    --chips-disabled: #6c70751f;
    --chips-hover: #6c707529;
    --chips-pressed: #6c707542;
    --chips-selected: #ff5c0a29;
    --chips-selected-hover: #ff5c0a52;
    --chips-selected-pressed: #e64d005c;
    --decorative-cool-gray-layer: #f4f5f6;
    --decorative-cool-gray-layer-0: #f4f5f6;
    --decorative-cool-gray-layer-00: #e8ebed;
    --decorative-cool-gray-layer-01: #a2a9b0;
    --decorative-cool-gray-layer-02: #656a6e;
    --decorative-cool-gray-layer-03: #505458;
    --decorative-cool-gray-layer-alpha-0: #a2a9b014;
    --decorative-cool-gray-layer-alpha-00: #a2a9b01f;
    --decorative-cool-gray-layer-alpha-01: #a2a9b03d;
    --decorative-cool-gray-layer-alpha-02: #a2a9b052;
    --decorative-cool-gray-layer-alpha-03: #a2a9b085;
    --decorative-cool-gray-layer-alpha-none: #f4f5f600;
    --decorative-cyan-layer: #ebf7ff;
    --decorative-cyan-layer-0: #ebf7ff;
    --decorative-cyan-layer-00: #d6efff;
    --decorative-cyan-layer-01: #42b7ff;
    --decorative-cyan-layer-02: #206e9e;
    --decorative-cyan-layer-03: #185377;
    --decorative-cyan-layer-alpha-0: #42b7ff14;
    --decorative-cyan-layer-alpha-00: #42b7ff1f;
    --decorative-cyan-layer-alpha-01: #42b7ff3d;
    --decorative-cyan-layer-alpha-02: #42b7ff52;
    --decorative-cyan-layer-alpha-03: #42b7ff85;
    --decorative-cyan-layer-alpha-none: #ebf7ff00;
    --decorative-green-layer: #eefcee;
    --decorative-green-layer-0: #eefcee;
    --decorative-green-layer-00: #ddf8de;
    --decorative-green-layer-01: #4fd156;
    --decorative-green-layer-02: #18771d;
    --decorative-green-layer-03: #135d17;
    --decorative-green-layer-alpha-0: #4fd15614;
    --decorative-green-layer-alpha-00: #4fd1561f;
    --decorative-green-layer-alpha-01: #4fd1563d;
    --decorative-green-layer-alpha-02: #4fd15652;
    --decorative-green-layer-alpha-03: #4fd15685;
    --decorative-green-layer-alpha-none: #f2fdf300;
    --decorative-magenta-layer: #fff5f9;
    --decorative-magenta-layer-0: #fff5f9;
    --decorative-magenta-layer-00: #ffebf3;
    --decorative-magenta-layer-01: #ff8abc;
    --decorative-magenta-layer-02: #a4416c;
    --decorative-magenta-layer-03: #7c3151;
    --decorative-magenta-layer-alpha-0: #ff8abc14;
    --decorative-magenta-layer-alpha-00: #ff8abc1f;
    --decorative-magenta-layer-alpha-01: #ff8abc29;
    --decorative-magenta-layer-alpha-02: #ff8abc52;
    --decorative-magenta-layer-alpha-03: #ff8abc85;
    --decorative-magenta-layer-alpha-none: #fff5f900;
    --decorative-orange-layer: #fff5f0;
    --decorative-orange-layer-0: #fff5f0;
    --decorative-orange-layer-00: #ffeae0;
    --decorative-orange-layer-01: #ff8e42;
    --decorative-orange-layer-02: #9e491f;
    --decorative-orange-layer-03: #8b370e;
    --decorative-orange-layer-alpha-0: #ff8e4214;
    --decorative-orange-layer-alpha-00: #ff8e421f;
    --decorative-orange-layer-alpha-01: #ff8e423d;
    --decorative-orange-layer-alpha-02: #ff8e4252;
    --decorative-orange-layer-alpha-03: #ff8e4285;
    --decorative-orange-layer-alpha-none: #fff5f000;
    --decorative-purple-layer: #f9f5ff;
    --decorative-purple-layer-0: #f9f5ff;
    --decorative-purple-layer-00: #f3ebff;
    --decorative-purple-layer-01: #bc8fff;
    --decorative-purple-layer-02: #7647bd;
    --decorative-purple-layer-03: #5c3696;
    --decorative-purple-layer-alpha-0: #bc8fff14;
    --decorative-purple-layer-alpha-00: #bc8fff1f;
    --decorative-purple-layer-alpha-01: #bc8fff3d;
    --decorative-purple-layer-alpha-02: #bc8fff52;
    --decorative-purple-layer-alpha-03: #bc8fff85;
    --decorative-purple-layer-alpha-none: #f9f5ff00;
    --decorative-teal-layer: #eefcfc;
    --decorative-teal-layer-0: #eefcfc;
    --decorative-teal-layer-00: #d7f9f9;
    --decorative-teal-layer-01: #39dada;
    --decorative-teal-layer-02: #187878;
    --decorative-teal-layer-03: #125959;
    --decorative-teal-layer-alpha-0: #39dada14;
    --decorative-teal-layer-alpha-00: #39dada1f;
    --decorative-teal-layer-alpha-01: #39dada3d;
    --decorative-teal-layer-alpha-02: #39dada52;
    --decorative-teal-layer-alpha-03: #39dada85;
    --decorative-teal-layer-alpha-none: #eefcfc00;
    --decorative-warm-gray-layer: #f8f7f7;
    --decorative-warm-gray-layer-0: #f8f7f7;
    --decorative-warm-gray-layer-00: #eceae9;
    --decorative-warm-gray-layer-01: #ada9a8;
    --decorative-warm-gray-layer-02: #6b6968;
    --decorative-warm-gray-layer-03: #555353;
    --decorative-warm-gray-layer-alpha-0: #ada9a814;
    --decorative-warm-gray-layer-alpha-00: #ada9a81f;
    --decorative-warm-gray-layer-alpha-01: #ada9a83d;
    --decorative-warm-gray-layer-alpha-02: #ada9a852;
    --decorative-warm-gray-layer-alpha-03: #ada9a885;
    --decorative-warm-gray-layer-alpha-none: #f8f7f700;
    --decorative-yellow-layer: #fff8e5;
    --decorative-yellow-layer-0: #fff8e5;
    --decorative-yellow-layer-00: #fff1cc;
    --decorative-yellow-layer-01: #f2c33f;
    --decorative-yellow-layer-02: #96720d;
    --decorative-yellow-layer-03: #75590a;
    --decorative-yellow-layer-alpha-0: #f2c33f14;
    --decorative-yellow-layer-alpha-00: #f2c33f1f;
    --decorative-yellow-layer-alpha-01: #f2c33f3d;
    --decorative-yellow-layer-alpha-02: #f2c33f52;
    --decorative-yellow-layer-alpha-03: #f2c33f85;
    --decorative-yellow-layer-alpha-none: #fff8e500;
    --focus-01: #ff5c0a;
    --header-row-01: #f4f4f4;
    --header-row-02: #ff5c0a;
    --header-row-03: #ffffff;
    --header-row-04: #ff5c0a;
    --header-button-default: #a8320052;
    --header-button-hover: #a832007a;
    --header-button-pressed: #a8320094;
    --header-search-active: #ffffff;
    --header-search-default: #a8320052;
    --header-search-hover: #a832007a;
    --icon-accent: #ff5c0a;
    --icon-accent-strong: #a83200;
    --icon-black: #1b1c1d;
    --icon-disabled: #aaadb0;
    --icon-error: #da1e28;
    --icon-helper: #6c7075;
    --icon-info: #386285;
    --icon-inverse-error: #ff8389;
    --icon-inverse-info: #92a9bc;
    --icon-inverse-primary: #f4f4f4;
    --icon-inverse-secondary: #d7d9db;
    --icon-inverse-success: #42be65;
    --icon-inverse-warning: #f1c21b;
    --icon-on-color-disabled: #8a8e93;
    --icon-primary: #1b1c1d;
    --icon-secondary: #515457;
    --icon-success: #198038;
    --icon-warning: #b28600;
    --icon-white: #ffffff;
    --layer-accent-01: #fff3ed;
    --layer-accent-02: #ffe0d0;
    --layer-accent-alpha-01: #ff5c0a14;
    --layer-accent-alpha-02: #ff5c0a29;
    --layer-accent-alpha-03: #ff5c0a52;
    --layer-alpha-0: #ffffff00;
    --layer-alpha-01: #6c70750f;
    --layer-alpha-02: #6c70751f;
    --layer-alpha-03: #6c707538;
    --layer-alpha-hover-01: #6c70751a;
    --layer-alpha-hover-02: #6c707529;
    --layer-alpha-hover-03: #6c707542;
    --layer-alpha-pressed-01: #6c70751f;
    --layer-alpha-pressed-02: #6c707538;
    --layer-alpha-pressed-03: #6c70755c;
    --layer-black: #1b1c1d;
    --layer-black-alpha-01: #6c70750f;
    --layer-black-alpha-02: #6c70751f;
    --layer-black-alpha-hover-01: #6c70751a;
    --layer-black-alpha-hover-02: #6c707529;
    --layer-black-alpha-pressed-01: #6c707529;
    --layer-black-alpha-pressed-02: #6c707538;
    --layer-disabled: #f4f4f4;
    --layer-hover-01: #f1f2f3;
    --layer-hover-02: #f1f2f3;
    --layer-hover-03: #f1f2f3;
    --layer-inverse-01: #1b1c1d;
    --layer-inverse-02: #161718;
    --layer-inverse-alpha-01: #ffffff0f;
    --layer-inverse-alpha-02: #ffffff1f;
    --layer-inverse-alpha-hover-01: #ffffff1a;
    --layer-inverse-alpha-hover-02: #ffffff29;
    --layer-inverse-alpha-pressed-01: #ffffff29;
    --layer-inverse-alpha-pressed-02: #ffffff33;
    --layer-inverse-hover-01: #2a2b2d;
    --layer-inverse-pressed-01: #515457;
    --layer-01: #ffffff;
    --layer-02: #f7f7f8;
    --layer-03: #f4f4f4;
    --layer-04: #ecedee;
    --layer-05: #ffffff;
    --layer-06: #ecedee;
    --layer-pressed-01: #e5e6e7;
    --layer-pressed-02: #e5e6e7;
    --layer-pressed-03: #e5e6e7;
    --layer-white: #ffffff;
    --layer-white-alpha-01: #ffffff0f;
    --layer-white-alpha-02: #ffffff1f;
    --layer-white-alpha-hover-01: #ffffff1a;
    --layer-white-alpha-hover-02: #ffffff29;
    --layer-white-alpha-pressed-01: #ffffff29;
    --layer-white-alpha-pressed-02: #ffffff33;
    --link-clicked: #cc4400;
    --link-hover: #e04b00;
    --link: #ff5c0a;
    --packages-large-background: #fdf4e2;
    --packages-large-background-border: #f9e0a9;
    --packages-large-background-hover: #f9e0a9;
    --packages-large-background-on-color: #f9e0a9;
    --packages-large-background-pressed: #f7d692;
    --packages-large-background-text: #866218;
    --packages-large-icon: #866218;
    --packages-medium-background: #f1ecfe;
    --packages-medium-background-border: #dfd3fd;
    --packages-medium-background-hover: #dfd3fd;
    --packages-medium-background-on-color: #dfd3fd;
    --packages-medium-background-pressed: #d1bffd;
    --packages-medium-background-text: #594294;
    --packages-medium-icon: #594294;
    --packages-solo-background: #e8ebed;
    --packages-solo-background-hover: #d3d9de;
    --packages-solo-background-on-color: #d3d9de;
    --packages-solo-background-pressed: #c5ccd3;
    --packages-solo-border: #d3d9de;
    --packages-solo-icon: #2c4a67;
    --packages-solo-text: #2c4a67;
    --packages-small-background: #dff7f1;
    --packages-small-background-border: #adebdc;
    --packages-small-background-hover: #adebdc;
    --packages-small-background-icon: #1c6e59;
    --packages-small-background-on-color: #adebdc;
    --packages-small-background-pressed: #88e2cc;
    --packages-small-background-text: #1c6e59;
    --packages-status-background: #feefec;
    --packages-status-background-hover: #fcd6cf;
    --packages-status-background-on-color: #fcd6cf;
    --packages-status-background-pressed: #fbc6bb;
    --packages-status-border: #fcd6cf;
    --packages-status-icon: #994433;
    --packages-status-text: #994433;
    --status-accent-01: #fff3ed;
    --status-accent-02: #ff5c0a;
    --status-announcement-01: #fff3ed;
    --status-announcement-02: #802600;
    --status-error-01: #fff1f1;
    --status-error-02: #da1e28;
    --status-error-alpha-01: #da1e2814;
    --status-error-alpha-02: #da1e285c;
    --status-info-01: #f1f4f6;
    --status-info-02: #386285;
    --status-info-alpha-01: #38628514;
    --status-info-alpha-02: #38628552;
    --status-neutral-01: #f7f7f8;
    --status-neutral-02: #f4f4f4;
    --status-neutral-03: #515457;
    --status-neutral-alpha-01: #6c70751a;
    --status-neutral-alpha-02: #6c707529;
    --status-success-01: #dffbe7;
    --status-success-02: #198038;
    --status-success-alpha-01: #24a14814;
    --status-success-alpha-02: #24a14852;
    --status-warning-01: #fcf4d6;
    --status-warning-02: #f1c21b;
    --status-warning-alpha-01: #d2a1061a;
    --status-warning-alpha-02: #d2a10661;
    --support-caret: #ff5c0a;
    --support-divider-01: #e5e6e7;
    --support-divider-02: #d7d9db;
    --support-divider-03: #e5e6e7;
    --support-divider-alpha-01: #6c70751f;
    --support-divider-alpha-02: #6c707538;
    --support-overlay-canvas: #0f0f10ad;
    --support-overlay-media: #6c70750f;
    --support-skeleton: #e5e6e7;
    --support-skeleton-background: #f1f2f3;
    --support-01: #8a8e93;
    --support-02: #73777d;
    --support-03: #aaadb0;
    --support-04: #ffffff;
    --text-accent: #ff5c0a;
    --text-accent-strong: #a83200;
    --text-black: #1b1c1d;
    --text-disabled: #aaadb0;
    --text-error: #da1e28;
    --text-helper: #6c7075;
    --text-info: #386285;
    --text-inverse-error: #ff8389;
    --text-inverse-info: #92a9bc;
    --text-inverse-primary: #f4f4f4;
    --text-inverse-secondary: #d7d9db;
    --text-inverse-success: #42be65;
    --text-inverse-warning: #f1c21b;
    --text-on-color-disabled: #8a8e93;
    --text-placeholder: #989ba0;
    --text-primary: #1b1c1d;
    --text-secondary: #515457;
    --text-success: #198038;
    --text-warning: #b28600;
    --text-white: #ffffff;
    --illustration-black-01: #010101;
    --illustration-black-02: #010102;
    --illustration-black-03: #010103;
    --illustration-black-04: #010104;
    --illustration-black-05: #010105;
    --illustration-primary-01: #ff5c0a;
    --illustration-primary-02: #ff8a68;
    --illustration-primary-03: #ffb087;
    --illustration-primary-04: #ffe4dc;
    --illustration-secondary-01: #b5a5ee;
    --illustration-secondary-02: #c7bef4;
    --illustration-secondary-03: #e9d8ee;
    --illustration-white-01: #fefefe;
    --illustration-white-02: #fdfdfe;
    --illustration-white-03: #fdfdfd;
    --illustration-white-04: #fdfdfc;
}

html.dark {
    /* Retail Dark */
    /* color */
    --background-accent: #ff8345;
    --background-01: #1b1c1d;
    --background-02: #161718;
    --border-alpha-0: #ffffff00;
    --border-alpha-01: #ffffff1f;
    --border-alpha-02: #ffffff33;
    --border-black: #1b1c1d;
    --border-01: #515457;
    --border-02: #6c7075;
    --border-03: #2a2b2d;
    --border-04: #1b1c1d;
    --border-disabled: #6c7075;
    --border-error: #ff8389;
    --border-hover-01: #989ba0;
    --border-hover-02: #989ba0;
    --border-info: #92a9bc;
    --border-inverse-error: #da1e28;
    --border-inverse-info: #386285;
    --border-inverse-primary: #161718;
    --border-inverse-secondary: #515457;
    --border-inverse-success: #198038;
    --border-inverse-warning: #b28600;
    --border-pressed-01: #aaadb0;
    --border-pressed-02: #aaadb0;
    --border-selected: #ff8345;
    --border-selected-strong: #ffd9be;
    --border-strong: #f4f4f4;
    --border-success: #42be65;
    --border-warning: #f1c21b;
    --border-white: #ffffff;
    --border-white-alpha-01: #ffffff1f;
    --border-white-alpha-02: #ffffff33;
    --brand-american-express-bright-blue: #006fcf;
    --brand-american-express-bright-blue-alpha-01: #38a3ff14;
    --brand-american-express-bright-blue-alpha-02: #38a3ff29;
    --brand-american-express-bright-blue-alpha-03: #38a3ff42;
    --brand-american-express-bright-blue-inverse: #38a3ff;
    --brand-american-express-deep-blue: #162b75;
    --brand-retail-primary-01: #ff8345;
    --brand-retail-primary-02: #ff5c0a;
    --brand-retail-primary-alpha-01: #ff83451a;
    --brand-retail-primary-alpha-02: #ff834529;
    --brand-retail-primary-alpha-03: #ff83454d;
    --brand-retail-secondary-01: #be95ff;
    --brand-retail-secondary-02: #8a3ffc;
    --brand-retail-secondary-alpha-01: #a56eff14;
    --brand-retail-secondary-alpha-02: #a56eff29;
    --brand-retail-secondary-alpha-03: #a56eff61;
    --brand-solo-primary-01: #ffb42e;
    --brand-solo-primary-02: #faa100;
    --brand-solo-primary-alpha-01: #ffb42e1a;
    --brand-solo-primary-alpha-02: #ffb42e29;
    --brand-solo-primary-alpha-03: #ffb42e54;
    --brand-solo-secondary-01: #be95ff;
    --brand-solo-secondary-02: #8a3ffc;
    --brand-solo-secondary-alpha-01: #a56eff14;
    --brand-solo-secondary-alpha-02: #a56eff29;
    --brand-solo-secondary-alpha-03: #a56eff61;
    --brand-solo-blue-primary-01: #ffb42e;
    --brand-solo-blue-primary-02: #faa100;
    --brand-solo-blue-primary-alpha-01: #ffb42e1a;
    --brand-solo-blue-primary-alpha-02: #ffb42e29;
    --brand-solo-blue-primary-alpha-03: #ffb42e54;
    --brand-solo-blue-primary-blue-01: #1f3042;
    --brand-solo-blue-primary-blue-02: #172331;
    --brand-solo-blue-secondary-01: #aba29a;
    --brand-solo-blue-secondary-02: #8c847c;
    --brand-solo-blue-secondary-alpha-01: #aba29a14;
    --brand-solo-blue-secondary-alpha-02: #aba29a29;
    --brand-solo-blue-secondary-alpha-03: #aba29a61;
    --brand-wealth-primary-01: #daba9a;
    --brand-wealth-primary-02: #c7986b;
    --brand-wealth-primary-alpha-01: #daba9a14;
    --brand-wealth-primary-alpha-02: #daba9a29;
    --brand-wealth-primary-alpha-03: #daba9a52;
    --brand-wealth-secondary-01: #c0b7b5;
    --brand-wealth-secondary-02: #a49894;
    --brand-wealth-secondary-alpha-01: #c0b7b514;
    --brand-wealth-secondary-alpha-02: #c0b7b529;
    --brand-wealth-secondary-alpha-03: #c0b7b561;
    --button-disabled: #3f4245;
    --button-icon-secondary: #ffffff00;
    --button-icon-secondary-hover: #ffffff0f;
    --button-icon-secondary-loading: #ffffff0f;
    --button-icon-secondary-pressed: #ffffff1f;
    --button-negative-hover: #da1e28;
    --button-negative-loading: #fa4d56;
    --button-negative: #fa4d56;
    --button-negative-pressed: #b81922;
    --button-primary-hover: #ff5c0a;
    --button-primary-loading: #ffa578;
    --button-primary-pressed: #e04b00;
    --button-primary: #ff8345;
    --button-secondary-hover: #ff83454d;
    --button-secondary-loading: #ff834529;
    --button-secondary-pressed: #ff925c52;
    --button-secondary: #ff834529;
    --button-secondary-white: #2f3032;
    --button-secondary-white-hover: #3f4245;
    --button-secondary-white-loading: #3f4245;
    --button-secondary-white-pressed: #515457;
    --button-text-black-hover: #ffffff0f;
    --button-text-black-pressed: #ffffff1f;
    --button-text-low: #ff8345;
    --button-text-low-hover: #ff925c;
    --button-text-low-pressed: #ffa578;
    --button-text-negative: #ffffff00;
    --button-text-negative-hover: #fa4d5629;
    --button-text-negative-loading: #fa4d5617;
    --button-text-negative-pressed: #fa4d565c;
    --button-text-primary: #ffffff00;
    --button-text-primary-loading: #ffffff0f;
    --button-text-primary-hover: #ffffff0f;
    --button-text-primary-pressed: #ffffff1f;
    --button-text-secondary-black: #ffffff00;
    --button-text-secondary-white: #ffffff00;
    --button-text-secondary-white-hover: #ffffff0f;
    --button-text-secondary-white-pressed: #ffffff1f;
    --chips-default: #ffffff1f;
    --chips-disabled: #6c707538;
    --chips-hover: #ffffff33;
    --chips-pressed: #ffffff42;
    --chips-selected: #ff925c33;
    --chips-selected-hover: #ff83454d;
    --chips-selected-pressed: #fa68005c;
    --decorative-cool-gray-layer: #26292c;
    --decorative-cool-gray-layer-0: #505458;
    --decorative-cool-gray-layer-00: #656a6e;
    --decorative-cool-gray-layer-01: #c1c7cd;
    --decorative-cool-gray-layer-02: #e8ebed;
    --decorative-cool-gray-layer-03: #f4f5f6;
    --decorative-cool-gray-layer-alpha-0: #a2a9b014;
    --decorative-cool-gray-layer-alpha-00: #a2a9b01f;
    --decorative-cool-gray-layer-alpha-01: #a2a9b03d;
    --decorative-cool-gray-layer-alpha-02: #a2a9b052;
    --decorative-cool-gray-layer-alpha-03: #a2a9b085;
    --decorative-cool-gray-layer-alpha-none: #27292b00;
    --decorative-cyan-layer: #232a2e;
    --decorative-cyan-layer-0: #185377;
    --decorative-cyan-layer-00: #206e9e;
    --decorative-cyan-layer-01: #99d8ff;
    --decorative-cyan-layer-02: #d6efff;
    --decorative-cyan-layer-03: #ebf7ff;
    --decorative-cyan-layer-alpha-0: #42b7ff14;
    --decorative-cyan-layer-alpha-00: #42b7ff1f;
    --decorative-cyan-layer-alpha-01: #42b7ff3d;
    --decorative-cyan-layer-alpha-02: #42b7ff52;
    --decorative-cyan-layer-alpha-03: #42b7ff85;
    --decorative-cyan-layer-alpha-none: #242a2d00;
    --decorative-green-layer: #212b21;
    --decorative-green-layer-0: #135d17;
    --decorative-green-layer-00: #18771d;
    --decorative-green-layer-01: #87e58b;
    --decorative-green-layer-02: #ddf8de;
    --decorative-green-layer-03: #eefcee;
    --decorative-green-layer-alpha-0: #4fd15614;
    --decorative-green-layer-alpha-00: #4fd1561f;
    --decorative-green-layer-alpha-01: #4fd1563d;
    --decorative-green-layer-alpha-02: #4fd15652;
    --decorative-green-layer-alpha-03: #4fd15685;
    --decorative-green-layer-alpha-none: #222a2200;
    --decorative-magenta-layer: #2e2428;
    --decorative-magenta-layer-0: #7c3151;
    --decorative-magenta-layer-00: #a4416c;
    --decorative-magenta-layer-01: #ffbdda;
    --decorative-magenta-layer-02: #ffebf3;
    --decorative-magenta-layer-03: #fff5f9;
    --decorative-magenta-layer-alpha-0: #ff8abc14;
    --decorative-magenta-layer-alpha-00: #ff8abc1f;
    --decorative-magenta-layer-alpha-01: #ff8abc29;
    --decorative-magenta-layer-alpha-02: #ff8abc52;
    --decorative-magenta-layer-alpha-03: #ff8abc85;
    --decorative-magenta-layer-alpha-none: #2d252800;
    --decorative-orange-layer: #2b2421;
    --decorative-orange-layer-0: #8b370e;
    --decorative-orange-layer-00: #9e491f;
    --decorative-orange-layer-01: #ffbb99;
    --decorative-orange-layer-02: #ffeae0;
    --decorative-orange-layer-03: #fff5f0;
    --decorative-orange-layer-alpha-0: #ff8e4214;
    --decorative-orange-layer-alpha-00: #ff8e421f;
    --decorative-orange-layer-alpha-01: #ff8e423d;
    --decorative-orange-layer-alpha-02: #ff8e4252;
    --decorative-orange-layer-alpha-03: #ff8e4285;
    --decorative-orange-layer-alpha-none: #2a252200;
    --decorative-purple-layer: #28232f;
    --decorative-purple-layer-0: #5c3696;
    --decorative-purple-layer-00: #7647bd;
    --decorative-purple-layer-01: #dac2ff;
    --decorative-purple-layer-02: #f3ebff;
    --decorative-purple-layer-03: #f9f5ff;
    --decorative-purple-layer-alpha-0: #bc8fff14;
    --decorative-purple-layer-alpha-00: #bc8fff1f;
    --decorative-purple-layer-alpha-01: #bc8fff3d;
    --decorative-purple-layer-alpha-02: #bc8fff52;
    --decorative-purple-layer-alpha-03: #bc8fff85;
    --decorative-purple-layer-alpha-none: #28252d00;
    --decorative-teal-layer: #212b2b;
    --decorative-teal-layer-0: #125959;
    --decorative-teal-layer-00: #187878;
    --decorative-teal-layer-01: #99efef;
    --decorative-teal-layer-02: #d7f9f9;
    --decorative-teal-layer-03: #eefcfc;
    --decorative-teal-layer-alpha-0: #39dada14;
    --decorative-teal-layer-alpha-00: #39dada1f;
    --decorative-teal-layer-alpha-01: #39dada3d;
    --decorative-teal-layer-alpha-02: #39dada52;
    --decorative-teal-layer-alpha-03: #39dada85;
    --decorative-teal-layer-alpha-none: #222a2a00;
    --decorative-warm-gray-layer: #2a2828;
    --decorative-warm-gray-layer-0: #555353;
    --decorative-warm-gray-layer-00: #6b6968;
    --decorative-warm-gray-layer-01: #cac5c4;
    --decorative-warm-gray-layer-02: #eceae9;
    --decorative-warm-gray-layer-03: #f8f7f7;
    --decorative-warm-gray-layer-alpha-0: #ada9a814;
    --decorative-warm-gray-layer-alpha-00: #ada9a81f;
    --decorative-warm-gray-layer-alpha-01: #ada9a83d;
    --decorative-warm-gray-layer-alpha-02: #ada9a852;
    --decorative-warm-gray-layer-alpha-03: #ada9a885;
    --decorative-warm-gray-layer-alpha-none: #2a282800;
    --decorative-yellow-layer: #2b2821;
    --decorative-yellow-layer-0: #75590a;
    --decorative-yellow-layer-00: #96720d;
    --decorative-yellow-layer-01: #ffd561;
    --decorative-yellow-layer-02: #fff1cc;
    --decorative-yellow-layer-03: #fff8e5;
    --decorative-yellow-layer-alpha-0: #f2c33f14;
    --decorative-yellow-layer-alpha-00: #f2c33f1f;
    --decorative-yellow-layer-alpha-01: #f2c33f3d;
    --decorative-yellow-layer-alpha-02: #f2c33f52;
    --decorative-yellow-layer-alpha-03: #f2c33f85;
    --decorative-yellow-layer-alpha-none: #2a282200;
    --focus-01: #ff8345;
    --header-row-01: #161718;
    --header-row-02: #2f3032;
    --header-row-03: #2f3032;
    --header-row-04: #2f3032;
    --header-button-default: #ffffff0f;
    --header-button-hover: #ffffff1a;
    --header-button-pressed: #ffffff29;
    --header-search-active: #ffffff0f;
    --header-search-default: #ffffff0f;
    --header-search-hover: #ffffff1f;
    --icon-accent: #ff8345;
    --icon-accent-strong: #ffd9be;
    --icon-black: #1b1c1d;
    --icon-disabled: #6c7075;
    --icon-error: #ff8389;
    --icon-helper: #aaadb0;
    --icon-info: #92a9bc;
    --icon-inverse-error: #da1e28;
    --icon-inverse-info: #386285;
    --icon-inverse-primary: #1b1c1d;
    --icon-inverse-secondary: #515457;
    --icon-inverse-success: #198038;
    --icon-inverse-warning: #b28600;
    --icon-on-color-disabled: #8a8e93;
    --icon-primary: #f4f4f4;
    --icon-secondary: #d7d9db;
    --icon-success: #42be65;
    --icon-warning: #f1c21b;
    --icon-white: #ffffff;
    --layer-accent-01: #3d1700;
    --layer-accent-02: #4d1700;
    --layer-accent-alpha-01: #ff83451a;
    --layer-accent-alpha-02: #ff834529;
    --layer-accent-alpha-03: #ff83454d;
    --layer-alpha-0: #ffffff00;
    --layer-alpha-01: #ffffff0f;
    --layer-alpha-02: #ffffff1a;
    --layer-alpha-03: #ffffff29;
    --layer-alpha-hover-01: #ffffff1a;
    --layer-alpha-hover-02: #ffffff29;
    --layer-alpha-hover-03: #ffffff33;
    --layer-alpha-pressed-01: #ffffff29;
    --layer-alpha-pressed-02: #ffffff33;
    --layer-alpha-pressed-03: #ffffff42;
    --layer-black: #1b1c1d;
    --layer-black-alpha-01: #6c70751f;
    --layer-black-alpha-02: #6c707538;
    --layer-black-alpha-hover-01: #6c707529;
    --layer-black-alpha-hover-02: #6c707542;
    --layer-black-alpha-pressed-01: #6c707542;
    --layer-black-alpha-pressed-02: #6c70755c;
    --layer-disabled: #3f4245;
    --layer-hover-01: #2a2b2d;
    --layer-hover-02: #2a2b2d;
    --layer-hover-03: #313335;
    --layer-inverse-01: #ffffff;
    --layer-inverse-02: #f4f4f4;
    --layer-inverse-alpha-01: #6c70750f;
    --layer-inverse-alpha-02: #6c70751f;
    --layer-inverse-alpha-hover-01: #6c70751a;
    --layer-inverse-alpha-hover-02: #6c707529;
    --layer-inverse-alpha-pressed-01: #6c70751f;
    --layer-inverse-alpha-pressed-02: #6c707538;
    --layer-inverse-hover-01: #ecedee;
    --layer-inverse-pressed-01: #d7d9db;
    --layer-01: #1b1c1d;
    --layer-02: #222425;
    --layer-03: #2f3032;
    --layer-04: #2a2b2d;
    --layer-05: #313335;
    --layer-06: #474a4d;
    --layer-pressed-01: #313335;
    --layer-pressed-02: #313335;
    --layer-pressed-03: #3f4245;
    --layer-white: #ffffff;
    --layer-white-alpha-01: #ffffff0f;
    --layer-white-alpha-02: #ffffff1f;
    --layer-white-alpha-hover-01: #ffffff1a;
    --layer-white-alpha-hover-02: #ffffff29;
    --layer-white-alpha-pressed-01: #ffffff29;
    --layer-white-alpha-pressed-02: #ffffff33;
    --link-clicked: #ffa578;
    --link-hover: #ff925c;
    --link: #ff8345;
    --packages-large-background: #3e3014;
    --packages-large-background-border: #634d21;
    --packages-large-background-hover: #503f1b;
    --packages-large-background-on-color: #7d5b16;
    --packages-large-background-pressed: #634d21;
    --packages-large-background-text: #f9e0a9;
    --packages-large-icon: #f9e0a9;
    --packages-medium-background: #281e43;
    --packages-medium-background-border: #483678;
    --packages-medium-background-hover: #342858;
    --packages-medium-background-on-color: #503c86;
    --packages-medium-background-pressed: #483678;
    --packages-medium-background-text: #dfd3fd;
    --packages-medium-icon: #dfd3fd;
    --packages-solo-background: #1f3042;
    --packages-solo-background-hover: #1e3448;
    --packages-solo-background-on-color: #294560;
    --packages-solo-background-pressed: #274059;
    --packages-solo-border: #274059;
    --packages-solo-icon: #d3d9de;
    --packages-solo-text: #d3d9de;
    --packages-small-background: #0b2d24;
    --packages-small-background-border: #144d3f;
    --packages-small-background-hover: #103d31;
    --packages-small-background-icon: #adebdc;
    --packages-small-background-on-color: #19624f;
    --packages-small-background-pressed: #144d3f;
    --packages-small-background-text: #adebdc;
    --packages-status-background: #381b15;
    --packages-status-background-hover: #4e251d;
    --packages-status-background-on-color: #7b3628;
    --packages-status-background-pressed: #612e24;
    --packages-status-border: #612e24;
    --packages-status-icon: #fcd6cf;
    --packages-status-text: #fcd6cf;
    --status-accent-01: #661f00;
    --status-accent-02: #ff8345;
    --status-announcement-01: #853300;
    --status-announcement-02: #802600;
    --status-error-01: #6c0f14;
    --status-error-02: #fa4d56;
    --status-error-alpha-01: #fa4d5629;
    --status-error-alpha-02: #fa4d565c;
    --status-info-01: #233d53;
    --status-info-02: #6888a2;
    --status-info-alpha-01: #6888a22e;
    --status-info-alpha-02: #6888a252;
    --status-neutral-01: #f7f7f8;
    --status-neutral-02: #2f3032;
    --status-neutral-03: #3f4245;
    --status-neutral-alpha-01: #ffffff0f;
    --status-neutral-alpha-02: #ffffff1f;
    --status-success-01: #0d441e;
    --status-success-02: #42be65;
    --status-success-alpha-01: #24a14830;
    --status-success-alpha-02: #24a1484d;
    --status-warning-01: #523d00;
    --status-warning-02: #f1c21b;
    --status-warning-alpha-01: #d2a10629;
    --status-warning-alpha-02: #d2a10657;
    --support-caret: #ff8345;
    --support-divider-01: #3f4245;
    --support-divider-02: #515457;
    --support-divider-03: #2a2b2d;
    --support-divider-alpha-01: #ffffff1f;
    --support-divider-alpha-02: #ffffff33;
    --support-overlay-canvas: #0f0f10ad;
    --support-overlay-media: #6c70750f;
    --support-skeleton: #3f4245;
    --support-skeleton-background: #2f3032;
    --support-01: #6c7075;
    --support-02: #989ba0;
    --support-03: #515457;
    --support-04: #515457;
    --text-accent: #ff8345;
    --text-accent-strong: #ffd9be;
    --text-black: #1b1c1d;
    --text-disabled: #6c7075;
    --text-error: #ff8389;
    --text-helper: #aaadb0;
    --text-info: #92a9bc;
    --text-inverse-error: #da1e28;
    --text-inverse-info: #386285;
    --text-inverse-primary: #1b1c1d;
    --text-inverse-secondary: #515457;
    --text-inverse-success: #198038;
    --text-inverse-warning: #b28600;
    --text-on-color-disabled: #8a8e93;
    --text-placeholder: #73777d;
    --text-primary: #f4f4f4;
    --text-secondary: #d7d9db;
    --text-success: #42be65;
    --text-warning: #f1c21b;
    --text-white: #ffffff;
    --illustration-black-01: #191a1a;
    --illustration-black-02: #fdfdfd;
    --illustration-black-03: #b75536;
    --illustration-black-04: #8270aa;
    --illustration-black-05: #e9d8ee;
    --illustration-primary-01: #ff5c0a;
    --illustration-primary-02: #fc744a;
    --illustration-primary-03: #fc8d5a;
    --illustration-primary-04: #e5b7a4;
    --illustration-secondary-01: #8270a9;
    --illustration-secondary-02: #9d89eb;
    --illustration-secondary-03: #c5bcf1;
    --illustration-white-01: #fefefe;
    --illustration-white-02: #eadfda;
    --illustration-white-03: #8270aa;
    --illustration-white-04: #ffffff;
}

html.solo {
    /* SOLO Light */
    /* color */
    --background-accent: #faa100;
    --background-01: #ffffff;
    --background-02: #f4f4f4;
    --border-alpha-0: #ffffff00;
    --border-alpha-01: #6c70751f;
    --border-alpha-02: #6c707538;
    --border-black: #1b1c1d;
    --border-01: #d7d9db;
    --border-02: #aaadb0;
    --border-03: #e5e6e7;
    --border-04: #ffffff;
    --border-disabled: #aaadb0;
    --border-error: #da1e28;
    --border-hover-01: #989ba0;
    --border-hover-02: #515457;
    --border-info: #386285;
    --border-inverse-error: #ff8389;
    --border-inverse-info: #92a9bc;
    --border-inverse-primary: #f7f7f8;
    --border-inverse-secondary: #d7d9db;
    --border-inverse-success: #42be65;
    --border-inverse-warning: #f1c21b;
    --border-pressed-01: #515457;
    --border-pressed-02: #515457;
    --border-selected: #faa100;
    --border-selected-strong: #a86c00;
    --border-strong: #1b1c1d;
    --border-success: #198038;
    --border-warning: #b28600;
    --border-white: #ffffff;
    --border-white-alpha-01: #ffffff1f;
    --border-white-alpha-02: #ffffff33;
    --brand-american-express-bright-blue: #006fcf;
    --brand-american-express-bright-blue-alpha-01: #006fcf14;
    --brand-american-express-bright-blue-alpha-02: #006fcf29;
    --brand-american-express-bright-blue-alpha-03: #006fcf42;
    --brand-american-express-bright-blue-inverse: #006fcf;
    --brand-american-express-deep-blue: #162b75;
    --brand-retail-primary-01: #ff5c0a;
    --brand-retail-primary-02: #e04b00;
    --brand-retail-primary-alpha-01: #ff5c0a14;
    --brand-retail-primary-alpha-02: #ff5c0a29;
    --brand-retail-primary-alpha-03: #ff5c0a52;
    --brand-retail-secondary-01: #8a3ffc;
    --brand-retail-secondary-02: #6929c4;
    --brand-retail-secondary-alpha-01: #8a3ffc14;
    --brand-retail-secondary-alpha-02: #8a3ffc29;
    --brand-retail-secondary-alpha-03: #8a3ffc61;
    --brand-solo-primary-01: #faa100;
    --brand-solo-primary-02: #d68a00;
    --brand-solo-primary-alpha-01: #faa1001a;
    --brand-solo-primary-alpha-02: #faa10033;
    --brand-solo-primary-alpha-03: #faa10057;
    --brand-solo-secondary-01: #8a3ffc;
    --brand-solo-secondary-02: #6929c4;
    --brand-solo-secondary-alpha-01: #8a3ffc14;
    --brand-solo-secondary-alpha-02: #8a3ffc29;
    --brand-solo-secondary-alpha-03: #8a3ffc61;
    --brand-solo-blue-primary-01: #faa100;
    --brand-solo-blue-primary-02: #d68a00;
    --brand-solo-blue-primary-alpha-01: #faa1001a;
    --brand-solo-blue-primary-alpha-02: #faa10033;
    --brand-solo-blue-primary-alpha-03: #faa10057;
    --brand-solo-blue-primary-blue-01: #1f3042;
    --brand-solo-blue-primary-blue-02: #172331;
    --brand-solo-blue-secondary-01: #8c847c;
    --brand-solo-blue-secondary-02: #6e6760;
    --brand-solo-blue-secondary-alpha-01: #8c847c14;
    --brand-solo-blue-secondary-alpha-02: #8c847c29;
    --brand-solo-blue-secondary-alpha-03: #8c847c61;
    --brand-wealth-primary-01: #c7986b;
    --brand-wealth-primary-02: #96724f;
    --brand-wealth-primary-alpha-01: #c7986b1a;
    --brand-wealth-primary-alpha-02: #c7986b33;
    --brand-wealth-primary-alpha-03: #c7986b52;
    --brand-wealth-secondary-01: #a49894;
    --brand-wealth-secondary-02: #8c7d78;
    --brand-wealth-secondary-alpha-01: #a4989414;
    --brand-wealth-secondary-alpha-02: #a4989429;
    --brand-wealth-secondary-alpha-03: #a4989461;
    --button-disabled: #f4f4f4;
    --button-icon-secondary: #ffffff00;
    --button-icon-secondary-hover: #6c70750f;
    --button-icon-secondary-loading: #6c70750f;
    --button-icon-secondary-pressed: #6c70751f;
    --button-negative-hover: #b81922;
    --button-negative-loading: #fa4d56;
    --button-negative: #da1e28;
    --button-negative-pressed: #a1161e;
    --button-primary-hover: #d68a00;
    --button-primary-loading: #ffc761;
    --button-primary-pressed: #a86c00;
    --button-primary: #faa100;
    --button-secondary-hover: #e5930038;
    --button-secondary-loading: #e5930029;
    --button-secondary-pressed: #e5930061;
    --button-secondary: #e5930029;
    --button-secondary-white: #ffffff;
    --button-secondary-white-hover: #e5e6e7;
    --button-secondary-white-loading: #e5e6e7;
    --button-secondary-white-pressed: #d0d1d3;
    --button-text-black-hover: #6c70750f;
    --button-text-black-pressed: #6c70751f;
    --button-text-low: #faa100;
    --button-text-low-hover: #d68a00;
    --button-text-low-pressed: #a86c00;
    --button-text-negative: #ffffff00;
    --button-text-negative-hover: #da1e2814;
    --button-text-negative-loading: #da1e2814;
    --button-text-negative-pressed: #da1e2829;
    --button-text-primary: #ffffff00;
    --button-text-primary-loading: #6c70750f;
    --button-text-primary-hover: #6c70750f;
    --button-text-primary-pressed: #6c70751f;
    --button-text-secondary-black: #ffffff00;
    --button-text-secondary-white: #ffffff00;
    --button-text-secondary-white-hover: #ffffff0f;
    --button-text-secondary-white-pressed: #ffffff1f;
    --chips-default: #6c70751a;
    --chips-disabled: #6c70751f;
    --chips-hover: #6c707529;
    --chips-pressed: #6c707542;
    --chips-selected: #faa10033;
    --chips-selected-hover: #faa10057;
    --chips-selected-pressed: #e5930061;
    --decorative-cool-gray-layer: #f4f5f6;
    --decorative-cool-gray-layer-0: #f4f5f6;
    --decorative-cool-gray-layer-00: #e8ebed;
    --decorative-cool-gray-layer-01: #a2a9b0;
    --decorative-cool-gray-layer-02: #656a6e;
    --decorative-cool-gray-layer-03: #505458;
    --decorative-cool-gray-layer-alpha-0: #a2a9b014;
    --decorative-cool-gray-layer-alpha-00: #a2a9b01f;
    --decorative-cool-gray-layer-alpha-01: #a2a9b03d;
    --decorative-cool-gray-layer-alpha-02: #a2a9b052;
    --decorative-cool-gray-layer-alpha-03: #a2a9b085;
    --decorative-cool-gray-layer-alpha-none: #f4f5f600;
    --decorative-cyan-layer: #ebf7ff;
    --decorative-cyan-layer-0: #ebf7ff;
    --decorative-cyan-layer-00: #d6efff;
    --decorative-cyan-layer-01: #42b7ff;
    --decorative-cyan-layer-02: #206e9e;
    --decorative-cyan-layer-03: #185377;
    --decorative-cyan-layer-alpha-0: #42b7ff14;
    --decorative-cyan-layer-alpha-00: #42b7ff1f;
    --decorative-cyan-layer-alpha-01: #42b7ff3d;
    --decorative-cyan-layer-alpha-02: #42b7ff52;
    --decorative-cyan-layer-alpha-03: #42b7ff85;
    --decorative-cyan-layer-alpha-none: #ebf7ff00;
    --decorative-green-layer: #eefcee;
    --decorative-green-layer-0: #eefcee;
    --decorative-green-layer-00: #ddf8de;
    --decorative-green-layer-01: #4fd156;
    --decorative-green-layer-02: #18771d;
    --decorative-green-layer-03: #135d17;
    --decorative-green-layer-alpha-0: #4fd15614;
    --decorative-green-layer-alpha-00: #4fd1561f;
    --decorative-green-layer-alpha-01: #4fd1563d;
    --decorative-green-layer-alpha-02: #4fd15652;
    --decorative-green-layer-alpha-03: #4fd15685;
    --decorative-green-layer-alpha-none: #f2fdf300;
    --decorative-magenta-layer: #fff5f9;
    --decorative-magenta-layer-0: #fff5f9;
    --decorative-magenta-layer-00: #ffebf3;
    --decorative-magenta-layer-01: #ff8abc;
    --decorative-magenta-layer-02: #a4416c;
    --decorative-magenta-layer-03: #7c3151;
    --decorative-magenta-layer-alpha-0: #ff8abc14;
    --decorative-magenta-layer-alpha-00: #ff8abc1f;
    --decorative-magenta-layer-alpha-01: #ff8abc29;
    --decorative-magenta-layer-alpha-02: #ff8abc52;
    --decorative-magenta-layer-alpha-03: #ff8abc85;
    --decorative-magenta-layer-alpha-none: #fff5f900;
    --decorative-orange-layer: #fff5f0;
    --decorative-orange-layer-0: #fff5f0;
    --decorative-orange-layer-00: #ffeae0;
    --decorative-orange-layer-01: #ff8e42;
    --decorative-orange-layer-02: #9e491f;
    --decorative-orange-layer-03: #8b370e;
    --decorative-orange-layer-alpha-0: #ff8e4214;
    --decorative-orange-layer-alpha-00: #ff8e421f;
    --decorative-orange-layer-alpha-01: #ff8e423d;
    --decorative-orange-layer-alpha-02: #ff8e4252;
    --decorative-orange-layer-alpha-03: #ff8e4285;
    --decorative-orange-layer-alpha-none: #fff5f000;
    --decorative-purple-layer: #f9f5ff;
    --decorative-purple-layer-0: #f9f5ff;
    --decorative-purple-layer-00: #f3ebff;
    --decorative-purple-layer-01: #bc8fff;
    --decorative-purple-layer-02: #7647bd;
    --decorative-purple-layer-03: #5c3696;
    --decorative-purple-layer-alpha-0: #bc8fff14;
    --decorative-purple-layer-alpha-00: #bc8fff1f;
    --decorative-purple-layer-alpha-01: #bc8fff3d;
    --decorative-purple-layer-alpha-02: #bc8fff52;
    --decorative-purple-layer-alpha-03: #bc8fff85;
    --decorative-purple-layer-alpha-none: #f9f5ff00;
    --decorative-teal-layer: #eefcfc;
    --decorative-teal-layer-0: #eefcfc;
    --decorative-teal-layer-00: #d7f9f9;
    --decorative-teal-layer-01: #39dada;
    --decorative-teal-layer-02: #187878;
    --decorative-teal-layer-03: #125959;
    --decorative-teal-layer-alpha-0: #39dada14;
    --decorative-teal-layer-alpha-00: #39dada1f;
    --decorative-teal-layer-alpha-01: #39dada3d;
    --decorative-teal-layer-alpha-02: #39dada52;
    --decorative-teal-layer-alpha-03: #39dada85;
    --decorative-teal-layer-alpha-none: #eefcfc00;
    --decorative-warm-gray-layer: #f8f7f7;
    --decorative-warm-gray-layer-0: #f8f7f7;
    --decorative-warm-gray-layer-00: #eceae9;
    --decorative-warm-gray-layer-01: #ada9a8;
    --decorative-warm-gray-layer-02: #6b6968;
    --decorative-warm-gray-layer-03: #555353;
    --decorative-warm-gray-layer-alpha-0: #ada9a814;
    --decorative-warm-gray-layer-alpha-00: #ada9a81f;
    --decorative-warm-gray-layer-alpha-01: #ada9a83d;
    --decorative-warm-gray-layer-alpha-02: #ada9a852;
    --decorative-warm-gray-layer-alpha-03: #ada9a885;
    --decorative-warm-gray-layer-alpha-none: #f8f7f700;
    --decorative-yellow-layer: #fff8e5;
    --decorative-yellow-layer-0: #fff8e5;
    --decorative-yellow-layer-00: #fff1cc;
    --decorative-yellow-layer-01: #f2c33f;
    --decorative-yellow-layer-02: #96720d;
    --decorative-yellow-layer-03: #75590a;
    --decorative-yellow-layer-alpha-0: #f2c33f14;
    --decorative-yellow-layer-alpha-00: #f2c33f1f;
    --decorative-yellow-layer-alpha-01: #f2c33f3d;
    --decorative-yellow-layer-alpha-02: #f2c33f52;
    --decorative-yellow-layer-alpha-03: #f2c33f85;
    --decorative-yellow-layer-alpha-none: #fff8e500;
    --focus-01: #faa100;
    --header-row-01: #f4f4f4;
    --header-row-02: #1f3042;
    --header-row-03: #1f3042;
    --header-row-04: #1f3042;
    --header-button-default: #ffffff0f;
    --header-button-hover: #ffffff1a;
    --header-button-pressed: #ffffff29;
    --header-search-active: #ffffff;
    --header-search-default: #ffffff0f;
    --header-search-hover: #ffffff1a;
    --icon-accent: #faa100;
    --icon-accent-strong: #a86c00;
    --icon-black: #1b1c1d;
    --icon-disabled: #aaadb0;
    --icon-error: #da1e28;
    --icon-helper: #6c7075;
    --icon-info: #386285;
    --icon-inverse-error: #ff8389;
    --icon-inverse-info: #92a9bc;
    --icon-inverse-primary: #f4f4f4;
    --icon-inverse-secondary: #d7d9db;
    --icon-inverse-success: #42be65;
    --icon-inverse-warning: #f1c21b;
    --icon-on-color-disabled: #8a8e93;
    --icon-primary: #1b1c1d;
    --icon-secondary: #515457;
    --icon-success: #198038;
    --icon-warning: #b28600;
    --icon-white: #ffffff;
    --layer-accent-01: #fff4e0;
    --layer-accent-02: #ffebc7;
    --layer-accent-alpha-01: #faa1001a;
    --layer-accent-alpha-02: #faa10033;
    --layer-accent-alpha-03: #faa10057;
    --layer-alpha-0: #ffffff00;
    --layer-alpha-01: #6c70750f;
    --layer-alpha-02: #6c70751f;
    --layer-alpha-03: #6c707538;
    --layer-alpha-hover-01: #6c70751a;
    --layer-alpha-hover-02: #6c707529;
    --layer-alpha-hover-03: #6c707542;
    --layer-alpha-pressed-01: #6c70751f;
    --layer-alpha-pressed-02: #6c707538;
    --layer-alpha-pressed-03: #6c70755c;
    --layer-black: #1b1c1d;
    --layer-black-alpha-01: #6c70750f;
    --layer-black-alpha-02: #6c70751f;
    --layer-black-alpha-hover-01: #6c70751a;
    --layer-black-alpha-hover-02: #6c707529;
    --layer-black-alpha-pressed-01: #6c707529;
    --layer-black-alpha-pressed-02: #6c707538;
    --layer-disabled: #f4f4f4;
    --layer-hover-01: #f1f2f3;
    --layer-hover-02: #f1f2f3;
    --layer-hover-03: #f1f2f3;
    --layer-inverse-01: #1b1c1d;
    --layer-inverse-02: #161718;
    --layer-inverse-alpha-01: #ffffff0f;
    --layer-inverse-alpha-02: #ffffff1f;
    --layer-inverse-alpha-hover-01: #ffffff1a;
    --layer-inverse-alpha-hover-02: #ffffff29;
    --layer-inverse-alpha-pressed-01: #ffffff29;
    --layer-inverse-alpha-pressed-02: #ffffff33;
    --layer-inverse-hover-01: #2a2b2d;
    --layer-inverse-pressed-01: #515457;
    --layer-01: #ffffff;
    --layer-02: #f7f7f8;
    --layer-03: #f4f4f4;
    --layer-04: #ecedee;
    --layer-05: #ffffff;
    --layer-06: #ecedee;
    --layer-pressed-01: #e5e6e7;
    --layer-pressed-02: #e5e6e7;
    --layer-pressed-03: #e5e6e7;
    --layer-white: #ffffff;
    --layer-white-alpha-01: #ffffff0f;
    --layer-white-alpha-02: #ffffff1f;
    --layer-white-alpha-hover-01: #ffffff1a;
    --layer-white-alpha-hover-02: #ffffff29;
    --layer-white-alpha-pressed-01: #ffffff29;
    --layer-white-alpha-pressed-02: #ffffff33;
    --link-clicked: #a86c00;
    --link-hover: #d68a00;
    --link: #faa100;
    --packages-large-background: #fdf4e2;
    --packages-large-background-border: #f9e0a9;
    --packages-large-background-hover: #f9e0a9;
    --packages-large-background-on-color: #f9e0a9;
    --packages-large-background-pressed: #f7d692;
    --packages-large-background-text: #866218;
    --packages-large-icon: #866218;
    --packages-medium-background: #f1ecfe;
    --packages-medium-background-border: #dfd3fd;
    --packages-medium-background-hover: #dfd3fd;
    --packages-medium-background-on-color: #dfd3fd;
    --packages-medium-background-pressed: #d1bffd;
    --packages-medium-background-text: #594294;
    --packages-medium-icon: #594294;
    --packages-solo-background: #e8ebed;
    --packages-solo-background-hover: #d3d9de;
    --packages-solo-background-on-color: #d3d9de;
    --packages-solo-background-pressed: #c5ccd3;
    --packages-solo-border: #d3d9de;
    --packages-solo-icon: #2c4a67;
    --packages-solo-text: #2c4a67;
    --packages-small-background: #dff7f1;
    --packages-small-background-border: #adebdc;
    --packages-small-background-hover: #adebdc;
    --packages-small-background-icon: #1c6e59;
    --packages-small-background-on-color: #adebdc;
    --packages-small-background-pressed: #88e2cc;
    --packages-small-background-text: #1c6e59;
    --packages-status-background: #feefec;
    --packages-status-background-hover: #fcd6cf;
    --packages-status-background-on-color: #fcd6cf;
    --packages-status-background-pressed: #fbc6bb;
    --packages-status-border: #fcd6cf;
    --packages-status-icon: #994433;
    --packages-status-text: #994433;
    --status-accent-01: #fff4e0;
    --status-accent-02: #faa100;
    --status-announcement-01: #f3f5f6;
    --status-announcement-02: #375576;
    --status-error-01: #fff1f1;
    --status-error-02: #da1e28;
    --status-error-alpha-01: #da1e2814;
    --status-error-alpha-02: #da1e285c;
    --status-info-01: #f1f4f6;
    --status-info-02: #386285;
    --status-info-alpha-01: #38628514;
    --status-info-alpha-02: #38628552;
    --status-neutral-01: #f7f7f8;
    --status-neutral-02: #f4f4f4;
    --status-neutral-03: #515457;
    --status-neutral-alpha-01: #6c70751a;
    --status-neutral-alpha-02: #6c707529;
    --status-success-01: #dffbe7;
    --status-success-02: #198038;
    --status-success-alpha-01: #24a14814;
    --status-success-alpha-02: #24a14852;
    --status-warning-01: #fcf4d6;
    --status-warning-02: #f1c21b;
    --status-warning-alpha-01: #d2a1061a;
    --status-warning-alpha-02: #d2a10661;
    --support-caret: #faa100;
    --support-divider-01: #e5e6e7;
    --support-divider-02: #d7d9db;
    --support-divider-03: #e5e6e7;
    --support-divider-alpha-01: #6c70751f;
    --support-divider-alpha-02: #6c707538;
    --support-overlay-canvas: #0f0f10ad;
    --support-overlay-media: #6c70750f;
    --support-skeleton: #e5e6e7;
    --support-skeleton-background: #f1f2f3;
    --support-01: #8a8e93;
    --support-02: #73777d;
    --support-03: #aaadb0;
    --support-04: #ffffff;
    --text-accent: #faa100;
    --text-accent-strong: #a86c00;
    --text-black: #1b1c1d;
    --text-disabled: #aaadb0;
    --text-error: #da1e28;
    --text-helper: #6c7075;
    --text-info: #386285;
    --text-inverse-error: #ff8389;
    --text-inverse-info: #92a9bc;
    --text-inverse-primary: #f4f4f4;
    --text-inverse-secondary: #d7d9db;
    --text-inverse-success: #42be65;
    --text-inverse-warning: #f1c21b;
    --text-on-color-disabled: #8a8e93;
    --text-placeholder: #989ba0;
    --text-primary: #1b1c1d;
    --text-secondary: #515457;
    --text-success: #198038;
    --text-warning: #b28600;
    --text-white: #ffffff;
    --illustration-black-01: #010101;
    --illustration-black-02: #010102;
    --illustration-black-03: #010103;
    --illustration-black-04: #010104;
    --illustration-black-05: #010105;
    --illustration-primary-01: #faa100;
    --illustration-primary-02: #ffc357;
    --illustration-primary-03: #ffcf7a;
    --illustration-primary-04: #ffebc7;
    --illustration-secondary-01: #b5a5ee;
    --illustration-secondary-02: #c7bef4;
    --illustration-secondary-03: #e9d8ee;
    --illustration-white-01: #fefefe;
    --illustration-white-02: #fdfdfe;
    --illustration-white-03: #fdfdfd;
    --illustration-white-04: #fdfdfc;
}

html.solo.blue {
    /* SOLO Blue */
    /* color */
    --background-accent: #ffb42e;
    --background-01: #172331;
    --background-02: #121c26;
    --border-alpha-0: #ffffff00;
    --border-alpha-01: #566a8142;
    --border-alpha-02: #566a8194;
    --border-black: #1b1c1d;
    --border-01: #2e4761;
    --border-02: #566a81;
    --border-03: #1c2b3b;
    --border-04: #121b26;
    --border-disabled: #566a81;
    --border-error: #ff8389;
    --border-hover-01: #8e9ba9;
    --border-hover-02: #8e9ba9;
    --border-info: #92a9bc;
    --border-inverse-error: #da1e28;
    --border-inverse-info: #386285;
    --border-inverse-primary: #0f171f;
    --border-inverse-secondary: #2e4761;
    --border-inverse-success: #198038;
    --border-inverse-warning: #b28600;
    --border-pressed-01: #a2adb9;
    --border-pressed-02: #a2adb9;
    --border-selected: #ffb42e;
    --border-selected-strong: #ffd994;
    --border-strong: #f3f5f6;
    --border-success: #42be65;
    --border-warning: #f1c21b;
    --border-white: #ffffff;
    --border-white-alpha-01: #ffffff1f;
    --border-white-alpha-02: #ffffff33;
    --brand-american-express-bright-blue: #006fcf;
    --brand-american-express-bright-blue-alpha-01: #38a3ff14;
    --brand-american-express-bright-blue-alpha-02: #38a3ff29;
    --brand-american-express-bright-blue-alpha-03: #38a3ff42;
    --brand-american-express-bright-blue-inverse: #38a3ff;
    --brand-american-express-deep-blue: #162b75;
    --brand-retail-primary-01: #ff8345;
    --brand-retail-primary-02: #ff5c0a;
    --brand-retail-primary-alpha-01: #ff83451a;
    --brand-retail-primary-alpha-02: #ff834529;
    --brand-retail-primary-alpha-03: #ff83454d;
    --brand-retail-secondary-01: #be95ff;
    --brand-retail-secondary-02: #8a3ffc;
    --brand-retail-secondary-alpha-01: #a56eff14;
    --brand-retail-secondary-alpha-02: #a56eff29;
    --brand-retail-secondary-alpha-03: #a56eff61;
    --brand-solo-primary-01: #ffb42e;
    --brand-solo-primary-02: #faa100;
    --brand-solo-primary-alpha-01: #ffb42e1a;
    --brand-solo-primary-alpha-02: #ffb42e29;
    --brand-solo-primary-alpha-03: #ffb42e54;
    --brand-solo-secondary-01: #be95ff;
    --brand-solo-secondary-02: #8a3ffc;
    --brand-solo-secondary-alpha-01: #a56eff14;
    --brand-solo-secondary-alpha-02: #a56eff29;
    --brand-solo-secondary-alpha-03: #a56eff61;
    --brand-solo-blue-primary-01: #ffb42e;
    --brand-solo-blue-primary-02: #faa100;
    --brand-solo-blue-primary-alpha-01: #ffb42e1a;
    --brand-solo-blue-primary-alpha-02: #ffb42e29;
    --brand-solo-blue-primary-alpha-03: #ffb42e54;
    --brand-solo-blue-primary-blue-01: #1f3042;
    --brand-solo-blue-primary-blue-02: #172331;
    --brand-solo-blue-secondary-01: #aba29a;
    --brand-solo-blue-secondary-02: #8c847c;
    --brand-solo-blue-secondary-alpha-01: #aba29a14;
    --brand-solo-blue-secondary-alpha-02: #aba29a29;
    --brand-solo-blue-secondary-alpha-03: #aba29a61;
    --brand-wealth-primary-01: #daba9a;
    --brand-wealth-primary-02: #c7986b;
    --brand-wealth-primary-alpha-01: #daba9a14;
    --brand-wealth-primary-alpha-02: #daba9a29;
    --brand-wealth-primary-alpha-03: #daba9a52;
    --brand-wealth-secondary-01: #c0b7b5;
    --brand-wealth-secondary-02: #a49894;
    --brand-wealth-secondary-alpha-01: #c0b7b514;
    --brand-wealth-secondary-alpha-02: #c0b7b529;
    --brand-wealth-secondary-alpha-03: #c0b7b561;
    --button-disabled: #273c53;
    --button-icon-secondary: #ffffff00;
    --button-icon-secondary-hover: #566a8129;
    --button-icon-secondary-loading: #566a8129;
    --button-icon-secondary-pressed: #566a8142;
    --button-negative-hover: #da1e28;
    --button-negative-loading: #fa4d56;
    --button-negative: #fa4d56;
    --button-negative-pressed: #b81922;
    --button-primary-hover: #d68a00;
    --button-primary-loading: #ffc761;
    --button-primary-pressed: #a86c00;
    --button-primary: #faa100;
    --button-secondary-hover: #ffb42e54;
    --button-secondary-loading: #ffb42e29;
    --button-secondary-pressed: #ffba3d61;
    --button-secondary: #ffb42e29;
    --button-secondary-white: #1f3042;
    --button-secondary-white-hover: #273c53;
    --button-secondary-white-loading: #273c53;
    --button-secondary-white-pressed: #2e4761;
    --button-text-black-hover: #6c70750f;
    --button-text-black-pressed: #6c70751f;
    --button-text-low: #ffb42e;
    --button-text-low-hover: #ffc761;
    --button-text-low-pressed: #ffd994;
    --button-text-negative: #ffffff00;
    --button-text-negative-hover: #fa4d5629;
    --button-text-negative-loading: #fa4d5617;
    --button-text-negative-pressed: #fa4d565c;
    --button-text-primary: #ffffff00;
    --button-text-primary-loading: #566a8129;
    --button-text-primary-hover: #566a8129;
    --button-text-primary-pressed: #566a8142;
    --button-text-secondary-black: #ffffff00;
    --button-text-secondary-white: #ffffff00;
    --button-text-secondary-white-hover: #ffffff0f;
    --button-text-secondary-white-pressed: #ffffff1f;
    --chips-default: #566a8142;
    --chips-disabled: #566a8138;
    --chips-hover: #566a815c;
    --chips-pressed: #566a81a3;
    --chips-selected: #ffba3d38;
    --chips-selected-hover: #ffba3d61;
    --chips-selected-pressed: #faa10057;
    --decorative-cool-gray-layer: #26292c;
    --decorative-cool-gray-layer-0: #505458;
    --decorative-cool-gray-layer-00: #656a6e;
    --decorative-cool-gray-layer-01: #c1c7cd;
    --decorative-cool-gray-layer-02: #e8ebed;
    --decorative-cool-gray-layer-03: #f4f5f6;
    --decorative-cool-gray-layer-alpha-0: #a2a9b014;
    --decorative-cool-gray-layer-alpha-00: #a2a9b01f;
    --decorative-cool-gray-layer-alpha-01: #a2a9b03d;
    --decorative-cool-gray-layer-alpha-02: #a2a9b052;
    --decorative-cool-gray-layer-alpha-03: #a2a9b085;
    --decorative-cool-gray-layer-alpha-none: #27292b00;
    --decorative-cyan-layer: #232a2e;
    --decorative-cyan-layer-0: #185377;
    --decorative-cyan-layer-00: #206e9e;
    --decorative-cyan-layer-01: #99d8ff;
    --decorative-cyan-layer-02: #d6efff;
    --decorative-cyan-layer-03: #ebf7ff;
    --decorative-cyan-layer-alpha-0: #42b7ff14;
    --decorative-cyan-layer-alpha-00: #42b7ff1f;
    --decorative-cyan-layer-alpha-01: #42b7ff3d;
    --decorative-cyan-layer-alpha-02: #42b7ff52;
    --decorative-cyan-layer-alpha-03: #42b7ff85;
    --decorative-cyan-layer-alpha-none: #242a2d00;
    --decorative-green-layer: #212b21;
    --decorative-green-layer-0: #135d17;
    --decorative-green-layer-00: #18771d;
    --decorative-green-layer-01: #87e58b;
    --decorative-green-layer-02: #ddf8de;
    --decorative-green-layer-03: #eefcee;
    --decorative-green-layer-alpha-0: #4fd15614;
    --decorative-green-layer-alpha-00: #4fd1561f;
    --decorative-green-layer-alpha-01: #4fd1563d;
    --decorative-green-layer-alpha-02: #4fd15652;
    --decorative-green-layer-alpha-03: #4fd15685;
    --decorative-green-layer-alpha-none: #222a2200;
    --decorative-magenta-layer: #2e2428;
    --decorative-magenta-layer-0: #7c3151;
    --decorative-magenta-layer-00: #a4416c;
    --decorative-magenta-layer-01: #ffbdda;
    --decorative-magenta-layer-02: #ffebf3;
    --decorative-magenta-layer-03: #fff5f9;
    --decorative-magenta-layer-alpha-0: #ff8abc14;
    --decorative-magenta-layer-alpha-00: #ff8abc1f;
    --decorative-magenta-layer-alpha-01: #ff8abc29;
    --decorative-magenta-layer-alpha-02: #ff8abc52;
    --decorative-magenta-layer-alpha-03: #ff8abc85;
    --decorative-magenta-layer-alpha-none: #2d252800;
    --decorative-orange-layer: #2b2421;
    --decorative-orange-layer-0: #8b370e;
    --decorative-orange-layer-00: #9e491f;
    --decorative-orange-layer-01: #ffbb99;
    --decorative-orange-layer-02: #ffeae0;
    --decorative-orange-layer-03: #fff5f0;
    --decorative-orange-layer-alpha-0: #ff8e4214;
    --decorative-orange-layer-alpha-00: #ff8e421f;
    --decorative-orange-layer-alpha-01: #ff8e423d;
    --decorative-orange-layer-alpha-02: #ff8e4252;
    --decorative-orange-layer-alpha-03: #ff8e4285;
    --decorative-orange-layer-alpha-none: #2a252200;
    --decorative-purple-layer: #28232f;
    --decorative-purple-layer-0: #5c3696;
    --decorative-purple-layer-00: #7647bd;
    --decorative-purple-layer-01: #dac2ff;
    --decorative-purple-layer-02: #f3ebff;
    --decorative-purple-layer-03: #f9f5ff;
    --decorative-purple-layer-alpha-0: #bc8fff14;
    --decorative-purple-layer-alpha-00: #bc8fff1f;
    --decorative-purple-layer-alpha-01: #bc8fff3d;
    --decorative-purple-layer-alpha-02: #bc8fff52;
    --decorative-purple-layer-alpha-03: #bc8fff85;
    --decorative-purple-layer-alpha-none: #28252d00;
    --decorative-teal-layer: #212b2b;
    --decorative-teal-layer-0: #125959;
    --decorative-teal-layer-00: #187878;
    --decorative-teal-layer-01: #99efef;
    --decorative-teal-layer-02: #d7f9f9;
    --decorative-teal-layer-03: #eefcfc;
    --decorative-teal-layer-alpha-0: #39dada14;
    --decorative-teal-layer-alpha-00: #39dada1f;
    --decorative-teal-layer-alpha-01: #39dada3d;
    --decorative-teal-layer-alpha-02: #39dada52;
    --decorative-teal-layer-alpha-03: #39dada85;
    --decorative-teal-layer-alpha-none: #222a2a00;
    --decorative-warm-gray-layer: #2a2828;
    --decorative-warm-gray-layer-0: #555353;
    --decorative-warm-gray-layer-00: #6b6968;
    --decorative-warm-gray-layer-01: #cac5c4;
    --decorative-warm-gray-layer-02: #eceae9;
    --decorative-warm-gray-layer-03: #f8f7f7;
    --decorative-warm-gray-layer-alpha-0: #ada9a814;
    --decorative-warm-gray-layer-alpha-00: #ada9a81f;
    --decorative-warm-gray-layer-alpha-01: #ada9a83d;
    --decorative-warm-gray-layer-alpha-02: #ada9a852;
    --decorative-warm-gray-layer-alpha-03: #ada9a885;
    --decorative-warm-gray-layer-alpha-none: #2a282800;
    --decorative-yellow-layer: #2b2821;
    --decorative-yellow-layer-0: #75590a;
    --decorative-yellow-layer-00: #96720d;
    --decorative-yellow-layer-01: #ffd561;
    --decorative-yellow-layer-02: #fff1cc;
    --decorative-yellow-layer-03: #fff8e5;
    --decorative-yellow-layer-alpha-0: #f2c33f14;
    --decorative-yellow-layer-alpha-00: #f2c33f1f;
    --decorative-yellow-layer-alpha-01: #f2c33f3d;
    --decorative-yellow-layer-alpha-02: #f2c33f52;
    --decorative-yellow-layer-alpha-03: #f2c33f85;
    --decorative-yellow-layer-alpha-none: #2a282200;
    --focus-01: #ffb42e;
    --header-row-01: #0f171f;
    --header-row-02: #1f3042;
    --header-row-03: #1f3042;
    --header-row-04: #1f3042;
    --header-button-default: #ffffff0f;
    --header-button-hover: #ffffff1a;
    --header-button-pressed: #ffffff29;
    --header-search-active: #ffffff0f;
    --header-search-default: #ffffff0f;
    --header-search-hover: #ffffff1a;
    --icon-accent: #ffb42e;
    --icon-accent-strong: #ffd994;
    --icon-black: #1b1c1d;
    --icon-disabled: #566a81;
    --icon-error: #ff8389;
    --icon-helper: #a2adb9;
    --icon-info: #92a9bc;
    --icon-inverse-error: #da1e28;
    --icon-inverse-info: #386285;
    --icon-inverse-primary: #121b26;
    --icon-inverse-secondary: #2e4761;
    --icon-inverse-success: #198038;
    --icon-inverse-warning: #b28600;
    --icon-on-color-disabled: #7c8c9c;
    --icon-primary: #f3f5f6;
    --icon-secondary: #d0d6dc;
    --icon-success: #42be65;
    --icon-warning: #f1c21b;
    --icon-white: #ffffff;
    --layer-accent-01: #2e1e00;
    --layer-accent-02: #472e00;
    --layer-accent-alpha-01: #ffb42e1a;
    --layer-accent-alpha-02: #ffb42e29;
    --layer-accent-alpha-03: #ffb42e54;
    --layer-alpha-0: #ffffff00;
    --layer-alpha-01: #566a8129;
    --layer-alpha-02: #566a8142;
    --layer-alpha-03: #566a815c;
    --layer-alpha-hover-01: #566a8138;
    --layer-alpha-hover-02: #566a815c;
    --layer-alpha-hover-03: #566a8194;
    --layer-alpha-pressed-01: #566a815c;
    --layer-alpha-pressed-02: #566a8194;
    --layer-alpha-pressed-03: #566a81a3;
    --layer-black: #1b1c1d;
    --layer-black-alpha-01: #6c70751f;
    --layer-black-alpha-02: #6c707538;
    --layer-black-alpha-hover-01: #6c707529;
    --layer-black-alpha-hover-02: #6c707542;
    --layer-black-alpha-pressed-01: #6c707542;
    --layer-black-alpha-pressed-02: #6c70755c;
    --layer-disabled: #273c53;
    --layer-hover-01: #1c2b3b;
    --layer-hover-02: #1c2b3b;
    --layer-hover-03: #213245;
    --layer-inverse-01: #ffffff;
    --layer-inverse-02: #f3f5f6;
    --layer-inverse-alpha-01: #566a810f;
    --layer-inverse-alpha-02: #566a811f;
    --layer-inverse-alpha-hover-01: #566a811f;
    --layer-inverse-alpha-hover-02: #566a8138;
    --layer-inverse-alpha-pressed-01: #566a8138;
    --layer-inverse-alpha-pressed-02: #566a815c;
    --layer-inverse-hover-01: #e8ebed;
    --layer-inverse-pressed-01: #d0d6dc;
    --layer-01: #172331;
    --layer-02: #1a2938;
    --layer-03: #1f3042;
    --layer-04: #1c2b3b;
    --layer-05: #213245;
    --layer-06: #2a425a;
    --layer-pressed-01: #213245;
    --layer-pressed-02: #213245;
    --layer-pressed-03: #273c53;
    --layer-white: #ffffff;
    --layer-white-alpha-01: #ffffff0f;
    --layer-white-alpha-02: #ffffff1f;
    --layer-white-alpha-hover-01: #ffffff1a;
    --layer-white-alpha-hover-02: #ffffff29;
    --layer-white-alpha-pressed-01: #ffffff29;
    --layer-white-alpha-pressed-02: #ffffff33;
    --link-clicked: #ffd994;
    --link-hover: #ffc761;
    --link: #ffb42e;
    --packages-large-background: #3e3014;
    --packages-large-background-border: #634d21;
    --packages-large-background-hover: #503f1b;
    --packages-large-background-on-color: #7d5b16;
    --packages-large-background-pressed: #634d21;
    --packages-large-background-text: #f9e0a9;
    --packages-large-icon: #f9e0a9;
    --packages-medium-background: #281e43;
    --packages-medium-background-border: #483678;
    --packages-medium-background-hover: #342858;
    --packages-medium-background-on-color: #503c86;
    --packages-medium-background-pressed: #483678;
    --packages-medium-background-text: #dfd3fd;
    --packages-medium-icon: #dfd3fd;
    --packages-solo-background: #1f3042;
    --packages-solo-background-hover: #1e3448;
    --packages-solo-background-on-color: #294560;
    --packages-solo-background-pressed: #274059;
    --packages-solo-border: #274059;
    --packages-solo-icon: #d3d9de;
    --packages-solo-text: #d3d9de;
    --packages-small-background: #0b2d24;
    --packages-small-background-border: #144d3f;
    --packages-small-background-hover: #103d31;
    --packages-small-background-icon: #adebdc;
    --packages-small-background-on-color: #19624f;
    --packages-small-background-pressed: #144d3f;
    --packages-small-background-text: #adebdc;
    --packages-status-background: #381b15;
    --packages-status-background-hover: #4e251d;
    --packages-status-background-on-color: #7b3628;
    --packages-status-background-pressed: #612e24;
    --packages-status-border: #612e24;
    --packages-status-icon: #fcd6cf;
    --packages-status-text: #fcd6cf;
    --status-accent-01: #523400;
    --status-accent-02: #ffb42e;
    --status-announcement-01: #273c53;
    --status-announcement-02: #375576;
    --status-error-01: #6c0f14;
    --status-error-02: #fa4d56;
    --status-error-alpha-01: #fa4d5629;
    --status-error-alpha-02: #fa4d565c;
    --status-info-01: #233d53;
    --status-info-02: #6888a2;
    --status-info-alpha-01: #6888a22e;
    --status-info-alpha-02: #6888a252;
    --status-neutral-01: #f6f7f9;
    --status-neutral-02: #1f3042;
    --status-neutral-03: #273c53;
    --status-neutral-alpha-01: #566a811f;
    --status-neutral-alpha-02: #566a8138;
    --status-success-01: #0d441e;
    --status-success-02: #42be65;
    --status-success-alpha-01: #24a14830;
    --status-success-alpha-02: #24a1484d;
    --status-warning-01: #523d00;
    --status-warning-02: #f1c21b;
    --status-warning-alpha-01: #d2a10629;
    --status-warning-alpha-02: #d2a10657;
    --support-caret: #ffb42e;
    --support-divider-01: #273c53;
    --support-divider-02: #2e4761;
    --support-divider-03: #1c2b3b;
    --support-divider-alpha-01: #566a8142;
    --support-divider-alpha-02: #566a8194;
    --support-overlay-canvas: #0f0f10ad;
    --support-overlay-media: #6c70750f;
    --support-skeleton: #273c53;
    --support-skeleton-background: #1f3042;
    --support-01: #566a81;
    --support-02: #8e9ba9;
    --support-03: #2e4761;
    --support-04: #2e4761;
    --text-accent: #ffb42e;
    --text-accent-strong: #ffd994;
    --text-black: #1b1c1d;
    --text-disabled: #566a81;
    --text-error: #ff8389;
    --text-helper: #a2adb9;
    --text-info: #92a9bc;
    --text-inverse-error: #da1e28;
    --text-inverse-info: #386285;
    --text-inverse-primary: #121b26;
    --text-inverse-secondary: #2e4761;
    --text-inverse-success: #198038;
    --text-inverse-warning: #b28600;
    --text-on-color-disabled: #7c8c9c;
    --text-placeholder: #677789;
    --text-primary: #f3f5f6;
    --text-secondary: #d0d6dc;
    --text-success: #42be65;
    --text-warning: #f1c21b;
    --text-white: #ffffff;
    --illustration-black-01: #303247;
    --illustration-black-02: #8270aa;
    --illustration-black-03: #c5bcf1;
    --illustration-black-04: #b75536;
    --illustration-black-05: #e1e3f3;
    --illustration-primary-01: #fb8d04;
    --illustration-primary-02: #fba336;
    --illustration-primary-03: #f8d0a0;
    --illustration-primary-04: #fadbc0;
    --illustration-secondary-01: #8472cc;
    --illustration-secondary-02: #968ec8;
    --illustration-secondary-03: #c1bcd3;
    --illustration-white-01: #fefefe;
    --illustration-white-02: #fcf5ef;
    --illustration-white-03: #8270aa;
    --illustration-white-04: #c5bcf1;
}

html.wm {
    /* Wealth Light */
    /* color */
    --background-accent: #c7986b;
    --background-01: #ffffff;
    --background-02: #f4f4f4;
    --border-alpha-0: #ffffff00;
    --border-alpha-01: #6c70751f;
    --border-alpha-02: #6c707538;
    --border-black: #1b1c1d;
    --border-01: #d7d9db;
    --border-02: #8a8e93;
    --border-03: #e5e6e7;
    --border-04: #ffffff;
    --border-disabled: #aaadb0;
    --border-error: #da1e28;
    --border-hover-01: #989ba0;
    --border-hover-02: #515457;
    --border-info: #386285;
    --border-inverse-error: #ff8389;
    --border-inverse-info: #92a9bc;
    --border-inverse-primary: #f7f7f8;
    --border-inverse-secondary: #d7d9db;
    --border-inverse-success: #42be65;
    --border-inverse-warning: #f1c21b;
    --border-pressed-01: #515457;
    --border-pressed-02: #515457;
    --border-selected: #c7986b;
    --border-selected-strong: #7d5e40;
    --border-strong: #1b1c1d;
    --border-success: #198038;
    --border-warning: #b28600;
    --border-white: #ffffff;
    --border-white-alpha-01: #ffffff1f;
    --border-white-alpha-02: #ffffff33;
    --brand-american-express-bright-blue: #006fcf;
    --brand-american-express-bright-blue-alpha-01: #006fcf14;
    --brand-american-express-bright-blue-alpha-02: #006fcf29;
    --brand-american-express-bright-blue-alpha-03: #006fcf42;
    --brand-american-express-bright-blue-inverse: #006fcf;
    --brand-american-express-deep-blue: #162b75;
    --brand-retail-primary-01: #ff5c0a;
    --brand-retail-primary-02: #e04b00;
    --brand-retail-primary-alpha-01: #ff5c0a14;
    --brand-retail-primary-alpha-02: #ff5c0a29;
    --brand-retail-primary-alpha-03: #ff5c0a52;
    --brand-retail-secondary-01: #8a3ffc;
    --brand-retail-secondary-02: #6929c4;
    --brand-retail-secondary-alpha-01: #8a3ffc14;
    --brand-retail-secondary-alpha-02: #8a3ffc29;
    --brand-retail-secondary-alpha-03: #8a3ffc61;
    --brand-solo-primary-01: #faa100;
    --brand-solo-primary-02: #d68a00;
    --brand-solo-primary-alpha-01: #faa1001a;
    --brand-solo-primary-alpha-02: #faa10033;
    --brand-solo-primary-alpha-03: #faa10057;
    --brand-solo-secondary-01: #8a3ffc;
    --brand-solo-secondary-02: #6929c4;
    --brand-solo-secondary-alpha-01: #8a3ffc14;
    --brand-solo-secondary-alpha-02: #8a3ffc29;
    --brand-solo-secondary-alpha-03: #8a3ffc61;
    --brand-solo-blue-primary-01: #faa100;
    --brand-solo-blue-primary-02: #d68a00;
    --brand-solo-blue-primary-alpha-01: #faa1001a;
    --brand-solo-blue-primary-alpha-02: #faa10033;
    --brand-solo-blue-primary-alpha-03: #faa10057;
    --brand-solo-blue-primary-blue-01: #1f3042;
    --brand-solo-blue-primary-blue-02: #172331;
    --brand-solo-blue-secondary-01: #8c847c;
    --brand-solo-blue-secondary-02: #6e6760;
    --brand-solo-blue-secondary-alpha-01: #8c847c14;
    --brand-solo-blue-secondary-alpha-02: #8c847c29;
    --brand-solo-blue-secondary-alpha-03: #8c847c61;
    --brand-wealth-primary-01: #c7986b;
    --brand-wealth-primary-02: #96724f;
    --brand-wealth-primary-alpha-01: #c7986b1a;
    --brand-wealth-primary-alpha-02: #c7986b33;
    --brand-wealth-primary-alpha-03: #c7986b52;
    --brand-wealth-secondary-01: #a49894;
    --brand-wealth-secondary-02: #8c7d78;
    --brand-wealth-secondary-alpha-01: #a4989414;
    --brand-wealth-secondary-alpha-02: #a4989429;
    --brand-wealth-secondary-alpha-03: #a4989461;
    --button-disabled: #f4f4f4;
    --button-icon-secondary: #ffffff00;
    --button-icon-secondary-hover: #6c70750f;
    --button-icon-secondary-loading: #6c70750f;
    --button-icon-secondary-pressed: #6c70751f;
    --button-negative-hover: #b81922;
    --button-negative-loading: #fa4d56;
    --button-negative: #da1e28;
    --button-negative-pressed: #8f141a;
    --button-primary-hover: #96724f;
    --button-primary-loading: #daba9a;
    --button-primary-pressed: #7d5e40;
    --button-primary: #c7986b;
    --button-secondary-hover: #bc8b5c3d;
    --button-secondary-loading: #bc8b5c2e;
    --button-secondary-pressed: #bc8b5c59;
    --button-secondary: #bc8b5c2e;
    --button-secondary-white: #ffffff;
    --button-secondary-white-hover: #e5e6e7;
    --button-secondary-white-loading: #e5e6e7;
    --button-secondary-white-pressed: #d0d1d3;
    --button-text-black-hover: #6c70750f;
    --button-text-black-pressed: #6c70751f;
    --button-text-low: #c7986b;
    --button-text-low-hover: #bc8b5c;
    --button-text-low-pressed: #96724f;
    --button-text-negative: #ffffff00;
    --button-text-negative-hover: #da1e2814;
    --button-text-negative-loading: #da1e2814;
    --button-text-negative-pressed: #da1e2829;
    --button-text-primary: #ffffff00;
    --button-text-primary-loading: #6c70750f;
    --button-text-primary-hover: #6c70750f;
    --button-text-primary-pressed: #6c70751f;
    --button-text-secondary-black: #ffffff00;
    --button-text-secondary-white: #ffffff00;
    --button-text-secondary-white-hover: #ffffff0f;
    --button-text-secondary-white-pressed: #ffffff1f;
    --chips-default: #6c70751a;
    --chips-disabled: #6c70751f;
    --chips-hover: #6c707529;
    --chips-pressed: #6c707542;
    --chips-selected: #c7986b33;
    --chips-selected-hover: #c7986b52;
    --chips-selected-pressed: #bc8b5c59;
    --decorative-cool-gray-layer: #f4f5f6;
    --decorative-cool-gray-layer-0: #f4f5f6;
    --decorative-cool-gray-layer-00: #e8ebed;
    --decorative-cool-gray-layer-01: #a2a9b0;
    --decorative-cool-gray-layer-02: #656a6e;
    --decorative-cool-gray-layer-03: #505458;
    --decorative-cool-gray-layer-alpha-0: #a2a9b014;
    --decorative-cool-gray-layer-alpha-00: #a2a9b01f;
    --decorative-cool-gray-layer-alpha-01: #a2a9b03d;
    --decorative-cool-gray-layer-alpha-02: #a2a9b052;
    --decorative-cool-gray-layer-alpha-03: #a2a9b085;
    --decorative-cool-gray-layer-alpha-none: #f4f5f600;
    --decorative-cyan-layer: #ebf7ff;
    --decorative-cyan-layer-0: #ebf7ff;
    --decorative-cyan-layer-00: #d6efff;
    --decorative-cyan-layer-01: #42b7ff;
    --decorative-cyan-layer-02: #206e9e;
    --decorative-cyan-layer-03: #185377;
    --decorative-cyan-layer-alpha-0: #42b7ff14;
    --decorative-cyan-layer-alpha-00: #42b7ff1f;
    --decorative-cyan-layer-alpha-01: #42b7ff3d;
    --decorative-cyan-layer-alpha-02: #42b7ff52;
    --decorative-cyan-layer-alpha-03: #42b7ff85;
    --decorative-cyan-layer-alpha-none: #ebf7ff00;
    --decorative-green-layer: #eefcee;
    --decorative-green-layer-0: #eefcee;
    --decorative-green-layer-00: #ddf8de;
    --decorative-green-layer-01: #4fd156;
    --decorative-green-layer-02: #18771d;
    --decorative-green-layer-03: #135d17;
    --decorative-green-layer-alpha-0: #4fd15614;
    --decorative-green-layer-alpha-00: #4fd1561f;
    --decorative-green-layer-alpha-01: #4fd1563d;
    --decorative-green-layer-alpha-02: #4fd15652;
    --decorative-green-layer-alpha-03: #4fd15685;
    --decorative-green-layer-alpha-none: #f2fdf300;
    --decorative-magenta-layer: #fff5f9;
    --decorative-magenta-layer-0: #fff5f9;
    --decorative-magenta-layer-00: #ffebf3;
    --decorative-magenta-layer-01: #ff8abc;
    --decorative-magenta-layer-02: #a4416c;
    --decorative-magenta-layer-03: #7c3151;
    --decorative-magenta-layer-alpha-0: #ff8abc14;
    --decorative-magenta-layer-alpha-00: #ff8abc1f;
    --decorative-magenta-layer-alpha-01: #ff8abc29;
    --decorative-magenta-layer-alpha-02: #ff8abc52;
    --decorative-magenta-layer-alpha-03: #ff8abc85;
    --decorative-magenta-layer-alpha-none: #fff5f900;
    --decorative-orange-layer: #fff5f0;
    --decorative-orange-layer-0: #fff5f0;
    --decorative-orange-layer-00: #ffeae0;
    --decorative-orange-layer-01: #ff8e42;
    --decorative-orange-layer-02: #9e491f;
    --decorative-orange-layer-03: #8b370e;
    --decorative-orange-layer-alpha-0: #ff8e4214;
    --decorative-orange-layer-alpha-00: #ff8e421f;
    --decorative-orange-layer-alpha-01: #ff8e423d;
    --decorative-orange-layer-alpha-02: #ff8e4252;
    --decorative-orange-layer-alpha-03: #ff8e4285;
    --decorative-orange-layer-alpha-none: #fff5f000;
    --decorative-purple-layer: #f9f5ff;
    --decorative-purple-layer-0: #f9f5ff;
    --decorative-purple-layer-00: #f3ebff;
    --decorative-purple-layer-01: #bc8fff;
    --decorative-purple-layer-02: #7647bd;
    --decorative-purple-layer-03: #5c3696;
    --decorative-purple-layer-alpha-0: #bc8fff14;
    --decorative-purple-layer-alpha-00: #bc8fff1f;
    --decorative-purple-layer-alpha-01: #bc8fff3d;
    --decorative-purple-layer-alpha-02: #bc8fff52;
    --decorative-purple-layer-alpha-03: #bc8fff85;
    --decorative-purple-layer-alpha-none: #f9f5ff00;
    --decorative-teal-layer: #eefcfc;
    --decorative-teal-layer-0: #eefcfc;
    --decorative-teal-layer-00: #d7f9f9;
    --decorative-teal-layer-01: #39dada;
    --decorative-teal-layer-02: #187878;
    --decorative-teal-layer-03: #125959;
    --decorative-teal-layer-alpha-0: #39dada14;
    --decorative-teal-layer-alpha-00: #39dada1f;
    --decorative-teal-layer-alpha-01: #39dada3d;
    --decorative-teal-layer-alpha-02: #39dada52;
    --decorative-teal-layer-alpha-03: #39dada85;
    --decorative-teal-layer-alpha-none: #eefcfc00;
    --decorative-warm-gray-layer: #f8f7f7;
    --decorative-warm-gray-layer-0: #f8f7f7;
    --decorative-warm-gray-layer-00: #eceae9;
    --decorative-warm-gray-layer-01: #ada9a8;
    --decorative-warm-gray-layer-02: #6b6968;
    --decorative-warm-gray-layer-03: #555353;
    --decorative-warm-gray-layer-alpha-0: #ada9a814;
    --decorative-warm-gray-layer-alpha-00: #ada9a81f;
    --decorative-warm-gray-layer-alpha-01: #ada9a83d;
    --decorative-warm-gray-layer-alpha-02: #ada9a852;
    --decorative-warm-gray-layer-alpha-03: #ada9a885;
    --decorative-warm-gray-layer-alpha-none: #f8f7f700;
    --decorative-yellow-layer: #fff8e5;
    --decorative-yellow-layer-0: #fff8e5;
    --decorative-yellow-layer-00: #fff1cc;
    --decorative-yellow-layer-01: #f2c33f;
    --decorative-yellow-layer-02: #96720d;
    --decorative-yellow-layer-03: #75590a;
    --decorative-yellow-layer-alpha-0: #f2c33f14;
    --decorative-yellow-layer-alpha-00: #f2c33f1f;
    --decorative-yellow-layer-alpha-01: #f2c33f3d;
    --decorative-yellow-layer-alpha-02: #f2c33f52;
    --decorative-yellow-layer-alpha-03: #f2c33f85;
    --decorative-yellow-layer-alpha-none: #fff8e500;
    --focus-01: #c7986b;
    --header-row-01: #f4f4f4;
    --header-row-02: #c7986b;
    --header-row-03: #c7986b;
    --header-row-04: #c7986b;
    --header-button-default: #7d5e4052;
    --header-button-hover: #7d5e407a;
    --header-button-pressed: #7d5e4094;
    --header-search-active: #ffffff;
    --header-search-default: #7d5e4052;
    --header-search-hover: #7d5e407a;
    --icon-accent: #c7986b;
    --icon-accent-strong: #7d5e40;
    --icon-black: #1b1c1d;
    --icon-disabled: #aaadb0;
    --icon-error: #da1e28;
    --icon-helper: #6c7075;
    --icon-info: #386285;
    --icon-inverse-error: #ff8389;
    --icon-inverse-info: #92a9bc;
    --icon-inverse-primary: #f4f4f4;
    --icon-inverse-secondary: #d7d9db;
    --icon-inverse-success: #42be65;
    --icon-inverse-warning: #f1c21b;
    --icon-on-color-disabled: #8a8e93;
    --icon-primary: #1b1c1d;
    --icon-secondary: #515457;
    --icon-success: #198038;
    --icon-warning: #b28600;
    --icon-white: #ffffff;
    --layer-accent-01: #f8f3ed;
    --layer-accent-02: #efe0d2;
    --layer-accent-alpha-01: #c7986b1a;
    --layer-accent-alpha-02: #c7986b33;
    --layer-accent-alpha-03: #c7986b52;
    --layer-alpha-0: #ffffff00;
    --layer-alpha-01: #6c70750f;
    --layer-alpha-02: #6c70751f;
    --layer-alpha-03: #6c707538;
    --layer-alpha-hover-01: #6c70751a;
    --layer-alpha-hover-02: #6c707529;
    --layer-alpha-hover-03: #6c707542;
    --layer-alpha-pressed-01: #6c70751f;
    --layer-alpha-pressed-02: #6c707538;
    --layer-alpha-pressed-03: #6c70755c;
    --layer-black: #1b1c1d;
    --layer-black-alpha-01: #6c70750f;
    --layer-black-alpha-02: #6c70751f;
    --layer-black-alpha-hover-01: #6c70751a;
    --layer-black-alpha-hover-02: #6c707529;
    --layer-black-alpha-pressed-01: #6c707529;
    --layer-black-alpha-pressed-02: #6c707538;
    --layer-disabled: #f4f4f4;
    --layer-hover-01: #f1f2f3;
    --layer-hover-02: #f1f2f3;
    --layer-hover-03: #f1f2f3;
    --layer-inverse-01: #1b1c1d;
    --layer-inverse-02: #161718;
    --layer-inverse-alpha-01: #ffffff0f;
    --layer-inverse-alpha-02: #ffffff1f;
    --layer-inverse-alpha-hover-01: #ffffff1a;
    --layer-inverse-alpha-hover-02: #ffffff29;
    --layer-inverse-alpha-pressed-01: #ffffff29;
    --layer-inverse-alpha-pressed-02: #ffffff33;
    --layer-inverse-hover-01: #2a2b2d;
    --layer-inverse-pressed-01: #515457;
    --layer-01: #ffffff;
    --layer-02: #f7f7f8;
    --layer-03: #f4f4f4;
    --layer-04: #ecedee;
    --layer-05: #ffffff;
    --layer-06: #ecedee;
    --layer-pressed-01: #e5e6e7;
    --layer-pressed-02: #e5e6e7;
    --layer-pressed-03: #e5e6e7;
    --layer-white: #ffffff;
    --layer-white-alpha-01: #ffffff0f;
    --layer-white-alpha-02: #ffffff1f;
    --layer-white-alpha-hover-01: #ffffff1a;
    --layer-white-alpha-hover-02: #ffffff29;
    --layer-white-alpha-pressed-01: #ffffff29;
    --layer-white-alpha-pressed-02: #ffffff33;
    --link-clicked: #96724f;
    --link-hover: #bc8b5c;
    --link: #c7986b;
    --packages-large-background: #fdf4e2;
    --packages-large-background-border: #f9e0a9;
    --packages-large-background-hover: #f9e0a9;
    --packages-large-background-on-color: #f9e0a9;
    --packages-large-background-pressed: #f7d692;
    --packages-large-background-text: #866218;
    --packages-large-icon: #866218;
    --packages-medium-background: #f1ecfe;
    --packages-medium-background-border: #dfd3fd;
    --packages-medium-background-hover: #dfd3fd;
    --packages-medium-background-on-color: #dfd3fd;
    --packages-medium-background-pressed: #d1bffd;
    --packages-medium-background-text: #594294;
    --packages-medium-icon: #594294;
    --packages-solo-background: #e8ebed;
    --packages-solo-background-hover: #d3d9de;
    --packages-solo-background-on-color: #d3d9de;
    --packages-solo-background-pressed: #c5ccd3;
    --packages-solo-border: #d3d9de;
    --packages-solo-icon: #2c4a67;
    --packages-solo-text: #2c4a67;
    --packages-small-background: #dff7f1;
    --packages-small-background-border: #adebdc;
    --packages-small-background-hover: #adebdc;
    --packages-small-background-icon: #1c6e59;
    --packages-small-background-on-color: #adebdc;
    --packages-small-background-pressed: #88e2cc;
    --packages-small-background-text: #1c6e59;
    --packages-status-background: #feefec;
    --packages-status-background-hover: #fcd6cf;
    --packages-status-background-on-color: #fcd6cf;
    --packages-status-background-pressed: #fbc6bb;
    --packages-status-border: #fcd6cf;
    --packages-status-icon: #994433;
    --packages-status-text: #994433;
    --status-accent-01: #f8f3ed;
    --status-accent-02: #c7986b;
    --status-announcement-01: #f8f3ed;
    --status-announcement-02: #654c34;
    --status-error-01: #fff1f1;
    --status-error-02: #da1e28;
    --status-error-alpha-01: #da1e2814;
    --status-error-alpha-02: #da1e285c;
    --status-info-01: #f1f4f6;
    --status-info-02: #386285;
    --status-info-alpha-01: #38628514;
    --status-info-alpha-02: #38628552;
    --status-neutral-01: #f7f7f8;
    --status-neutral-02: #f4f4f4;
    --status-neutral-03: #515457;
    --status-neutral-alpha-01: #6c70751a;
    --status-neutral-alpha-02: #6c707529;
    --status-success-01: #dffbe7;
    --status-success-02: #198038;
    --status-success-alpha-01: #24a14814;
    --status-success-alpha-02: #24a14852;
    --status-warning-01: #fcf4d6;
    --status-warning-02: #f1c21b;
    --status-warning-alpha-01: #d2a1061a;
    --status-warning-alpha-02: #d2a10661;
    --support-caret: #c7986b;
    --support-divider-01: #e5e6e7;
    --support-divider-02: #d7d9db;
    --support-divider-03: #e5e6e7;
    --support-divider-alpha-01: #6c70751f;
    --support-divider-alpha-02: #6c707538;
    --support-overlay-canvas: #0f0f10ad;
    --support-overlay-media: #6c70750f;
    --support-skeleton: #e5e6e7;
    --support-skeleton-background: #f1f2f3;
    --support-01: #8a8e93;
    --support-02: #73777d;
    --support-03: #aaadb0;
    --support-04: #ffffff;
    --text-accent: #c7986b;
    --text-accent-strong: #7d5e40;
    --text-black: #1b1c1d;
    --text-disabled: #aaadb0;
    --text-error: #da1e28;
    --text-helper: #6c7075;
    --text-info: #386285;
    --text-inverse-error: #ff8389;
    --text-inverse-info: #92a9bc;
    --text-inverse-primary: #f4f4f4;
    --text-inverse-secondary: #d7d9db;
    --text-inverse-success: #42be65;
    --text-inverse-warning: #f1c21b;
    --text-on-color-disabled: #8a8e93;
    --text-placeholder: #989ba0;
    --text-primary: #1b1c1d;
    --text-secondary: #515457;
    --text-success: #198038;
    --text-warning: #b28600;
    --text-white: #ffffff;
    --illustration-black-01: #010101;
    --illustration-black-02: #010102;
    --illustration-black-03: #010103;
    --illustration-black-04: #010104;
    --illustration-black-05: #010105;
    --illustration-primary-01: #cda176;
    --illustration-primary-02: #dab896;
    --illustration-primary-03: #e6d1bc;
    --illustration-primary-04: #f1e5da;
    --illustration-secondary-01: #ff8a68;
    --illustration-secondary-02: #ffb087;
    --illustration-secondary-03: #ffe4dc;
    --illustration-white-01: #fefefe;
    --illustration-white-02: #fdfdfe;
    --illustration-white-03: #fdfdfd;
    --illustration-white-04: #fdfdfc;
}

html.wm.dark {
    /* Wealth Dark */
    /* color */
    --background-accent: #daba9a;
    --background-01: #1b1c1d;
    --background-02: #161718;
    --border-alpha-0: #ffffff00;
    --border-alpha-01: #ffffff1f;
    --border-alpha-02: #ffffff33;
    --border-black: #1b1c1d;
    --border-01: #515457;
    --border-02: #6c7075;
    --border-03: #2a2b2d;
    --border-04: #1b1c1d;
    --border-disabled: #6c7075;
    --border-error: #ff8389;
    --border-hover-01: #989ba0;
    --border-hover-02: #989ba0;
    --border-info: #92a9bc;
    --border-inverse-error: #da1e28;
    --border-inverse-info: #386285;
    --border-inverse-primary: #161718;
    --border-inverse-secondary: #515457;
    --border-inverse-success: #198038;
    --border-inverse-warning: #b28600;
    --border-pressed-01: #aaadb0;
    --border-pressed-02: #aaadb0;
    --border-selected: #daba9a;
    --border-selected-strong: #efe0d2;
    --border-strong: #f4f4f4;
    --border-success: #42be65;
    --border-warning: #f1c21b;
    --border-white: #ffffff;
    --border-white-alpha-01: #ffffff1f;
    --border-white-alpha-02: #ffffff33;
    --brand-american-express-bright-blue: #006fcf;
    --brand-american-express-bright-blue-alpha-01: #38a3ff14;
    --brand-american-express-bright-blue-alpha-02: #38a3ff29;
    --brand-american-express-bright-blue-alpha-03: #38a3ff42;
    --brand-american-express-bright-blue-inverse: #38a3ff;
    --brand-american-express-deep-blue: #162b75;
    --brand-retail-primary-01: #ff8345;
    --brand-retail-primary-02: #ff5c0a;
    --brand-retail-primary-alpha-01: #ff83451a;
    --brand-retail-primary-alpha-02: #ff834529;
    --brand-retail-primary-alpha-03: #ff83454d;
    --brand-retail-secondary-01: #be95ff;
    --brand-retail-secondary-02: #8a3ffc;
    --brand-retail-secondary-alpha-01: #a56eff14;
    --brand-retail-secondary-alpha-02: #a56eff29;
    --brand-retail-secondary-alpha-03: #a56eff61;
    --brand-solo-primary-01: #ffb42e;
    --brand-solo-primary-02: #faa100;
    --brand-solo-primary-alpha-01: #ffb42e1a;
    --brand-solo-primary-alpha-02: #ffb42e29;
    --brand-solo-primary-alpha-03: #ffb42e54;
    --brand-solo-secondary-01: #be95ff;
    --brand-solo-secondary-02: #8a3ffc;
    --brand-solo-secondary-alpha-01: #a56eff14;
    --brand-solo-secondary-alpha-02: #a56eff29;
    --brand-solo-secondary-alpha-03: #a56eff61;
    --brand-solo-blue-primary-01: #ffb42e;
    --brand-solo-blue-primary-02: #faa100;
    --brand-solo-blue-primary-alpha-01: #ffb42e1a;
    --brand-solo-blue-primary-alpha-02: #ffb42e29;
    --brand-solo-blue-primary-alpha-03: #ffb42e54;
    --brand-solo-blue-primary-blue-01: #1f3042;
    --brand-solo-blue-primary-blue-02: #172331;
    --brand-solo-blue-secondary-01: #aba29a;
    --brand-solo-blue-secondary-02: #8c847c;
    --brand-solo-blue-secondary-alpha-01: #aba29a14;
    --brand-solo-blue-secondary-alpha-02: #aba29a29;
    --brand-solo-blue-secondary-alpha-03: #aba29a61;
    --brand-wealth-primary-01: #daba9a;
    --brand-wealth-primary-02: #c7986b;
    --brand-wealth-primary-alpha-01: #daba9a14;
    --brand-wealth-primary-alpha-02: #daba9a29;
    --brand-wealth-primary-alpha-03: #daba9a52;
    --brand-wealth-secondary-01: #c0b7b5;
    --brand-wealth-secondary-02: #a49894;
    --brand-wealth-secondary-alpha-01: #c0b7b514;
    --brand-wealth-secondary-alpha-02: #c0b7b529;
    --brand-wealth-secondary-alpha-03: #c0b7b561;
    --button-disabled: #3f4245;
    --button-icon-secondary: #ffffff00;
    --button-icon-secondary-hover: #ffffff0f;
    --button-icon-secondary-loading: #ffffff0f;
    --button-icon-secondary-pressed: #ffffff1f;
    --button-negative-hover: #da1e28;
    --button-negative-loading: #fa4d56;
    --button-negative: #fa4d56;
    --button-negative-pressed: #b81922;
    --button-primary-hover: #96724f;
    --button-primary-loading: #e6d1bc;
    --button-primary-pressed: #7d5e40;
    --button-primary: #c7986b;
    --button-secondary-hover: #dbbd9e33;
    --button-secondary-loading: #dbbd9e33;
    --button-secondary-pressed: #dbbd9e59;
    --button-secondary: #daba9a29;
    --button-secondary-white: #2f3032;
    --button-secondary-white-hover: #3f4245;
    --button-secondary-white-loading: #3f4245;
    --button-secondary-white-pressed: #515457;
    --button-text-black-hover: #ffffff0f;
    --button-text-black-pressed: #ffffff1f;
    --button-text-low: #daba9a;
    --button-text-low-hover: #e6d1bc;
    --button-text-low-pressed: #efe0d2;
    --button-text-negative: #ffffff00;
    --button-text-negative-hover: #fa4d5629;
    --button-text-negative-loading: #fa4d5617;
    --button-text-negative-pressed: #fa4d565c;
    --button-text-primary: #ffffff00;
    --button-text-primary-loading: #ffffff0f;
    --button-text-primary-hover: #ffffff0f;
    --button-text-primary-pressed: #ffffff1f;
    --button-text-secondary-black: #ffffff00;
    --button-text-secondary-white: #ffffff00;
    --button-text-secondary-white-hover: #ffffff0f;
    --button-text-secondary-white-pressed: #ffffff1f;
    --chips-default: #ffffff1f;
    --chips-disabled: #6c707538;
    --chips-hover: #ffffff33;
    --chips-pressed: #ffffff42;
    --chips-selected: #bc8b5c3d;
    --chips-selected-hover: #dbbd9e59;
    --chips-selected-pressed: #bc8b5c59;
    --decorative-cool-gray-layer: #26292c;
    --decorative-cool-gray-layer-0: #505458;
    --decorative-cool-gray-layer-00: #656a6e;
    --decorative-cool-gray-layer-01: #c1c7cd;
    --decorative-cool-gray-layer-02: #e8ebed;
    --decorative-cool-gray-layer-03: #f4f5f6;
    --decorative-cool-gray-layer-alpha-0: #a2a9b014;
    --decorative-cool-gray-layer-alpha-00: #a2a9b01f;
    --decorative-cool-gray-layer-alpha-01: #a2a9b03d;
    --decorative-cool-gray-layer-alpha-02: #a2a9b052;
    --decorative-cool-gray-layer-alpha-03: #a2a9b085;
    --decorative-cool-gray-layer-alpha-none: #27292b00;
    --decorative-cyan-layer: #232a2e;
    --decorative-cyan-layer-0: #185377;
    --decorative-cyan-layer-00: #206e9e;
    --decorative-cyan-layer-01: #99d8ff;
    --decorative-cyan-layer-02: #d6efff;
    --decorative-cyan-layer-03: #ebf7ff;
    --decorative-cyan-layer-alpha-0: #42b7ff14;
    --decorative-cyan-layer-alpha-00: #42b7ff1f;
    --decorative-cyan-layer-alpha-01: #42b7ff3d;
    --decorative-cyan-layer-alpha-02: #42b7ff52;
    --decorative-cyan-layer-alpha-03: #42b7ff85;
    --decorative-cyan-layer-alpha-none: #242a2d00;
    --decorative-green-layer: #212b21;
    --decorative-green-layer-0: #135d17;
    --decorative-green-layer-00: #18771d;
    --decorative-green-layer-01: #87e58b;
    --decorative-green-layer-02: #ddf8de;
    --decorative-green-layer-03: #eefcee;
    --decorative-green-layer-alpha-0: #4fd15614;
    --decorative-green-layer-alpha-00: #4fd1561f;
    --decorative-green-layer-alpha-01: #4fd1563d;
    --decorative-green-layer-alpha-02: #4fd15652;
    --decorative-green-layer-alpha-03: #4fd15685;
    --decorative-green-layer-alpha-none: #222a2200;
    --decorative-magenta-layer: #2e2428;
    --decorative-magenta-layer-0: #7c3151;
    --decorative-magenta-layer-00: #a4416c;
    --decorative-magenta-layer-01: #ffbdda;
    --decorative-magenta-layer-02: #ffebf3;
    --decorative-magenta-layer-03: #fff5f9;
    --decorative-magenta-layer-alpha-0: #ff8abc14;
    --decorative-magenta-layer-alpha-00: #ff8abc1f;
    --decorative-magenta-layer-alpha-01: #ff8abc29;
    --decorative-magenta-layer-alpha-02: #ff8abc52;
    --decorative-magenta-layer-alpha-03: #ff8abc85;
    --decorative-magenta-layer-alpha-none: #2d252800;
    --decorative-orange-layer: #2b2421;
    --decorative-orange-layer-0: #8b370e;
    --decorative-orange-layer-00: #9e491f;
    --decorative-orange-layer-01: #ffbb99;
    --decorative-orange-layer-02: #ffeae0;
    --decorative-orange-layer-03: #fff5f0;
    --decorative-orange-layer-alpha-0: #ff8e4214;
    --decorative-orange-layer-alpha-00: #ff8e421f;
    --decorative-orange-layer-alpha-01: #ff8e423d;
    --decorative-orange-layer-alpha-02: #ff8e4252;
    --decorative-orange-layer-alpha-03: #ff8e4285;
    --decorative-orange-layer-alpha-none: #2a252200;
    --decorative-purple-layer: #28232f;
    --decorative-purple-layer-0: #5c3696;
    --decorative-purple-layer-00: #7647bd;
    --decorative-purple-layer-01: #dac2ff;
    --decorative-purple-layer-02: #f3ebff;
    --decorative-purple-layer-03: #f9f5ff;
    --decorative-purple-layer-alpha-0: #bc8fff14;
    --decorative-purple-layer-alpha-00: #bc8fff1f;
    --decorative-purple-layer-alpha-01: #bc8fff3d;
    --decorative-purple-layer-alpha-02: #bc8fff52;
    --decorative-purple-layer-alpha-03: #bc8fff85;
    --decorative-purple-layer-alpha-none: #28252d00;
    --decorative-teal-layer: #212b2b;
    --decorative-teal-layer-0: #125959;
    --decorative-teal-layer-00: #187878;
    --decorative-teal-layer-01: #99efef;
    --decorative-teal-layer-02: #d7f9f9;
    --decorative-teal-layer-03: #eefcfc;
    --decorative-teal-layer-alpha-0: #39dada14;
    --decorative-teal-layer-alpha-00: #39dada1f;
    --decorative-teal-layer-alpha-01: #39dada3d;
    --decorative-teal-layer-alpha-02: #39dada52;
    --decorative-teal-layer-alpha-03: #39dada85;
    --decorative-teal-layer-alpha-none: #222a2a00;
    --decorative-warm-gray-layer: #2a2828;
    --decorative-warm-gray-layer-0: #555353;
    --decorative-warm-gray-layer-00: #6b6968;
    --decorative-warm-gray-layer-01: #cac5c4;
    --decorative-warm-gray-layer-02: #eceae9;
    --decorative-warm-gray-layer-03: #f8f7f7;
    --decorative-warm-gray-layer-alpha-0: #ada9a814;
    --decorative-warm-gray-layer-alpha-00: #ada9a81f;
    --decorative-warm-gray-layer-alpha-01: #ada9a83d;
    --decorative-warm-gray-layer-alpha-02: #ada9a852;
    --decorative-warm-gray-layer-alpha-03: #ada9a885;
    --decorative-warm-gray-layer-alpha-none: #2a282800;
    --decorative-yellow-layer: #2b2821;
    --decorative-yellow-layer-0: #75590a;
    --decorative-yellow-layer-00: #96720d;
    --decorative-yellow-layer-01: #ffd561;
    --decorative-yellow-layer-02: #fff1cc;
    --decorative-yellow-layer-03: #fff8e5;
    --decorative-yellow-layer-alpha-0: #f2c33f14;
    --decorative-yellow-layer-alpha-00: #f2c33f1f;
    --decorative-yellow-layer-alpha-01: #f2c33f3d;
    --decorative-yellow-layer-alpha-02: #f2c33f52;
    --decorative-yellow-layer-alpha-03: #f2c33f85;
    --decorative-yellow-layer-alpha-none: #2a282200;
    --focus-01: #daba9a;
    --header-row-01: #161718;
    --header-row-02: #2f3032;
    --header-row-03: #2f3032;
    --header-row-04: #2f3032;
    --header-button-default: #ffffff0f;
    --header-button-hover: #ffffff1a;
    --header-button-pressed: #ffffff29;
    --header-search-active: #ffffff0f;
    --header-search-default: #ffffff0f;
    --header-search-hover: #ffffff1a;
    --icon-accent: #daba9a;
    --icon-accent-strong: #efe0d2;
    --icon-black: #1b1c1d;
    --icon-disabled: #6c7075;
    --icon-error: #ff8389;
    --icon-helper: #aaadb0;
    --icon-info: #92a9bc;
    --icon-inverse-error: #da1e28;
    --icon-inverse-info: #386285;
    --icon-inverse-primary: #1b1c1d;
    --icon-inverse-secondary: #515457;
    --icon-inverse-success: #198038;
    --icon-inverse-warning: #b28600;
    --icon-on-color-disabled: #8a8e93;
    --icon-primary: #f4f4f4;
    --icon-secondary: #d7d9db;
    --icon-success: #42be65;
    --icon-warning: #f1c21b;
    --icon-white: #ffffff;
    --layer-accent-01: #2c2116;
    --layer-accent-02: #483623;
    --layer-accent-alpha-01: #daba9a14;
    --layer-accent-alpha-02: #daba9a29;
    --layer-accent-alpha-03: #daba9a52;
    --layer-alpha-0: #ffffff00;
    --layer-alpha-01: #ffffff0f;
    --layer-alpha-02: #ffffff1a;
    --layer-alpha-03: #ffffff29;
    --layer-alpha-hover-01: #ffffff1a;
    --layer-alpha-hover-02: #ffffff29;
    --layer-alpha-hover-03: #ffffff33;
    --layer-alpha-pressed-01: #ffffff29;
    --layer-alpha-pressed-02: #ffffff33;
    --layer-alpha-pressed-03: #ffffff42;
    --layer-black: #1b1c1d;
    --layer-black-alpha-01: #6c70751f;
    --layer-black-alpha-02: #6c707538;
    --layer-black-alpha-hover-01: #6c707529;
    --layer-black-alpha-hover-02: #6c707542;
    --layer-black-alpha-pressed-01: #6c707542;
    --layer-black-alpha-pressed-02: #6c70755c;
    --layer-disabled: #3f4245;
    --layer-hover-01: #2a2b2d;
    --layer-hover-02: #2a2b2d;
    --layer-hover-03: #313335;
    --layer-inverse-01: #ffffff;
    --layer-inverse-02: #f4f4f4;
    --layer-inverse-alpha-01: #6c70750f;
    --layer-inverse-alpha-02: #6c70751f;
    --layer-inverse-alpha-hover-01: #6c70751a;
    --layer-inverse-alpha-hover-02: #6c707529;
    --layer-inverse-alpha-pressed-01: #6c70751f;
    --layer-inverse-alpha-pressed-02: #6c707538;
    --layer-inverse-hover-01: #ecedee;
    --layer-inverse-pressed-01: #d7d9db;
    --layer-01: #1b1c1d;
    --layer-02: #222425;
    --layer-03: #2f3032;
    --layer-04: #2a2b2d;
    --layer-05: #313335;
    --layer-06: #474a4d;
    --layer-pressed-01: #313335;
    --layer-pressed-02: #313335;
    --layer-pressed-03: #3f4245;
    --layer-white: #ffffff;
    --layer-white-alpha-01: #ffffff0f;
    --layer-white-alpha-02: #ffffff1f;
    --layer-white-alpha-hover-01: #ffffff1a;
    --layer-white-alpha-hover-02: #ffffff29;
    --layer-white-alpha-pressed-01: #ffffff29;
    --layer-white-alpha-pressed-02: #ffffff33;
    --link-clicked: #efe0d2;
    --link-hover: #e6d1bc;
    --link: #daba9a;
    --packages-large-background: #3e3014;
    --packages-large-background-border: #634d21;
    --packages-large-background-hover: #503f1b;
    --packages-large-background-on-color: #7d5b16;
    --packages-large-background-pressed: #634d21;
    --packages-large-background-text: #f9e0a9;
    --packages-large-icon: #f9e0a9;
    --packages-medium-background: #281e43;
    --packages-medium-background-border: #483678;
    --packages-medium-background-hover: #342858;
    --packages-medium-background-on-color: #503c86;
    --packages-medium-background-pressed: #483678;
    --packages-medium-background-text: #dfd3fd;
    --packages-medium-icon: #dfd3fd;
    --packages-solo-background: #1f3042;
    --packages-solo-background-hover: #1e3448;
    --packages-solo-background-on-color: #294560;
    --packages-solo-background-pressed: #274059;
    --packages-solo-border: #274059;
    --packages-solo-icon: #d3d9de;
    --packages-solo-text: #d3d9de;
    --packages-small-background: #0b2d24;
    --packages-small-background-border: #144d3f;
    --packages-small-background-hover: #103d31;
    --packages-small-background-icon: #adebdc;
    --packages-small-background-on-color: #19624f;
    --packages-small-background-pressed: #144d3f;
    --packages-small-background-text: #adebdc;
    --packages-status-background: #381b15;
    --packages-status-background-hover: #4e251d;
    --packages-status-background-on-color: #7b3628;
    --packages-status-background-pressed: #612e24;
    --packages-status-border: #612e24;
    --packages-status-icon: #fcd6cf;
    --packages-status-text: #fcd6cf;
    --status-accent-01: #483623;
    --status-accent-02: #daba9a;
    --status-announcement-01: #644930;
    --status-announcement-02: #7d5e40;
    --status-error-01: #6c0f14;
    --status-error-02: #fa4d56;
    --status-error-alpha-01: #fa4d5629;
    --status-error-alpha-02: #fa4d565c;
    --status-info-01: #233d53;
    --status-info-02: #6888a2;
    --status-info-alpha-01: #6888a22e;
    --status-info-alpha-02: #6888a252;
    --status-neutral-01: #f7f7f8;
    --status-neutral-02: #2f3032;
    --status-neutral-03: #3f4245;
    --status-neutral-alpha-01: #ffffff0f;
    --status-neutral-alpha-02: #ffffff1f;
    --status-success-01: #0d441e;
    --status-success-02: #42be65;
    --status-success-alpha-01: #24a14830;
    --status-success-alpha-02: #24a1484d;
    --status-warning-01: #523d00;
    --status-warning-02: #f1c21b;
    --status-warning-alpha-01: #d2a10629;
    --status-warning-alpha-02: #d2a10657;
    --support-caret: #daba9a;
    --support-divider-01: #3f4245;
    --support-divider-02: #515457;
    --support-divider-03: #2a2b2d;
    --support-divider-alpha-01: #ffffff1f;
    --support-divider-alpha-02: #ffffff33;
    --support-overlay-canvas: #0f0f10ad;
    --support-overlay-media: #6c70750f;
    --support-skeleton: #3f4245;
    --support-skeleton-background: #2f3032;
    --support-01: #6c7075;
    --support-02: #989ba0;
    --support-03: #515457;
    --support-04: #515457;
    --text-accent: #daba9a;
    --text-accent-strong: #efe0d2;
    --text-black: #1b1c1d;
    --text-disabled: #6c7075;
    --text-error: #ff8389;
    --text-helper: #aaadb0;
    --text-info: #92a9bc;
    --text-inverse-error: #da1e28;
    --text-inverse-info: #386285;
    --text-inverse-primary: #1b1c1d;
    --text-inverse-secondary: #515457;
    --text-inverse-success: #198038;
    --text-inverse-warning: #b28600;
    --text-on-color-disabled: #8a8e93;
    --text-placeholder: #73777d;
    --text-primary: #f4f4f4;
    --text-secondary: #d7d9db;
    --text-success: #42be65;
    --text-warning: #f1c21b;
    --text-white: #ffffff;
    --illustration-black-01: #191a1a;
    --illustration-black-02: #fdfdfd;
    --illustration-black-03: #b75536;
    --illustration-black-04: #8270aa;
    --illustration-black-05: #c5bcf1;
    --illustration-primary-01: #c29971;
    --illustration-primary-02: #dab896;
    --illustration-primary-03: #e8d3be;
    --illustration-primary-04: #f0ded6;
    --illustration-secondary-01: #ff8a68;
    --illustration-secondary-02: #ffb087;
    --illustration-secondary-03: #ffe4dc;
    --illustration-white-01: #fefefe;
    --illustration-white-02: #fff8f2;
    --illustration-white-03: #8270aa;
    --illustration-white-04: #c5bcf1;
}

html.solo.dark {
    /* SOLO Dark */
    /* color */
    --background-accent: #ffb42e;
    --background-01: #1b1c1d;
    --background-02: #161718;
    --border-alpha-0: #ffffff00;
    --border-alpha-01: #ffffff1f;
    --border-alpha-02: #ffffff33;
    --border-black: #1b1c1d;
    --border-01: #515457;
    --border-02: #6c7075;
    --border-03: #2a2b2d;
    --border-04: #1b1c1d;
    --border-disabled: #6c7075;
    --border-error: #ff8389;
    --border-hover-01: #989ba0;
    --border-hover-02: #989ba0;
    --border-info: #92a9bc;
    --border-inverse-error: #da1e28;
    --border-inverse-info: #386285;
    --border-inverse-primary: #161718;
    --border-inverse-secondary: #515457;
    --border-inverse-success: #198038;
    --border-inverse-warning: #b28600;
    --border-pressed-01: #aaadb0;
    --border-pressed-02: #aaadb0;
    --border-selected: #ffb42e;
    --border-selected-strong: #ffd994;
    --border-strong: #f4f4f4;
    --border-success: #42be65;
    --border-warning: #f1c21b;
    --border-white: #ffffff;
    --border-white-alpha-01: #ffffff1f;
    --border-white-alpha-02: #ffffff33;
    --brand-american-express-bright-blue: #006fcf;
    --brand-american-express-bright-blue-alpha-01: #38a3ff14;
    --brand-american-express-bright-blue-alpha-02: #38a3ff29;
    --brand-american-express-bright-blue-alpha-03: #38a3ff42;
    --brand-american-express-bright-blue-inverse: #38a3ff;
    --brand-american-express-deep-blue: #162b75;
    --brand-retail-primary-01: #ff8345;
    --brand-retail-primary-02: #ff5c0a;
    --brand-retail-primary-alpha-01: #ff83451a;
    --brand-retail-primary-alpha-02: #ff834529;
    --brand-retail-primary-alpha-03: #ff83454d;
    --brand-retail-secondary-01: #be95ff;
    --brand-retail-secondary-02: #8a3ffc;
    --brand-retail-secondary-alpha-01: #a56eff14;
    --brand-retail-secondary-alpha-02: #a56eff29;
    --brand-retail-secondary-alpha-03: #a56eff61;
    --brand-solo-primary-01: #ffb42e;
    --brand-solo-primary-02: #faa100;
    --brand-solo-primary-alpha-01: #ffb42e1a;
    --brand-solo-primary-alpha-02: #ffb42e29;
    --brand-solo-primary-alpha-03: #ffb42e54;
    --brand-solo-secondary-01: #be95ff;
    --brand-solo-secondary-02: #8a3ffc;
    --brand-solo-secondary-alpha-01: #a56eff14;
    --brand-solo-secondary-alpha-02: #a56eff29;
    --brand-solo-secondary-alpha-03: #a56eff61;
    --brand-solo-blue-primary-01: #ffb42e;
    --brand-solo-blue-primary-02: #faa100;
    --brand-solo-blue-primary-alpha-01: #ffb42e1a;
    --brand-solo-blue-primary-alpha-02: #ffb42e29;
    --brand-solo-blue-primary-alpha-03: #ffb42e54;
    --brand-solo-blue-primary-blue-01: #1f3042;
    --brand-solo-blue-primary-blue-02: #172331;
    --brand-solo-blue-secondary-01: #aba29a;
    --brand-solo-blue-secondary-02: #8c847c;
    --brand-solo-blue-secondary-alpha-01: #aba29a14;
    --brand-solo-blue-secondary-alpha-02: #aba29a29;
    --brand-solo-blue-secondary-alpha-03: #aba29a61;
    --brand-wealth-primary-01: #daba9a;
    --brand-wealth-primary-02: #c7986b;
    --brand-wealth-primary-alpha-01: #daba9a14;
    --brand-wealth-primary-alpha-02: #daba9a29;
    --brand-wealth-primary-alpha-03: #daba9a52;
    --brand-wealth-secondary-01: #c0b7b5;
    --brand-wealth-secondary-02: #a49894;
    --brand-wealth-secondary-alpha-01: #c0b7b514;
    --brand-wealth-secondary-alpha-02: #c0b7b529;
    --brand-wealth-secondary-alpha-03: #c0b7b561;
    --button-disabled: #3f4245;
    --button-icon-secondary: #ffffff00;
    --button-icon-secondary-hover: #ffffff0f;
    --button-icon-secondary-loading: #ffffff0f;
    --button-icon-secondary-pressed: #ffffff1f;
    --button-negative-hover: #da1e28;
    --button-negative-loading: #fa4d56;
    --button-negative: #fa4d56;
    --button-negative-pressed: #b81922;
    --button-primary-hover: #d68a00;
    --button-primary-loading: #ffc761;
    --button-primary-pressed: #a86c00;
    --button-primary: #faa100;
    --button-secondary-hover: #ffb42e54;
    --button-secondary-loading: #ffba3d38;
    --button-secondary-pressed: #ffba3d61;
    --button-secondary: #ffb42e29;
    --button-secondary-white: #2f3032;
    --button-secondary-white-hover: #3f4245;
    --button-secondary-white-loading: #3f4245;
    --button-secondary-white-pressed: #515457;
    --button-text-black-hover: #ffffff0f;
    --button-text-black-pressed: #ffffff1f;
    --button-text-low: #ffb42e;
    --button-text-low-hover: #ffc761;
    --button-text-low-pressed: #ffd994;
    --button-text-negative: #ffffff00;
    --button-text-negative-hover: #fa4d5629;
    --button-text-negative-loading: #fa4d5617;
    --button-text-negative-pressed: #fa4d565c;
    --button-text-primary: #ffffff00;
    --button-text-primary-loading: #ffffff0f;
    --button-text-primary-hover: #ffffff0f;
    --button-text-primary-pressed: #ffffff1f;
    --button-text-secondary-black: #ffffff00;
    --button-text-secondary-white: #ffffff00;
    --button-text-secondary-white-hover: #ffffff0f;
    --button-text-secondary-white-pressed: #ffffff1f;
    --chips-default: #ffffff1f;
    --chips-disabled: #6c707538;
    --chips-hover: #ffffff33;
    --chips-pressed: #ffffff42;
    --chips-selected: #ffba3d38;
    --chips-selected-hover: #ffba3d61;
    --chips-selected-pressed: #faa10057;
    --decorative-cool-gray-layer: #26292c;
    --decorative-cool-gray-layer-0: #505458;
    --decorative-cool-gray-layer-00: #656a6e;
    --decorative-cool-gray-layer-01: #c1c7cd;
    --decorative-cool-gray-layer-02: #e8ebed;
    --decorative-cool-gray-layer-03: #f4f5f6;
    --decorative-cool-gray-layer-alpha-0: #a2a9b014;
    --decorative-cool-gray-layer-alpha-00: #a2a9b01f;
    --decorative-cool-gray-layer-alpha-01: #a2a9b03d;
    --decorative-cool-gray-layer-alpha-02: #a2a9b052;
    --decorative-cool-gray-layer-alpha-03: #a2a9b085;
    --decorative-cool-gray-layer-alpha-none: #27292b00;
    --decorative-cyan-layer: #232a2e;
    --decorative-cyan-layer-0: #185377;
    --decorative-cyan-layer-00: #206e9e;
    --decorative-cyan-layer-01: #99d8ff;
    --decorative-cyan-layer-02: #d6efff;
    --decorative-cyan-layer-03: #ebf7ff;
    --decorative-cyan-layer-alpha-0: #42b7ff14;
    --decorative-cyan-layer-alpha-00: #42b7ff1f;
    --decorative-cyan-layer-alpha-01: #42b7ff3d;
    --decorative-cyan-layer-alpha-02: #42b7ff52;
    --decorative-cyan-layer-alpha-03: #42b7ff85;
    --decorative-cyan-layer-alpha-none: #242a2d00;
    --decorative-green-layer: #212b21;
    --decorative-green-layer-0: #135d17;
    --decorative-green-layer-00: #18771d;
    --decorative-green-layer-01: #87e58b;
    --decorative-green-layer-02: #ddf8de;
    --decorative-green-layer-03: #eefcee;
    --decorative-green-layer-alpha-0: #4fd15614;
    --decorative-green-layer-alpha-00: #4fd1561f;
    --decorative-green-layer-alpha-01: #4fd1563d;
    --decorative-green-layer-alpha-02: #4fd15652;
    --decorative-green-layer-alpha-03: #4fd15685;
    --decorative-green-layer-alpha-none: #222a2200;
    --decorative-magenta-layer: #2e2428;
    --decorative-magenta-layer-0: #7c3151;
    --decorative-magenta-layer-00: #a4416c;
    --decorative-magenta-layer-01: #ffbdda;
    --decorative-magenta-layer-02: #ffebf3;
    --decorative-magenta-layer-03: #fff5f9;
    --decorative-magenta-layer-alpha-0: #ff8abc14;
    --decorative-magenta-layer-alpha-00: #ff8abc1f;
    --decorative-magenta-layer-alpha-01: #ff8abc29;
    --decorative-magenta-layer-alpha-02: #ff8abc52;
    --decorative-magenta-layer-alpha-03: #ff8abc85;
    --decorative-magenta-layer-alpha-none: #2d252800;
    --decorative-orange-layer: #2b2421;
    --decorative-orange-layer-0: #8b370e;
    --decorative-orange-layer-00: #9e491f;
    --decorative-orange-layer-01: #ffbb99;
    --decorative-orange-layer-02: #ffeae0;
    --decorative-orange-layer-03: #fff5f0;
    --decorative-orange-layer-alpha-0: #ff8e4214;
    --decorative-orange-layer-alpha-00: #ff8e421f;
    --decorative-orange-layer-alpha-01: #ff8e423d;
    --decorative-orange-layer-alpha-02: #ff8e4252;
    --decorative-orange-layer-alpha-03: #ff8e4285;
    --decorative-orange-layer-alpha-none: #2a252200;
    --decorative-purple-layer: #28232f;
    --decorative-purple-layer-0: #5c3696;
    --decorative-purple-layer-00: #7647bd;
    --decorative-purple-layer-01: #dac2ff;
    --decorative-purple-layer-02: #f3ebff;
    --decorative-purple-layer-03: #f9f5ff;
    --decorative-purple-layer-alpha-0: #bc8fff14;
    --decorative-purple-layer-alpha-00: #bc8fff1f;
    --decorative-purple-layer-alpha-01: #bc8fff3d;
    --decorative-purple-layer-alpha-02: #bc8fff52;
    --decorative-purple-layer-alpha-03: #bc8fff85;
    --decorative-purple-layer-alpha-none: #28252d00;
    --decorative-teal-layer: #212b2b;
    --decorative-teal-layer-0: #125959;
    --decorative-teal-layer-00: #187878;
    --decorative-teal-layer-01: #99efef;
    --decorative-teal-layer-02: #d7f9f9;
    --decorative-teal-layer-03: #eefcfc;
    --decorative-teal-layer-alpha-0: #39dada14;
    --decorative-teal-layer-alpha-00: #39dada1f;
    --decorative-teal-layer-alpha-01: #39dada3d;
    --decorative-teal-layer-alpha-02: #39dada52;
    --decorative-teal-layer-alpha-03: #39dada85;
    --decorative-teal-layer-alpha-none: #222a2a00;
    --decorative-warm-gray-layer: #2a2828;
    --decorative-warm-gray-layer-0: #555353;
    --decorative-warm-gray-layer-00: #6b6968;
    --decorative-warm-gray-layer-01: #cac5c4;
    --decorative-warm-gray-layer-02: #eceae9;
    --decorative-warm-gray-layer-03: #f8f7f7;
    --decorative-warm-gray-layer-alpha-0: #ada9a814;
    --decorative-warm-gray-layer-alpha-00: #ada9a81f;
    --decorative-warm-gray-layer-alpha-01: #ada9a83d;
    --decorative-warm-gray-layer-alpha-02: #ada9a852;
    --decorative-warm-gray-layer-alpha-03: #ada9a885;
    --decorative-warm-gray-layer-alpha-none: #2a282800;
    --decorative-yellow-layer: #2b2821;
    --decorative-yellow-layer-0: #75590a;
    --decorative-yellow-layer-00: #96720d;
    --decorative-yellow-layer-01: #ffd561;
    --decorative-yellow-layer-02: #fff1cc;
    --decorative-yellow-layer-03: #fff8e5;
    --decorative-yellow-layer-alpha-0: #f2c33f14;
    --decorative-yellow-layer-alpha-00: #f2c33f1f;
    --decorative-yellow-layer-alpha-01: #f2c33f3d;
    --decorative-yellow-layer-alpha-02: #f2c33f52;
    --decorative-yellow-layer-alpha-03: #f2c33f85;
    --decorative-yellow-layer-alpha-none: #2a282200;
    --focus-01: #ffb42e;
    --header-row-01: #161718;
    --header-row-02: #2f3032;
    --header-row-03: #2f3032;
    --header-row-04: #2f3032;
    --header-button-default: #ffffff0f;
    --header-button-hover: #ffffff1a;
    --header-button-pressed: #ffffff29;
    --header-search-active: #ffffff0f;
    --header-search-default: #ffffff0f;
    --header-search-hover: #ffffff1a;
    --icon-accent: #ffb42e;
    --icon-accent-strong: #ffd994;
    --icon-black: #1b1c1d;
    --icon-disabled: #6c7075;
    --icon-error: #ff8389;
    --icon-helper: #aaadb0;
    --icon-info: #92a9bc;
    --icon-inverse-error: #da1e28;
    --icon-inverse-info: #386285;
    --icon-inverse-primary: #1b1c1d;
    --icon-inverse-secondary: #515457;
    --icon-inverse-success: #198038;
    --icon-inverse-warning: #b28600;
    --icon-on-color-disabled: #8a8e93;
    --icon-primary: #f4f4f4;
    --icon-secondary: #d7d9db;
    --icon-success: #42be65;
    --icon-warning: #f1c21b;
    --icon-white: #ffffff;
    --layer-accent-01: #2e1e00;
    --layer-accent-02: #472e00;
    --layer-accent-alpha-01: #ffb42e1a;
    --layer-accent-alpha-02: #ffb42e29;
    --layer-accent-alpha-03: #ffb42e54;
    --layer-alpha-0: #ffffff00;
    --layer-alpha-01: #ffffff0f;
    --layer-alpha-02: #ffffff1a;
    --layer-alpha-03: #ffffff29;
    --layer-alpha-hover-01: #ffffff1a;
    --layer-alpha-hover-02: #ffffff29;
    --layer-alpha-hover-03: #ffffff33;
    --layer-alpha-pressed-01: #ffffff29;
    --layer-alpha-pressed-02: #ffffff33;
    --layer-alpha-pressed-03: #ffffff42;
    --layer-black: #1b1c1d;
    --layer-black-alpha-01: #6c70751f;
    --layer-black-alpha-02: #6c707538;
    --layer-black-alpha-hover-01: #6c707529;
    --layer-black-alpha-hover-02: #6c707542;
    --layer-black-alpha-pressed-01: #6c707542;
    --layer-black-alpha-pressed-02: #6c70755c;
    --layer-disabled: #3f4245;
    --layer-hover-01: #2a2b2d;
    --layer-hover-02: #2a2b2d;
    --layer-hover-03: #313335;
    --layer-inverse-01: #ffffff;
    --layer-inverse-02: #f4f4f4;
    --layer-inverse-alpha-01: #6c70750f;
    --layer-inverse-alpha-02: #6c70751f;
    --layer-inverse-alpha-hover-01: #6c70751a;
    --layer-inverse-alpha-hover-02: #6c707529;
    --layer-inverse-alpha-pressed-01: #6c707529;
    --layer-inverse-alpha-pressed-02: #6c707538;
    --layer-inverse-hover-01: #ecedee;
    --layer-inverse-pressed-01: #d7d9db;
    --layer-01: #1b1c1d;
    --layer-02: #222425;
    --layer-03: #2f3032;
    --layer-04: #2a2b2d;
    --layer-05: #313335;
    --layer-06: #474a4d;
    --layer-pressed-01: #313335;
    --layer-pressed-02: #313335;
    --layer-pressed-03: #3f4245;
    --layer-white: #ffffff;
    --layer-white-alpha-01: #ffffff0f;
    --layer-white-alpha-02: #ffffff1f;
    --layer-white-alpha-hover-01: #ffffff1a;
    --layer-white-alpha-hover-02: #ffffff29;
    --layer-white-alpha-pressed-01: #ffffff29;
    --layer-white-alpha-pressed-02: #ffffff33;
    --link-clicked: #ffd994;
    --link-hover: #ffc761;
    --link: #ffb42e;
    --packages-large-background: #3e3014;
    --packages-large-background-border: #634d21;
    --packages-large-background-hover: #503f1b;
    --packages-large-background-on-color: #7d5b16;
    --packages-large-background-pressed: #634d21;
    --packages-large-background-text: #f9e0a9;
    --packages-large-icon: #f9e0a9;
    --packages-medium-background: #281e43;
    --packages-medium-background-border: #483678;
    --packages-medium-background-hover: #342858;
    --packages-medium-background-on-color: #503c86;
    --packages-medium-background-pressed: #483678;
    --packages-medium-background-text: #dfd3fd;
    --packages-medium-icon: #dfd3fd;
    --packages-solo-background: #1f3042;
    --packages-solo-background-hover: #1e3448;
    --packages-solo-background-on-color: #294560;
    --packages-solo-background-pressed: #274059;
    --packages-solo-border: #274059;
    --packages-solo-icon: #d3d9de;
    --packages-solo-text: #d3d9de;
    --packages-small-background: #0b2d24;
    --packages-small-background-border: #144d3f;
    --packages-small-background-hover: #103d31;
    --packages-small-background-icon: #adebdc;
    --packages-small-background-on-color: #19624f;
    --packages-small-background-pressed: #144d3f;
    --packages-small-background-text: #adebdc;
    --packages-status-background: #381b15;
    --packages-status-background-hover: #4e251d;
    --packages-status-background-on-color: #7b3628;
    --packages-status-background-pressed: #612e24;
    --packages-status-border: #612e24;
    --packages-status-icon: #fcd6cf;
    --packages-status-text: #fcd6cf;
    --status-accent-01: #523400;
    --status-accent-02: #ffb42e;
    --status-announcement-01: #273c53;
    --status-announcement-02: #375576;
    --status-error-01: #6c0f14;
    --status-error-02: #fa4d56;
    --status-error-alpha-01: #fa4d5629;
    --status-error-alpha-02: #fa4d565c;
    --status-info-01: #233d53;
    --status-info-02: #6888a2;
    --status-info-alpha-01: #6888a22e;
    --status-info-alpha-02: #6888a252;
    --status-neutral-01: #f7f7f8;
    --status-neutral-02: #2f3032;
    --status-neutral-03: #3f4245;
    --status-neutral-alpha-01: #ffffff0f;
    --status-neutral-alpha-02: #ffffff1f;
    --status-success-01: #0d441e;
    --status-success-02: #42be65;
    --status-success-alpha-01: #24a14830;
    --status-success-alpha-02: #24a1484d;
    --status-warning-01: #523d00;
    --status-warning-02: #f1c21b;
    --status-warning-alpha-01: #d2a10629;
    --status-warning-alpha-02: #d2a10657;
    --support-caret: #ffb42e;
    --support-divider-01: #3f4245;
    --support-divider-02: #515457;
    --support-divider-03: #2a2b2d;
    --support-divider-alpha-01: #ffffff1f;
    --support-divider-alpha-02: #ffffff33;
    --support-overlay-canvas: #0f0f10ad;
    --support-overlay-media: #6c70750f;
    --support-skeleton: #3f4245;
    --support-skeleton-background: #2f3032;
    --support-01: #6c7075;
    --support-02: #989ba0;
    --support-03: #515457;
    --support-04: #515457;
    --text-accent: #ffb42e;
    --text-accent-strong: #ffd994;
    --text-black: #1b1c1d;
    --text-disabled: #6c7075;
    --text-error: #ff8389;
    --text-helper: #aaadb0;
    --text-info: #92a9bc;
    --text-inverse-error: #da1e28;
    --text-inverse-info: #386285;
    --text-inverse-primary: #1b1c1d;
    --text-inverse-secondary: #515457;
    --text-inverse-success: #198038;
    --text-inverse-warning: #b28600;
    --text-on-color-disabled: #8a8e93;
    --text-placeholder: #73777d;
    --text-primary: #f4f4f4;
    --text-secondary: #d7d9db;
    --text-success: #42be65;
    --text-warning: #f1c21b;
    --text-white: #ffffff;
    --illustration-black-01: #191a1a;
    --illustration-black-02: #fdfdfd;
    --illustration-black-03: #b75536;
    --illustration-black-04: #8270aa;
    --illustration-black-05: #c5bcf1;
    --illustration-primary-01: #ffb021;
    --illustration-primary-02: #ffc763;
    --illustration-primary-03: #ffd994;
    --illustration-primary-04: #ffe7ba;
    --illustration-secondary-01: #8270a9;
    --illustration-secondary-02: #9d89eb;
    --illustration-secondary-03: #c5bcf1;
    --illustration-white-01: #fefefe;
    --illustration-white-02: #fff9e9;
    --illustration-white-03: #8270aa;
    --illustration-white-04: #c5bcf1;
}

html.business {
    /* Business  Light */
    /* color */
    --background-accent: #3c354b;
    --background-01: #ffffff;
    --background-02: #f4f4f4;
    --border-alpha-0: #ffffff00;
    --border-alpha-01: #6c70751f;
    --border-alpha-02: #6c707538;
    --border-black: #1b1c1d;
    --border-01: #d7d9db;
    --border-02: #8a8e93;
    --border-03: #e5e6e7;
    --border-04: #ffffff;
    --border-disabled: #aaadb0;
    --border-error: #da1e28;
    --border-hover-01: #989ba0;
    --border-hover-02: #515457;
    --border-info: #386285;
    --border-inverse-error: #ff8389;
    --border-inverse-info: #92a9bc;
    --border-inverse-primary: #f7f7f8;
    --border-inverse-secondary: #d7d9db;
    --border-inverse-success: #42be65;
    --border-inverse-warning: #f1c21b;
    --border-pressed-01: #515457;
    --border-pressed-02: #515457;
    --border-selected: #ff5c0a;
    --border-selected-strong: #a83200;
    --border-strong: #1b1c1d;
    --border-success: #198038;
    --border-warning: #b28600;
    --border-white: #ffffff;
    --border-white-alpha-01: #ffffff1f;
    --border-white-alpha-02: #ffffff33;
    --brand-american-express-bright-blue: #006fcf;
    --brand-american-express-bright-blue-alpha-01: #006fcf14;
    --brand-american-express-bright-blue-alpha-02: #006fcf29;
    --brand-american-express-bright-blue-alpha-03: #006fcf42;
    --brand-american-express-bright-blue-inverse: #006fcf;
    --brand-american-express-deep-blue: #162b75;
    --brand-retail-primary-01: #ff5c0a;
    --brand-retail-primary-02: #e04b00;
    --brand-retail-primary-alpha-01: #ff5c0a14;
    --brand-retail-primary-alpha-02: #ff5c0a29;
    --brand-retail-primary-alpha-03: #ff5c0a52;
    --brand-retail-secondary-01: #8a3ffc;
    --brand-retail-secondary-02: #6929c4;
    --brand-retail-secondary-alpha-01: #8a3ffc14;
    --brand-retail-secondary-alpha-02: #8a3ffc29;
    --brand-retail-secondary-alpha-03: #8a3ffc61;
    --brand-solo-primary-01: #faa100;
    --brand-solo-primary-02: #d68a00;
    --brand-solo-primary-alpha-01: #faa1001a;
    --brand-solo-primary-alpha-02: #faa10033;
    --brand-solo-primary-alpha-03: #faa10057;
    --brand-solo-secondary-01: #8a3ffc;
    --brand-solo-secondary-02: #6929c4;
    --brand-solo-secondary-alpha-01: #8a3ffc14;
    --brand-solo-secondary-alpha-02: #8a3ffc29;
    --brand-solo-secondary-alpha-03: #8a3ffc61;
    --brand-solo-blue-primary-01: #faa100;
    --brand-solo-blue-primary-02: #d68a00;
    --brand-solo-blue-primary-alpha-01: #faa1001a;
    --brand-solo-blue-primary-alpha-02: #faa10033;
    --brand-solo-blue-primary-alpha-03: #faa10057;
    --brand-solo-blue-primary-blue-01: #1f3042;
    --brand-solo-blue-primary-blue-02: #172331;
    --brand-solo-blue-secondary-01: #8c847c;
    --brand-solo-blue-secondary-02: #6e6760;
    --brand-solo-blue-secondary-alpha-01: #8c847c14;
    --brand-solo-blue-secondary-alpha-02: #8c847c29;
    --brand-solo-blue-secondary-alpha-03: #8c847c61;
    --brand-wealth-primary-01: #c7986b;
    --brand-wealth-primary-02: #96724f;
    --brand-wealth-primary-alpha-01: #c7986b1a;
    --brand-wealth-primary-alpha-02: #c7986b33;
    --brand-wealth-primary-alpha-03: #c7986b52;
    --brand-wealth-secondary-01: #a49894;
    --brand-wealth-secondary-02: #8c7d78;
    --brand-wealth-secondary-alpha-01: #a4989414;
    --brand-wealth-secondary-alpha-02: #a4989429;
    --brand-wealth-secondary-alpha-03: #a4989461;
    --button-disabled: #f4f4f4;
    --button-icon-secondary: #ffffff00;
    --button-icon-secondary-hover: #6c70750f;
    --button-icon-secondary-loading: #6c70750f;
    --button-icon-secondary-pressed: #6c70751f;
    --button-negative-hover: #b81922;
    --button-negative-loading: #fa4d56;
    --button-negative: #da1e28;
    --button-negative-pressed: #8f141a;
    --button-primary-hover: #e04b00;
    --button-primary-loading: #ffa578;
    --button-primary-pressed: #a83200;
    --button-primary: #ff5c0a;
    --button-secondary-hover: #ff5c0a29;
    --button-secondary-loading: #ff5c0a14;
    --button-secondary-pressed: #ff5c0a52;
    --button-secondary: #ff5c0a14;
    --button-secondary-white: #ffffff;
    --button-secondary-white-hover: #e5e6e7;
    --button-secondary-white-loading: #e5e6e7;
    --button-secondary-white-pressed: #d0d1d3;
    --button-text-black-hover: #6c70750f;
    --button-text-black-pressed: #6c70751f;
    --button-text-low: #ff5c0a;
    --button-text-low-hover: #e04b00;
    --button-text-low-pressed: #cc4400;
    --button-text-negative: #ffffff00;
    --button-text-negative-hover: #da1e2814;
    --button-text-negative-loading: #da1e2814;
    --button-text-negative-pressed: #da1e2829;
    --button-text-primary: #ffffff00;
    --button-text-primary-loading: #6c70750f;
    --button-text-primary-hover: #6c70750f;
    --button-text-primary-pressed: #6c70751f;
    --button-text-secondary-black: #ffffff00;
    --button-text-secondary-white: #ffffff00;
    --button-text-secondary-white-hover: #ffffff0f;
    --button-text-secondary-white-pressed: #ffffff1f;
    --chips-default: #6c70751a;
    --chips-disabled: #6c70751f;
    --chips-hover: #6c707529;
    --chips-pressed: #6c707542;
    --chips-selected: #ff5c0a29;
    --chips-selected-hover: #ff5c0a52;
    --chips-selected-pressed: #e64d005c;
    --decorative-cool-gray-layer: #f4f5f6;
    --decorative-cool-gray-layer-0: #f4f5f6;
    --decorative-cool-gray-layer-00: #e8ebed;
    --decorative-cool-gray-layer-01: #a2a9b0;
    --decorative-cool-gray-layer-02: #656a6e;
    --decorative-cool-gray-layer-03: #505458;
    --decorative-cool-gray-layer-alpha-0: #a2a9b014;
    --decorative-cool-gray-layer-alpha-00: #a2a9b01f;
    --decorative-cool-gray-layer-alpha-01: #a2a9b03d;
    --decorative-cool-gray-layer-alpha-02: #a2a9b052;
    --decorative-cool-gray-layer-alpha-03: #a2a9b085;
    --decorative-cool-gray-layer-alpha-none: #f4f5f600;
    --decorative-cyan-layer: #ebf7ff;
    --decorative-cyan-layer-0: #ebf7ff;
    --decorative-cyan-layer-00: #d6efff;
    --decorative-cyan-layer-01: #42b7ff;
    --decorative-cyan-layer-02: #206e9e;
    --decorative-cyan-layer-03: #185377;
    --decorative-cyan-layer-alpha-0: #42b7ff14;
    --decorative-cyan-layer-alpha-00: #42b7ff1f;
    --decorative-cyan-layer-alpha-01: #42b7ff3d;
    --decorative-cyan-layer-alpha-02: #42b7ff52;
    --decorative-cyan-layer-alpha-03: #42b7ff85;
    --decorative-cyan-layer-alpha-none: #ebf7ff00;
    --decorative-green-layer: #eefcee;
    --decorative-green-layer-0: #eefcee;
    --decorative-green-layer-00: #ddf8de;
    --decorative-green-layer-01: #4fd156;
    --decorative-green-layer-02: #18771d;
    --decorative-green-layer-03: #135d17;
    --decorative-green-layer-alpha-0: #4fd15614;
    --decorative-green-layer-alpha-00: #4fd1561f;
    --decorative-green-layer-alpha-01: #4fd1563d;
    --decorative-green-layer-alpha-02: #4fd15652;
    --decorative-green-layer-alpha-03: #4fd15685;
    --decorative-green-layer-alpha-none: #f2fdf300;
    --decorative-magenta-layer: #fff5f9;
    --decorative-magenta-layer-0: #fff5f9;
    --decorative-magenta-layer-00: #ffebf3;
    --decorative-magenta-layer-01: #ff8abc;
    --decorative-magenta-layer-02: #a4416c;
    --decorative-magenta-layer-03: #7c3151;
    --decorative-magenta-layer-alpha-0: #ff8abc14;
    --decorative-magenta-layer-alpha-00: #ff8abc1f;
    --decorative-magenta-layer-alpha-01: #ff8abc29;
    --decorative-magenta-layer-alpha-02: #ff8abc52;
    --decorative-magenta-layer-alpha-03: #ff8abc85;
    --decorative-magenta-layer-alpha-none: #fff5f900;
    --decorative-orange-layer: #fff5f0;
    --decorative-orange-layer-0: #fff5f0;
    --decorative-orange-layer-00: #ffeae0;
    --decorative-orange-layer-01: #ff8e42;
    --decorative-orange-layer-02: #9e491f;
    --decorative-orange-layer-03: #8b370e;
    --decorative-orange-layer-alpha-0: #ff8e4214;
    --decorative-orange-layer-alpha-00: #ff8e421f;
    --decorative-orange-layer-alpha-01: #ff8e423d;
    --decorative-orange-layer-alpha-02: #ff8e4252;
    --decorative-orange-layer-alpha-03: #ff8e4285;
    --decorative-orange-layer-alpha-none: #fff5f000;
    --decorative-purple-layer: #f9f5ff;
    --decorative-purple-layer-0: #f9f5ff;
    --decorative-purple-layer-00: #f3ebff;
    --decorative-purple-layer-01: #bc8fff;
    --decorative-purple-layer-02: #7647bd;
    --decorative-purple-layer-03: #5c3696;
    --decorative-purple-layer-alpha-0: #bc8fff14;
    --decorative-purple-layer-alpha-00: #bc8fff1f;
    --decorative-purple-layer-alpha-01: #bc8fff3d;
    --decorative-purple-layer-alpha-02: #bc8fff52;
    --decorative-purple-layer-alpha-03: #bc8fff85;
    --decorative-purple-layer-alpha-none: #f9f5ff00;
    --decorative-teal-layer: #eefcfc;
    --decorative-teal-layer-0: #eefcfc;
    --decorative-teal-layer-00: #d7f9f9;
    --decorative-teal-layer-01: #39dada;
    --decorative-teal-layer-02: #187878;
    --decorative-teal-layer-03: #125959;
    --decorative-teal-layer-alpha-0: #39dada14;
    --decorative-teal-layer-alpha-00: #39dada1f;
    --decorative-teal-layer-alpha-01: #39dada3d;
    --decorative-teal-layer-alpha-02: #39dada52;
    --decorative-teal-layer-alpha-03: #39dada85;
    --decorative-teal-layer-alpha-none: #eefcfc00;
    --decorative-warm-gray-layer: #f8f7f7;
    --decorative-warm-gray-layer-0: #f8f7f7;
    --decorative-warm-gray-layer-00: #eceae9;
    --decorative-warm-gray-layer-01: #ada9a8;
    --decorative-warm-gray-layer-02: #6b6968;
    --decorative-warm-gray-layer-03: #555353;
    --decorative-warm-gray-layer-alpha-0: #ada9a814;
    --decorative-warm-gray-layer-alpha-00: #ada9a81f;
    --decorative-warm-gray-layer-alpha-01: #ada9a83d;
    --decorative-warm-gray-layer-alpha-02: #ada9a852;
    --decorative-warm-gray-layer-alpha-03: #ada9a885;
    --decorative-warm-gray-layer-alpha-none: #f8f7f700;
    --decorative-yellow-layer: #fff8e5;
    --decorative-yellow-layer-0: #fff8e5;
    --decorative-yellow-layer-00: #fff1cc;
    --decorative-yellow-layer-01: #f2c33f;
    --decorative-yellow-layer-02: #96720d;
    --decorative-yellow-layer-03: #75590a;
    --decorative-yellow-layer-alpha-0: #f2c33f14;
    --decorative-yellow-layer-alpha-00: #f2c33f1f;
    --decorative-yellow-layer-alpha-01: #f2c33f3d;
    --decorative-yellow-layer-alpha-02: #f2c33f52;
    --decorative-yellow-layer-alpha-03: #f2c33f85;
    --decorative-yellow-layer-alpha-none: #fff8e500;
    --focus-01: #ff5c0a;
    --header-row-01: #f4f4f4;
    --header-row-02: #3c354b;
    --header-row-03: #3c354b;
    --header-row-04: #6e5880;
    --header-button-default: #ffffff0f;
    --header-button-hover: #ffffff1a;
    --header-button-pressed: #ffffff29;
    --header-search-active: #ffffff;
    --header-search-default: #ffffff0f;
    --header-search-hover: #ffffff1a;
    --icon-accent: #ff5c0a;
    --icon-accent-strong: #a83200;
    --icon-black: #1b1c1d;
    --icon-disabled: #aaadb0;
    --icon-error: #da1e28;
    --icon-helper: #6c7075;
    --icon-info: #386285;
    --icon-inverse-error: #ff8389;
    --icon-inverse-info: #92a9bc;
    --icon-inverse-primary: #f4f4f4;
    --icon-inverse-secondary: #d7d9db;
    --icon-inverse-success: #42be65;
    --icon-inverse-warning: #f1c21b;
    --icon-on-color-disabled: #8a8e93;
    --icon-primary: #1b1c1d;
    --icon-secondary: #515457;
    --icon-success: #198038;
    --icon-warning: #b28600;
    --icon-white: #ffffff;
    --layer-accent-01: #fff3ed;
    --layer-accent-02: #ffe0d0;
    --layer-accent-alpha-01: #ff5c0a14;
    --layer-accent-alpha-02: #ff5c0a29;
    --layer-accent-alpha-03: #ff5c0a52;
    --layer-alpha-0: #ffffff00;
    --layer-alpha-01: #6c70750f;
    --layer-alpha-02: #6c70751f;
    --layer-alpha-03: #6c707538;
    --layer-alpha-hover-01: #6c70751a;
    --layer-alpha-hover-02: #6c707529;
    --layer-alpha-hover-03: #6c707542;
    --layer-alpha-pressed-01: #6c70751f;
    --layer-alpha-pressed-02: #6c707538;
    --layer-alpha-pressed-03: #6c70755c;
    --layer-black: #1b1c1d;
    --layer-black-alpha-01: #6c70750f;
    --layer-black-alpha-02: #6c70751f;
    --layer-black-alpha-hover-01: #6c70751a;
    --layer-black-alpha-hover-02: #6c707529;
    --layer-black-alpha-pressed-01: #6c707529;
    --layer-black-alpha-pressed-02: #6c707538;
    --layer-disabled: #f4f4f4;
    --layer-hover-01: #f1f2f3;
    --layer-hover-02: #f1f2f3;
    --layer-hover-03: #f1f2f3;
    --layer-inverse-01: #1b1c1d;
    --layer-inverse-02: #161718;
    --layer-inverse-alpha-01: #ffffff0f;
    --layer-inverse-alpha-02: #ffffff1f;
    --layer-inverse-alpha-hover-01: #ffffff1a;
    --layer-inverse-alpha-hover-02: #ffffff29;
    --layer-inverse-alpha-pressed-01: #ffffff29;
    --layer-inverse-alpha-pressed-02: #ffffff33;
    --layer-inverse-hover-01: #2a2b2d;
    --layer-inverse-pressed-01: #515457;
    --layer-01: #ffffff;
    --layer-02: #f7f7f8;
    --layer-03: #f4f4f4;
    --layer-04: #ecedee;
    --layer-05: #ffffff;
    --layer-06: #ecedee;
    --layer-pressed-01: #e5e6e7;
    --layer-pressed-02: #e5e6e7;
    --layer-pressed-03: #e5e6e7;
    --layer-white: #ffffff;
    --layer-white-alpha-01: #ffffff0f;
    --layer-white-alpha-02: #ffffff1f;
    --layer-white-alpha-hover-01: #ffffff1a;
    --layer-white-alpha-hover-02: #ffffff29;
    --layer-white-alpha-pressed-01: #ffffff29;
    --layer-white-alpha-pressed-02: #ffffff33;
    --link-clicked: #cc4400;
    --link-hover: #e04b00;
    --link: #ff5c0a;
    --packages-large-background: #fdf4e2;
    --packages-large-background-border: #f9e0a9;
    --packages-large-background-hover: #f9e0a9;
    --packages-large-background-on-color: #f9e0a9;
    --packages-large-background-pressed: #f7d692;
    --packages-large-background-text: #866218;
    --packages-large-icon: #866218;
    --packages-medium-background: #f1ecfe;
    --packages-medium-background-border: #dfd3fd;
    --packages-medium-background-hover: #dfd3fd;
    --packages-medium-background-on-color: #dfd3fd;
    --packages-medium-background-pressed: #d1bffd;
    --packages-medium-background-text: #594294;
    --packages-medium-icon: #594294;
    --packages-solo-background: #e8ebed;
    --packages-solo-background-hover: #d3d9de;
    --packages-solo-background-on-color: #d3d9de;
    --packages-solo-background-pressed: #c5ccd3;
    --packages-solo-border: #d3d9de;
    --packages-solo-icon: #2c4a67;
    --packages-solo-text: #2c4a67;
    --packages-small-background: #dff7f1;
    --packages-small-background-border: #adebdc;
    --packages-small-background-hover: #adebdc;
    --packages-small-background-icon: #1c6e59;
    --packages-small-background-on-color: #adebdc;
    --packages-small-background-pressed: #88e2cc;
    --packages-small-background-text: #1c6e59;
    --packages-status-background: #feefec;
    --packages-status-background-hover: #fcd6cf;
    --packages-status-background-on-color: #fcd6cf;
    --packages-status-background-pressed: #fbc6bb;
    --packages-status-border: #fcd6cf;
    --packages-status-icon: #994433;
    --packages-status-text: #994433;
    --status-accent-01: #fff3ed;
    --status-accent-02: #ff5c0a;
    --status-announcement-01: #f6f2ff;
    --status-announcement-02: #6929c4;
    --status-error-01: #fff1f1;
    --status-error-02: #da1e28;
    --status-error-alpha-01: #da1e2814;
    --status-error-alpha-02: #da1e285c;
    --status-info-01: #f1f4f6;
    --status-info-02: #386285;
    --status-info-alpha-01: #38628514;
    --status-info-alpha-02: #38628552;
    --status-neutral-01: #f7f7f8;
    --status-neutral-02: #f4f4f4;
    --status-neutral-03: #515457;
    --status-neutral-alpha-01: #6c70751a;
    --status-neutral-alpha-02: #6c707529;
    --status-success-01: #dffbe7;
    --status-success-02: #198038;
    --status-success-alpha-01: #24a14814;
    --status-success-alpha-02: #24a14852;
    --status-warning-01: #fcf4d6;
    --status-warning-02: #f1c21b;
    --status-warning-alpha-01: #d2a1061a;
    --status-warning-alpha-02: #d2a10661;
    --support-caret: #ff5c0a;
    --support-divider-01: #e5e6e7;
    --support-divider-02: #d7d9db;
    --support-divider-03: #e5e6e7;
    --support-divider-alpha-01: #6c70751f;
    --support-divider-alpha-02: #6c707538;
    --support-overlay-canvas: #0f0f10ad;
    --support-overlay-media: #6c70750f;
    --support-skeleton: #e5e6e7;
    --support-skeleton-background: #f1f2f3;
    --support-01: #8a8e93;
    --support-02: #73777d;
    --support-03: #aaadb0;
    --support-04: #ffffff;
    --text-accent: #ff5c0a;
    --text-accent-strong: #a83200;
    --text-black: #1b1c1d;
    --text-disabled: #aaadb0;
    --text-error: #da1e28;
    --text-helper: #6c7075;
    --text-info: #386285;
    --text-inverse-error: #ff8389;
    --text-inverse-info: #92a9bc;
    --text-inverse-primary: #f4f4f4;
    --text-inverse-secondary: #d7d9db;
    --text-inverse-success: #42be65;
    --text-inverse-warning: #f1c21b;
    --text-on-color-disabled: #8a8e93;
    --text-placeholder: #989ba0;
    --text-primary: #1b1c1d;
    --text-secondary: #515457;
    --text-success: #198038;
    --text-warning: #b28600;
    --text-white: #ffffff;
    --illustration-black-01: #010101;
    --illustration-black-02: #010102;
    --illustration-black-03: #010103;
    --illustration-black-04: #010104;
    --illustration-black-05: #010105;
    --illustration-primary-01: #ff5c0a;
    --illustration-primary-02: #ff8a68;
    --illustration-primary-03: #ffb087;
    --illustration-primary-04: #ffe4dc;
    --illustration-secondary-01: #707e93;
    --illustration-secondary-02: #bbc2cc;
    --illustration-secondary-03: #dde0e5;
    --illustration-white-01: #fefefe;
    --illustration-white-02: #fdfdfe;
    --illustration-white-03: #fdfdfd;
    --illustration-white-04: #fdfdfc;
}

html.business.dark {
    /* Business Dark */
    /* color */
    --background-accent: #ff8345;
    --background-01: #1b1c1d;
    --background-02: #161718;
    --border-alpha-0: #ffffff00;
    --border-alpha-01: #ffffff1f;
    --border-alpha-02: #ffffff33;
    --border-black: #1b1c1d;
    --border-01: #515457;
    --border-02: #6c7075;
    --border-03: #2a2b2d;
    --border-04: #1b1c1d;
    --border-disabled: #6c7075;
    --border-error: #ff8389;
    --border-hover-01: #989ba0;
    --border-hover-02: #989ba0;
    --border-info: #92a9bc;
    --border-inverse-error: #da1e28;
    --border-inverse-info: #386285;
    --border-inverse-primary: #161718;
    --border-inverse-secondary: #515457;
    --border-inverse-success: #198038;
    --border-inverse-warning: #b28600;
    --border-pressed-01: #aaadb0;
    --border-pressed-02: #aaadb0;
    --border-selected: #ff8345;
    --border-selected-strong: #ffd9be;
    --border-strong: #f4f4f4;
    --border-success: #42be65;
    --border-warning: #f1c21b;
    --border-white: #ffffff;
    --border-white-alpha-01: #ffffff1f;
    --border-white-alpha-02: #ffffff33;
    --brand-american-express-bright-blue: #006fcf;
    --brand-american-express-bright-blue-alpha-01: #38a3ff14;
    --brand-american-express-bright-blue-alpha-02: #38a3ff29;
    --brand-american-express-bright-blue-alpha-03: #38a3ff42;
    --brand-american-express-bright-blue-inverse: #38a3ff;
    --brand-american-express-deep-blue: #162b75;
    --brand-retail-primary-01: #ff8345;
    --brand-retail-primary-02: #ff5c0a;
    --brand-retail-primary-alpha-01: #ff83451a;
    --brand-retail-primary-alpha-02: #ff834529;
    --brand-retail-primary-alpha-03: #ff83454d;
    --brand-retail-secondary-01: #be95ff;
    --brand-retail-secondary-02: #8a3ffc;
    --brand-retail-secondary-alpha-01: #a56eff14;
    --brand-retail-secondary-alpha-02: #a56eff29;
    --brand-retail-secondary-alpha-03: #a56eff61;
    --brand-solo-primary-01: #ffb42e;
    --brand-solo-primary-02: #faa100;
    --brand-solo-primary-alpha-01: #ffb42e1a;
    --brand-solo-primary-alpha-02: #ffb42e29;
    --brand-solo-primary-alpha-03: #ffb42e54;
    --brand-solo-secondary-01: #be95ff;
    --brand-solo-secondary-02: #8a3ffc;
    --brand-solo-secondary-alpha-01: #a56eff14;
    --brand-solo-secondary-alpha-02: #a56eff29;
    --brand-solo-secondary-alpha-03: #a56eff61;
    --brand-solo-blue-primary-01: #ffb42e;
    --brand-solo-blue-primary-02: #faa100;
    --brand-solo-blue-primary-alpha-01: #ffb42e1a;
    --brand-solo-blue-primary-alpha-02: #ffb42e29;
    --brand-solo-blue-primary-alpha-03: #ffb42e54;
    --brand-solo-blue-primary-blue-01: #1f3042;
    --brand-solo-blue-primary-blue-02: #172331;
    --brand-solo-blue-secondary-01: #aba29a;
    --brand-solo-blue-secondary-02: #8c847c;
    --brand-solo-blue-secondary-alpha-01: #aba29a14;
    --brand-solo-blue-secondary-alpha-02: #aba29a29;
    --brand-solo-blue-secondary-alpha-03: #aba29a61;
    --brand-wealth-primary-01: #daba9a;
    --brand-wealth-primary-02: #c7986b;
    --brand-wealth-primary-alpha-01: #daba9a14;
    --brand-wealth-primary-alpha-02: #daba9a29;
    --brand-wealth-primary-alpha-03: #daba9a52;
    --brand-wealth-secondary-01: #c0b7b5;
    --brand-wealth-secondary-02: #a49894;
    --brand-wealth-secondary-alpha-01: #c0b7b514;
    --brand-wealth-secondary-alpha-02: #c0b7b529;
    --brand-wealth-secondary-alpha-03: #c0b7b561;
    --button-disabled: #3f4245;
    --button-icon-secondary: #ffffff00;
    --button-icon-secondary-hover: #ffffff0f;
    --button-icon-secondary-loading: #ffffff0f;
    --button-icon-secondary-pressed: #ffffff1f;
    --button-negative-hover: #da1e28;
    --button-negative-loading: #fa4d56;
    --button-negative: #fa4d56;
    --button-negative-pressed: #b81922;
    --button-primary-hover: #ff5c0a;
    --button-primary-loading: #ffa578;
    --button-primary-pressed: #e04b00;
    --button-primary: #ff8345;
    --button-secondary-hover: #ff83454d;
    --button-secondary-loading: #ff834529;
    --button-secondary-pressed: #ff925c52;
    --button-secondary: #ff834529;
    --button-secondary-white: #2f3032;
    --button-secondary-white-hover: #3f4245;
    --button-secondary-white-loading: #3f4245;
    --button-secondary-white-pressed: #515457;
    --button-text-black-hover: #ffffff0f;
    --button-text-black-pressed: #ffffff1f;
    --button-text-low: #ff8345;
    --button-text-low-hover: #ff925c;
    --button-text-low-pressed: #ffa578;
    --button-text-negative: #ffffff00;
    --button-text-negative-hover: #fa4d5629;
    --button-text-negative-loading: #fa4d5617;
    --button-text-negative-pressed: #fa4d565c;
    --button-text-primary: #ffffff00;
    --button-text-primary-loading: #ffffff0f;
    --button-text-primary-hover: #ffffff0f;
    --button-text-primary-pressed: #ffffff1f;
    --button-text-secondary-black: #ffffff00;
    --button-text-secondary-white: #ffffff00;
    --button-text-secondary-white-hover: #ffffff0f;
    --button-text-secondary-white-pressed: #ffffff1f;
    --chips-default: #ffffff1f;
    --chips-disabled: #6c707538;
    --chips-hover: #ffffff33;
    --chips-pressed: #ffffff42;
    --chips-selected: #ff925c33;
    --chips-selected-hover: #ff83454d;
    --chips-selected-pressed: #fa68005c;
    --decorative-cool-gray-layer: #26292c;
    --decorative-cool-gray-layer-0: #505458;
    --decorative-cool-gray-layer-00: #656a6e;
    --decorative-cool-gray-layer-01: #c1c7cd;
    --decorative-cool-gray-layer-02: #e8ebed;
    --decorative-cool-gray-layer-03: #f4f5f6;
    --decorative-cool-gray-layer-alpha-0: #a2a9b014;
    --decorative-cool-gray-layer-alpha-00: #a2a9b01f;
    --decorative-cool-gray-layer-alpha-01: #a2a9b03d;
    --decorative-cool-gray-layer-alpha-02: #a2a9b052;
    --decorative-cool-gray-layer-alpha-03: #a2a9b085;
    --decorative-cool-gray-layer-alpha-none: #27292b00;
    --decorative-cyan-layer: #232a2e;
    --decorative-cyan-layer-0: #185377;
    --decorative-cyan-layer-00: #206e9e;
    --decorative-cyan-layer-01: #99d8ff;
    --decorative-cyan-layer-02: #d6efff;
    --decorative-cyan-layer-03: #ebf7ff;
    --decorative-cyan-layer-alpha-0: #42b7ff14;
    --decorative-cyan-layer-alpha-00: #42b7ff1f;
    --decorative-cyan-layer-alpha-01: #42b7ff3d;
    --decorative-cyan-layer-alpha-02: #42b7ff52;
    --decorative-cyan-layer-alpha-03: #42b7ff85;
    --decorative-cyan-layer-alpha-none: #242a2d00;
    --decorative-green-layer: #212b21;
    --decorative-green-layer-0: #135d17;
    --decorative-green-layer-00: #18771d;
    --decorative-green-layer-01: #87e58b;
    --decorative-green-layer-02: #ddf8de;
    --decorative-green-layer-03: #eefcee;
    --decorative-green-layer-alpha-0: #4fd15614;
    --decorative-green-layer-alpha-00: #4fd1561f;
    --decorative-green-layer-alpha-01: #4fd1563d;
    --decorative-green-layer-alpha-02: #4fd15652;
    --decorative-green-layer-alpha-03: #4fd15685;
    --decorative-green-layer-alpha-none: #222a2200;
    --decorative-magenta-layer: #2e2428;
    --decorative-magenta-layer-0: #7c3151;
    --decorative-magenta-layer-00: #a4416c;
    --decorative-magenta-layer-01: #ffbdda;
    --decorative-magenta-layer-02: #ffebf3;
    --decorative-magenta-layer-03: #fff5f9;
    --decorative-magenta-layer-alpha-0: #ff8abc14;
    --decorative-magenta-layer-alpha-00: #ff8abc1f;
    --decorative-magenta-layer-alpha-01: #ff8abc29;
    --decorative-magenta-layer-alpha-02: #ff8abc52;
    --decorative-magenta-layer-alpha-03: #ff8abc85;
    --decorative-magenta-layer-alpha-none: #2d252800;
    --decorative-orange-layer: #2b2421;
    --decorative-orange-layer-0: #8b370e;
    --decorative-orange-layer-00: #9e491f;
    --decorative-orange-layer-01: #ffbb99;
    --decorative-orange-layer-02: #ffeae0;
    --decorative-orange-layer-03: #fff5f0;
    --decorative-orange-layer-alpha-0: #ff8e4214;
    --decorative-orange-layer-alpha-00: #ff8e421f;
    --decorative-orange-layer-alpha-01: #ff8e423d;
    --decorative-orange-layer-alpha-02: #ff8e4252;
    --decorative-orange-layer-alpha-03: #ff8e4285;
    --decorative-orange-layer-alpha-none: #2a252200;
    --decorative-purple-layer: #28232f;
    --decorative-purple-layer-0: #5c3696;
    --decorative-purple-layer-00: #7647bd;
    --decorative-purple-layer-01: #dac2ff;
    --decorative-purple-layer-02: #f3ebff;
    --decorative-purple-layer-03: #f9f5ff;
    --decorative-purple-layer-alpha-0: #bc8fff14;
    --decorative-purple-layer-alpha-00: #bc8fff1f;
    --decorative-purple-layer-alpha-01: #bc8fff3d;
    --decorative-purple-layer-alpha-02: #bc8fff52;
    --decorative-purple-layer-alpha-03: #bc8fff85;
    --decorative-purple-layer-alpha-none: #28252d00;
    --decorative-teal-layer: #212b2b;
    --decorative-teal-layer-0: #125959;
    --decorative-teal-layer-00: #187878;
    --decorative-teal-layer-01: #99efef;
    --decorative-teal-layer-02: #d7f9f9;
    --decorative-teal-layer-03: #eefcfc;
    --decorative-teal-layer-alpha-0: #39dada14;
    --decorative-teal-layer-alpha-00: #39dada1f;
    --decorative-teal-layer-alpha-01: #39dada3d;
    --decorative-teal-layer-alpha-02: #39dada52;
    --decorative-teal-layer-alpha-03: #39dada85;
    --decorative-teal-layer-alpha-none: #222a2a00;
    --decorative-warm-gray-layer: #2a2828;
    --decorative-warm-gray-layer-0: #555353;
    --decorative-warm-gray-layer-00: #6b6968;
    --decorative-warm-gray-layer-01: #cac5c4;
    --decorative-warm-gray-layer-02: #eceae9;
    --decorative-warm-gray-layer-03: #f8f7f7;
    --decorative-warm-gray-layer-alpha-0: #ada9a814;
    --decorative-warm-gray-layer-alpha-00: #ada9a81f;
    --decorative-warm-gray-layer-alpha-01: #ada9a83d;
    --decorative-warm-gray-layer-alpha-02: #ada9a852;
    --decorative-warm-gray-layer-alpha-03: #ada9a885;
    --decorative-warm-gray-layer-alpha-none: #2a282800;
    --decorative-yellow-layer: #2b2821;
    --decorative-yellow-layer-0: #75590a;
    --decorative-yellow-layer-00: #96720d;
    --decorative-yellow-layer-01: #ffd561;
    --decorative-yellow-layer-02: #fff1cc;
    --decorative-yellow-layer-03: #fff8e5;
    --decorative-yellow-layer-alpha-0: #f2c33f14;
    --decorative-yellow-layer-alpha-00: #f2c33f1f;
    --decorative-yellow-layer-alpha-01: #f2c33f3d;
    --decorative-yellow-layer-alpha-02: #f2c33f52;
    --decorative-yellow-layer-alpha-03: #f2c33f85;
    --decorative-yellow-layer-alpha-none: #2a282200;
    --focus-01: #ff8345;
    --header-row-01: #161718;
    --header-row-02: #302a3c;
    --header-row-03: #302a3c;
    --header-row-04: #463e56;
    --header-button-default: #ffffff0f;
    --header-button-hover: #ffffff1a;
    --header-button-pressed: #ffffff29;
    --header-search-active: #ffffff0f;
    --header-search-default: #ffffff0f;
    --header-search-hover: #ffffff1a;
    --icon-accent: #ff8345;
    --icon-accent-strong: #ffd9be;
    --icon-black: #1b1c1d;
    --icon-disabled: #6c7075;
    --icon-error: #ff8389;
    --icon-helper: #aaadb0;
    --icon-info: #92a9bc;
    --icon-inverse-error: #da1e28;
    --icon-inverse-info: #386285;
    --icon-inverse-primary: #1b1c1d;
    --icon-inverse-secondary: #515457;
    --icon-inverse-success: #198038;
    --icon-inverse-warning: #b28600;
    --icon-on-color-disabled: #8a8e93;
    --icon-primary: #f4f4f4;
    --icon-secondary: #d7d9db;
    --icon-success: #42be65;
    --icon-warning: #f1c21b;
    --icon-white: #ffffff;
    --layer-accent-01: #421400;
    --layer-accent-02: #4d1700;
    --layer-accent-alpha-01: #ff83451a;
    --layer-accent-alpha-02: #ff834529;
    --layer-accent-alpha-03: #ff83454d;
    --layer-alpha-0: #ffffff00;
    --layer-alpha-01: #ffffff0f;
    --layer-alpha-02: #ffffff1a;
    --layer-alpha-03: #ffffff29;
    --layer-alpha-hover-01: #ffffff1a;
    --layer-alpha-hover-02: #ffffff29;
    --layer-alpha-hover-03: #ffffff33;
    --layer-alpha-pressed-01: #ffffff29;
    --layer-alpha-pressed-02: #ffffff33;
    --layer-alpha-pressed-03: #ffffff42;
    --layer-black: #1b1c1d;
    --layer-black-alpha-01: #6c70751f;
    --layer-black-alpha-02: #6c707538;
    --layer-black-alpha-hover-01: #6c707529;
    --layer-black-alpha-hover-02: #6c707542;
    --layer-black-alpha-pressed-01: #6c707542;
    --layer-black-alpha-pressed-02: #6c70755c;
    --layer-disabled: #3f4245;
    --layer-hover-01: #2a2b2d;
    --layer-hover-02: #2a2b2d;
    --layer-hover-03: #313335;
    --layer-inverse-01: #ffffff;
    --layer-inverse-02: #f4f4f4;
    --layer-inverse-alpha-01: #6c70750f;
    --layer-inverse-alpha-02: #6c70751f;
    --layer-inverse-alpha-hover-01: #6c70751a;
    --layer-inverse-alpha-hover-02: #6c707529;
    --layer-inverse-alpha-pressed-01: #6c70751f;
    --layer-inverse-alpha-pressed-02: #6c707538;
    --layer-inverse-hover-01: #ecedee;
    --layer-inverse-pressed-01: #d7d9db;
    --layer-01: #1b1c1d;
    --layer-02: #222425;
    --layer-03: #2f3032;
    --layer-04: #2a2b2d;
    --layer-05: #313335;
    --layer-06: #474a4d;
    --layer-pressed-01: #313335;
    --layer-pressed-02: #313335;
    --layer-pressed-03: #3f4245;
    --layer-white: #ffffff;
    --layer-white-alpha-01: #ffffff0f;
    --layer-white-alpha-02: #ffffff1f;
    --layer-white-alpha-hover-01: #ffffff1a;
    --layer-white-alpha-hover-02: #ffffff29;
    --layer-white-alpha-pressed-01: #ffffff29;
    --layer-white-alpha-pressed-02: #ffffff33;
    --link-clicked: #ffa578;
    --link-hover: #ff925c;
    --link: #ff8345;
    --packages-large-background: #3e3014;
    --packages-large-background-border: #634d21;
    --packages-large-background-hover: #503f1b;
    --packages-large-background-on-color: #7d5b16;
    --packages-large-background-pressed: #634d21;
    --packages-large-background-text: #f9e0a9;
    --packages-large-icon: #f9e0a9;
    --packages-medium-background: #281e43;
    --packages-medium-background-border: #483678;
    --packages-medium-background-hover: #342858;
    --packages-medium-background-on-color: #503c86;
    --packages-medium-background-pressed: #483678;
    --packages-medium-background-text: #dfd3fd;
    --packages-medium-icon: #dfd3fd;
    --packages-solo-background: #1f3042;
    --packages-solo-background-hover: #1e3448;
    --packages-solo-background-on-color: #294560;
    --packages-solo-background-pressed: #274059;
    --packages-solo-border: #274059;
    --packages-solo-icon: #d3d9de;
    --packages-solo-text: #d3d9de;
    --packages-small-background: #0b2d24;
    --packages-small-background-border: #144d3f;
    --packages-small-background-hover: #103d31;
    --packages-small-background-icon: #adebdc;
    --packages-small-background-on-color: #19624f;
    --packages-small-background-pressed: #144d3f;
    --packages-small-background-text: #adebdc;
    --packages-status-background: #381b15;
    --packages-status-background-hover: #4e251d;
    --packages-status-background-on-color: #7b3628;
    --packages-status-background-pressed: #612e24;
    --packages-status-border: #612e24;
    --packages-status-icon: #fcd6cf;
    --packages-status-text: #fcd6cf;
    --status-accent-01: #661f00;
    --status-accent-02: #ff8345;
    --status-announcement-01: #491d8b;
    --status-announcement-02: #6929c4;
    --status-error-01: #6c0f14;
    --status-error-02: #fa4d56;
    --status-error-alpha-01: #fa4d5629;
    --status-error-alpha-02: #fa4d565c;
    --status-info-01: #233d53;
    --status-info-02: #6888a2;
    --status-info-alpha-01: #6888a22e;
    --status-info-alpha-02: #6888a252;
    --status-neutral-01: #f7f7f8;
    --status-neutral-02: #2f3032;
    --status-neutral-03: #3f4245;
    --status-neutral-alpha-01: #ffffff0f;
    --status-neutral-alpha-02: #ffffff1f;
    --status-success-01: #0d441e;
    --status-success-02: #42be65;
    --status-success-alpha-01: #24a14830;
    --status-success-alpha-02: #24a1484d;
    --status-warning-01: #523d00;
    --status-warning-02: #f1c21b;
    --status-warning-alpha-01: #d2a10629;
    --status-warning-alpha-02: #d2a10657;
    --support-caret: #ff8345;
    --support-divider-01: #3f4245;
    --support-divider-02: #515457;
    --support-divider-03: #2a2b2d;
    --support-divider-alpha-01: #ffffff1f;
    --support-divider-alpha-02: #ffffff33;
    --support-overlay-canvas: #0f0f10ad;
    --support-overlay-media: #6c70750f;
    --support-skeleton: #3f4245;
    --support-skeleton-background: #2f3032;
    --support-01: #6c7075;
    --support-02: #989ba0;
    --support-03: #515457;
    --support-04: #515457;
    --text-accent: #ff8345;
    --text-accent-strong: #ffd9be;
    --text-black: #1b1c1d;
    --text-disabled: #6c7075;
    --text-error: #ff8389;
    --text-helper: #aaadb0;
    --text-info: #92a9bc;
    --text-inverse-error: #da1e28;
    --text-inverse-info: #386285;
    --text-inverse-primary: #1b1c1d;
    --text-inverse-secondary: #515457;
    --text-inverse-success: #198038;
    --text-inverse-warning: #b28600;
    --text-on-color-disabled: #8a8e93;
    --text-placeholder: #73777d;
    --text-primary: #f4f4f4;
    --text-secondary: #d7d9db;
    --text-success: #42be65;
    --text-warning: #f1c21b;
    --text-white: #ffffff;
    --illustration-black-01: #191a1a;
    --illustration-black-02: #8270aa;
    --illustration-black-03: #c5bcf1;
    --illustration-black-04: #b75536;
    --illustration-black-05: #fdfdfd;
    --illustration-primary-01: #fd5300;
    --illustration-primary-02: #fc754b;
    --illustration-primary-03: #fc8c59;
    --illustration-primary-04: #e5b7a4;
    --illustration-secondary-01: #8270aa;
    --illustration-secondary-02: #9f8beb;
    --illustration-secondary-03: #c5bcf1;
    --illustration-white-01: #fefefe;
    --illustration-white-02: #eadfda;
    --illustration-white-03: #8270aa;
    --illustration-white-04: #c5bcf1;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  background: var(--color-greyish-fourth);
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-greyish-third);
}
::-webkit-scrollbar-track {
  background: var(--color-greyish-fifth);
  border-radius: 0px;
  box-shadow: none;
}
html {
  --section-margin: var(--space-96);
  --section-horizontal-spacing: var(--space-24);
  --app-max-width: 856px;
}
html,
body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none !important;
  text-size-adjust: none !important;
  --card-max-width: var(--app-max-width);
  --content-max-width: 416px;
}
/* Large Tablet */
@media (max-width: 1024px) {
  html {
    --section-margin: var(--space-96);
  }
}
/* Small Tablet */
@media (max-width: 768px) {
  html {
    --section-margin: var(--space-64);
  }
}
/* Mobile */
@media (max-width: 425px) {
  html {
    --section-margin: var(--space-64);
  }
}

.auth-overlay {
    position: fixed;
    inset: 0px;
    transition: background 0.2s ease 0s;
    z-index: var(--overlay-z-index, 1);
    will-change: background;
    background: var(--color-black-tr-50);
}