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;
/* *** Colors *** */
/* ** ambassador-blue ** */
--color-ambassador-blue-10: #f1f3f4ff;
--color-ambassador-blue-20: #e5e8ebff;
--color-ambassador-blue-30: #c3c9d0ff;
--color-ambassador-blue-40: #a1aab5ff;
--color-ambassador-blue-50: #7c8a99ff;
--color-ambassador-blue-60: #5b6d7fff;
--color-ambassador-blue-70: #3b4f65ff;
--color-ambassador-blue-80: #1a324cff;
--color-ambassador-blue-90: #162b41ff;
--color-ambassador-blue-100: #132436ff;
--color-ambassador-blue-150: #0f1d2bff;
--color-ambassador-blue-200: #0b1521ff;
--color-ambassador-blue-250: #070e16ff;
/* ** ambassador-blue-alpha ** */
--color-ambassador-blue-alpha-0: #5b6d7f00;
--color-ambassador-blue-alpha-10: #5b6d7f0f;
--color-ambassador-blue-alpha-20: #5b6d7f1f;
--color-ambassador-blue-alpha-30: #5b6d7f45;
--color-ambassador-blue-alpha-40: #5b6d7f8a;
/* ** ambassador-blue-shade ** */
--color-shade-ambassador-blue-10: #e2e6e9ff;
--color-shade-ambassador-blue-20: #d6dbe0ff;
--color-shade-ambassador-blue-30: #b5bcc5ff;
--color-shade-ambassador-blue-40: #929eaaff;
--color-shade-ambassador-blue-50: #6d7c8dff;
--color-shade-ambassador-blue-60: #516171ff;
--color-shade-ambassador-blue-70: #445b74ff;
--color-shade-ambassador-blue-80: #213f5fff;
--color-shade-ambassador-blue-90: #1d3754ff;
--color-shade-ambassador-blue-100: #193048ff;
--color-shade-ambassador-blue-150: #15293cff;
--color-shade-ambassador-blue-200: #122236ff;
--color-shade-ambassador-blue-250: #0e1b2bff;
/* ** ambassador-blue-alpha-shade ** */
--color-shade-ambassador-blue-alpha-0: #51617100;
--color-shade-ambassador-blue-alpha-10: #5161710f;
--color-shade-ambassador-blue-alpha-20: #5161711f;
--color-shade-ambassador-blue-alpha-30: #51617145;
--color-shade-ambassador-blue-alpha-40: #5161718a;
/* ***************************************************************** */
/* ** calypso ** */
--color-calypso-10: #f1f4f6ff;
--color-calypso-20: #d9e1e8ff;
--color-calypso-30: #b9c8d4ff;
--color-calypso-40: #92a9bcff;
--color-calypso-50: #6888a2ff;
--color-calypso-60: #386285ff;
--color-calypso-70: #223a4fff;
--color-calypso-80: #1c2f40ff;
--color-calypso-90: #152532ff;
--color-calypso-100: #0b1319ff;
/* ** calypso-alpha ** */
--color-calypso-alpha-10: #38628514;
--color-calypso-alpha-20: #38628529;
--color-calypso-alpha-30: #38628552;
--color-calypso-d-alpha-10: #6888a214;
--color-calypso-d-alpha-20: #6888a229;
--color-calypso-d-alpha-30: #6888a252;
/* ** calypso-shade ** */
--color-shade-calypso-10: #e6ebefff;
--color-shade-calypso-20: #cfd9e2ff;
--color-shade-calypso-30: #adbecdff;
--color-shade-calypso-40: #819bb1ff;
--color-shade-calypso-50: #597891ff;
--color-shade-calypso-60: #2d4e6aff;
--color-shade-calypso-70: #315472ff;
--color-shade-calypso-80: #254056ff;
--color-shade-calypso-90: #1c2f40ff;
--color-shade-calypso-100: #111d27ff;
/* ** calypso-alpha-shade ** */
--color-shade-calypso-alpha-10: #2d4e6a14;
--color-shade-calypso-alpha-20: #2d4e6a29;
--color-shade-calypso-alpha-30: #2d4e6a52;
--color-shade-calypso-d-alpha-10: #59789114;
--color-shade-calypso-d-alpha-20: #59789129;
--color-shade-calypso-d-alpha-30: #59789152;
/* ***************************************************************** */
/* ** caramel ** */
--color-caramel-10: #f8f3edff;
--color-caramel-20: #f4ebe2ff;
--color-caramel-30: #efe0d2ff;
--color-caramel-40: #e6d1bcff;
--color-caramel-50: #daba9aff;
--color-caramel-60: #cda176ff;
--color-caramel-70: #987a5dff;
--color-caramel-80: #68513bff;
--color-caramel-90: #34291eff;
--color-caramel-100: #2a2118ff;
/* ** caramel-alpha ** */
--color-caramel-alpha-10: #cda17614;
--color-caramel-alpha-20: #cda17629;
--color-caramel-alpha-30: #cda17652;
--color-caramel-d-alpha-10: #daba9a14;
--color-caramel-d-alpha-20: #daba9a29;
--color-caramel-d-alpha-30: #daba9a52;
/* ** caramel-shade ** */
--color-shade-caramel-10: #f0e7dbff;
--color-shade-caramel-20: #e9d6c4ff;
--color-shade-caramel-30: #e4ccb4ff;
--color-shade-caramel-40: #dbbd9eff;
--color-shade-caramel-50: #cfa57cff;
--color-shade-caramel-60: #c28c57ff;
--color-shade-caramel-70: #ad8c6cff;
--color-shade-caramel-80: #886b4eff;
--color-shade-caramel-90: #5b4734ff;
--color-shade-caramel-100: #372b20ff;
/* ** caramel-alpha-shade ** */
--color-shade-caramel-alpha-10: #c28c5714;
--color-shade-caramel-alpha-20: #c28c5729;
--color-shade-caramel-alpha-30: #c28c5752;
--color-shade-caramel-d-alpha-10: #cfa57c14;
--color-shade-caramel-d-alpha-20: #cfa57c29;
--color-shade-caramel-d-alpha-30: #cfa57c52;
/* ***************************************************************** */
/* *** Decorative *** */
/* ** decorative-cool-gray ** */
--color-decorative-cool-gray-1: #f4f5f6;
--color-decorative-cool-gray-5: #ebedef;
--color-decorative-cool-gray-10: #c1c7cdff;
--color-decorative-cool-gray-20: #a2a9b0ff;
--color-decorative-cool-gray-30: #65696eff;
--color-decorative-cool-gray-40: #55595d;
/* ** decorative-cool-gray-alpha ** */
--color-decorative-cool-gray-alpha-1: #a2a9b014;
--color-decorative-cool-gray-alpha-5: #a2a9b01f;
--color-decorative-cool-gray-alpha-10: #a2a9b03d;
--color-decorative-cool-gray-alpha-20: #a2a9b052;
--color-decorative-cool-gray-alpha-30: #a2a9b085;
--color-decorative-cool-gray-d-alpha-1: #c1c7cd14;
--color-decorative-cool-gray-d-alpha-5: #c1c7cd1f;
--color-decorative-cool-gray-d-alpha-10: #c1c7cd29;
--color-decorative-cool-gray-d-alpha-20: #c1c7cd52;
--color-decorative-cool-gray-d-alpha-30: #c1c7cd85;
/* ** decorative-cool-gray-alpha-shade ** */
--color-shade-decorative-cool-gray-alpha-10: #a2a9b061;
--color-shade-decorative-cool-gray-alpha-20: #a2a9b06b;
--color-shade-decorative-cool-gray-alpha-30: #a2a9b0a3;
--color-shade-decorative-cool-gray-d-alpha-10: #c1c7cd3d;
--color-shade-decorative-cool-gray-d-alpha-20: #c1c7cd6b;
--color-shade-decorative-cool-gray-d-alpha-30: #c1c7cda3;
/* ***************************************************************** */
/* ** decorative-cyan ** */
--color-decorative-cyan-1: #ebf7ff;
--color-decorative-cyan-5: #e0f3ff;
--color-decorative-cyan-10: #99d8ff;
--color-decorative-cyan-20: #33b1ffff;
--color-decorative-cyan-30: #206e9eff;
--color-decorative-cyan-40: #1a597f;
/* ** decorative-cyan-alpha ** */
--color-decorative-cyan-alpha-1: #33b1ff14;
--color-decorative-cyan-alpha-5: #33b1ff1f;
--color-decorative-cyan-alpha-10: #33b1ff3d;
--color-decorative-cyan-alpha-20: #33b1ff52;
--color-decorative-cyan-alpha-30: #33b1ff85;
--color-decorative-cyan-d-alpha-1: #82cfff14;
--color-decorative-cyan-d-alpha-5: #82cfff1f;
--color-decorative-cyan-d-alpha-10: #82cfff29;
--color-decorative-cyan-d-alpha-20: #82cfff52;
--color-decorative-cyan-d-alpha-30: #82cfff85;
/* ** decorative-cyan-alpha-shade ** */
--color-shade-decorative-cyan-alpha-10: #33b1ff3d;
--color-shade-decorative-cyan-alpha-20: #33b1ff6b;
--color-shade-decorative-cyan-alpha-30: #33b1ffa3;
--color-shade-decorative-cyan-d-alpha-10: #82cfff3d;
--color-shade-decorative-cyan-d-alpha-20: #82cfff6b;
--color-shade-decorative-cyan-d-alpha-30: #82cfffa3;
/* ***************************************************************** */
/* ** decorative-green ** */
--color-decorative-green-1: #eefcef;
--color-decorative-green-5: #ddf8df;
--color-decorative-green-10: #87e58bff;
--color-decorative-green-20: #4fd154ff;
--color-decorative-green-30: #197d1cff;
--color-decorative-green-40: #146216;
/* ** decorative-green-alpha ** */
--color-decorative-green-alpha-1: #4fd15414;
--color-decorative-green-alpha-5: #4fd1541f;
--color-decorative-green-alpha-10: #4fd1543d;
--color-decorative-green-alpha-20: #4fd15452;
--color-decorative-green-alpha-30: #4fd15485;
--color-decorative-green-d-alpha-1: #87e58b14;
--color-decorative-green-d-alpha-5: #87e58b1f;
--color-decorative-green-d-alpha-10: #87e58b29;
--color-decorative-green-d-alpha-20: #87e58b52;
--color-decorative-green-d-alpha-30: #87e58b85;
/* ** decorative-green-alpha-shade ** */
--color-shade-decorative-green-alpha-10: #4fd15461;
--color-shade-decorative-green-alpha-20: #4fd1546b;
--color-shade-decorative-green-alpha-30: #4fd154a3;
--color-shade-decorative-green-d-alpha-10: #87e58b3d;
--color-shade-decorative-green-d-alpha-20: #87e58b6b;
--color-shade-decorative-green-d-alpha-30: #87e58ba3;
/* ***************************************************************** */
/* ** decorative-magenta ** */
--color-decorative-magenta-1: #fff5fa;
--color-decorative-magenta-5: #ffe5f1;
--color-decorative-magenta-10: #ffbdda;
--color-decorative-magenta-20: #ff99c5;
--color-decorative-magenta-30: #ad4573ff;
--color-decorative-magenta-40: #8b375b;
/* ** decorative-magenta-alpha ** */
--color-decorative-magenta-alpha-1: #ff99c514;
--color-decorative-magenta-alpha-5: #ff99c51f;
--color-decorative-magenta-alpha-10: #ff99c529;
--color-decorative-magenta-alpha-20: #ff99c552;
--color-decorative-magenta-alpha-30: #ff99c585;
--color-decorative-magenta-d-alpha-1: #ffafd214;
--color-decorative-magenta-d-alpha-5: #ffafd21f;
--color-decorative-magenta-d-alpha-10: #ffafd229;
--color-decorative-magenta-d-alpha-20: #ffafd252;
--color-decorative-magenta-d-alpha-30: #ffafd285;
/* ** decorative-magenta-alpha-shade ** */
--color-shade-decorative-magenta-alpha-10: #ff7eb661;
--color-shade-decorative-magenta-alpha-20: #ff7eb66b;
--color-shade-decorative-magenta-alpha-30: #ff7eb6a3;
--color-shade-decorative-magenta-d-alpha-10: #ffafd23d;
--color-shade-decorative-magenta-d-alpha-20: #ffafd26b;
--color-shade-decorative-magenta-d-alpha-30: #ffafd2a3;
/* ***************************************************************** */
/* ** decorative-orange ** */
--color-decorative-orange-1: #fff2eb;
--color-decorative-orange-5: #ffebe0;
--color-decorative-orange-20: #ffa042;
--color-decorative-orange-10: #ffbb99ff;
--color-decorative-orange-30: #b04612ff;
--color-decorative-orange-40: #8b370e;
/* ** decorative-orange-alpha ** */
--color-decorative-orange-alpha-1: #ffa04214;
--color-decorative-orange-alpha-5: #ffa0421f;
--color-decorative-orange-alpha-10: #ffa0423d;
--color-decorative-orange-alpha-20: #ffa04252;
--color-decorative-orange-alpha-30: #ffa04285;
--color-decorative-orange-d-alpha-1: #ffbb9914;
--color-decorative-orange-d-alpha-5: #ffbb991f;
--color-decorative-orange-d-alpha-10: #ffbb993d;
--color-decorative-orange-d-alpha-20: #ffbb9952;
--color-decorative-orange-d-alpha-30: #ffbb9985;
/* ** decorative-orange-alpha-shade ** */
--color-shade-decorative-orange-alpha-10: #ff814261;
--color-shade-decorative-orange-alpha-20: #ff81426b;
--color-shade-decorative-orange-alpha-30: #ff8142a3;
--color-shade-decorative-orange-d-alpha-10: #ffbb993d;
--color-shade-decorative-orange-d-alpha-20: #ffbb996b;
--color-shade-decorative-orange-d-alpha-30: #ffbb99a3;
/* ***************************************************************** */
/* ** decorative-purple ** */
--color-decorative-purple-1: #f9f5ff;
--color-decorative-purple-5: #f3ebff;
--color-decorative-purple-10: #e0ccffff;
--color-decorative-purple-20: #c98fff;
--color-decorative-purple-30: #784cbfff;
--color-decorative-purple-40: #603ba5;
/* ** decorative-purple-alpha ** */
--color-decorative-purple-alpha-1: #c98fff14;
--color-decorative-purple-alpha-5: #c98fff1f;
--color-decorative-purple-alpha-10: #c98fff3d;
--color-decorative-purple-alpha-20: #c98fff52;
--color-decorative-purple-alpha-30: #c98fff85;
--color-decorative-purple-d-alpha-1: #e0ccff14;
--color-decorative-purple-d-alpha-5: #e0ccff1f;
--color-decorative-purple-d-alpha-10: #e0ccff29;
--color-decorative-purple-d-alpha-20: #e0ccff52;
--color-decorative-purple-d-alpha-30: #e0ccff85;
/* ** decorative-purple-alpha-shade ** */
--color-shade-decorative-purple-alpha-10: #a56eff61;
--color-shade-decorative-purple-alpha-20: #a56eff6b;
--color-shade-decorative-purple-alpha-30: #a56effa3;
--color-shade-decorative-purple-d-alpha-10: #e0ccff3d;
--color-shade-decorative-purple-d-alpha-20: #e0ccff6b;
--color-shade-decorative-purple-d-alpha-30: #e0ccffa3;
/* ***************************************************************** */
/* ** decorative-teal ** */
--color-decorative-teal-1: #edfcfc;
--color-decorative-teal-5: #e0fafa;
--color-decorative-teal-10: #9ef0f0ff;
--color-decorative-teal-20: #3ddbd9ff;
--color-decorative-teal-30: #187877ff;
--color-decorative-teal-40: #146261;
/* ** decorative-teal-alpha ** */
--color-decorative-teal-alpha-1: #3ddbd914;
--color-decorative-teal-alpha-5: #3ddbd91f;
--color-decorative-teal-alpha-10: #3ddbd93d;
--color-decorative-teal-alpha-20: #3ddbd952;
--color-decorative-teal-alpha-30: #3ddbd985;
--color-decorative-teal-d-alpha-1: #9ef0f014;
--color-decorative-teal-d-alpha-5: #9ef0f01f;
--color-decorative-teal-d-alpha-10: #9ef0f029;
--color-decorative-teal-d-alpha-20: #9ef0f052;
--color-decorative-teal-d-alpha-30: #9ef0f085;
/* ** decorative-teal-alpha-shade ** */
--color-shade-decorative-teal-alpha-10: #3ddbd961;
--color-shade-decorative-teal-alpha-20: #3ddbd96b;
--color-shade-decorative-teal-alpha-30: #3ddbd9a3;
--color-shade-decorative-teal-d-alpha-10: #9ef0f03d;
--color-shade-decorative-teal-d-alpha-20: #9ef0f06b;
--color-shade-decorative-teal-d-alpha-30: #9ef0f0a3;
/* ***************************************************************** */
/* ** decorative-warm ** */
--color-decorative-warm-gray-1: #f8f7f7;
--color-decorative-warm-gray-5: #eeedec;
--color-decorative-warm-gray-10: #cac5c4ff;
--color-decorative-warm-gray-20: #ada8a8ff;
--color-decorative-warm-gray-30: #6b6868ff;
--color-decorative-warm-gray-40: #555353;
/* ** decorative-warm-alpha ** */
--color-decorative-warm-gray-alpha-1: #ada8a814;
--color-decorative-warm-gray-alpha-5: #ada8a81f;
--color-decorative-warm-gray-alpha-10: #ada8a83d;
--color-decorative-warm-gray-alpha-20: #ada8a852;
--color-decorative-warm-gray-alpha-30: #ada8a885;
--color-decorative-warm-gray-d-alpha-1: #cac5c414;
--color-decorative-warm-gray-d-alpha-5: #cac5c41f;
--color-decorative-warm-gray-d-alpha-10: #cac5c429;
--color-decorative-warm-gray-d-alpha-20: #cac5c452;
--color-decorative-warm-gray-d-alpha-30: #cac5c485;
/* ** decorative-warm-alpha-shade ** */
--color-shade-decorative-warm-gray-alpha-10: #ada8a861;
--color-shade-decorative-warm-gray-alpha-20: #ada8a86b;
--color-shade-decorative-warm-gray-alpha-30: #ada8a8a3;
--color-shade-decorative-warm-gray-d-alpha-10: #cac5c43d;
--color-shade-decorative-warm-gray-d-alpha-20: #cac5c46b;
--color-shade-decorative-warm-gray-d-alpha-30: #cac5c4a3;
/* ***************************************************************** */
/* ** decorative-yellow ** */
--color-decorative-yellow-1: #fff7e0;
--color-decorative-yellow-5: #fff1cc;
--color-decorative-yellow-10: #ffd561ff;
--color-decorative-yellow-20: #f2c33fff;
--color-decorative-yellow-30: #8a6d1cff;
--color-decorative-yellow-40: #6e5716;
/* ** decorative-yellow-alpha ** */
--color-decorative-yellow-alpha-1: #f2c33f14;
--color-decorative-yellow-alpha-5: #f2c33f1f;
--color-decorative-yellow-alpha-10: #f2c33f3d;
--color-decorative-yellow-alpha-20: #f2c33f52;
--color-decorative-yellow-alpha-30: #f2c33f85;
--color-decorative-yellow-d-alpha-1: #ffd56114;
--color-decorative-yellow-d-alpha-5: #ffd5611f;
--color-decorative-yellow-d-alpha-10: #ffd56129;
--color-decorative-yellow-d-alpha-20: #ffd56152;
--color-decorative-yellow-d-alpha-30: #ffd56185;
/* ** decorative-yellow-alpha-shade ** */
--color-shade-decorative-yellow-alpha-10: #f2c33f61;
--color-shade-decorative-yellow-alpha-20: #f2c33f6b;
--color-shade-decorative-yellow-alpha-30: #f2c33fa3;
--color-shade-decorative-yellow-d-alpha-10: #ffd5613d;
--color-shade-decorative-yellow-d-alpha-20: #ffd5616b;
--color-shade-decorative-yellow-d-alpha-30: #ffd561a3;
/* ***************************************************************** */
/* *********** END Decorative **************** */
/* ** gray ** */
--color-gray-10: #fafafaff;
--color-gray-20: #f4f4f4ff;
--color-gray-30: #e6e6e6ff;
--color-gray-40: #d9d9d9ff;
--color-gray-50: #adadadff;
--color-gray-60: #919191ff;
--color-gray-70: #757575ff;
--color-gray-80: #545454ff;
--color-gray-90: #424242ff;
--color-gray-100: #303030ff;
--color-gray-150: #262626ff;
--color-gray-200: #1c1c1cff;
--color-gray-250: #0f0f0fff;
--color-gray-300: #000000;
/* ** gray-alpha ** */
--color-gray-alpha-0: #ffffff00;
--color-gray-alpha-10: #7575750f;
--color-gray-alpha-20: #7575751f;
--color-gray-alpha-30: #75757545;
--color-gray-alpha-40: #7575756b;
--color-gray-alpha-50: #757575a3;
--color-gray-alpha-60: #000000ad;
/* ** gray-shade ** */
--color-shade-gray-10: #f2f2f2ff;
--color-shade-gray-20: #e8e8e8ff;
--color-shade-gray-30: #d9d9d9ff;
--color-shade-gray-40: #ccccccff;
--color-shade-gray-50: #9c9c9cff;
--color-shade-gray-60: #787878ff;
--color-shade-gray-70: #545454ff;
--color-shade-gray-80: #6b6b6bff;
--color-shade-gray-90: #5c5c5cff;
--color-shade-gray-100: #4a4a4aff;
--color-shade-gray-150: #363636ff;
--color-shade-gray-200: #292929ff;
--color-shade-gray-250: #1a1a1aff;
/* ** gray-alpha-shade ** */
--color-shade-gray-alpha-10: #7878781a;
--color-shade-gray-alpha-20: #78787829;
--color-shade-gray-alpha-30: #7878784d;
--color-shade-gray-alpha-40: #78787894;
/* ***************************************************************** */
/* ** green ** */
--color-green-10: #defbe6ff;
--color-green-20: #a7f0baff;
--color-green-30: #6fdc8cff;
--color-green-40: #42be65ff;
--color-green-50: #24a148ff;
--color-green-60: #198038ff;
--color-green-70: #1f4f2eff;
--color-green-80: #10371cff;
--color-green-90: #0a2511ff;
--color-green-100: #0c140dff;
/* ** green-alpha ** */
--color-green-alpha-10: #19803814;
--color-green-alpha-20: #19803829;
--color-green-alpha-30: #19803852;
--color-green-d-alpha-10: #24a14814;
--color-green-d-alpha-20: #24a14829;
--color-green-d-alpha-30: #24a14852;
/* ** green-shade ** */
--color-shade-green-10: #b6f6c8ff;
--color-shade-green-20: #74e792ff;
--color-shade-green-30: #36ce5eff;
--color-shade-green-40: #3bab5aff;
--color-shade-green-50: #208e3fff;
--color-shade-green-60: #166f31ff;
--color-shade-green-70: #246136ff;
--color-shade-green-80: #114621ff;
--color-shade-green-90: #093514ff;
--color-shade-green-100: #0b150cff;
/* ** green-alpha-shade ** */
--color-shade-green-alpha-10: #166f311f;
--color-shade-green-alpha-20: #166f3133;
--color-shade-green-alpha-30: #166f3161;
--color-shade-green-d-alpha-10: #208e3f29;
--color-shade-green-d-alpha-20: #208e3f3d;
--color-shade-green-d-alpha-30: #208e3f61;
/* ***************************************************************** */
/* ** magenta ** */
--color-magenta-10: #fff0f7ff;
--color-magenta-20: #ffd6e8ff;
--color-magenta-30: #ffafd2ff;
--color-magenta-40: #ff7eb6ff;
--color-magenta-50: #ee5396ff;
--color-magenta-60: #d02670ff;
--color-magenta-70: #9f1853ff;
--color-magenta-80: #740937ff;
--color-magenta-90: #510224ff;
--color-magenta-100: #2a0a18ff;
/* ** magenta-shade ** */
--color-shade-magenta-10: #ffe0efff;
--color-shade-magenta-20: #ffbddaff;
--color-shade-magenta-30: #ff94c3ff;
--color-shade-magenta-40: #ff57a0ff;
--color-shade-magenta-50: #e3176fff;
--color-shade-magenta-60: #b0215fff;
--color-shade-magenta-70: #bf1d63ff;
--color-shade-magenta-80: #8e0b43ff;
--color-shade-magenta-90: #68032eff;
--color-shade-magenta-100: #2a0a18ff;
/* ** magenta-alpha-shade ** */
--color-shade-magenta-alpha-10: #b0215f1f;
--color-shade-magenta-alpha-20: #b0215f33;
--color-shade-magenta-alpha-30: #b0215f61;
--color-shade-magenta-d-alpha-10: #e3176f29;
--color-shade-magenta-d-alpha-20: #e3176f3d;
--color-shade-magenta-d-alpha-30: #e3176f61;
/* ***************************************************************** */
/* ** marigold ** */
--color-marigold-10: #fff4e0ff;
--color-marigold-20: #ffebc7ff;
--color-marigold-30: #ffd994ff;
--color-marigold-40: #ffc761ff;
--color-marigold-50: #ffb42eff;
--color-marigold-60: #faa100ff;
--color-marigold-70: #b87a0aff;
--color-marigold-80: #7e5307ff;
--color-marigold-90: #3a2703ff;
--color-marigold-100: #2c1d02ff;
/* ** marigold-alpha ** */
--color-marigold-alpha-10: #faa10014;
--color-marigold-alpha-20: #faa10029;
--color-marigold-alpha-30: #faa10061;
--color-marigold-d-alpha-10: #ffb42e14;
--color-marigold-d-alpha-20: #ffb42e29;
--color-marigold-d-alpha-30: #ffb42e61;
/* ** marigold-shade ** */
--color-shade-marigold-10: #ffedccff;
--color-shade-marigold-20: #ffdea3ff;
--color-shade-marigold-30: #ffcc70ff;
--color-shade-marigold-40: #ffba3dff;
--color-shade-marigold-50: #ffa80aff;
--color-shade-marigold-60: #cc8300ff;
--color-shade-marigold-70: #df940cff;
--color-shade-marigold-80: #9b6608ff;
--color-shade-marigold-90: #6b4706ff;
--color-shade-marigold-100: #493004ff;
/* ** marigold-alpha-shade ** */
--color-shade-marigold-alpha-10: #cc83002e;
--color-shade-marigold-alpha-20: #cc830033;
--color-shade-marigold-alpha-30: #cc830061;
--color-shade-marigold-d-alpha-10: #ffa80a2e;
--color-shade-marigold-d-alpha-20: #ffa80a33;
--color-shade-marigold-d-alpha-30: #ffa80a61;
/* ***************************************************************** */
/* ** neutral ** */
--color-hover-neutral-black: #212121ff;
/* ***************************************************************** */
/* ** orange-strong ** */
--color-orange-strong-10: #fff2e8ff;
--color-orange-strong-20: #ffd9beff;
--color-orange-strong-30: #ffb784ff;
--color-orange-strong-40: #ff832bff;
--color-orange-strong-50: #eb6200ff;
--color-orange-strong-60: #ba4e00ff;
--color-orange-strong-70: #77380dff;
--color-orange-strong-80: #492508ff;
--color-orange-strong-90: #2e1605ff;
--color-orange-strong-100: #201104ff;
/* ** orange-strong-shade ** */
--color-shade-orange-strong-10: #ffe2ccff;
--color-shade-orange-strong-20: #ffc69eff;
--color-shade-orange-strong-30: #ff9d57ff;
--color-shade-orange-strong-40: #fa6800ff;
--color-shade-orange-strong-50: #cc5500ff;
--color-shade-orange-strong-60: #a84600ff;
--color-shade-orange-strong-70: #7e3807ff;
--color-shade-orange-strong-80: #612d05ff;
--color-shade-orange-strong-90: #4e2304ff;
--color-shade-orange-strong-100: #3a1c03ff;
/* ***************************************************************** */
/* ** orange ** */
--color-orange-10: #fff3edff;
--color-orange-20: #ffe0d0ff;
--color-orange-30: #ffc4a6ff;
--color-orange-40: #ffa578ff;
--color-orange-50: #ff8345ff;
--color-orange-60: #ff5c0aff;
--color-orange-70: #c2470aff;
--color-orange-80: #81340eff;
--color-orange-90: #2e1605ff;
--color-orange-100: #3a1c03ff;
/* ** orange-alpha ** */
--color-orange-alpha-30: #ff5c0a61;
--color-orange-alpha-20: #ff5c0a29;
--color-orange-alpha-10: #ff5c0a14;
--color-orange-d-alpha-10: #ff834514;
--color-orange-d-alpha-20: #ff834529;
--color-orange-d-alpha-30: #ff834561;
/* ** orange-shade ** */
--color-shade-orange-10: #ffe7dbff;
--color-shade-orange-20: #ffd0b8ff;
--color-shade-orange-30: #ffb18aff;
--color-shade-orange-40: #ff925cff;
--color-shade-orange-50: #ff6a1fff;
--color-shade-orange-60: #e64d00ff;
--color-shade-orange-70: #df520cff;
--color-shade-orange-80: #ad2c0bff;
--color-shade-orange-90: #742b06ff;
--color-shade-orange-100: #612405ff;
/* ** orange-alpha-shade ** */
--color-shade-orange-alpha-10: #e64d002e;
--color-shade-orange-alpha-20: #e64d0033;
--color-shade-orange-alpha-30: #e64d005c;
--color-shade-orange-d-alpha-10: #ff6a1f2e;
--color-shade-orange-d-alpha-20: #ff6a1f33;
--color-shade-orange-d-alpha-30: #ff6a1f5c;
/* ***************************************************************** */
/* ** purple ** */
--color-purple-10: #f6f2ffff;
--color-purple-20: #e8daffff;
--color-purple-30: #d4bbffff;
--color-purple-40: #be95ffff;
--color-purple-50: #a56effff;
--color-purple-60: #8a3ffcff;
--color-purple-70: #6929c4ff;
--color-purple-80: #491d8bff;
--color-purple-90: #31135eff;
--color-purple-100: #1c0f30ff;
/* ** purple-alpha ** */
--color-purple-alpha-10: #8a3ffc14;
--color-purple-alpha-20: #8a3ffc29;
--color-purple-alpha-30: #8a3ffc61;
--color-purple-d-alpha-10: #a56eff14;
--color-purple-d-alpha-20: #a56eff29;
--color-purple-d-alpha-30: #a56eff61;
/* ** purple-shade ** */
--color-shade-purple-10: #ede5ffff;
--color-shade-purple-20: #dcc7ffff;
--color-shade-purple-30: #c5a3ffff;
--color-shade-purple-40: #ae7affff;
--color-shade-purple-50: #9352ffff;
--color-shade-purple-60: #7822fbff;
--color-shade-purple-70: #7c3dd6ff;
--color-shade-purple-80: #5b24adff;
--color-shade-purple-90: #40197bff;
--color-shade-purple-100: #1c0f30ff;
/* ***************************************************************** */
/* ** red ** */
--color-red-10: #fff1f1ff;
--color-red-20: #ffd7d9ff;
--color-red-30: #ffb3b8ff;
--color-red-40: #ff8389ff;
--color-red-50: #fa4d56ff;
--color-red-60: #da1e28ff;
--color-red-70: #6c1317ff;
--color-red-80: #561014ff;
--color-red-90: #40070aff;
--color-red-100: #270709ff;
/* ** red-alpha ** */
--color-red-alpha-10: #da1e2814;
--color-red-alpha-20: #da1e2829;
--color-red-alpha-30: #da1e2861;
--color-red-d-alpha-10: #fa4d5614;
--color-red-d-alpha-20: #fa4d5629;
--color-red-d-alpha-30: #fa4d5661;
/* ** red-shade ** */
--color-shade-red-10: #ffe0e0ff;
--color-shade-red-20: #ffc2c5ff;
--color-shade-red-30: #ff99a0ff;
--color-shade-red-40: #ff6168ff;
--color-shade-red-50: #ee0713ff;
--color-shade-red-60: #b81922ff;
--color-shade-red-70: #a51d23ff;
--color-shade-red-80: #81181eff;
--color-shade-red-90: #53090dff;
--color-shade-red-100: #30080aff;
/* ** red-alpha-shade ** */
--color-shade-red-alpha-10: #b819222e;
--color-shade-red-alpha-20: #b8192233;
--color-shade-red-alpha-30: #b819225c;
--color-shade-red-d-alpha-10: #ee07132e;
--color-shade-red-d-alpha-20: #ee071333;
--color-shade-red-d-alpha-30: #ee07135c;
/* ***************************************************************** */
/* ** smokey-gray ** */
--color-smokey-gray-10: #fffcf9ff;
--color-smokey-gray-20: #f0ebe6ff;
--color-smokey-gray-30: #e0dad3ff;
--color-smokey-gray-40: #c4bdb5ff;
--color-smokey-gray-50: #aba29aff;
--color-smokey-gray-60: #8c847cff;
--color-smokey-gray-70: #6e6760ff;
--color-smokey-gray-80: #544d45ff;
--color-smokey-gray-90: #3d3730ff;
--color-smokey-gray-100: #2e2721ff;
/* ** smokey-gray-alpha ** */
--color-smokey-gray-alpha-10: #8c847c14;
--color-smokey-gray-alpha-20: #8c847c29;
--color-smokey-gray-alpha-30: #8c847c61;
--color-smokey-gray-d-alpha-10: #aba29a14;
--color-smokey-gray-d-alpha-20: #aba29a29;
--color-smokey-gray-d-alpha-30: #aba29a61;
/* ** smokey-gray-shade ** */
--color-shade-smokey-gray-10: #ebe8e5ff;
--color-shade-smokey-gray-20: #dbd7d3ff;
--color-shade-smokey-gray-30: #ccc6c0ff;
--color-shade-smokey-gray-40: #b0a9a2ff;
--color-shade-smokey-gray-50: #968f87ff;
--color-shade-smokey-gray-60: #78716aff;
--color-shade-smokey-gray-70: #8c847cff;
--color-shade-smokey-gray-80: #6e6760ff;
--color-shade-smokey-gray-90: #544d45ff;
--color-shade-smokey-gray-100: #3d3730ff;
/* ** smokey-gray-alpha-shade ** */
--color-shade-smokey-gray-alpha-10: #78716a14;
--color-shade-smokey-gray-alpha-20: #78716a29;
--color-shade-smokey-gray-alpha-30: #78716a61;
--color-shade-smokey-gray-d-alpha-10: #968f8714;
--color-shade-smokey-gray-d-alpha-20: #968f8729;
--color-shade-smokey-gray-d-alpha-30: #968f8761;
/* ***************************************************************** */
/* ** teal ** */
--color-teal-10: #d9fbfbff;
--color-teal-20: #9ef0f0ff;
--color-teal-30: #3ddbd9ff;
--color-teal-40: #08bdbaff;
--color-teal-50: #009d9aff;
--color-teal-60: #007d79ff;
--color-teal-70: #005d5dff;
--color-teal-80: #004144ff;
--color-teal-90: #022b30ff;
--color-teal-100: #081a1cff;
/* ** teal-shade ** */
--color-shade-teal-10: #acf6f6ff;
--color-shade-teal-20: #57e5e5ff;
--color-shade-teal-30: #25cac8ff;
--color-shade-teal-40: #07aba9ff;
--color-shade-teal-50: #008a87ff;
--color-shade-teal-60: #006b68ff;
--color-shade-teal-70: #007070ff;
--color-shade-teal-80: #005357ff;
--color-shade-teal-90: #033940ff;
--color-shade-teal-100: #0f3034ff;
/* ***************************************************************** */
/* ** warm-gray ** */
--color-warm-gray-10: #f7f3f2ff;
--color-warm-gray-20: #e5e0dfff;
--color-warm-gray-30: #cac5c4ff;
--color-warm-gray-40: #ada8a8ff;
--color-warm-gray-50: #8f8b8bff;
--color-warm-gray-60: #726e6eff;
--color-warm-gray-70: #565151ff;
--color-warm-gray-80: #3c3838ff;
--color-warm-gray-90: #272525ff;
--color-warm-gray-100: #171414ff;
/* ** warm-gray-shade ** */
--color-shade-warm-gray-10: #f0e8e6ff;
--color-shade-warm-gray-20: #d8d0cfff;
--color-shade-warm-gray-30: #b9b3b1ff;
--color-shade-warm-gray-40: #9c9696ff;
--color-shade-warm-gray-50: #7f7b7bff;
--color-shade-warm-gray-60: #605d5dff;
--color-shade-warm-gray-70: #696363ff;
--color-shade-warm-gray-80: #4c4848ff;
--color-shade-warm-gray-90: #343232ff;
--color-shade-warm-gray-100: #171414ff;
/* ***************************************************************** */
/* ** warm-gray-6c ** */
--color-warm-grey---6c-10: #f2f2f2ff;
--color-warm-grey---6c-20: #ebebebff;
--color-warm-grey---6c-30: #e3dfdeff;
--color-warm-grey---6c-40: #d5cfcdff;
--color-warm-grey---6c-50: #c0b7b5ff;
--color-warm-grey---6c-60: #a49894ff;
--color-warm-grey---6c-70: #8c7d78ff;
--color-warm-grey---6c-80: #6b5f5bff;
--color-warm-grey---6c-90: #4a423fff;
--color-warm-grey---6c-100: #2c2726ff;
/* ** warm-gray-6c-alpha ** */
--color-warm-grey---6c-alpha-10: #a4989414;
--color-warm-grey---6c-alpha-20: #a4989429;
--color-warm-grey---6c-alpha-30: #a4989461;
--color-warm-grey---6c-d-alpha-10: #c0b7b514;
--color-warm-grey---6c-d-alpha-20: #c0b7b529;
--color-warm-grey---6c-d-alpha-30: #c0b7b561;
/* ** warm-gray-6c-shade ** */
--color-shade-warm-grey---6c-10: #e6e6e6ff;
--color-shade-warm-grey---6c-20: #d6d6d6ff;
--color-shade-warm-grey---6c-30: #d0cac8ff;
--color-shade-warm-grey---6c-40: #c2bab7ff;
--color-shade-warm-grey---6c-50: #ada29fff;
--color-shade-warm-grey---6c-60: #968883ff;
--color-shade-warm-grey---6c-70: #9f928eff;
--color-shade-warm-grey---6c-80: #82736eff;
--color-shade-warm-grey---6c-90: #605652ff;
--color-shade-warm-grey---6c-100: #423b38ff;
/* ** warm-gray-6c-alpha-shade ** */
--color-shade-warm-grey---6c-alpha-10: #96888314;
--color-shade-warm-grey---6c-alpha-20: #96888329;
--color-shade-warm-grey---6c-alpha-30: #96888361;
--color-shade-warm-grey---6c-d-alpha-10: #ada29f14;
--color-shade-warm-grey---6c-d-alpha-20: #ada29f29;
--color-shade-warm-grey---6c-d-alpha-30: #ada29f61;
/* ***************************************************************** */
/* ** white ** */
--color-white-white: #ffffffff;
/* ** white-alpha ** */
--color-white-alpha-0: #ffffff00;
--color-white-alpha-10: #ffffff14;
--color-white-alpha-20: #ffffff24;
--color-white-alpha-30: #ffffff45;
--color-white-alpha-40: #ffffff5c;
/* ** white-shade ** */
--color-shade-white-white: #fbfbfbff;
/* ** white-alpha-shade ** */
--color-shade-white-alpha-10: #ffffff1f;
--color-shade-white-alpha-20: #ffffff2e;
--color-shade-white-alpha-30: #ffffff52;
--color-shade-white-alpha-40: #ffffff66;
/* ***************************************************************** */
/* ** yellow ** */
--color-yellow-10: #fcf4d6ff;
--color-yellow-20: #fddc69ff;
--color-yellow-30: #f1c21bff;
--color-yellow-40: #d2a106ff;
--color-yellow-50: #b28600ff;
--color-yellow-60: #8e6a00ff;
--color-yellow-70: #57450fff;
--color-yellow-80: #382d0aff;
--color-yellow-90: #231c06ff;
--color-yellow-100: #161104ff;
/* ** yellow-alpha ** */
--color-yellow-alpha-10: #b2860014;
--color-yellow-alpha-20: #b2860029;
--color-yellow-alpha-30: #b2860061;
--color-yellow-d-alpha-10: #d2a10614;
--color-yellow-d-alpha-20: #d2a10629;
--color-yellow-d-alpha-30: #d2a10661;
/* ** yellow-shade ** */
--color-shade-yellow-10: #f8e6a0ff;
--color-shade-yellow-20: #fccd27ff;
--color-shade-yellow-30: #ddb00eff;
--color-shade-yellow-40: #bc9005ff;
--color-shade-yellow-50: #9e7700ff;
--color-shade-yellow-60: #755800ff;
--color-shade-yellow-70: #6a520cff;
--color-shade-yellow-80: #493a08ff;
--color-shade-yellow-90: #2e2405ff;
--color-shade-yellow-100: #1c1503ff;
/* ** yellow-alpha-shade ** */
--color-shade-yellow-alpha-10: #9e77002e;
--color-shade-yellow-alpha-20: #9e770033;
--color-shade-yellow-alpha-30: #9e77005c;
--color-shade-yellow-d-alpha-10: #bc90052e;
--color-shade-yellow-d-alpha-20: #bc900533;
--color-shade-yellow-d-alpha-30: #bc90055c;
/* ***************************************************************** */
/* ** large ** */
--large-10: #eceef3ff;
--large-20: #d7dce6ff;
--large-30: #adb7ccff;
--large-300: #4d5c7dff;
/* ***************************************************************** */
/* ** medium ** */
--medium-10: #f1ecfeff;
--medium-20: #e3d9faff;
--medium-30: #b99cfcff;
--medium-300: #683dccff;
/* ***************************************************************** */
/* ** small ** */
--small-20: #bcebe0ff;
--small-10: #dff7f1ff;
--small-30: #6eccbdff;
--small-40: #0c7d74ff;
/* ***************************************************************** */
/* ** startup ** */
--startup-10: #feefecff;
--startup-20: #fadfd9ff;
--startup-30: #fcb29cff;
--startup-300: #cc633dff;
/* ***************************************************************** */
/* ** shuttle-gray ** */
--color-shuttle-gray-10: #f0f5faff;
--color-shuttle-gray-20: #d8e2ebff;
--color-shuttle-gray-30: #b8c3ccff;
--color-shuttle-gray-40: #99a4adff;
--color-shuttle-gray-50: #7b868fff;
--color-shuttle-gray-60: #5a6670ff;
--color-shuttle-gray-70: #4a545cff;
--color-shuttle-gray-80: #31383dff;
--color-shuttle-gray-90: #212529ff;
--color-shuttle-gray-100: #14171aff;
/* ** shuttle-gray-alpha ** */
--color-shuttle-gray-alpha-10: #5a667014;
--color-shuttle-gray-alpha-20: #5a667029;
--color-shuttle-gray-alpha-30: #5a667061;
--color-shuttle-gray-d-alpha-10: #7b868f14;
--color-shuttle-gray-d-alpha-20: #7b868f29;
--color-shuttle-gray-d-alpha-30: #7b868f61;
/* ** shuttle-gray-shade ** */
--color-shade-shuttle-gray-10: #e4e9edff;
--color-shade-shuttle-gray-20: #cad3dbff;
--color-shade-shuttle-gray-30: #aab4bdff;
--color-shade-shuttle-gray-40: #8b959eff;
--color-shade-shuttle-gray-50: #6e7780ff;
--color-shade-shuttle-gray-60: #4e5861ff;
--color-shade-shuttle-gray-70: #56626bff;
--color-shade-shuttle-gray-80: #3d464dff;
--color-shade-shuttle-gray-90: #2d3338ff;
--color-shade-shuttle-gray-100: #1d2124ff;
/* ** shuttle-gray-alpha-shade ** */
--color-shade-shuttle-gray-alpha-10: #4e586114;
--color-shade-shuttle-gray-alpha-20: #4e586129;
--color-shade-shuttle-gray-alpha-30: #4e586161;
--color-shade-shuttle-gray-d-alpha-10: #6e778014;
--color-shade-shuttle-gray-d-alpha-20: #6e778029;
--color-shade-shuttle-gray-d-alpha-30: #6e778061;
}
html,
.light {
/* Retail - Light */
/* colors */
--background-01: var(--color-white-white);
--background-02: var(--color-gray-20);
--background-accent: var(--color-orange-60);
--layer-01: var(--color-white-white);
--layer-02: var(--color-gray-10);
--layer-03: var(--color-gray-20);
--layer-04: var(--color-gray-30);
--layer-05: var(--color-white-white);
--layer-hover-01: var(--color-shade-gray-20);
--layer-hover-02: var(--color-shade-gray-20);
--layer-hover-03: var(--color-shade-gray-20);
--layer-pressed-01: var(--color-gray-40);
--layer-pressed-02: var(--color-gray-40);
--layer-pressed-03: var(--color-gray-40);
--layer-inverse-01: var(--color-gray-150);
--layer-inverse-02: var(--color-gray-200);
--layer-inverse-hover-01: var(--color-shade-gray-150);
--layer-inverse-pressed-01: var(--color-gray-80);
--layer-alpha-0: var(--color-gray-alpha-0);
--layer-alpha-01: var(--color-gray-alpha-10);
--layer-alpha-02: var(--color-gray-alpha-20);
--layer-alpha-03: var(--color-gray-alpha-30);
--layer-alpha-hover-01: var(--color-shade-gray-alpha-10);
--layer-alpha-hover-02: var(--color-shade-gray-alpha-20);
--layer-alpha-hover-03: var(--color-shade-gray-alpha-30);
--layer-alpha-pressed-01: var(--color-gray-alpha-30);
--layer-alpha-pressed-02: var(--color-gray-alpha-30);
--layer-alpha-pressed-03: var(--color-gray-alpha-40);
--layer-accent-01: var(--color-orange-10);
--layer-accent-02: var(--color-orange-20);
--layer-accent-alpha-01: var(--color-orange-alpha-10);
--layer-accent-alpha-02: var(--color-orange-alpha-20);
--layer-accent-alpha-03: var(--color-orange-alpha-30);
--layer-black: var(--color-gray-100);
--layer-white: var(--color-white-white);
--layer-disabled: var(--color-gray-20);
--status-error-01: var(--color-red-10);
--status-success-01: var(--color-green-10);
--status-warning-01: var(--color-yellow-10);
--status-info-01: var(--color-calypso-10);
--status-accent-01: var(--color-orange-10);
--status-error-02: var(--color-red-60);
--status-success-02: var(--color-green-60);
--status-warning-02: var(--color-yellow-30);
--status-info-02: var(--color-calypso-60);
--status-accent-02: var(--color-orange-60);
--status-neutral-01: var(--color-gray-10);
--status-neutral-02: var(--color-gray-20);
--status-neutral-03: var(--color-gray-80);
--icon-primary: var(--color-gray-150);
--icon-secondary: var(--color-gray-80);
--icon-helper: var(--color-gray-70);
--icon-inverse-primary: var(--color-gray-10);
--icon-inverse-secondary: var(--color-gray-40);
--icon-error: var(--color-red-60);
--icon-warning: var(--color-yellow-40);
--icon-success: var(--color-green-60);
--icon-info: var(--color-calypso-60);
--icon-accent: var(--color-orange-60);
--icon-accent-strong: var(--color-orange-80);
--icon-white: var(--color-white-white);
--icon-black: var(--color-gray-150);
--icon-disabled: var(--color-gray-50);
--icon-on-color-disabled: var(--color-gray-60);
--text-primary: var(--color-gray-150);
--text-secondary: var(--color-gray-80);
--text-placeholder: var(--color-gray-60);
--text-helper: var(--color-gray-70);
--text-inverse-primary: var(--color-gray-10);
--text-inverse-secondary: var(--color-gray-40);
--text-error: var(--color-red-60);
--text-warning: var(--color-yellow-40);
--text-success: var(--color-green-60);
--text-info: var(--color-calypso-60);
--text-accent: var(--color-orange-60);
--text-accent-strong: var(--color-orange-80);
--text-white: var(--color-white-white);
--text-black: var(--color-gray-150);
--text-disabled: var(--color-gray-50);
--text-on-color-disabled: var(--color-gray-60);
--border-01: var(--color-gray-40);
--border-02: var(--color-gray-60);
--border-03: var(--color-gray-30);
--border-hover-01: var(--color-shade-gray-50);
--border-hover-02: var(--color-shade-gray-70);
--border-pressed-01: var(--color-gray-80);
--border-pressed-02: var(--color-gray-80);
--border-alpha-01: var(--color-gray-alpha-20);
--border-alpha-02: var(--color-gray-alpha-30);
--border-inverse-primary: var(--color-gray-10);
--border-inverse-secondary: var(--color-gray-40);
--border-strong: var(--color-gray-150);
--border-error: var(--color-red-60);
--border-success: var(--color-green-60);
--border-warning: var(--color-yellow-50);
--border-info: var(--color-calypso-60);
--border-selected: var(--color-orange-60);
--border-selected-strong: var(--color-orange-80);
--border-black: var(--color-gray-150);
--border-white: var(--color-white-white);
--border-disabled: var(--color-gray-50);
--support-01: var(--color-gray-60);
--support-02: var(--color-shade-gray-60);
--support-03: var(--color-gray-50);
--support-04: var(--color-white);
--status-error-alpha-01: var(--color-red-alpha-20);
--status-warning-alpha-01: var(--color-yellow-alpha-20);
--status-success-alpha-01: var(--color-green-alpha-20);
--status-info-alpha-01: var(--color-calypso-alpha-20);
--support-overlay-canvas: var(--color-gray-alpha-60);
--support-overlay-media: var(--color-gray-alpha-10);
--support-divider-01: var(--color-gray-30);
--support-divider-02: var(--color-gray-40);
--support-divider-03: var(--color-gray-30);
--support-divider-alpha-01: var(--color-gray-alpha-20);
--support-divider-alpha-02: var(--color-gray-alpha-30);
--support-caret: var(--color-orange-60);
--support-skeleton: var(--color-gray-30);
--support-skeleton-background: var(--color-shade-gray-10);
--focus-01: var(--color-orange-60);
--link: var(--color-orange-60);
--link-hover: var(--color-shade-orange-60);
--link-clicked: var(--color-orange-70);
--button-primary: var(--color-orange-60);
--button-primary-hover: var(--color-orange-70);
--button-primary-pressed: var(--color-shade-orange-80);
--button-primary-loading: var(--color-orange-40);
--button-secondary: var(--color-orange-alpha-10);
--button-secondary-hover: var(--color-shade-orange-alpha-20);
--button-secondary-pressed: var(--color-orange-alpha-30);
--button-secondary-loading: var(--color-orange-alpha-10);
--button-secondary-white: var(--color-white-white);
--button-secondary-white-hover: var(--color-shade-gray-30);
--button-secondary-white-pressed: var(--color-gray-50);
--button-secondary-white-loading: var(--color-gray-40);
--button-negative: var(--color-red-60);
--button-negative-hover: var(--color-shade-red-60);
--button-negative-pressed: var(--color-shade-red-80);
--button-negative-loading: var(--color-red-50);
--button-text-negative: var(--color-gray-alpha-0);
--button-text-negative-hover: var(--color-shade-red-alpha-10);
--button-text-negative-pressed: var(--color-red-alpha-30);
--button-text-negative-loading: var(--color-red-alpha-10);
--button-text-primary: var(--color-gray-alpha-0);
--button-text-primary-hover: var(--color-shade-gray-alpha-10);
--button-text-primary-pressed: var(--color-gray-alpha-30);
--button-text-primary-loading: var(--color-gray-alpha-10);
--button-text-secondary-black: var(--color-gray-alpha-0);
--button-text-secondary-black-hover: var(--color-shade-gray-alpha-10);
--button-text-secondary-black-pressed: var(--color-gray-alpha-30);
--button-text-secondary-white: var(--color-gray-alpha-0);
--button-text-secondary-white-hover: var(--color-gray-alpha-30);
--button-text-secondary-white-pressed: var(--color-gray-alpha-40);
--button-text-low: var(--color-orange-60);
--button-text-low-hover: var(--color-shade-orange-60);
--button-text-low-pressed: var(--color-orange-70);
--chips-default: var(--color-gray-alpha-20);
--chips-hover: var(--color-gray-alpha-30);
--chips-pressed: var(--color-gray-alpha-40);
--chips-selected: var(--color-orange-alpha-20);
--chips-selected-hover: var(--color-shade-orange-alpha-20);
--chips-selected-pressed: var(--color-orange-alpha-30);
--chips-disabled: var(--color-gray-alpha-20);
--button-icon-secondary: var(--color-gray-alpha-0);
--button-disabled: var(--color-gray-20);
--button-icon-secondary-hover: var(--color-shade-gray-alpha-10);
--button-icon-secondary-pressed: var(--color-gray-alpha-30);
--button-icon-secondary-loading: var(--color-gray-alpha-10);
--header-row-01: var(--color-gray-20);
--header-row-02: var(--color-orange-60);
--brand-retail-primary-01: var(--color-orange-60);
--brand-retail-primary-02: var(--color-orange-70);
--brand-retail-primary-alpha-01: var(--color-orange-alpha-10);
--brand-retail-primary-alpha-02: var(--color-orange-alpha-20);
--brand-retail-primary-alpha-03: var(--color-orange-alpha-30);
--brand-retail-secondary-01: var(--color-purple-60);
--brand-retail-secondary-02: var(--color-purple-70);
--brand-retail-secondary-alpha-01: var(--color-purple-alpha-10);
--brand-retail-secondary-alpha-02: var(--color-purple-alpha-20);
--brand-retail-secondary-alpha-03: var(--color-purple-alpha-30);
--brand-wealth-primary-01: var(--color-caramel-60);
--brand-wealth-primary-02: var(--color-caramel-70);
--brand-wealth-primary-alpha-01: var(--color-caramel-alpha-10);
--brand-wealth-primary-alpha-02: var(--color-caramel-alpha-20);
--brand-wealth-primary-alpha-03: var(--color-caramel-alpha-30);
--brand-wealth-secondary-01: var(--color-warm-grey---6c-60);
--brand-wealth-secondary-02: var(--color-warm-grey---6c-70);
--brand-wealth-secondary-alpha-01: var(--color-warm-grey---6c-alpha-10);
--brand-wealth-secondary-alpha-02: var(--color-warm-grey---6c-alpha-20);
--brand-wealth-secondary-alpha-03: var(--color-warm-grey---6c-alpha-30);
--brand-american-express-beep-blue: #162b75;
--brand-american-express-bright-blue: #006fcf;
--brand-solo-primary-01: var(--color-marigold-60);
--brand-solo-primary-02: var(--color-marigold-70);
--brand-solo-primary-alpha-01: var(--color-marigold-alpha-10);
--brand-solo-primary-alpha-02: var(--color-marigold-alpha-20);
--brand-solo-primary-alpha-03: var(--color-marigold-alpha-30);
--brand-solo-secondary-01: var(--color-purple-60);
--brand-solo-secondary-02: var(--color-purple-70);
--brand-solo-secondary-alpha-01: var(--color-purple-alpha-10);
--brand-solo-secondary-alpha-02: var(--color-purple-alpha-20);
--brand-solo-secondary-alpha-03: var(--color-purple-alpha-30);
--brand-solo-blue-primary-01: var(--color-marigold-60);
--brand-solo-blue-primary-02: var(--color-marigold-70);
--brand-solo-blue-primary-alpha-01: var(--color-marigold-alpha-10);
--brand-solo-blue-primary-alpha-02: var(--color-marigold-alpha-20);
--brand-solo-blue-primary-alpha-03: var(--color-marigold-alpha-30);
--brand-solo-blue-secondary-01: var(--color-smokey-gray-60);
--brand-solo-blue-secondary-02: var(--color-smokey-gray-70);
--brand-solo-blue-secondary-alpha-01: var(--color-smokey-gray-alpha-10);
--brand-solo-blue-secondary-alpha-02: var(--color-smokey-gray-alpha-20);
--brand-solo-blue-secondary-alpha-03: var(--color-smokey-gray-alpha-30);
--bright-blue: #006fcf;
--beep-blue: #162b75;
--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-black-01: #010101;
--illustration-black-02: #010102;
--illustration-black-03: #010103;
--illustration-black-04: #010104;
--decorative-orange-layer-0: var(--color-decorative-orange-1);
--illustration-black-05: #010105;
--decorative-orange-layer-00: var(--color-decorative-orange-5);
--illustration-white-01: #fefefe;
--decorative-orange-layer-01: var(--color-decorative-orange-20);
--decorative-orange-layer-02: var(--color-decorative-orange-30);
--decorative-orange-layer-03: var(--color-decorative-orange-40);
--decorative-orange-layer-alpha-0: var(--color-decorative-orange-alpha-1);
--decorative-orange-layer-alpha-00: var(--color-decorative-orange-alpha-1);
--decorative-orange-layer-alpha-01: var(--color-decorative-orange-alpha-10);
--illustration-white-02: #fdfdfe;
--decorative-orange-layer-alpha-02: var(--color-decorative-orange-alpha-20);
--decorative-orange-layer-alpha-03: var(--color-decorative-orange-alpha-30);
--illustration-white-03: #fdfdfd;
--illustration-white-04: #fdfdfc;
--decorative-yellow-layer-0: var(--color-decorative-yellow-1);
--decorative-yellow-layer-00: var(--color-decorative-yellow-5);
--decorative-yellow-layer-01: var(--color-decorative-yellow-20);
--decorative-yellow-layer-02: var(--color-decorative-yellow-30);
--decorative-yellow-layer-03: var(--color-decorative-yellow-40);
--decorative-yellow-layer-alpha-0: var(--color-decorative-yellow-alpha-1);
--decorative-yellow-layer-alpha-00: var(--color-decorative-yellow-alpha-5);
--decorative-yellow-layer-alpha-01: var(--color-decorative-yellow-alpha-10);
--decorative-green-layer-0: var(--color-decorative-green-1);
--decorative-yellow-layer-alpha-02: var(--color-decorative-yellow-alpha-20);
--decorative-green-layer-00: var(--color-decorative-green-5);
--decorative-yellow-layer-alpha-03: var(--color-decorative-yellow-alpha-30);
--decorative-green-layer-01: var(--color-decorative-green-20);
--decorative-green-layer-02: var(--color-decorative-green-30);
--decorative-green-layer-03: var(--color-decorative-green-40);
--decorative-green-layer-alpha-0: var(--color-decorative-green-alpha-1);
--decorative-green-layer-alpha-00: var(--color-decorative-green-alpha-5);
--decorative-green-layer-alpha-01: var(--color-decorative-green-alpha-10);
--decorative-green-layer-alpha-02: var(--color-decorative-green-alpha-20);
--decorative-purple-layer-0: var(--color-decorative-purple-1);
--decorative-purple-layer-00: var(--color-decorative-purple-5);
--decorative-green-layer-alpha-03: var(--color-decorative-green-alpha-30);
--decorative-purple-layer-01: var(--color-decorative-purple-20);
--decorative-purple-layer-02: var(--color-decorative-purple-30);
--decorative-purple-layer-03: var(--color-decorative-purple-40);
--decorative-purple-layer-alpha-0: var(--color-decorative-purple-alpha-10);
--decorative-purple-layer-alpha-00: var(--color-decorative-purple-alpha-10);
--decorative-purple-layer-alpha-01: var(--color-decorative-purple-alpha-10);
--decorative-magenta-layer-0: var(--color-decorative-magenta-1);
--decorative-purple-layer-alpha-02: var(--color-decorative-purple-alpha-20);
--decorative-magenta-layer-00: var(--color-decorative-magenta-5);
--decorative-purple-layer-alpha-03: var(--color-decorative-purple-alpha-30);
--decorative-magenta-layer-01: var(--color-decorative-magenta-20);
--decorative-magenta-layer-02: var(--color-decorative-magenta-30);
--decorative-magenta-layer-03: var(--color-decorative-magenta-40);
--decorative-magenta-layer-alpha-0: var(--color-decorative-magenta-alpha-1);
--decorative-magenta-layer-alpha-00: var(--color-decorative-magenta-alpha-5);
--decorative-magenta-layer-alpha-01: var(--color-decorative-magenta-alpha-10);
--decorative-teal-layer-0: var(--color-decorative-teal-1);
--decorative-magenta-layer-alpha-02: var(--color-decorative-magenta-alpha-20);
--decorative-teal-layer-00: var(--color-decorative-teal-5);
--decorative-magenta-layer-alpha-03: var(--color-decorative-magenta-alpha-30);
--decorative-teal-layer-01: var(--color-decorative-teal-20);
--decorative-teal-layer-02: var(--color-decorative-teal-30);
--decorative-teal-layer-03: var(--color-decorative-teal-40);
--decorative-teal-layer-alpha-0: var(--color-decorative-teal-alpha-1);
--decorative-teal-layer-alpha-00: var(--color-decorative-teal-alpha-5);
--decorative-teal-layer-alpha-01: var(--color-decorative-teal-alpha-10);
--decorative-teal-layer-alpha-02: var(--color-decorative-teal-alpha-20);
--decorative-cyan-layer-0: var(--color-decorative-cyan-1);
--decorative-cyan-layer-00: var(--color-decorative-cyan-5);
--decorative-teal-layer-alpha-03: var(--color-decorative-teal-alpha-30);
--decorative-cyan-layer-01: var(--color-decorative-cyan-20);
--decorative-cyan-layer-02: var(--color-decorative-cyan-30);
--decorative-cyan-layer-03: var(--color-decorative-cyan-40);
--decorative-cyan-layer-alpha-0: var(--color-decorative-cyan-alpha-1);
--decorative-cyan-layer-alpha-00: var(--color-decorative-cyan-alpha-5);
--decorative-cyan-layer-alpha-01: var(--color-decorative-cyan-alpha-10);
--decorative-warm-gray-layer-0: var(--color-decorative-warm-gray-1);
--decorative-cyan-layer-alpha-02: var(--color-decorative-cyan-alpha-20);
--decorative-warm-gray-layer-00: var(--color-decorative-warm-gray-5);
--decorative-cyan-layer-alpha-03: var(--color-decorative-cyan-alpha-30);
--decorative-warm-gray-layer-01: var(--color-decorative-warm-gray-20);
--decorative-warm-gray-layer-02: var(--color-decorative-warm-gray-30);
--decorative-warm-gray-layer-03: var(--color-decorative-warm-gray-40);
--decorative-warm-gray-layer-alpha-0: var(--color-decorative-warm-gray-alpha-1);
--decorative-warm-gray-layer-alpha-00: var(--color-decorative-warm-gray-alpha-5);
--decorative-warm-gray-layer-alpha-01: var(--color-decorative-warm-gray-alpha-10);
--decorative-cool-gray-layer-0: var(--color-decorative-cool-gray-1);
--decorative-warm-gray-layer-alpha-02: var(--color-decorative-warm-gray-alpha-20);
--decorative-cool-gray-layer-00: var(--color-decorative-cool-gray-5);
--decorative-warm-gray-layer-alpha-03: var(--color-decorative-warm-gray-alpha-30);
--decorative-cool-gray-layer-01: var(--color-decorative-cool-gray-20);
--decorative-cool-gray-layer-02: var(--color-decorative-cool-gray-30);
--decorative-cool-gray-layer-03: var(--color-decorative-cool-gray-40);
--decorative-cool-gray-layer-alpha-0: var(--color-decorative-cool-gray-alpha-1);
--decorative-cool-gray-layer-alpha-00: var(--color-decorative-cool-gray-alpha-5);
--decorative-cool-gray-layer-alpha-01: var(--color-decorative-cool-gray-alpha-10);
--decorative-cool-gray-layer-alpha-02: var(--color-decorative-cool-gray-alpha-20);
--decorative-cool-ray-layer-alpha-03: var(--color-decorative-cool-gray-alpha-30);
--packages-status-background: var(--startup-10);
--packages-status-background-hover: var(--startup-20);
--packages-status-background-pressed: var(--startup-30);
--packages-status-background-on-color: var(--startup-20);
--packages-status-text: var(--startup-300);
--packages-status-border: var(--startup-20);
--packages-status-icon: var(--startup-300);
--packages-large-background: var(--large-10);
--packages-large-background-hover: var(--large-20);
--packages-large-background-pressed: var(--large-30);
--packages-large-background-on-color: var(--large-20);
--packages-large-background-text: var(--large-300);
--packages-large-background-border: var(--large-20);
--packages-large-icon: var(--large-300);
--packages-medium-background: var(--medium-10);
--packages-medium-background-hover: var(--medium-20);
--packages-medium-background-pressed: var(--medium-30);
--packages-medium-background-on-color: var(--medium-20);
--packages-medium-background-text: var(--medium-300);
--packages-medium-background-border: var(--medium-20);
--packages-medium-icon: var(--medium-300);
--packages-small-background: var(--small-10);
--packages-small-background-hover: var(--small-20);
--packages-small-background-pressed: var(--small-30);
--packages-small-background-on-color: var(--small-20);
--packages-small-background-text: var(--small-40);
--packages-small-background-border: var(--small-20);
--packages-small-background-icon: var(--small-40);
}
html.dark {
/* Retail - Dark */
/* colors */
--background-01: var(--color-gray-150);
--background-02: var(--color-gray-200);
--background-accent: var(--color-orange-50);
--layer-01: var(--color-gray-150);
--layer-02: var(--color-shade-gray-200);
--layer-03: var(--color-gray-100);
--layer-04: var(--color-gray-200);
--layer-05: var(--color-gray-90);
--layer-hover-01: var(--color-shade-gray-100);
--layer-hover-02: var(--color-shade-gray-100);
--layer-hover-03: var(--color-shade-gray-100);
--layer-pressed-01: var(--color-gray-80);
--layer-pressed-02: var(--color-gray-80);
--layer-pressed-03: var(--color-gray-80);
--layer-inverse-01: var(--color-white-white);
--layer-inverse-02: var(--color-gray-20);
--layer-inverse-hover-01: var(--color-shade-gray-20);
--layer-inverse-pressed-01: var(--color-gray-40);
--layer-alpha-0: var(--color-gray-alpha-0);
--layer-alpha-01: var(--color-white-alpha-10);
--layer-alpha-02: var(--color-white-alpha-20);
--layer-alpha-03: var(--color-white-alpha-30);
--layer-alpha-hover-01: var(--color-shade-white-alpha-10);
--layer-alpha-hover-02: var(--color-shade-white-alpha-20);
--layer-alpha-hover-03: var(--color-shade-white-alpha-30);
--layer-alpha-pressed-01: var(--color-white-alpha-30);
--layer-alpha-pressed-02: var(--color-white-alpha-30);
--layer-alpha-pressed-03: var(--color-white-alpha-40);
--layer-accent-01: var(--color-orange-90);
--layer-accent-02: var(--color-shade-orange-90);
--layer-accent-alpha-01: var(--color-orange-d-alpha-10);
--layer-accent-alpha-02: var(--color-orange-d-alpha-20);
--layer-accent-alpha-03: var(--color-orange-d-alpha-30);
--layer-black: var(--color-gray-100);
--layer-white: var(--color-white-white);
--layer-disabled: var(--color-gray-100);
--status-error-01: var(--color-red-80);
--status-success-01: var(--color-green-80);
--status-warning-01: var(--color-yellow-80);
--status-info-01: var(--color-calypso-80);
--status-accent-01: var(--color-orange-90);
--status-error-02: var(--color-red-50);
--status-success-02: var(--color-green-40);
--status-warning-02: var(--color-yellow-30);
--status-info-02: var(--color-calypso-50);
--status-accent-02: var(--color-orange-50);
--status-neutral-01: var(--color-gray-10);
--status-neutral-02: var(--color-gray-90);
--status-neutral-03: var(--color-gray-90);
--icon-primary: var(--color-gray-10);
--icon-secondary: var(--color-gray-40);
--icon-helper: var(--color-gray-50);
--icon-inverse-primary: var(--color-gray-200);
--icon-inverse-secondary: var(--color-gray-80);
--icon-error: var(--color-red-40);
--icon-warning: var(--color-yellow-40);
--icon-success: var(--color-green-40);
--icon-info: var(--color-calypso-40);
--icon-accent: var(--color-orange-50);
--icon-accent-strong: var(--color-orange-strong-20);
--icon-white: var(--color-white-white);
--icon-black: var(--color-gray-150);
--icon-disabled: var(--color-gray-60);
--icon-on-color-disabled: var(--color-gray-60);
--text-primary: var(--color-gray-10);
--text-secondary: var(--color-gray-40);
--text-placeholder: var(--color-gray-60);
--text-helper: var(--color-gray-50);
--text-inverse-primary: var(--color-gray-200);
--text-inverse-secondary: var(--color-gray-80);
--text-error: var(--color-red-40);
--text-warning: var(--color-yellow-40);
--text-success: var(--color-green-40);
--text-info: var(--color-calypso-40);
--text-accent: var(--color-orange-50);
--text-accent-strong: var(--color-orange-strong-20);
--text-white: var(--color-white-white);
--text-black: var(--color-gray-150);
--text-disabled: var(--color-gray-60);
--text-on-color-disabled: var(--color-gray-60);
--border-01: var(--color-gray-80);
--border-02: var(--color-gray-70);
--border-03: var(--color-shade-gray-150);
--border-hover-01: var(--color-shade-gray-50);
--border-hover-02: var(--color-shade-gray-50);
--border-pressed-01: var(--color-gray-50);
--border-pressed-02: var(--color-gray-50);
--border-alpha-01: var(--color-white-alpha-20);
--border-alpha-02: var(--color-white-alpha-30);
--border-inverse-primary: var(--color-gray-200);
--border-inverse-secondary: var(--color-gray-80);
--border-strong: var(--color-gray-20);
--border-error: var(--color-red-40);
--border-success: var(--color-green-40);
--border-warning: var(--color-yellow-40);
--border-info: var(--color-calypso-40);
--border-selected: var(--color-orange-50);
--border-selected-strong: var(--color-orange-strong-20);
--border-black: var(--color-gray-150);
--border-white: var(--color-white-white);
--border-disabled: var(--color-gray-60);
--support-01: var(--color-gray-70);
--support-02: var(--color-shade-gray-50);
--support-03: var(--color-gray-80);
--support-04: var(--color-gray-80);
--status-error-alpha-01: var(--color-red-d-alpha-20);
--status-warning-alpha-01: var(--color-yellow-d-alpha-20);
--status-success-alpha-01: var(--color-green-d-alpha-20);
--status-info-alpha-01: var(--color-calypso-d-alpha-20);
--support-overlay-canvas: var(--color-gray-alpha-60);
--support-overlay-media: var(--color-gray-alpha-10);
--support-divider-01: var(--color-gray-90);
--support-divider-02: var(--color-gray-80);
--support-divider-03: var(--color-shade-gray-150);
--support-divider-alpha-01: var(--color-white-alpha-20);
--support-divider-alpha-02: var(--color-white-alpha-30);
--support-caret: var(--color-orange-50);
--support-skeleton: var(--color-gray-80);
--support-skeleton-background: var(--color-gray-100);
--focus-01: var(--color-orange-50);
--link: var(--color-orange-50);
--link-hover: var(--color-shade-orange-40);
--link-clicked: var(--color-orange-40);
--button-primary: var(--color-orange-50);
--button-primary-hover: var(--color-shade-orange-50);
--button-primary-pressed: var(--color-orange-70);
--button-primary-loading: var(--color-orange-40);
--button-secondary: var(--color-orange-d-alpha-20);
--button-secondary-hover: var(--color-shade-orange-d-alpha-30);
--button-secondary-pressed: var(--color-orange-d-alpha-30);
--button-secondary-loading: var(--color-orange-d-alpha-20);
--button-secondary-white: var(--color-gray-100);
--button-secondary-white-hover: var(--color-shade-gray-100);
--button-secondary-white-pressed: var(--color-gray-70);
--button-secondary-white-loading: var(--color-gray-80);
--button-negative: var(--color-red-50);
--button-negative-hover: var(--color-red-60);
--button-negative-pressed: var(--color-shade-red-70);
--button-negative-loading: var(--color-red-50);
--button-text-negative: var(--color-gray-alpha-0);
--button-text-negative-hover: var(--color-red-d-alpha-20);
--button-text-negative-pressed: var(--color-red-d-alpha-30);
--button-text-negative-loading: var(--color-red-d-alpha-10);
--button-text-primary: var(--color-gray-alpha-0);
--button-text-primary-hover: var(--color-shade-white-alpha-10);
--button-text-primary-pressed: var(--color-white-alpha-30);
--button-text-primary-loading: var(--color-white-alpha-10);
--button-text-secondary-black: var(--color-gray-alpha-0);
--button-text-secondary-black-hover: var(--color-shade-white-alpha-10);
--button-text-secondary-black-pressed: var(--color-white-alpha-10);
--button-text-secondary-white: var(--color-white-alpha-0);
--button-text-secondary-white-hover: var(--color-shade-white-alpha-20);
--button-text-secondary-white-pressed: var(--color-white-alpha-30);
--button-text-low: var(--color-orange-50);
--button-text-low-hover: var(--color-shade-orange-40);
--button-text-low-pressed: var(--color-orange-40);
--chips-default: var(--color-white-alpha-20);
--chips-hover: var(--color-white-alpha-30);
--chips-pressed: var(--color-white-alpha-40);
--chips-selected: var(--color-shade-orange-d-alpha-10);
--chips-selected-hover: var(--color-shade-orange-d-alpha-30);
--chips-selected-pressed: var(--color-orange-d-alpha-30);
--chips-disabled: var(--color-shade-gray-alpha-30);
--button-icon-secondary: var(--color-gray-alpha-0);
--button-disabled: var(--color-gray-90);
--button-icon-secondary-hover: var(--color-shade-white-alpha-10);
--button-icon-secondary-pressed: var(--color-white-alpha-30);
--button-icon-secondary-loading: var(--color-white-alpha-10);
--header-row-01: var(--color-gray-200);
--header-row-02: var(--color-gray-90);
--brand-retail-primary-01: var(--color-orange-50);
--brand-retail-primary-02: var(--color-orange-60);
--brand-retail-primary-alpha-01: var(--color-orange-d-alpha-10);
--brand-retail-primary-alpha-02: var(--color-orange-d-alpha-20);
--brand-retail-primary-alpha-03: var(--color-orange-d-alpha-30);
--brand-retail-secondary-01: var(--color-purple-40);
--brand-retail-secondary-02: var(--color-purple-60);
--brand-retail-secondary-alpha-01: var(--color-purple-d-alpha-10);
--brand-retail-secondary-alpha-02: var(--color-purple-d-alpha-20);
--brand-retail-secondary-alpha-03: var(--color-purple-d-alpha-30);
--brand-wealth-primary-01: var(--color-caramel-50);
--brand-wealth-primary-02: var(--color-caramel-60);
--brand-wealth-primary-alpha-01: var(--color-caramel-d-alpha-10);
--brand-wealth-primary-alpha-02: var(--color-caramel-d-alpha-20);
--brand-wealth-primary-alpha-03: var(--color-caramel-d-alpha-30);
--brand-wealth-secondary-01: var(--color-warm-grey---6c-50);
--brand-wealth-secondary-02: var(--color-warm-grey---6c-60);
--brand-wealth-secondary-alpha-01: var(--color-warm-grey---6c-d-alpha-10);
--brand-wealth-secondary-alpha-02: var(--color-warm-grey---6c-d-alpha-20);
--brand-wealth-secondary-alpha-03: var(--color-warm-grey---6c-d-alpha-30);
--brand-american-express-beep-blue: #162b75;
--brand-american-express-bright-blue: #006fcf;
--brand-solo-primary-01: var(--color-marigold-50);
--brand-solo-primary-02: var(--color-marigold-60);
--brand-solo-primary-alpha-01: var(--color-marigold-d-alpha-10);
--brand-solo-primary-alpha-02: var(--color-marigold-d-alpha-20);
--brand-solo-primary-alpha-03: var(--color-marigold-d-alpha-30);
--brand-solo-secondary-01: var(--color-purple-40);
--brand-solo-secondary-02: var(--color-purple-60);
--brand-solo-secondary-alpha-01: var(--color-purple-d-alpha-10);
--brand-solo-secondary-alpha-02: var(--color-purple-d-alpha-20);
--brand-solo-secondary-alpha-03: var(--color-purple-d-alpha-30);
--brand-solo-blue-primary-01: var(--color-marigold-50);
--brand-solo-blue-primary-02: var(--color-marigold-60);
--brand-solo-blue-primary-alpha-01: var(--color-marigold-d-alpha-10);
--brand-solo-blue-primary-alpha-02: var(--color-marigold-d-alpha-20);
--brand-solo-blue-primary-alpha-03: var(--color-marigold-d-alpha-30);
--brand-solo-blue-secondary-01: var(--color-smokey-gray-50);
--brand-solo-blue-secondary-02: var(--color-smokey-gray-60);
--brand-solo-blue-secondary-alpha-01: var(--color-smokey-gray-d-alpha-10);
--brand-solo-blue-secondary-alpha-02: var(--color-smokey-gray-d-alpha-20);
--brand-solo-blue-secondary-alpha-03: var(--color-smokey-gray-d-alpha-30);
--bright-blue: #006fcf;
--beep-blue: #162b75;
--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-black-01: #191a1a;
--illustration-black-02: #fdfdfd;
--illustration-black-03: #b75536;
--illustration-black-04: #8270aa;
--decorative-orange-layer-0: var(--color-decorative-orange-40);
--illustration-black-05: #e9d8ee;
--decorative-orange-layer-00: var(--color-decorative-orange-30);
--illustration-white-01: #fefefe;
--decorative-orange-layer-01: var(--color-decorative-orange-10);
--decorative-orange-layer-02: var(--color-decorative-orange-5);
--decorative-orange-layer-03: var(--color-decorative-orange-1);
--decorative-orange-layer-alpha-0: var(--color-decorative-orange-d-alpha-1);
--decorative-orange-layer-alpha-00: var(--color-decorative-orange-d-alpha-5);
--decorative-orange-layer-alpha-01: var(--color-decorative-orange-d-alpha-10);
--illustration-white-02: #eadfda;
--decorative-orange-layer-alpha-02: var(--color-decorative-orange-d-alpha-20);
--decorative-orange-layer-alpha-03: var(--color-decorative-orange-d-alpha-30);
--illustration-white-03: #8270aa;
--illustration-white-04: #fff;
--decorative-yellow-layer-0: var(--color-decorative-yellow-40);
--decorative-yellow-layer-00: var(--color-decorative-yellow-30);
--decorative-yellow-layer-01: var(--color-decorative-yellow-10);
--decorative-yellow-layer-02: var(--color-decorative-yellow-5);
--decorative-yellow-layer-03: var(--color-decorative-yellow-1);
--decorative-yellow-layer-alpha-0: var(--color-decorative-yellow-d-alpha-1);
--decorative-yellow-layer-alpha-00: var(--color-decorative-yellow-d-alpha-5);
--decorative-yellow-layer-alpha-01: var(--color-decorative-yellow-d-alpha-10);
--decorative-green-layer-0: var(--color-decorative-green-40);
--decorative-yellow-layer-alpha-02: var(--color-decorative-yellow-d-alpha-20);
--decorative-green-layer-00: var(--color-decorative-green-30);
--decorative-yellow-layer-alpha-03: var(--color-decorative-yellow-d-alpha-30);
--decorative-green-layer-01: var(--color-decorative-green-10);
--decorative-green-layer-02: var(--color-decorative-green-5);
--decorative-green-layer-03: var(--color-decorative-green-1);
--decorative-green-layer-alpha-0: var(--color-decorative-green-d-alpha-1);
--decorative-green-layer-alpha-00: var(--color-decorative-green-d-alpha-5);
--decorative-green-layer-alpha-01: var(--color-decorative-green-d-alpha-10);
--decorative-green-layer-alpha-02: var(--color-decorative-green-d-alpha-20);
--decorative-purple-layer-0: var(--color-decorative-purple-40);
--decorative-purple-layer-00: var(--color-decorative-purple-30);
--decorative-green-layer-alpha-03: var(--color-decorative-green-d-alpha-30);
--decorative-purple-layer-01: var(--color-decorative-purple-10);
--decorative-purple-layer-02: var(--color-decorative-purple-5);
--decorative-purple-layer-03: var(--color-decorative-purple-1);
--decorative-purple-layer-alpha-0: var(--color-decorative-purple-d-alpha-10);
--decorative-purple-layer-alpha-00: var(--color-decorative-purple-d-alpha-10);
--decorative-purple-layer-alpha-01: var(--color-decorative-purple-d-alpha-10);
--decorative-magenta-layer-0: var(--color-decorative-magenta-40);
--decorative-purple-layer-alpha-02: var(--color-decorative-purple-d-alpha-20);
--decorative-magenta-layer-00: var(--color-decorative-magenta-30);
--decorative-purple-layer-alpha-03: var(--color-decorative-purple-d-alpha-30);
--decorative-magenta-layer-01: var(--color-decorative-magenta-10);
--decorative-magenta-layer-02: var(--color-decorative-magenta-5);
--decorative-magenta-layer-03: var(--color-decorative-magenta-1);
--decorative-magenta-layer-alpha-0: var(--color-decorative-magenta-d-alpha-1);
--decorative-magenta-layer-alpha-00: var(--color-decorative-magenta-d-alpha-5);
--decorative-magenta-layer-alpha-01: var(--color-decorative-magenta-d-alpha-10);
--decorative-teal-layer-0: var(--color-decorative-teal-40);
--decorative-magenta-layer-alpha-02: var(--color-decorative-magenta-d-alpha-20);
--decorative-teal-layer-00: var(--color-decorative-teal-30);
--decorative-magenta-layer-alpha-03: var(--color-decorative-magenta-d-alpha-30);
--decorative-teal-layer-01: var(--color-decorative-teal-10);
--decorative-teal-layer-02: var(--color-decorative-teal-5);
--decorative-teal-layer-03: var(--color-decorative-teal-1);
--decorative-teal-layer-alpha-0: var(--color-decorative-teal-d-alpha-1);
--decorative-teal-layer-alpha-00: var(--color-decorative-teal-d-alpha-5);
--decorative-teal-layer-alpha-01: var(--color-decorative-teal-d-alpha-10);
--decorative-teal-layer-alpha-02: var(--color-decorative-teal-d-alpha-20);
--decorative-cyan-layer-0: var(--color-decorative-cyan-40);
--decorative-cyan-layer-00: var(--color-decorative-cyan-30);
--decorative-teal-layer-alpha-03: var(--color-decorative-teal-d-alpha-30);
--decorative-cyan-layer-01: var(--color-decorative-cyan-10);
--decorative-cyan-layer-02: var(--color-decorative-cyan-5);
--decorative-cyan-layer-03: var(--color-decorative-cyan-1);
--decorative-cyan-layer-alpha-0: var(--color-decorative-cyan-d-alpha-1);
--decorative-cyan-layer-alpha-00: var(--color-decorative-cyan-d-alpha-5);
--decorative-cyan-layer-alpha-01: var(--color-decorative-cyan-d-alpha-10);
--decorative-warm-gray-layer-0: var(--color-decorative-warm-gray-40);
--decorative-cyan-layer-alpha-02: var(--color-decorative-cyan-d-alpha-20);
--decorative-warm-gray-layer-00: var(--color-decorative-warm-gray-30);
--decorative-cyan-layer-alpha-03: var(--color-decorative-cyan-d-alpha-30);
--decorative-warm-gray-layer-01: var(--color-decorative-warm-gray-10);
--decorative-warm-gray-layer-02: var(--color-decorative-warm-gray-5);
--decorative-warm-gray-layer-03: var(--color-decorative-warm-gray-1);
--decorative-warm-gray-layer-alpha-0: var(--color-decorative-warm-gray-d-alpha-1);
--decorative-warm-gray-layer-alpha-00: var(--color-decorative-warm-gray-d-alpha-5);
--decorative-warm-gray-layer-alpha-01: var(--color-decorative-warm-gray-d-alpha-10);
--decorative-cool-gray-layer-0: var(--color-decorative-cool-gray-40);
--decorative-warm-gray-layer-alpha-02: var(--color-decorative-warm-gray-d-alpha-20);
--decorative-cool-gray-layer-00: var(--color-decorative-cool-gray-30);
--decorative-warm-gray-layer-alpha-03: var(--color-decorative-warm-gray-d-alpha-30);
--decorative-cool-gray-layer-01: var(--color-decorative-cool-gray-10);
--decorative-cool-gray-layer-02: var(--color-decorative-cool-gray-5);
--decorative-cool-gray-layer-03: var(--color-decorative-cool-gray-1);
--decorative-cool-gray-layer-alpha-0: var(--color-decorative-cool-gray-d-alpha-1);
--decorative-cool-gray-layer-alpha-00: var(--color-decorative-cool-gray-d-alpha-5);
--decorative-cool-gray-layer-alpha-01: var(--color-decorative-cool-gray-d-alpha-10);
--decorative-cool-gray-layer-alpha-02: var(--color-decorative-cool-gray-d-alpha-20);
--decorative-cool-ray-layer-alpha-03: var(--color-decorative-cool-gray-d-alpha-30);
--packages-status-background: var(--startup-10);
--packages-status-background-hover: var(--startup-20);
--packages-status-background-pressed: var(--startup-30);
--packages-status-background-on-color: var(--startup-20);
--packages-status-text: var(--startup-300);
--packages-status-border: var(--startup-20);
--packages-status-icon: var(--startup-300);
--packages-large-background: var(--large-10);
--packages-large-background-hover: var(--large-20);
--packages-large-background-pressed: var(--large-30);
--packages-large-background-on-color: var(--large-20);
--packages-large-background-text: var(--large-300);
--packages-large-background-border: var(--large-20);
--packages-large-icon: var(--large-300);
--packages-medium-background: var(--medium-10);
--packages-medium-background-hover: var(--medium-20);
--packages-medium-background-pressed: var(--medium-30);
--packages-medium-background-on-color: var(--medium-20);
--packages-medium-background-text: var(--medium-300);
--packages-medium-background-border: var(--medium-20);
--packages-medium-icon: var(--medium-300);
--packages-small-background: var(--small-10);
--packages-small-background-hover: var(--small-20);
--packages-small-background-pressed: var(--small-30);
--packages-small-background-on-color: var(--small-20);
--packages-small-background-text: var(--small-40);
--packages-small-background-border: var(--small-20);
--packages-small-background-icon: var(--small-40);
}
html.solo {
/* SOLO - Light */
/* colors */
--background-01: var(--color-white-white);
--background-02: var(--color-gray-20);
--background-accent: var(--color-marigold-60);
--layer-01: var(--color-white-white);
--layer-02: var(--color-gray-10);
--layer-03: var(--color-gray-20);
--layer-04: var(--color-gray-30);
--layer-05: var(--color-white-white);
--layer-hover-01: var(--color-shade-gray-20);
--layer-hover-02: var(--color-shade-gray-20);
--layer-hover-03: var(--color-shade-gray-20);
--layer-pressed-01: var(--color-gray-40);
--layer-pressed-02: var(--color-gray-40);
--layer-pressed-03: var(--color-gray-40);
--layer-inverse-01: var(--color-gray-150);
--layer-inverse-02: var(--color-gray-200);
--layer-inverse-hover-01: var(--color-shade-gray-150);
--layer-inverse-pressed-01: var(--color-gray-80);
--layer-alpha-0: var(--color-gray-alpha-0);
--layer-alpha-01: var(--color-gray-alpha-10);
--layer-alpha-02: var(--color-gray-alpha-20);
--layer-alpha-03: var(--color-gray-alpha-30);
--layer-alpha-hover-01: var(--color-shade-gray-alpha-10);
--layer-alpha-hover-02: var(--color-shade-gray-alpha-20);
--layer-alpha-hover-03: var(--color-shade-gray-alpha-30);
--layer-alpha-pressed-01: var(--color-gray-alpha-30);
--layer-alpha-pressed-02: var(--color-gray-alpha-30);
--layer-alpha-pressed-03: var(--color-gray-alpha-40);
--layer-accent-01: var(--color-marigold-10);
--layer-accent-02: var(--color-marigold-20);
--layer-accent-alpha-01: var(--color-marigold-alpha-10);
--layer-accent-alpha-02: var(--color-marigold-alpha-20);
--layer-accent-alpha-03: var(--color-marigold-alpha-30);
--layer-black: var(--color-gray-100);
--layer-white: var(--color-white-white);
--layer-disabled: var(--color-gray-20);
--status-error-01: var(--color-red-10);
--status-success-01: var(--color-green-10);
--status-warning-01: var(--color-yellow-10);
--status-info-01: var(--color-calypso-10);
--status-accent-01: var(--color-marigold-10);
--status-error-02: var(--color-red-60);
--status-success-02: var(--color-green-60);
--status-warning-02: var(--color-yellow-30);
--status-info-02: var(--color-calypso-60);
--status-accent-02: var(--color-marigold-60);
--status-neutral-01: var(--color-gray-10);
--status-neutral-02: var(--color-gray-20);
--status-neutral-03: var(--color-gray-80);
--icon-primary: var(--color-gray-150);
--icon-secondary: var(--color-gray-80);
--icon-helper: var(--color-gray-70);
--icon-inverse-primary: var(--color-gray-10);
--icon-inverse-secondary: var(--color-gray-40);
--icon-error: var(--color-red-60);
--icon-warning: var(--color-yellow-40);
--icon-success: var(--color-green-60);
--icon-info: var(--color-calypso-60);
--icon-accent: var(--color-marigold-60);
--icon-accent-strong: var(--color-marigold-80);
--icon-white: var(--color-white-white);
--icon-black: var(--color-gray-150);
--icon-disabled: var(--color-gray-50);
--icon-on-color-disabled: var(--color-gray-60);
--text-primary: var(--color-gray-150);
--text-secondary: var(--color-gray-80);
--text-placeholder: var(--color-gray-60);
--text-helper: var(--color-gray-70);
--text-inverse-primary: var(--color-gray-10);
--text-inverse-secondary: var(--color-gray-40);
--text-error: var(--color-red-60);
--text-warning: var(--color-yellow-40);
--text-success: var(--color-green-60);
--text-info: var(--color-calypso-60);
--text-accent: var(--color-marigold-60);
--text-accent-strong: var(--color-marigold-80);
--text-white: var(--color-white-white);
--text-black: var(--color-gray-150);
--text-disabled: var(--color-gray-50);
--text-on-color-disabled: var(--color-gray-60);
--border-01: var(--color-gray-40);
--border-02: var(--color-gray-50);
--border-03: var(--color-gray-30);
--border-hover-01: var(--color-shade-gray-50);
--border-hover-02: var(--color-shade-gray-70);
--border-pressed-01: var(--color-gray-80);
--border-pressed-02: var(--color-gray-80);
--border-alpha-01: var(--color-gray-alpha-20);
--border-alpha-02: var(--color-gray-alpha-30);
--border-inverse-primary: var(--color-gray-10);
--border-inverse-secondary: var(--color-gray-40);
--border-strong: var(--color-gray-150);
--border-error: var(--color-red-60);
--border-success: var(--color-green-60);
--border-warning: var(--color-yellow-50);
--border-info: var(--color-calypso-60);
--border-selected: var(--color-marigold-60);
--border-selected-strong: var(--color-marigold-80);
--border-black: var(--color-gray-150);
--border-white: var(--color-white-white);
--border-disabled: var(--color-gray-50);
--support-01: var(--color-gray-60);
--support-02: var(--color-shade-gray-60);
--support-03: var(--color-gray-50);
--support-04: var(--color-white);
--status-error-alpha-01: var(--color-red-alpha-20);
--status-warning-alpha-01: var(--color-yellow-alpha-20);
--status-success-alpha-01: var(--color-green-alpha-20);
--status-info-alpha-01: var(--color-calypso-d-alpha-20);
--support-overlay-canvas: var(--color-gray-alpha-60);
--support-overlay-media: var(--color-gray-alpha-10);
--support-divider-01: var(--color-gray-30);
--support-divider-02: var(--color-gray-40);
--support-divider-03: var(--color-gray-30);
--support-divider-alpha-01: var(--color-gray-alpha-20);
--support-divider-alpha-02: var(--color-gray-alpha-30);
--support-caret: var(--color-marigold-60);
--support-skeleton: var(--color-gray-30);
--support-skeleton-background: var(--color-shade-gray-10);
--focus-01: var(--color-marigold-60);
--link: var(--color-marigold-60);
--link-hover: var(--color-shade-marigold-60);
--link-clicked: var(--color-marigold-70);
--button-primary: var(--color-marigold-60);
--button-primary-hover: var(--color-marigold-70);
--button-primary-pressed: var(--color-marigold-80);
--button-primary-loading: var(--color-marigold-40);
--button-secondary: var(--color-marigold-alpha-10);
--button-secondary-hover: var(--color-marigold-alpha-20);
--button-secondary-pressed: var(--color-marigold-alpha-30);
--button-secondary-loading: var(--color-marigold-alpha-30);
--button-secondary-white: var(--color-white-white);
--button-secondary-white-hover: var(--color-shade-gray-30);
--button-secondary-white-pressed: var(--color-gray-50);
--button-secondary-white-loading: var(--color-gray-20);
--button-negative: var(--color-red-60);
--button-negative-hover: var(--color-shade-red-60);
--button-negative-pressed: var(--color-red-70);
--button-negative-loading: var(--color-red-50);
--button-text-negative: var(--color-gray-alpha-0);
--button-text-negative-hover: var(--color-shade-red-alpha-10);
--button-text-negative-pressed: var(--color-red-alpha-30);
--button-text-negative-loading: var(--color-red-alpha-10);
--button-text-primary: var(--color-gray-alpha-0);
--button-text-primary-hover: var(--color-shade-gray-alpha-10);
--button-text-primary-pressed: var(--color-gray-alpha-30);
--button-text-primary-loading: var(--color-gray-alpha-10);
--button-text-secondary-black: var(--color-gray-alpha-0);
--button-text-secondary-black-hover: var(--color-shade-gray-alpha-10);
--button-text-secondary-black-pressed: var(--color-gray-alpha-30);
--button-text-secondary-white: var(--color-gray-alpha-0);
--button-text-secondary-white-hover: var(--color-shade-gray-alpha-30);
--button-text-secondary-white-pressed: var(--color-gray-alpha-40);
--button-text-low: var(--color-marigold-60);
--button-text-low-hover: var(--color-shade-marigold-60);
--button-text-low-pressed: var(--color-marigold-70);
--chips-default: var(--color-gray-alpha-20);
--chips-hover: var(--color-gray-alpha-30);
--chips-pressed: var(--color-gray-alpha-40);
--chips-selected: var(--color-marigold-alpha-20);
--chips-selected-hover: var(--color-shade-marigold-alpha-20);
--chips-selected-pressed: var(--color-marigold-alpha-30);
--chips-disabled: var(--color-gray-alpha-20);
--button-icon-secondary: var(--color-gray-alpha-0);
--button-disabled: var(--color-gray-20);
--button-icon-secondary-hover: var(--color-shade-gray-alpha-10);
--button-icon-secondary-pressed: var(--color-gray-alpha-30);
--button-icon-secondary-loading: var(--color-gray-alpha-10);
--header-row-01: var(--color-gray-20);
--header-row-02: var(--color-ambassador-blue-80);
--brand-retail-primary-01: var(--color-orange-60);
--brand-retail-primary-02: var(--color-orange-70);
--brand-retail-primary-alpha-01: var(--color-orange-alpha-10);
--brand-retail-primary-alpha-02: var(--color-orange-alpha-20);
--brand-retail-primary-alpha-03: var(--color-orange-alpha-30);
--brand-retail-secondary-01: var(--color-purple-60);
--brand-retail-secondary-02: var(--color-purple-70);
--brand-retail-secondary-alpha-01: var(--color-purple-alpha-10);
--brand-retail-secondary-alpha-02: var(--color-purple-alpha-20);
--brand-retail-secondary-alpha-03: var(--color-purple-alpha-30);
--brand-wealth-primary-01: var(--color-caramel-60);
--brand-wealth-primary-02: var(--color-caramel-70);
--brand-wealth-primary-alpha-01: var(--color-caramel-alpha-10);
--brand-wealth-primary-alpha-02: var(--color-caramel-alpha-20);
--brand-wealth-primary-alpha-03: var(--color-caramel-alpha-30);
--brand-wealth-secondary-01: var(--color-warm-grey---6c-60);
--brand-wealth-secondary-02: var(--color-warm-grey---6c-70);
--brand-wealth-secondary-alpha-01: var(--color-warm-grey---6c-alpha-10);
--brand-wealth-secondary-alpha-02: var(--color-warm-grey---6c-alpha-20);
--brand-wealth-secondary-alpha-03: var(--color-warm-grey---6c-alpha-30);
--brand-american-express-beep-blue: #162b75;
--brand-american-express-bright-blue: #006fcf;
--brand-solo-primary-01: var(--color-marigold-60);
--brand-solo-primary-02: var(--color-marigold-70);
--brand-solo-primary-alpha-01: var(--color-marigold-alpha-10);
--brand-solo-primary-alpha-02: var(--color-marigold-alpha-20);
--brand-solo-primary-alpha-03: var(--color-marigold-alpha-30);
--brand-solo-secondary-01: var(--color-purple-60);
--brand-solo-secondary-02: var(--color-purple-70);
--brand-solo-secondary-alpha-01: var(--color-purple-alpha-10);
--brand-solo-secondary-alpha-02: var(--color-purple-alpha-20);
--brand-solo-secondary-alpha-03: var(--color-purple-alpha-30);
--brand-solo-blue-primary-01: var(--color-marigold-60);
--brand-solo-blue-primary-02: var(--color-marigold-70);
--brand-solo-blue-primary-alpha-01: var(--color-marigold-alpha-10);
--brand-solo-blue-primary-alpha-02: var(--color-marigold-alpha-20);
--brand-solo-blue-primary-alpha-03: var(--color-marigold-alpha-30);
--brand-solo-blue-secondary-01: var(--color-smokey-gray-60);
--brand-solo-blue-secondary-02: var(--color-smokey-gray-70);
--brand-solo-blue-secondary-alpha-01: var(--color-smokey-gray-alpha-10);
--brand-solo-blue-secondary-alpha-02: var(--color-smokey-gray-alpha-20);
--brand-solo-blue-secondary-alpha-03: var(--color-smokey-gray-alpha-30);
--bright-blue: #006fcf;
--beep-blue: #162b75;
--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-black-01: #010101;
--illustration-black-02: #010102;
--illustration-black-03: #010103;
--illustration-black-04: #010104;
--decorative-orange-layer-0: var(--color-decorative-orange-1);
--illustration-black-05: #010105;
--decorative-orange-layer-00: var(--color-decorative-orange-5);
--illustration-white-01: #fefefe;
--decorative-orange-layer-01: var(--color-decorative-orange-20);
--decorative-orange-layer-02: var(--color-decorative-orange-30);
--decorative-orange-layer-03: var(--color-decorative-orange-40);
--decorative-orange-layer-alpha-0: var(--color-decorative-orange-alpha-1);
--decorative-orange-layer-alpha-00: var(--color-decorative-orange-alpha-5);
--decorative-orange-layer-alpha-01: var(--color-decorative-orange-alpha-10);
--illustration-white-02: #fdfdfe;
--decorative-orange-layer-alpha-02: var(--color-decorative-orange-alpha-20);
--decorative-orange-layer-alpha-03: var(--color-decorative-orange-alpha-30);
--illustration-white-03: #fdfdfd;
--illustration-white-04: #fdfdfc;
--decorative-yellow-layer-0: var(--color-decorative-yellow-1);
--decorative-yellow-layer-00: var(--color-decorative-yellow-5);
--decorative-yellow-layer-01: var(--color-decorative-yellow-20);
--decorative-yellow-layer-02: var(--color-decorative-yellow-30);
--decorative-yellow-layer-03: var(--color-decorative-yellow-40);
--decorative-yellow-layer-alpha-0: var(--color-decorative-yellow-alpha-1);
--decorative-yellow-layer-alpha-00: var(--color-decorative-yellow-alpha-5);
--decorative-yellow-layer-alpha-01: var(--color-decorative-yellow-alpha-10);
--decorative-green-layer-0: var(--color-decorative-green-1);
--decorative-yellow-layer-alpha-02: var(--color-decorative-yellow-alpha-20);
--decorative-green-layer-00: var(--color-decorative-green-5);
--decorative-yellow-layer-alpha-03: var(--color-decorative-yellow-alpha-30);
--decorative-green-layer-01: var(--color-decorative-green-20);
--decorative-green-layer-02: var(--color-decorative-green-30);
--decorative-green-layer-03: var(--color-decorative-green-40);
--decorative-green-layer-alpha-0: var(--color-decorative-green-alpha-1);
--decorative-green-layer-alpha-00: var(--color-decorative-green-alpha-5);
--decorative-green-layer-alpha-01: var(--color-decorative-green-alpha-10);
--decorative-green-layer-alpha-02: var(--color-decorative-green-alpha-20);
--decorative-purple-layer-0: var(--color-decorative-purple-1);
--decorative-purple-layer-00: var(--color-decorative-purple-5);
--decorative-green-layer-alpha-03: var(--color-decorative-green-alpha-30);
--decorative-purple-layer-01: var(--color-decorative-purple-20);
--decorative-purple-layer-02: var(--color-decorative-purple-30);
--decorative-purple-layer-03: var(--color-decorative-purple-40);
--decorative-purple-layer-alpha-0: var(--color-decorative-purple-alpha-10);
--decorative-purple-layer-alpha-00: var(--color-decorative-purple-alpha-10);
--decorative-purple-layer-alpha-01: var(--color-decorative-purple-alpha-10);
--decorative-magenta-layer-0: var(--color-decorative-magenta-1);
--decorative-purple-layer-alpha-02: var(--color-decorative-purple-alpha-20);
--decorative-magenta-layer-00: var(--color-decorative-magenta-5);
--decorative-purple-layer-alpha-03: var(--color-decorative-purple-alpha-30);
--decorative-magenta-layer-01: var(--color-decorative-magenta-20);
--decorative-magenta-layer-02: var(--color-decorative-magenta-30);
--decorative-magenta-layer-03: var(--color-decorative-magenta-40);
--decorative-magenta-layer-alpha-0: var(--color-decorative-magenta-alpha-1);
--decorative-magenta-layer-alpha-00: var(--color-decorative-magenta-alpha-5);
--decorative-magenta-layer-alpha-01: var(--color-decorative-magenta-alpha-10);
--decorative-teal-layer-0: var(--color-decorative-teal-1);
--decorative-magenta-layer-alpha-02: var(--color-decorative-magenta-alpha-20);
--decorative-teal-layer-00: var(--color-decorative-teal-5);
--decorative-magenta-layer-alpha-03: var(--color-decorative-magenta-alpha-30);
--decorative-teal-layer-01: var(--color-decorative-teal-20);
--decorative-teal-layer-02: var(--color-decorative-teal-30);
--decorative-teal-layer-03: var(--color-decorative-teal-40);
--decorative-teal-layer-alpha-0: var(--color-decorative-teal-alpha-1);
--decorative-teal-layer-alpha-00: var(--color-decorative-teal-alpha-5);
--decorative-teal-layer-alpha-01: var(--color-decorative-teal-alpha-10);
--decorative-teal-layer-alpha-02: var(--color-decorative-teal-alpha-20);
--decorative-cyan-layer-0: var(--color-decorative-cyan-1);
--decorative-cyan-layer-00: var(--color-decorative-cyan-5);
--decorative-teal-layer-alpha-03: var(--color-decorative-teal-alpha-30);
--decorative-cyan-layer-01: var(--color-decorative-cyan-20);
--decorative-cyan-layer-02: var(--color-decorative-cyan-30);
--decorative-cyan-layer-03: var(--color-decorative-cyan-40);
--decorative-cyan-layer-alpha-0: var(--color-decorative-cyan-alpha-1);
--decorative-cyan-layer-alpha-00: var(--color-decorative-cyan-alpha-5);
--decorative-cyan-layer-alpha-01: var(--color-decorative-cyan-alpha-10);
--decorative-warm-gray-layer-0: var(--color-decorative-warm-gray-1);
--decorative-cyan-layer-alpha-02: var(--color-decorative-cyan-alpha-20);
--decorative-warm-gray-layer-00: var(--color-decorative-warm-gray-5);
--decorative-cyan-layer-alpha-03: var(--color-decorative-cyan-alpha-30);
--decorative-warm-gray-layer-01: var(--color-decorative-warm-gray-20);
--decorative-warm-gray-layer-02: var(--color-decorative-warm-gray-30);
--decorative-warm-gray-layer-03: var(--color-decorative-warm-gray-40);
--decorative-warm-gray-layer-alpha-0: var(--color-decorative-warm-gray-alpha-1);
--decorative-warm-gray-layer-alpha-00: var(--color-decorative-warm-gray-alpha-5);
--decorative-warm-gray-layer-alpha-01: var(--color-decorative-warm-gray-alpha-10);
--decorative-cool-gray-layer-0: var(--color-decorative-cool-gray-1);
--decorative-warm-gray-layer-alpha-02: var(--color-decorative-warm-gray-alpha-20);
--decorative-cool-gray-layer-00: var(--color-decorative-cool-gray-5);
--decorative-warm-gray-layer-alpha-03: var(--color-decorative-warm-gray-alpha-30);
--decorative-cool-gray-layer-01: var(--color-decorative-cool-gray-20);
--decorative-cool-gray-layer-02: var(--color-decorative-cool-gray-30);
--decorative-cool-gray-layer-03: var(--color-decorative-cool-gray-40);
--decorative-cool-gray-layer-alpha-0: var(--color-decorative-cool-gray-alpha-1);
--decorative-cool-gray-layer-alpha-00: var(--color-decorative-cool-gray-alpha-5);
--decorative-cool-gray-layer-alpha-01: var(--color-decorative-cool-gray-alpha-10);
--decorative-cool-gray-layer-alpha-02: var(--color-decorative-cool-gray-alpha-20);
--decorative-cool-ray-layer-alpha-03: var(--color-decorative-cool-gray-alpha-30);
--packages-status-background: var(--startup-10);
--packages-status-background-hover: var(--startup-20);
--packages-status-background-pressed: var(--startup-30);
--packages-status-background-on-color: var(--startup-20);
--packages-status-text: var(--startup-300);
--packages-status-border: var(--startup-20);
--packages-status-icon: var(--startup-300);
--packages-large-background: var(--large-10);
--packages-large-background-hover: var(--large-20);
--packages-large-background-pressed: var(--large-30);
--packages-large-background-on-color: var(--large-20);
--packages-large-background-text: var(--large-300);
--packages-large-background-border: var(--large-20);
--packages-large-icon: var(--large-300);
--packages-medium-background: var(--medium-10);
--packages-medium-background-hover: var(--medium-20);
--packages-medium-background-pressed: var(--medium-30);
--packages-medium-background-on-color: var(--medium-20);
--packages-medium-background-text: var(--medium-300);
--packages-medium-background-border: var(--medium-20);
--packages-medium-icon: var(--medium-300);
--packages-small-background: var(--small-10);
--packages-small-background-hover: var(--small-20);
--packages-small-background-pressed: var(--small-30);
--packages-small-background-on-color: var(--small-20);
--packages-small-background-text: var(--small-40);
--packages-small-background-border: var(--small-20);
--packages-small-background-icon: var(--small-40);
}
html.solo.blue {
/* SOLO blue */
/* colors */
--background-01: var(--color-ambassador-blue-100);
--background-02: var(--color-ambassador-blue-150);
--background-accent: var(--color-marigold-50);
--layer-01: var(--color-ambassador-blue-100);
--layer-02: var(--color-shade-ambassador-blue-150);
--layer-03: var(--color-ambassador-blue-90);
--layer-04: var(--color-ambassador-blue-150);
--layer-05: var(--color-ambassador-blue-70);
--layer-hover-01: var(--color-shade-ambassador-blue-90);
--layer-hover-02: var(--color-shade-ambassador-blue-90);
--layer-hover-03: var(--color-shade-ambassador-blue-90);
--layer-pressed-01: var(--color-shade-ambassador-blue-80);
--layer-pressed-02: var(--color-shade-ambassador-blue-80);
--layer-pressed-03: var(--color-shade-ambassador-blue-80);
--layer-inverse-01: var(--color-white-white);
--layer-inverse-02: var(--color-ambassador-blue-20);
--layer-inverse-hover-01: var(--color-shade-ambassador-blue-10);
--layer-inverse-pressed-01: var(--color-ambassador-blue-30);
--layer-alpha-0: var(--color-gray-alpha-0);
--layer-alpha-01: var(--color-white-alpha-10);
--layer-alpha-02: var(--color-white-alpha-20);
--layer-alpha-03: var(--color-white-alpha-30);
--layer-alpha-hover-01: var(--color-shade-white-alpha-10);
--layer-alpha-hover-02: var(--color-shade-white-alpha-20);
--layer-alpha-hover-03: var(--color-shade-white-alpha-30);
--layer-alpha-pressed-01: var(--color-white-alpha-30);
--layer-alpha-pressed-02: var(--color-white-alpha-30);
--layer-alpha-pressed-03: var(--color-white-alpha-40);
--layer-accent-01: var(--color-shade-marigold-100);
--layer-accent-02: var(--color-marigold-80);
--layer-accent-alpha-01: var(--color-marigold-d-alpha-10);
--layer-accent-alpha-02: var(--color-marigold-d-alpha-20);
--layer-accent-alpha-03: var(--color-marigold-d-alpha-30);
--layer-black: var(--color-gray-100);
--layer-white: var(--color-white-white);
--layer-disabled: var(--color-ambassador-blue-90);
--status-error-01: var(--color-red-80);
--status-success-01: var(--color-green-80);
--status-warning-01: var(--color-yellow-80);
--status-info-01: var(--color-calypso-80);
--status-accent-01: var(--color-marigold-90);
--status-error-02: var(--color-red-50);
--status-success-02: var(--color-green-40);
--status-warning-02: var(--color-yellow-30);
--status-info-02: var(--color-calypso-50);
--status-accent-02: var(--color-marigold-50);
--status-neutral-01: var(--color-ambassador-blue-10);
--status-neutral-02: var(--color-ambassador-blue-80);
--status-neutral-03: var(--color-ambassador-blue-90);
--icon-primary: var(--color-ambassador-blue-10);
--icon-secondary: var(--color-ambassador-blue-30);
--icon-helper: var(--color-ambassador-blue-40);
--icon-inverse-primary: var(--color-ambassador-blue-200);
--icon-inverse-secondary: var(--color-ambassador-blue-70);
--icon-error: var(--color-red-40);
--icon-warning: var(--color-yellow-40);
--icon-success: var(--color-green-40);
--icon-info: var(--color-calypso-40);
--icon-accent: var(--color-marigold-50);
--icon-accent-strong: var(--color-marigold-30);
--icon-white: var(--color-white-white);
--icon-black: var(--color-gray-150);
--icon-disabled: var(--color-ambassador-blue-50);
--icon-on-color-disabled: var(--color-ambassador-blue-40);
--text-primary: var(--color-ambassador-blue-10);
--text-secondary: var(--color-ambassador-blue-30);
--text-placeholder: var(--color-ambassador-blue-50);
--text-helper: var(--color-ambassador-blue-40);
--text-inverse-primary: var(--color-ambassador-blue-150);
--text-inverse-secondary: var(--color-ambassador-blue-70);
--text-error: var(--color-red-40);
--text-warning: var(--color-yellow-40);
--text-success: var(--color-green-40);
--text-info: var(--color-calypso-40);
--text-accent: var(--color-marigold-50);
--text-accent-strong: var(--color-marigold-30);
--text-white: var(--color-white-white);
--text-black: var(--color-gray-150);
--text-disabled: var(--color-ambassador-blue-50);
--text-on-color-disabled: var(--color-ambassador-blue-40);
--border-01: var(--color-ambassador-blue-70);
--border-02: var(--color-ambassador-blue-60);
--border-03: var(--color-shade-ambassador-blue-100);
--border-hover-01: var(--color-shade-ambassador-blue-40);
--border-hover-02: var(--color-shade-ambassador-blue-40);
--border-pressed-01: var(--color-ambassador-blue-30);
--border-pressed-02: var(--color-ambassador-blue-30);
--border-alpha-01: var(--color-white-alpha-20);
--border-alpha-02: var(--color-white-alpha-30);
--border-inverse-primary: var(--color-ambassador-blue-150);
--border-inverse-secondary: var(--color-ambassador-blue-70);
--border-strong: var(--color-ambassador-blue-20);
--border-error: var(--color-red-40);
--border-success: var(--color-green-40);
--border-warning: var(--color-yellow-40);
--border-info: var(--color-calypso-40);
--border-selected: var(--color-marigold-50);
--border-selected-strong: var(--color-marigold-30);
--border-black: var(--color-gray-150);
--border-white: var(--color-white-white);
--border-disabled: var(--color-ambassador-blue-50);
--support-01: var(--color-ambassador-blue-60);
--support-02: var(--color-shade-ambassador-blue-40);
--support-03: var(--color-ambassador-blue-70);
--support-04: var(--color-ambassador-blue-70);
--status-error-alpha-01: var(--color-red-d-alpha-20);
--status-warning-alpha-01: var(--color-yellow-d-alpha-20);
--status-success-alpha-01: var(--color-green-d-alpha-20);
--status-info-alpha-01: var(--color-calypso-d-alpha-20);
--support-overlay-canvas: var(--color-gray-alpha-60);
--support-overlay-media: var(--color-gray-alpha-10);
--support-divider-01: var(--color-shade-ambassador-blue-80);
--support-divider-02: var(--color-ambassador-blue-70);
--support-divider-03: var(--color-shade-ambassador-blue-100);
--support-divider-alpha-01: var(--color-white-alpha-20);
--support-divider-alpha-02: var(--color-white-alpha-30);
--support-caret: var(--color-marigold-50);
--support-skeleton: var(--color-ambassador-blue-70);
--support-skeleton-background: var(--color-ambassador-blue-80);
--focus-01: var(--color-marigold-50);
--link: var(--color-marigold-50);
--link-hover: var(--color-marigold-40);
--link-clicked: var(--color-marigold-30);
--button-primary: var(--color-marigold-60);
--button-primary-hover: var(--color-shade-marigold-60);
--button-primary-pressed: var(--color-marigold-80);
--button-primary-loading: var(--color-marigold-40);
--button-secondary: var(--color-marigold-d-alpha-20);
--button-secondary-hover: var(--color-marigold-d-alpha-30);
--button-secondary-pressed: var(--color-shade-marigold-d-alpha-30);
--button-secondary-loading: var(--color-marigold-d-alpha-20);
--button-secondary-white: var(--color-gray-100);
--button-secondary-white-hover: var(--color-shade-gray-100);
--button-secondary-white-pressed: var(--color-gray-70);
--button-secondary-white-loading: var(--color-gray-80);
--button-negative: var(--color-red-50);
--button-negative-hover: var(--color-red-60);
--button-negative-pressed: var(--color-red-70);
--button-negative-loading: var(--color-red-50);
--button-text-negative: var(--color-gray-alpha-0);
--button-text-negative-hover: var(--color-red-d-alpha-20);
--button-text-negative-pressed: var(--color-red-d-alpha-30);
--button-text-negative-loading: var(--color-red-d-alpha-10);
--button-text-primary: var(--color-gray-alpha-0);
--button-text-primary-hover: var(--color-shade-white-alpha-10);
--button-text-primary-pressed: var(--color-white-alpha-30);
--button-text-primary-loading: var(--color-white-alpha-10);
--button-text-secondary-black: var(--color-gray-alpha-0);
--button-text-secondary-black-hover: var(--color-shade-white-alpha-10);
--button-text-secondary-black-pressed: var(--color-white-alpha-10);
--button-text-secondary-white: var(--color-white-alpha-0);
--button-text-secondary-white-hover: var(--color-shade-white-alpha-20);
--button-text-secondary-white-pressed: var(--color-white-alpha-30);
--button-text-low: var(--color-marigold-50);
--button-text-low-hover: var(--color-marigold-40);
--button-text-low-pressed: var(--color-marigold-30);
--chips-default: var(--color-white-alpha-20);
--chips-hover: var(--color-white-alpha-30);
--chips-pressed: var(--color-white-alpha-40);
--chips-selected: var(--color-marigold-d-alpha-20);
--chips-selected-hover: var(--color-shade-marigold-d-alpha-30);
--chips-selected-pressed: var(--color-marigold-d-alpha-30);
--chips-disabled: var(--color-gray-alpha-30);
--button-icon-secondary: var(--color-gray-alpha-0);
--button-disabled: var(--color-gray-90);
--button-icon-secondary-hover: var(--color-shade-white-alpha-10);
--button-icon-secondary-pressed: var(--color-white-alpha-30);
--button-icon-secondary-loading: var(--color-white-alpha-10);
--header-row-01: var(--color-ambassador-blue-150);
--header-row-02: var(--color-ambassador-blue-80);
--brand-retail-primary-01: var(--color-orange-50);
--brand-retail-primary-02: var(--color-orange-60);
--brand-retail-primary-alpha-01: var(--color-orange-d-alpha-10);
--brand-retail-primary-alpha-02: var(--color-orange-d-alpha-20);
--brand-retail-primary-alpha-03: var(--color-orange-d-alpha-30);
--brand-retail-secondary-01: var(--color-purple-40);
--brand-retail-secondary-02: var(--color-purple-60);
--brand-retail-secondary-alpha-01: var(--color-purple-d-alpha-10);
--brand-retail-secondary-alpha-02: var(--color-purple-d-alpha-20);
--brand-retail-secondary-alpha-03: var(--color-purple-d-alpha-30);
--brand-wealth-primary-01: var(--color-caramel-50);
--brand-wealth-primary-02: var(--color-caramel-60);
--brand-wealth-primary-alpha-01: var(--color-caramel-d-alpha-10);
--brand-wealth-primary-alpha-02: var(--color-caramel-d-alpha-20);
--brand-wealth-primary-alpha-03: var(--color-caramel-d-alpha-30);
--brand-wealth-secondary-01: var(--color-warm-grey---6c-50);
--brand-wealth-secondary-02: var(--color-warm-grey---6c-60);
--brand-wealth-secondary-alpha-01: var(--color-warm-grey---6c-d-alpha-10);
--brand-wealth-secondary-alpha-02: var(--color-warm-grey---6c-d-alpha-20);
--brand-wealth-secondary-alpha-03: var(--color-warm-grey---6c-d-alpha-30);
--brand-american-express-beep-blue: #162b75;
--brand-american-express-bright-blue: #006fcf;
--brand-solo-primary-01: var(--color-marigold-50);
--brand-solo-primary-02: var(--color-marigold-60);
--brand-solo-primary-alpha-01: var(--color-marigold-d-alpha-10);
--brand-solo-primary-alpha-02: var(--color-marigold-d-alpha-20);
--brand-solo-primary-alpha-03: var(--color-marigold-d-alpha-30);
--brand-solo-secondary-01: var(--color-purple-40);
--brand-solo-secondary-02: var(--color-purple-60);
--brand-solo-secondary-alpha-01: var(--color-purple-d-alpha-10);
--brand-solo-secondary-alpha-02: var(--color-purple-d-alpha-20);
--brand-solo-secondary-alpha-03: var(--color-purple-d-alpha-30);
--brand-solo-blue-primary-01: var(--color-marigold-50);
--brand-solo-blue-primary-02: var(--color-marigold-60);
--brand-solo-blue-primary-alpha-01: var(--color-marigold-d-alpha-10);
--brand-solo-blue-primary-alpha-02: var(--color-marigold-d-alpha-20);
--brand-solo-blue-primary-alpha-03: var(--color-marigold-d-alpha-30);
--brand-solo-blue-secondary-01: var(--color-smokey-gray-50);
--brand-solo-blue-secondary-02: var(--color-smokey-gray-60);
--brand-solo-blue-secondary-alpha-01: var(--color-smokey-gray-d-alpha-10);
--brand-solo-blue-secondary-alpha-02: var(--color-smokey-gray-d-alpha-20);
--brand-solo-blue-secondary-alpha-03: var(--color-smokey-gray-d-alpha-30);
--bright-blue: #006fcf;
--beep-blue: #162b75;
--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-black-01: #303247;
--illustration-black-02: #8270aa;
--illustration-black-03: #c5bcf1;
--illustration-black-04: #b75536;
--decorative-orange-layer-0: var(--color-decorative-orange-40);
--illustration-black-05: #e1e3f3;
--decorative-orange-layer-00: var(--color-decorative-orange-30);
--illustration-white-01: #fefefe;
--decorative-orange-layer-01: var(--color-decorative-orange-10);
--decorative-orange-layer-02: var(--color-decorative-orange-5);
--decorative-orange-layer-03: var(--color-decorative-orange-1);
--decorative-orange-layer-alpha-0: var(--color-decorative-orange-d-alpha-1);
--decorative-orange-layer-alpha-00: var(--color-decorative-orange-d-alpha-5);
--decorative-orange-layer-alpha-01: var(--color-decorative-orange-d-alpha-10);
--illustration-white-02: #fcf5ef;
--decorative-orange-layer-alpha-02: var(--color-decorative-orange-d-alpha-20);
--decorative-orange-layer-alpha-03: var(--color-decorative-orange-d-alpha-30);
--illustration-white-03: #8270aa;
--illustration-white-04: #c5bcf1;
--decorative-yellow-layer-0: var(--color-decorative-yellow-40);
--decorative-yellow-layer-00: var(--color-decorative-yellow-30);
--decorative-yellow-layer-01: var(--color-decorative-yellow-10);
--decorative-yellow-layer-02: var(--color-decorative-yellow-5);
--decorative-yellow-layer-03: var(--color-decorative-yellow-1);
--decorative-yellow-layer-alpha-0: var(--color-decorative-yellow-d-alpha-1);
--decorative-yellow-layer-alpha-00: var(--color-decorative-yellow-d-alpha-5);
--decorative-yellow-layer-alpha-01: var(--color-decorative-yellow-d-alpha-10);
--decorative-green-layer-0: var(--color-decorative-green-40);
--decorative-yellow-layer-alpha-02: var(--color-decorative-yellow-d-alpha-20);
--decorative-green-layer-00: var(--color-decorative-green-30);
--decorative-yellow-layer-alpha-03: var(--color-decorative-yellow-d-alpha-30);
--decorative-green-layer-01: var(--color-decorative-green-10);
--decorative-green-layer-02: var(--color-decorative-green-5);
--decorative-green-layer-03: var(--color-decorative-green-1);
--decorative-green-layer-alpha-0: var(--color-decorative-green-d-alpha-1);
--decorative-green-layer-alpha-00: var(--color-decorative-green-d-alpha-5);
--decorative-green-layer-alpha-01: var(--color-decorative-green-d-alpha-10);
--decorative-green-layer-alpha-02: var(--color-decorative-green-d-alpha-20);
--decorative-purple-layer-0: var(--color-decorative-purple-40);
--decorative-purple-layer-00: var(--color-decorative-purple-30);
--decorative-green-layer-alpha-03: var(--color-decorative-green-d-alpha-30);
--decorative-purple-layer-01: var(--color-decorative-purple-10);
--decorative-purple-layer-02: var(--color-decorative-purple-5);
--decorative-purple-layer-03: var(--color-decorative-purple-1);
--decorative-purple-layer-alpha-0: var(--color-decorative-purple-d-alpha-10);
--decorative-purple-layer-alpha-00: var(--color-decorative-purple-d-alpha-10);
--decorative-purple-layer-alpha-01: var(--color-decorative-purple-d-alpha-10);
--decorative-magenta-layer-0: var(--color-decorative-magenta-40);
--decorative-purple-layer-alpha-02: var(--color-decorative-purple-d-alpha-20);
--decorative-magenta-layer-00: var(--color-decorative-magenta-30);
--decorative-purple-layer-alpha-03: var(--color-decorative-purple-d-alpha-30);
--decorative-magenta-layer-01: var(--color-decorative-magenta-10);
--decorative-magenta-layer-02: var(--color-decorative-magenta-5);
--decorative-magenta-layer-03: var(--color-decorative-magenta-1);
--decorative-magenta-layer-alpha-0: var(--color-decorative-magenta-d-alpha-1);
--decorative-magenta-layer-alpha-00: var(--color-decorative-magenta-d-alpha-5);
--decorative-magenta-layer-alpha-01: var(--color-decorative-magenta-d-alpha-10);
--decorative-teal-layer-0: var(--color-decorative-teal-40);
--decorative-magenta-layer-alpha-02: var(--color-decorative-magenta-d-alpha-20);
--decorative-teal-layer-00: var(--color-decorative-teal-30);
--decorative-magenta-layer-alpha-03: var(--color-decorative-magenta-d-alpha-30);
--decorative-teal-layer-01: var(--color-decorative-teal-10);
--decorative-teal-layer-02: var(--color-decorative-teal-5);
--decorative-teal-layer-03: var(--color-decorative-teal-1);
--decorative-teal-layer-alpha-0: var(--color-decorative-teal-d-alpha-1);
--decorative-teal-layer-alpha-00: var(--color-decorative-teal-d-alpha-5);
--decorative-teal-layer-alpha-01: var(--color-decorative-teal-d-alpha-10);
--decorative-teal-layer-alpha-02: var(--color-decorative-teal-d-alpha-20);
--decorative-cyan-layer-0: var(--color-decorative-cyan-40);
--decorative-cyan-layer-00: var(--color-decorative-cyan-30);
--decorative-teal-layer-alpha-03: var(--color-decorative-teal-d-alpha-30);
--decorative-cyan-layer-01: var(--color-decorative-cyan-10);
--decorative-cyan-layer-02: var(--color-decorative-cyan-5);
--decorative-cyan-layer-03: var(--color-decorative-cyan-1);
--decorative-cyan-layer-alpha-0: var(--color-decorative-cyan-d-alpha-1);
--decorative-cyan-layer-alpha-00: var(--color-decorative-cyan-d-alpha-5);
--decorative-cyan-layer-alpha-01: var(--color-decorative-cyan-d-alpha-10);
--decorative-warm-gray-layer-0: var(--color-decorative-warm-gray-40);
--decorative-cyan-layer-alpha-02: var(--color-decorative-cyan-d-alpha-20);
--decorative-warm-gray-layer-00: var(--color-decorative-warm-gray-30);
--decorative-cyan-layer-alpha-03: var(--color-decorative-cyan-d-alpha-30);
--decorative-warm-gray-layer-01: var(--color-decorative-warm-gray-10);
--decorative-warm-gray-layer-02: var(--color-decorative-warm-gray-5);
--decorative-warm-gray-layer-03: var(--color-decorative-warm-gray-1);
--decorative-warm-gray-layer-alpha-0: var(--color-decorative-warm-gray-d-alpha-1);
--decorative-warm-gray-layer-alpha-00: var(--color-decorative-warm-gray-d-alpha-5);
--decorative-warm-gray-layer-alpha-01: var(--color-decorative-warm-gray-d-alpha-10);
--decorative-cool-gray-layer-0: var(--color-decorative-cool-gray-40);
--decorative-warm-gray-layer-alpha-02: var(--color-decorative-warm-gray-d-alpha-20);
--decorative-cool-gray-layer-00: var(--color-decorative-cool-gray-30);
--decorative-warm-gray-layer-alpha-03: var(--color-decorative-warm-gray-d-alpha-30);
--decorative-cool-gray-layer-01: var(--color-decorative-cool-gray-10);
--decorative-cool-gray-layer-02: var(--color-decorative-cool-gray-5);
--decorative-cool-gray-layer-03: var(--color-decorative-cool-gray-1);
--decorative-cool-gray-layer-alpha-0: var(--color-decorative-cool-gray-d-alpha-1);
--decorative-cool-gray-layer-alpha-00: var(--color-decorative-cool-gray-d-alpha-5);
--decorative-cool-gray-layer-alpha-01: var(--color-decorative-cool-gray-d-alpha-10);
--decorative-cool-gray-layer-alpha-02: var(--color-decorative-cool-gray-d-alpha-20);
--decorative-cool-ray-layer-alpha-03: var(--color-decorative-cool-gray-d-alpha-30);
--packages-status-background: var(--startup-10);
--packages-status-background-hover: var(--startup-20);
--packages-status-background-pressed: var(--startup-30);
--packages-status-background-on-color: var(--startup-20);
--packages-status-text: var(--startup-300);
--packages-status-border: var(--startup-20);
--packages-status-icon: var(--startup-300);
--packages-large-background: var(--large-10);
--packages-large-background-hover: var(--large-20);
--packages-large-background-pressed: var(--large-30);
--packages-large-background-on-color: var(--large-20);
--packages-large-background-text: var(--large-300);
--packages-large-background-border: var(--large-20);
--packages-large-icon: var(--large-300);
--packages-medium-background: var(--medium-10);
--packages-medium-background-hover: var(--medium-20);
--packages-medium-background-pressed: var(--medium-30);
--packages-medium-background-on-color: var(--medium-20);
--packages-medium-background-text: var(--medium-300);
--packages-medium-background-border: var(--medium-20);
--packages-medium-icon: var(--medium-300);
--packages-small-background: var(--small-10);
--packages-small-background-hover: var(--small-20);
--packages-small-background-pressed: var(--small-30);
--packages-small-background-on-color: var(--small-20);
--packages-small-background-text: var(--small-40);
--packages-small-background-border: var(--small-20);
--packages-small-background-icon: var(--small-40);
}
html.wm {
/* Wealth light colors */
/* colors */
--background-01: var(--color-white-white);
--background-02: var(--color-gray-20);
--background-accent: var(--color-caramel-60);
--layer-01: var(--color-white-white);
--layer-02: var(--color-gray-10);
--layer-03: var(--color-gray-20);
--layer-04: var(--color-gray-30);
--layer-05: var(--color-white-white);
--layer-hover-01: var(--color-shade-gray-20);
--layer-hover-02: var(--color-shade-gray-20);
--layer-hover-03: var(--color-shade-gray-20);
--layer-pressed-01: var(--color-gray-40);
--layer-pressed-02: var(--color-gray-40);
--layer-pressed-03: var(--color-gray-40);
--layer-inverse-01: var(--color-gray-150);
--layer-inverse-02: var(--color-gray-200);
--layer-inverse-hover-01: var(--color-shade-gray-150);
--layer-inverse-pressed-01: var(--color-gray-80);
--layer-alpha-0: var(--color-gray-alpha-0);
--layer-alpha-01: var(--color-gray-alpha-10);
--layer-alpha-02: var(--color-gray-alpha-20);
--layer-alpha-03: var(--color-gray-alpha-30);
--layer-alpha-hover-01: var(--color-shade-gray-alpha-10);
--layer-alpha-hover-02: var(--color-shade-gray-alpha-20);
--layer-alpha-hover-03: var(--color-shade-gray-alpha-30);
--layer-alpha-pressed-01: var(--color-gray-alpha-30);
--layer-alpha-pressed-02: var(--color-gray-alpha-30);
--layer-alpha-pressed-03: var(--color-gray-alpha-40);
--layer-accent-01: var(--color-caramel-10);
--layer-accent-02: var(--color-caramel-20);
--layer-accent-alpha-01: var(--color-caramel-alpha-10);
--layer-accent-alpha-02: var(--color-caramel-alpha-20);
--layer-accent-alpha-03: var(--color-caramel-alpha-30);
--layer-black: var(--color-gray-100);
--layer-white: var(--color-white-white);
--layer-disabled: var(--color-gray-20);
--status-error-01: var(--color-red-10);
--status-success-01: var(--color-green-10);
--status-warning-01: var(--color-yellow-10);
--status-info-01: var(--color-calypso-10);
--status-accent-01: var(--color-caramel-10);
--status-error-02: var(--color-red-60);
--status-success-02: var(--color-green-60);
--status-warning-02: var(--color-yellow-30);
--status-info-02: var(--color-calypso-60);
--status-accent-02: var(--color-caramel-60);
--status-neutral-01: var(--color-gray-10);
--status-neutral-02: var(--color-gray-20);
--status-neutral-03: var(--color-gray-80);
--icon-primary: var(--color-gray-150);
--icon-secondary: var(--color-gray-80);
--icon-helper: var(--color-gray-70);
--icon-inverse-primary: var(--color-gray-10);
--icon-inverse-secondary: var(--color-gray-40);
--icon-error: var(--color-red-60);
--icon-warning: var(--color-yellow-40);
--icon-success: var(--color-green-60);
--icon-info: var(--color-calypso-60);
--icon-accent: var(--color-caramel-60);
--icon-accent-strong: var(--color-caramel-80);
--icon-white: var(--color-white-white);
--icon-black: var(--color-gray-150);
--icon-disabled: var(--color-gray-50);
--icon-on-color-disabled: var(--color-gray-60);
--text-primary: var(--color-gray-150);
--text-secondary: var(--color-gray-80);
--text-placeholder: var(--color-gray-60);
--text-helper: var(--color-gray-70);
--text-inverse-primary: var(--color-gray-10);
--text-inverse-secondary: var(--color-gray-40);
--text-error: var(--color-red-60);
--text-warning: var(--color-yellow-40);
--text-success: var(--color-green-60);
--text-info: var(--color-calypso-60);
--text-accent: var(--color-caramel-60);
--text-accent-strong: var(--color-caramel-80);
--text-white: var(--color-white-white);
--text-black: var(--color-gray-150);
--text-disabled: var(--color-gray-50);
--text-on-color-disabled: var(--color-gray-60);
--border-01: var(--color-gray-40);
--border-02: var(--color-gray-60);
--border-03: var(--color-gray-30);
--border-hover-01: var(--color-shade-gray-50);
--border-hover-02: var(--color-shade-gray-70);
--border-pressed-01: var(--color-gray-80);
--border-pressed-02: var(--color-gray-80);
--border-alpha-01: var(--color-gray-alpha-20);
--border-alpha-02: var(--color-gray-alpha-30);
--border-inverse-primary: var(--color-gray-10);
--border-inverse-secondary: var(--color-gray-40);
--border-strong: var(--color-gray-150);
--border-error: var(--color-red-60);
--border-success: var(--color-green-60);
--border-warning: var(--color-yellow-50);
--border-info: var(--color-calypso-60);
--border-selected: var(--color-caramel-60);
--border-selected-strong: var(--color-caramel-80);
--border-black: var(--color-gray-150);
--border-white: var(--color-white-white);
--border-disabled: var(--color-gray-50);
--support-01: var(--color-gray-60);
--support-02: var(--color-shade-gray-60);
--support-03: var(--color-gray-50);
--support-04: var(--color-white);
--status-error-alpha-01: var(--color-red-alpha-20);
--status-warning-alpha-01: var(--color-yellow-alpha-20);
--status-success-alpha-01: var(--color-green-alpha-20);
--status-info-alpha-01: var(--color-calypso-alpha-20);
--support-overlay-canvas: var(--color-gray-alpha-60);
--support-overlay-media: var(--color-gray-alpha-10);
--support-divider-01: var(--color-gray-30);
--support-divider-02: var(--color-gray-40);
--support-divider-03: var(--color-gray-30);
--support-divider-alpha-01: var(--color-gray-alpha-20);
--support-divider-alpha-02: var(--color-gray-alpha-30);
--support-caret: var(--color-caramel-60);
--support-skeleton: var(--color-gray-30);
--support-skeleton-background: var(--color-shade-gray-10);
--focus-01: var(--color-caramel-60);
--link: var(--color-caramel-60);
--link-hover: var(--color-shade-caramel-60);
--link-clicked: var(--color-caramel-70);
--button-primary: var(--color-caramel-60);
--button-primary-hover: var(--color-caramel-70);
--button-primary-pressed: var(--color-caramel-80);
--button-primary-loading: var(--color-caramel-50);
--button-secondary: var(--color-caramel-alpha-20);
--button-secondary-hover: var(--color-shade-caramel-alpha-20);
--button-secondary-pressed: var(--color-shade-caramel-alpha-30);
--button-secondary-loading: var(--color-caramel-alpha-20);
--button-secondary-white: var(--color-white-white);
--button-secondary-white-hover: var(--color-shade-gray-30);
--button-secondary-white-pressed: var(--color-gray-50);
--button-secondary-white-loading: var(--color-gray-40);
--button-negative: var(--color-red-60);
--button-negative-hover: var(--color-shade-red-60);
--button-negative-pressed: var(--color-shade-red-80);
--button-negative-loading: var(--color-red-50);
--button-text-negative: var(--color-gray-alpha-0);
--button-text-negative-hover: var(--color-shade-red-alpha-10);
--button-text-negative-pressed: var(--color-red-alpha-30);
--button-text-negative-loading: var(--color-red-alpha-10);
--button-text-primary: var(--color-gray-alpha-0);
--button-text-primary-hover: var(--color-shade-gray-alpha-10);
--button-text-primary-pressed: var(--color-gray-alpha-30);
--button-text-primary-loading: var(--color-gray-alpha-10);
--button-text-secondary-black: var(--color-gray-alpha-0);
--button-text-secondary-black-hover: var(--color-shade-gray-alpha-10);
--button-text-secondary-black-pressed: var(--color-gray-alpha-30);
--button-text-secondary-white: var(--color-gray-alpha-0);
--button-text-secondary-white-hover: var(--color-gray-alpha-30);
--button-text-secondary-white-pressed: var(--color-gray-alpha-40);
--button-text-low: var(--color-caramel-60);
--button-text-low-hover: var(--color-shade-caramel-60);
--button-text-low-pressed: var(--color-caramel-70);
--chips-default: var(--color-gray-alpha-20);
--chips-hover: var(--color-gray-alpha-30);
--chips-pressed: var(--color-gray-alpha-40);
--chips-selected: var(--color-caramel-alpha-20);
--chips-selected-hover: var(--color-shade-caramel-alpha-20);
--chips-selected-pressed: var(--color-shade-caramel-alpha-30);
--chips-disabled: var(--color-gray-alpha-20);
--button-icon-secondary: var(--color-gray-alpha-0);
--button-disabled: var(--color-gray-20);
--button-icon-secondary-hover: var(--color-shade-gray-alpha-10);
--button-icon-secondary-pressed: var(--color-gray-alpha-30);
--button-icon-secondary-loading: var(--color-gray-alpha-10);
--header-row-01: var(--color-gray-20);
--header-row-02: var(--color-caramel-60);
--brand-retail-primary-01: var(--color-orange-60);
--brand-retail-primary-02: var(--color-orange-70);
--brand-retail-primary-alpha-01: var(--color-orange-alpha-10);
--brand-retail-primary-alpha-02: var(--color-orange-alpha-20);
--brand-retail-primary-alpha-03: var(--color-orange-alpha-30);
--brand-retail-secondary-01: var(--color-purple-60);
--brand-retail-secondary-02: var(--color-purple-70);
--brand-retail-secondary-alpha-01: var(--color-purple-alpha-10);
--brand-retail-secondary-alpha-02: var(--color-purple-alpha-20);
--brand-retail-secondary-alpha-03: var(--color-purple-alpha-30);
--brand-wealth-primary-01: var(--color-caramel-60);
--brand-wealth-primary-02: var(--color-caramel-70);
--brand-wealth-primary-alpha-01: var(--color-caramel-alpha-10);
--brand-wealth-primary-alpha-02: var(--color-caramel-alpha-20);
--brand-wealth-primary-alpha-03: var(--color-caramel-alpha-30);
--brand-wealth-secondary-01: var(--color-warm-grey---6c-60);
--brand-wealth-secondary-02: var(--color-warm-grey---6c-70);
--brand-wealth-secondary-alpha-01: var(--color-warm-grey---6c-alpha-10);
--brand-wealth-secondary-alpha-02: var(--color-warm-grey---6c-alpha-20);
--brand-wealth-secondary-alpha-03: var(--color-warm-grey---6c-alpha-30);
--brand-american-express-beep-blue: #162b75;
--brand-american-express-bright-blue: #006fcf;
--brand-solo-primary-01: var(--color-marigold-60);
--brand-solo-primary-02: var(--color-marigold-70);
--brand-solo-primary-alpha-01: var(--color-marigold-alpha-10);
--brand-solo-primary-alpha-02: var(--color-marigold-alpha-20);
--brand-solo-primary-alpha-03: var(--color-marigold-alpha-30);
--brand-solo-secondary-01: var(--color-purple-60);
--brand-solo-secondary-02: var(--color-purple-70);
--brand-solo-secondary-alpha-01: var(--color-purple-alpha-10);
--brand-solo-secondary-alpha-02: var(--color-purple-alpha-20);
--brand-solo-secondary-alpha-03: var(--color-purple-alpha-30);
--brand-solo-blue-primary-01: var(--color-marigold-60);
--brand-solo-blue-primary-02: var(--color-marigold-70);
--brand-solo-blue-primary-alpha-01: var(--color-marigold-alpha-10);
--brand-solo-blue-primary-alpha-02: var(--color-marigold-alpha-20);
--brand-solo-blue-primary-alpha-03: var(--color-marigold-alpha-30);
--brand-solo-blue-secondary-01: var(--color-smokey-gray-60);
--brand-solo-blue-secondary-02: var(--color-smokey-gray-70);
--brand-solo-blue-secondary-alpha-01: var(--color-smokey-gray-alpha-10);
--brand-solo-blue-secondary-alpha-02: var(--color-smokey-gray-alpha-20);
--brand-solo-blue-secondary-alpha-03: var(--color-smokey-gray-alpha-30);
--bright-blue: #006fcf;
--beep-blue: #162b75;
--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-black-01: #010101;
--illustration-black-02: #010102;
--illustration-black-03: #010103;
--illustration-black-04: #010104;
--decorative-orange-layer-0: var(--color-decorative-orange-1);
--illustration-black-05: #010105;
--decorative-orange-layer-00: var(--color-decorative-orange-5);
--illustration-white-01: #fefefe;
--decorative-orange-layer-01: var(--color-decorative-orange-20);
--decorative-orange-layer-02: var(--color-decorative-orange-30);
--decorative-orange-layer-03: var(--color-decorative-orange-40);
--decorative-orange-layer-alpha-0: var(--color-decorative-orange-alpha-1);
--decorative-orange-layer-alpha-00: var(--color-decorative-orange-alpha-5);
--decorative-orange-layer-alpha-01: var(--color-decorative-orange-alpha-10);
--illustration-white-02: #fdfdfe;
--decorative-orange-layer-alpha-02: var(--color-decorative-orange-alpha-20);
--decorative-orange-layer-alpha-03: var(--color-decorative-orange-alpha-30);
--illustration-white-03: #fdfdfd;
--illustration-white-04: #fdfdfc;
--decorative-yellow-layer-0: var(--color-decorative-yellow-1);
--decorative-yellow-layer-00: var(--color-decorative-yellow-5);
--decorative-yellow-layer-01: var(--color-decorative-yellow-20);
--decorative-yellow-layer-02: var(--color-decorative-yellow-30);
--decorative-yellow-layer-03: var(--color-decorative-yellow-40);
--decorative-yellow-layer-alpha-0: var(--color-decorative-yellow-alpha-1);
--decorative-yellow-layer-alpha-00: var(--color-decorative-yellow-alpha-5);
--decorative-yellow-layer-alpha-01: var(--color-decorative-yellow-alpha-10);
--decorative-green-layer-0: var(--color-decorative-green-1);
--decorative-yellow-layer-alpha-02: var(--color-decorative-yellow-alpha-20);
--decorative-green-layer-00: var(--color-decorative-green-5);
--decorative-yellow-layer-alpha-03: var(--color-decorative-yellow-alpha-30);
--decorative-green-layer-01: var(--color-decorative-green-20);
--decorative-green-layer-02: var(--color-decorative-green-30);
--decorative-green-layer-03: var(--color-decorative-green-40);
--decorative-green-layer-alpha-0: var(--color-decorative-green-alpha-1);
--decorative-green-layer-alpha-00: var(--color-decorative-green-alpha-5);
--decorative-green-layer-alpha-01: var(--color-decorative-green-alpha-10);
--decorative-green-layer-alpha-02: var(--color-decorative-green-alpha-20);
--decorative-purple-layer-0: var(--color-decorative-purple-1);
--decorative-purple-layer-00: var(--color-decorative-purple-5);
--decorative-green-layer-alpha-03: var(--color-decorative-green-alpha-30);
--decorative-purple-layer-01: var(--color-decorative-purple-20);
--decorative-purple-layer-02: var(--color-decorative-purple-30);
--decorative-purple-layer-03: var(--color-decorative-purple-40);
--decorative-purple-layer-alpha-0: var(--color-decorative-purple-alpha-10);
--decorative-purple-layer-alpha-00: var(--color-decorative-purple-alpha-10);
--decorative-purple-layer-alpha-01: var(--color-decorative-purple-alpha-10);
--decorative-magenta-layer-0: var(--color-decorative-magenta-1);
--decorative-purple-layer-alpha-02: var(--color-decorative-purple-alpha-20);
--decorative-magenta-layer-00: var(--color-decorative-magenta-5);
--decorative-purple-layer-alpha-03: var(--color-decorative-purple-alpha-30);
--decorative-magenta-layer-01: var(--color-decorative-magenta-20);
--decorative-magenta-layer-02: var(--color-decorative-magenta-30);
--decorative-magenta-layer-03: var(--color-decorative-magenta-40);
--decorative-magenta-layer-alpha-0: var(--color-decorative-magenta-alpha-1);
--decorative-magenta-layer-alpha-00: var(--color-decorative-magenta-alpha-5);
--decorative-magenta-layer-alpha-01: var(--color-decorative-magenta-alpha-10);
--decorative-teal-layer-0: var(--color-decorative-teal-1);
--decorative-magenta-layer-alpha-02: var(--color-decorative-magenta-alpha-20);
--decorative-teal-layer-00: var(--color-decorative-teal-5);
--decorative-magenta-layer-alpha-03: var(--color-decorative-magenta-alpha-30);
--decorative-teal-layer-01: var(--color-decorative-teal-20);
--decorative-teal-layer-02: var(--color-decorative-teal-30);
--decorative-teal-layer-03: var(--color-decorative-teal-40);
--decorative-teal-layer-alpha-0: var(--color-decorative-teal-alpha-1);
--decorative-teal-layer-alpha-00: var(--color-decorative-teal-alpha-5);
--decorative-teal-layer-alpha-01: var(--color-decorative-teal-alpha-10);
--decorative-teal-layer-alpha-02: var(--color-decorative-teal-alpha-20);
--decorative-cyan-layer-0: var(--color-decorative-cyan-1);
--decorative-cyan-layer-00: var(--color-decorative-cyan-5);
--decorative-teal-layer-alpha-03: var(--color-decorative-teal-alpha-30);
--decorative-cyan-layer-01: var(--color-decorative-cyan-20);
--decorative-cyan-layer-02: var(--color-decorative-cyan-30);
--decorative-cyan-layer-03: var(--color-decorative-cyan-40);
--decorative-cyan-layer-alpha-0: var(--color-decorative-cyan-alpha-1);
--decorative-cyan-layer-alpha-00: var(--color-decorative-cyan-alpha-5);
--decorative-cyan-layer-alpha-01: var(--color-decorative-cyan-alpha-10);
--decorative-warm-gray-layer-0: var(--color-decorative-warm-gray-1);
--decorative-cyan-layer-alpha-02: var(--color-decorative-cyan-alpha-20);
--decorative-warm-gray-layer-00: var(--color-decorative-warm-gray-5);
--decorative-cyan-layer-alpha-03: var(--color-decorative-cyan-alpha-30);
--decorative-warm-gray-layer-01: var(--color-decorative-warm-gray-20);
--decorative-warm-gray-layer-02: var(--color-decorative-warm-gray-30);
--decorative-warm-gray-layer-03: var(--color-decorative-warm-gray-40);
--decorative-warm-gray-layer-alpha-0: var(--color-decorative-warm-gray-alpha-1);
--decorative-warm-gray-layer-alpha-00: var(--color-decorative-warm-gray-alpha-5);
--decorative-warm-gray-layer-alpha-01: var(--color-decorative-warm-gray-alpha-10);
--decorative-cool-gray-layer-0: var(--color-decorative-cool-gray-1);
--decorative-warm-gray-layer-alpha-02: var(--color-decorative-warm-gray-alpha-20);
--decorative-cool-gray-layer-00: var(--color-decorative-cool-gray-5);
--decorative-warm-gray-layer-alpha-03: var(--color-decorative-warm-gray-alpha-30);
--decorative-cool-gray-layer-01: var(--color-decorative-cool-gray-20);
--decorative-cool-gray-layer-02: var(--color-decorative-cool-gray-30);
--decorative-cool-gray-layer-03: var(--color-decorative-cool-gray-40);
--decorative-cool-gray-layer-alpha-0: var(--color-decorative-cool-gray-alpha-1);
--decorative-cool-gray-layer-alpha-00: var(--color-decorative-cool-gray-alpha-5);
--decorative-cool-gray-layer-alpha-01: var(--color-decorative-cool-gray-alpha-10);
--decorative-cool-gray-layer-alpha-02: var(--color-decorative-cool-gray-alpha-20);
--decorative-cool-ray-layer-alpha-03: var(--color-decorative-cool-gray-alpha-30);
--packages-status-background: var(--startup-10);
--packages-status-background-hover: var(--startup-20);
--packages-status-background-pressed: var(--startup-30);
--packages-status-background-on-color: var(--startup-20);
--packages-status-text: var(--startup-300);
--packages-status-border: var(--startup-20);
--packages-status-icon: var(--startup-300);
--packages-large-background: var(--large-10);
--packages-large-background-hover: var(--large-20);
--packages-large-background-pressed: var(--large-30);
--packages-large-background-on-color: var(--large-20);
--packages-large-background-text: var(--large-300);
--packages-large-background-border: var(--large-20);
--packages-large-icon: var(--large-300);
--packages-medium-background: var(--medium-10);
--packages-medium-background-hover: var(--medium-20);
--packages-medium-background-pressed: var(--medium-30);
--packages-medium-background-on-color: var(--medium-20);
--packages-medium-background-text: var(--medium-300);
--packages-medium-background-border: var(--medium-20);
--packages-medium-icon: var(--medium-300);
--packages-small-background: var(--small-10);
--packages-small-background-hover: var(--small-20);
--packages-small-background-pressed: var(--small-30);
--packages-small-background-on-color: var(--small-20);
--packages-small-background-text: var(--small-40);
--packages-small-background-border: var(--small-20);
--packages-small-background-icon: var(--small-40);
}
html.wm.dark {
/* Wealth dark colors */
/* colors */
--background-01: var(--color-gray-150);
--background-02: var(--color-gray-200);
--background-accent: var(--color-caramel-50);
--layer-01: var(--color-gray-150);
--layer-02: var(--color-shade-gray-200);
--layer-03: var(--color-gray-100);
--layer-04: var(--color-gray-200);
--layer-05: var(--color-gray-90);
--layer-hover-01: var(--color-shade-gray-100);
--layer-hover-02: var(--color-shade-gray-100);
--layer-hover-03: var(--color-shade-gray-100);
--layer-pressed-01: var(--color-gray-80);
--layer-pressed-02: var(--color-gray-80);
--layer-pressed-03: var(--color-gray-80);
--layer-inverse-01: var(--color-white-white);
--layer-inverse-02: var(--color-gray-20);
--layer-inverse-hover-01: var(--color-shade-gray-20);
--layer-inverse-pressed-01: var(--color-gray-40);
--layer-alpha-0: var(--color-gray-alpha-0);
--layer-alpha-01: var(--color-white-alpha-10);
--layer-alpha-02: var(--color-white-alpha-20);
--layer-alpha-03: var(--color-white-alpha-30);
--layer-alpha-hover-01: var(--color-shade-white-alpha-10);
--layer-alpha-hover-02: var(--color-shade-white-alpha-20);
--layer-alpha-hover-03: var(--color-shade-white-alpha-30);
--layer-alpha-pressed-01: var(--color-white-alpha-30);
--layer-alpha-pressed-02: var(--color-white-alpha-30);
--layer-alpha-pressed-03: var(--color-white-alpha-40);
--layer-accent-01: var(--color-shade-caramel-100);
--layer-accent-02: var(--color-shade-caramel-90);
--layer-accent-alpha-01: var(--color-caramel-d-alpha-10);
--layer-accent-alpha-02: var(--color-caramel-d-alpha-20);
--layer-accent-alpha-03: var(--color-caramel-d-alpha-30);
--layer-black: var(--color-gray-100);
--layer-white: var(--color-white-white);
--layer-disabled: var(--color-gray-100);
--status-error-01: var(--color-red-80);
--status-success-01: var(--color-green-80);
--status-warning-01: var(--color-yellow-80);
--status-info-01: var(--color-calypso-80);
--status-accent-01: var(--color-caramel-90);
--status-error-02: var(--color-red-50);
--status-success-02: var(--color-green-40);
--status-warning-02: var(--color-yellow-30);
--status-info-02: var(--color-calypso-50);
--status-accent-02: var(--color-caramel-50);
--status-neutral-01: var(--color-gray-10);
--status-neutral-02: var(--color-gray-90);
--status-neutral-03: var(--color-gray-90);
--icon-primary: var(--color-gray-10);
--icon-secondary: var(--color-gray-40);
--icon-helper: var(--color-gray-50);
--icon-inverse-primary: var(--color-gray-200);
--icon-inverse-secondary: var(--color-gray-80);
--icon-error: var(--color-red-40);
--icon-warning: var(--color-yellow-40);
--icon-success: var(--color-green-40);
--icon-info: var(--color-calypso-40);
--icon-accent: var(--color-caramel-50);
--icon-accent-strong: var(--color-caramel-30);
--icon-white: var(--color-white-white);
--icon-black: var(--color-gray-150);
--icon-disabled: var(--color-gray-60);
--icon-on-color-disabled: var(--color-gray-60);
--text-primary: var(--color-gray-10);
--text-secondary: var(--color-gray-40);
--text-placeholder: var(--color-gray-60);
--text-helper: var(--color-gray-50);
--text-inverse-primary: var(--color-gray-200);
--text-inverse-secondary: var(--color-gray-80);
--text-error: var(--color-red-40);
--text-warning: var(--color-yellow-40);
--text-success: var(--color-green-40);
--text-info: var(--color-calypso-40);
--text-accent: var(--color-caramel-50);
--text-accent-strong: var(--color-caramel-30);
--text-white: var(--color-white-white);
--text-black: var(--color-gray-150);
--text-disabled: var(--color-gray-60);
--text-on-color-disabled: var(--color-gray-60);
--border-01: var(--color-gray-80);
--border-02: var(--color-gray-70);
--border-03: var(--color-shade-gray-150);
--border-hover-01: var(--color-shade-gray-50);
--border-hover-02: var(--color-shade-gray-50);
--border-pressed-01: var(--color-gray-50);
--border-pressed-02: var(--color-gray-50);
--border-alpha-01: var(--color-white-alpha-20);
--border-alpha-02: var(--color-white-alpha-30);
--border-inverse-primary: var(--color-gray-200);
--border-inverse-secondary: var(--color-gray-80);
--border-strong: var(--color-gray-20);
--border-error: var(--color-red-40);
--border-success: var(--color-green-40);
--border-warning: var(--color-yellow-40);
--border-info: var(--color-calypso-40);
--border-selected: var(--color-caramel-50);
--border-selected-strong: var(--color-caramel-30);
--border-black: var(--color-gray-150);
--border-white: var(--color-white-white);
--border-disabled: var(--color-gray-60);
--support-01: var(--color-gray-70);
--support-02: var(--color-shade-gray-50);
--support-03: var(--color-gray-80);
--support-04: var(--color-gray-80);
--status-error-alpha-01: var(--color-red-d-alpha-20);
--status-warning-alpha-01: var(--color-yellow-d-alpha-20);
--status-success-alpha-01: var(--color-green-d-alpha-20);
--status-info-alpha-01: var(--color-calypso-d-alpha-20);
--support-overlay-canvas: var(--color-gray-alpha-60);
--support-overlay-media: var(--color-gray-alpha-10);
--support-divider-01: var(--color-gray-90);
--support-divider-02: var(--color-gray-80);
--support-divider-03: var(--color-shade-gray-150);
--support-divider-alpha-01: var(--color-white-alpha-20);
--support-divider-alpha-02: var(--color-white-alpha-30);
--support-caret: var(--color-caramel-50);
--support-skeleton: var(--color-gray-80);
--support-skeleton-background: var(--color-gray-100);
--focus-01: var(--color-caramel-50);
--link: var(--color-caramel-50);
--link-hover: var(--color-shade-caramel-30);
--link-clicked: var(--color-caramel-30);
--button-primary: var(--color-caramel-60);
--button-primary-hover: var(--color-shade-caramel-60);
--button-primary-pressed: var(--color-caramel-70);
--button-primary-loading: var(--color-caramel-40);
--button-secondary: var(--color-caramel-d-alpha-20);
--button-secondary-hover: var(--color-caramel-d-alpha-30);
--button-secondary-pressed: var(--color-shade-caramel-alpha-30);
--button-secondary-loading: var(--color-shade-caramel-d-alpha-20);
--button-secondary-white: var(--color-gray-100);
--button-secondary-white-hover: var(--color-shade-gray-100);
--button-secondary-white-pressed: var(--color-gray-70);
--button-secondary-white-loading: var(--color-gray-80);
--button-negative: var(--color-red-50);
--button-negative-hover: var(--color-red-60);
--button-negative-pressed: var(--color-shade-red-70);
--button-negative-loading: var(--color-red-50);
--button-text-negative: var(--color-gray-alpha-0);
--button-text-negative-hover: var(--color-red-d-alpha-20);
--button-text-negative-pressed: var(--color-red-d-alpha-30);
--button-text-negative-loading: var(--color-red-d-alpha-10);
--button-text-primary: var(--color-gray-alpha-0);
--button-text-primary-hover: var(--color-shade-white-alpha-10);
--button-text-primary-pressed: var(--color-white-alpha-30);
--button-text-primary-loading: var(--color-white-alpha-10);
--button-text-secondary-black: var(--color-gray-alpha-0);
--button-text-secondary-black-hover: var(--color-shade-white-alpha-10);
--button-text-secondary-black-pressed: var(--color-white-alpha-10);
--button-text-secondary-white: var(--color-white-alpha-0);
--button-text-secondary-white-hover: var(--color-shade-white-alpha-20);
--button-text-secondary-white-pressed: var(--color-white-alpha-30);
--button-text-low: var(--color-caramel-50);
--button-text-low-hover: var(--color-shade-caramel-30);
--button-text-low-pressed: var(--color-caramel-30);
--chips-default: var(--color-white-alpha-20);
--chips-hover: var(--color-white-alpha-30);
--chips-pressed: var(--color-white-alpha-40);
--chips-selected: var(--color-caramel-alpha-30);
--chips-selected-hover: var(--color-shade-caramel-alpha-30);
--chips-selected-pressed: var(--color-caramel-d-alpha-30);
--chips-disabled: var(--color-gray-alpha-30);
--button-icon-secondary: var(--color-gray-alpha-0);
--button-disabled: var(--color-gray-90);
--button-icon-secondary-hover: var(--color-shade-white-alpha-10);
--button-icon-secondary-pressed: var(--color-white-alpha-30);
--button-icon-secondary-loading: var(--color-white-alpha-10);
--header-row-01: var(--color-gray-200);
--header-row-02: var(--color-gray-90);
--brand-retail-primary-01: var(--color-orange-50);
--brand-retail-primary-02: var(--color-orange-60);
--brand-retail-primary-alpha-01: var(--color-orange-d-alpha-10);
--brand-retail-primary-alpha-02: var(--color-orange-d-alpha-20);
--brand-retail-primary-alpha-03: var(--color-orange-d-alpha-30);
--brand-retail-secondary-01: var(--color-purple-40);
--brand-retail-secondary-02: var(--color-purple-60);
--brand-retail-secondary-alpha-01: var(--color-purple-d-alpha-10);
--brand-retail-secondary-alpha-02: var(--color-purple-d-alpha-20);
--brand-retail-secondary-alpha-03: var(--color-purple-d-alpha-30);
--brand-wealth-primary-01: var(--color-caramel-50);
--brand-wealth-primary-02: var(--color-caramel-60);
--brand-wealth-primary-alpha-01: var(--color-caramel-d-alpha-10);
--brand-wealth-primary-alpha-02: var(--color-caramel-d-alpha-20);
--brand-wealth-primary-alpha-03: var(--color-caramel-d-alpha-30);
--brand-wealth-secondary-01: var(--color-warm-grey---6c-50);
--brand-wealth-secondary-02: var(--color-warm-grey---6c-60);
--brand-wealth-secondary-alpha-01: var(--color-warm-grey---6c-d-alpha-10);
--brand-wealth-secondary-alpha-02: var(--color-warm-grey---6c-d-alpha-20);
--brand-wealth-secondary-alpha-03: var(--color-warm-grey---6c-d-alpha-30);
--brand-american-express-beep-blue: #162b75;
--brand-american-express-bright-blue: #006fcf;
--brand-solo-primary-01: var(--color-marigold-50);
--brand-solo-primary-02: var(--color-marigold-60);
--brand-solo-primary-alpha-01: var(--color-marigold-d-alpha-10);
--brand-solo-primary-alpha-02: var(--color-marigold-d-alpha-20);
--brand-solo-primary-alpha-03: var(--color-marigold-d-alpha-30);
--brand-solo-secondary-01: var(--color-purple-40);
--brand-solo-secondary-02: var(--color-purple-60);
--brand-solo-secondary-alpha-01: var(--color-purple-d-alpha-10);
--brand-solo-secondary-alpha-02: var(--color-purple-d-alpha-20);
--brand-solo-secondary-alpha-03: var(--color-purple-d-alpha-30);
--brand-solo-blue-primary-01: var(--color-marigold-50);
--brand-solo-blue-primary-02: var(--color-marigold-60);
--brand-solo-blue-primary-alpha-01: var(--color-marigold-d-alpha-10);
--brand-solo-blue-primary-alpha-02: var(--color-marigold-d-alpha-20);
--brand-solo-blue-primary-alpha-03: var(--color-marigold-d-alpha-30);
--brand-solo-blue-secondary-01: var(--color-smokey-gray-50);
--brand-solo-blue-secondary-02: var(--color-smokey-gray-60);
--brand-solo-blue-secondary-alpha-01: var(--color-smokey-gray-d-alpha-10);
--brand-solo-blue-secondary-alpha-02: var(--color-smokey-gray-d-alpha-20);
--brand-solo-blue-secondary-alpha-03: var(--color-smokey-gray-d-alpha-30);
--bright-blue: #006fcf;
--beep-blue: #162b75;
--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-black-01: #191a1a;
--illustration-black-02: #fdfdfd;
--illustration-black-03: #b75536;
--illustration-black-04: #8270aa;
--decorative-orange-layer-0: var(--color-decorative-orange-40);
--illustration-black-05: #c5bcf1;
--decorative-orange-layer-00: var(--color-decorative-orange-30);
--illustration-white-01: #fefefe;
--decorative-orange-layer-01: var(--color-decorative-orange-10);
--decorative-orange-layer-02: var(--color-decorative-orange-5);
--decorative-orange-layer-03: var(--color-decorative-orange-1);
--decorative-orange-layer-alpha-0: var(--color-decorative-orange-d-alpha-1);
--decorative-orange-layer-alpha-00: var(--color-decorative-orange-d-alpha-5);
--decorative-orange-layer-alpha-01: var(--color-decorative-orange-d-alpha-10);
--illustration-white-02: #fff8f2;
--decorative-orange-layer-alpha-02: var(--color-decorative-orange-d-alpha-20);
--decorative-orange-layer-alpha-03: var(--color-decorative-orange-d-alpha-30);
--illustration-white-03: #8270aa;
--illustration-white-04: #c5bcf1;
--decorative-yellow-layer-0: var(--color-decorative-yellow-40);
--decorative-yellow-layer-00: var(--color-decorative-yellow-30);
--decorative-yellow-layer-01: var(--color-decorative-yellow-10);
--decorative-yellow-layer-02: var(--color-decorative-yellow-5);
--decorative-yellow-layer-03: var(--color-decorative-yellow-1);
--decorative-yellow-layer-alpha-0: var(--color-decorative-yellow-d-alpha-1);
--decorative-yellow-layer-alpha-00: var(--color-decorative-yellow-d-alpha-5);
--decorative-yellow-layer-alpha-01: var(--color-decorative-yellow-d-alpha-10);
--decorative-green-layer-0: var(--color-decorative-green-40);
--decorative-yellow-layer-alpha-02: var(--color-decorative-yellow-d-alpha-20);
--decorative-green-layer-00: var(--color-decorative-green-30);
--decorative-yellow-layer-alpha-03: var(--color-decorative-yellow-d-alpha-30);
--decorative-green-layer-01: var(--color-decorative-green-10);
--decorative-green-layer-02: var(--color-decorative-green-5);
--decorative-green-layer-03: var(--color-decorative-green-1);
--decorative-green-layer-alpha-0: var(--color-decorative-green-d-alpha-1);
--decorative-green-layer-alpha-00: var(--color-decorative-green-d-alpha-5);
--decorative-green-layer-alpha-01: var(--color-decorative-green-d-alpha-10);
--decorative-green-layer-alpha-02: var(--color-decorative-green-d-alpha-20);
--decorative-purple-layer-0: var(--color-decorative-purple-40);
--decorative-purple-layer-00: var(--color-decorative-purple-30);
--decorative-green-layer-alpha-03: var(--color-decorative-green-d-alpha-30);
--decorative-purple-layer-01: var(--color-decorative-purple-10);
--decorative-purple-layer-02: var(--color-decorative-purple-5);
--decorative-purple-layer-03: var(--color-decorative-purple-1);
--decorative-purple-layer-alpha-0: var(--color-decorative-purple-d-alpha-10);
--decorative-purple-layer-alpha-00: var(--color-decorative-purple-d-alpha-10);
--decorative-purple-layer-alpha-01: var(--color-decorative-purple-d-alpha-10);
--decorative-magenta-layer-0: var(--color-decorative-magenta-40);
--decorative-purple-layer-alpha-02: var(--color-decorative-purple-d-alpha-20);
--decorative-magenta-layer-00: var(--color-decorative-magenta-30);
--decorative-purple-layer-alpha-03: var(--color-decorative-purple-d-alpha-30);
--decorative-magenta-layer-01: var(--color-decorative-magenta-10);
--decorative-magenta-layer-02: var(--color-decorative-magenta-5);
--decorative-magenta-layer-03: var(--color-decorative-magenta-1);
--decorative-magenta-layer-alpha-0: var(--color-decorative-magenta-d-alpha-1);
--decorative-magenta-layer-alpha-00: var(--color-decorative-magenta-d-alpha-5);
--decorative-magenta-layer-alpha-01: var(--color-decorative-magenta-d-alpha-10);
--decorative-teal-layer-0: var(--color-decorative-teal-40);
--decorative-magenta-layer-alpha-02: var(--color-decorative-magenta-d-alpha-20);
--decorative-teal-layer-00: var(--color-decorative-teal-30);
--decorative-magenta-layer-alpha-03: var(--color-decorative-magenta-d-alpha-30);
--decorative-teal-layer-01: var(--color-decorative-teal-10);
--decorative-teal-layer-02: var(--color-decorative-teal-5);
--decorative-teal-layer-03: var(--color-decorative-teal-1);
--decorative-teal-layer-alpha-0: var(--color-decorative-teal-d-alpha-1);
--decorative-teal-layer-alpha-00: var(--color-decorative-teal-d-alpha-5);
--decorative-teal-layer-alpha-01: var(--color-decorative-teal-d-alpha-10);
--decorative-teal-layer-alpha-02: var(--color-decorative-teal-d-alpha-20);
--decorative-cyan-layer-0: var(--color-decorative-cyan-40);
--decorative-cyan-layer-00: var(--color-decorative-cyan-30);
--decorative-teal-layer-alpha-03: var(--color-decorative-teal-d-alpha-30);
--decorative-cyan-layer-01: var(--color-decorative-cyan-10);
--decorative-cyan-layer-02: var(--color-decorative-cyan-5);
--decorative-cyan-layer-03: var(--color-decorative-cyan-1);
--decorative-cyan-layer-alpha-0: var(--color-decorative-cyan-d-alpha-1);
--decorative-cyan-layer-alpha-00: var(--color-decorative-cyan-d-alpha-5);
--decorative-cyan-layer-alpha-01: var(--color-decorative-cyan-d-alpha-10);
--decorative-warm-gray-layer-0: var(--color-decorative-warm-gray-40);
--decorative-cyan-layer-alpha-02: var(--color-decorative-cyan-d-alpha-20);
--decorative-warm-gray-layer-00: var(--color-decorative-warm-gray-30);
--decorative-cyan-layer-alpha-03: var(--color-decorative-cyan-d-alpha-30);
--decorative-warm-gray-layer-01: var(--color-decorative-warm-gray-10);
--decorative-warm-gray-layer-02: var(--color-decorative-warm-gray-5);
--decorative-warm-gray-layer-03: var(--color-decorative-warm-gray-1);
--decorative-warm-gray-layer-alpha-0: var(--color-decorative-warm-gray-d-alpha-1);
--decorative-warm-gray-layer-alpha-00: var(--color-decorative-warm-gray-d-alpha-5);
--decorative-warm-gray-layer-alpha-01: var(--color-decorative-warm-gray-d-alpha-10);
--decorative-cool-gray-layer-0: var(--color-decorative-cool-gray-40);
--decorative-warm-gray-layer-alpha-02: var(--color-decorative-warm-gray-d-alpha-20);
--decorative-cool-gray-layer-00: var(--color-decorative-cool-gray-30);
--decorative-warm-gray-layer-alpha-03: var(--color-decorative-warm-gray-d-alpha-30);
--decorative-cool-gray-layer-01: var(--color-decorative-cool-gray-10);
--decorative-cool-gray-layer-02: var(--color-decorative-cool-gray-5);
--decorative-cool-gray-layer-03: var(--color-decorative-cool-gray-1);
--decorative-cool-gray-layer-alpha-0: var(--color-decorative-cool-gray-d-alpha-1);
--decorative-cool-gray-layer-alpha-00: var(--color-decorative-cool-gray-d-alpha-5);
--decorative-cool-gray-layer-alpha-01: var(--color-decorative-cool-gray-d-alpha-10);
--decorative-cool-gray-layer-alpha-02: var(--color-decorative-cool-gray-d-alpha-20);
--decorative-cool-ray-layer-alpha-03: var(--color-decorative-cool-gray-d-alpha-30);
--packages-status-background: var(--startup-10);
--packages-status-background-hover: var(--startup-20);
--packages-status-background-pressed: var(--startup-30);
--packages-status-background-on-color: var(--startup-20);
--packages-status-text: var(--startup-300);
--packages-status-border: var(--startup-20);
--packages-status-icon: var(--startup-300);
--packages-large-background: var(--large-10);
--packages-large-background-hover: var(--large-20);
--packages-large-background-pressed: var(--large-30);
--packages-large-background-on-color: var(--large-20);
--packages-large-background-text: var(--large-300);
--packages-large-background-border: var(--large-20);
--packages-large-icon: var(--large-300);
--packages-medium-background: var(--medium-10);
--packages-medium-background-hover: var(--medium-20);
--packages-medium-background-pressed: var(--medium-30);
--packages-medium-background-on-color: var(--medium-20);
--packages-medium-background-text: var(--medium-300);
--packages-medium-background-border: var(--medium-20);
--packages-medium-icon: var(--medium-300);
--packages-small-background: var(--small-10);
--packages-small-background-hover: var(--small-20);
--packages-small-background-pressed: var(--small-30);
--packages-small-background-on-color: var(--small-20);
--packages-small-background-text: var(--small-40);
--packages-small-background-border: var(--small-20);
--packages-small-background-icon: var(--small-40);
}
html.solo.dark {
/* SOLO dark */
/* colors */
--background-01: var(--color-gray-150);
--background-02: var(--color-gray-200);
--background-accent: var(--color-marigold-50);
--layer-01: var(--color-gray-150);
--layer-02: var(--color-shade-gray-200);
--layer-03: var(--color-gray-100);
--layer-04: var(--color-gray-200);
--layer-05: var(--color-gray-90);
--layer-hover-01: var(--color-shade-gray-100);
--layer-hover-02: var(--color-shade-gray-100);
--layer-hover-03: var(--color-shade-gray-100);
--layer-pressed-01: var(--color-gray-80);
--layer-pressed-02: var(--color-gray-80);
--layer-pressed-03: var(--color-gray-80);
--layer-inverse-01: var(--color-white-white);
--layer-inverse-02: var(--color-gray-20);
--layer-inverse-hover-01: var(--color-shade-gray-20);
--layer-inverse-pressed-01: var(--color-gray-40);
--layer-alpha-0: var(--color-gray-alpha-0);
--layer-alpha-01: var(--color-white-alpha-10);
--layer-alpha-02: var(--color-white-alpha-20);
--layer-alpha-03: var(--color-white-alpha-30);
--layer-alpha-hover-01: var(--color-shade-white-alpha-10);
--layer-alpha-hover-02: var(--color-shade-white-alpha-20);
--layer-alpha-hover-03: var(--color-shade-white-alpha-30);
--layer-alpha-pressed-01: var(--color-white-alpha-30);
--layer-alpha-pressed-02: var(--color-white-alpha-30);
--layer-alpha-pressed-03: var(--color-white-alpha-40);
--layer-accent-01: var(--color-shade-marigold-100);
--layer-accent-02: var(--color-marigold-80);
--layer-accent-alpha-01: var(--color-marigold-d-alpha-10);
--layer-accent-alpha-02: var(--color-marigold-d-alpha-20);
--layer-accent-alpha-03: var(--color-marigold-d-alpha-30);
--layer-black: var(--color-gray-100);
--layer-white: var(--color-white-white);
--layer-disabled: var(--color-gray-100);
--status-error-01: var(--color-red-80);
--status-success-01: var(--color-green-80);
--status-warning-01: var(--color-yellow-80);
--status-info-01: var(--color-calypso-80);
--status-accent-01: var(--color-marigold-90);
--status-error-02: var(--color-red-50);
--status-success-02: var(--color-green-40);
--status-warning-02: var(--color-yellow-30);
--status-info-02: var(--color-calypso-50);
--status-accent-02: var(--color-marigold-50);
--status-neutral-01: var(--color-gray-10);
--status-neutral-02: var(--color-gray-90);
--status-neutral-03: var(--color-gray-90);
--icon-primary: var(--color-gray-10);
--icon-secondary: var(--color-gray-40);
--icon-helper: var(--color-gray-50);
--icon-inverse-primary: var(--color-gray-200);
--icon-inverse-secondary: var(--color-gray-80);
--icon-error: var(--color-red-40);
--icon-warning: var(--color-yellow-40);
--icon-success: var(--color-green-40);
--icon-info: var(--color-calypso-40);
--icon-accent: var(--color-marigold-50);
--icon-accent-strong: var(--color-marigold-30);
--icon-white: var(--color-white-white);
--icon-black: var(--color-gray-150);
--icon-disabled: var(--color-gray-60);
--icon-on-color-disabled: var(--color-gray-60);
--text-primary: var(--color-gray-10);
--text-secondary: var(--color-gray-40);
--text-placeholder: var(--color-gray-60);
--text-helper: var(--color-gray-50);
--text-inverse-primary: var(--color-gray-200);
--text-inverse-secondary: var(--color-gray-80);
--text-error: var(--color-red-40);
--text-warning: var(--color-yellow-40);
--text-success: var(--color-green-40);
--text-info: var(--color-calypso-40);
--text-accent: var(--color-marigold-50);
--text-accent-strong: var(--color-marigold-30);
--text-white: var(--color-white-white);
--text-black: var(--color-gray-150);
--text-disabled: var(--color-gray-60);
--text-on-color-disabled: var(--color-gray-60);
--border-01: var(--color-gray-80);
--border-02: var(--color-gray-70);
--border-03: var(--color-shade-gray-150);
--border-hover-01: var(--color-shade-gray-50);
--border-hover-02: var(--color-shade-gray-50);
--border-pressed-01: var(--color-gray-50);
--border-pressed-02: var(--color-gray-50);
--border-alpha-01: var(--color-white-alpha-20);
--border-alpha-02: var(--color-white-alpha-30);
--border-inverse-primary: var(--color-gray-200);
--border-inverse-secondary: var(--color-gray-80);
--border-strong: var(--color-gray-20);
--border-error: var(--color-red-40);
--border-success: var(--color-green-40);
--border-warning: var(--color-yellow-40);
--border-info: var(--color-calypso-40);
--border-selected: var(--color-marigold-50);
--border-selected-strong: var(--color-marigold-30);
--border-black: var(--color-gray-150);
--border-white: var(--color-white-white);
--border-disabled: var(--color-gray-60);
--support-01: var(--color-gray-70);
--support-02: var(--color-shade-gray-50);
--support-03: var(--color-gray-80);
--support-04: var(--color-gray-80);
--status-error-alpha-01: var(--color-red-d-alpha-20);
--status-warning-alpha-01: var(--color-yellow-d-alpha-20);
--status-success-alpha-01: var(--color-green-d-alpha-20);
--status-info-alpha-01: var(--color-calypso-d-alpha-20);
--support-overlay-canvas: var(--color-gray-alpha-60);
--support-overlay-media: var(--color-gray-alpha-10);
--support-divider-01: var(--color-gray-90);
--support-divider-02: var(--color-gray-80);
--support-divider-03: var(--color-shade-gray-150);
--support-divider-alpha-01: var(--color-white-alpha-20);
--support-divider-alpha-02: var(--color-white-alpha-30);
--support-caret: var(--color-marigold-50);
--support-skeleton: var(--color-gray-80);
--support-skeleton-background: var(--color-gray-100);
--focus-01: var(--color-marigold-50);
--link: var(--color-marigold-50);
--link-hover: var(--color-marigold-40);
--link-clicked: var(--color-marigold-30);
--button-primary: var(--color-marigold-60);
--button-primary-hover: var(--color-shade-marigold-60);
--button-primary-pressed: var(--color-marigold-80);
--button-primary-loading: var(--color-marigold-40);
--button-secondary: var(--color-marigold-d-alpha-20);
--button-secondary-hover: var(--color-marigold-d-alpha-30);
--button-secondary-pressed: var(--color-shade-marigold-d-alpha-30);
--button-secondary-loading: var(--color-shade-marigold-d-alpha-20);
--button-secondary-white: var(--color-gray-100);
--button-secondary-white-hover: var(--color-shade-gray-100);
--button-secondary-white-pressed: var(--color-gray-70);
--button-secondary-white-loading: var(--color-gray-80);
--button-negative: var(--color-red-50);
--button-negative-hover: var(--color-red-60);
--button-negative-pressed: var(--color-shade-red-70);
--button-negative-loading: var(--color-red-50);
--button-text-negative: var(--color-gray-alpha-0);
--button-text-negative-hover: var(--color-red-d-alpha-20);
--button-text-negative-pressed: var(--color-red-d-alpha-30);
--button-text-negative-loading: var(--color-red-d-alpha-10);
--button-text-primary: var(--color-gray-alpha-0);
--button-text-primary-hover: var(--color-shade-white-alpha-10);
--button-text-primary-pressed: var(--color-white-alpha-30);
--button-text-primary-loading: var(--color-white-alpha-10);
--button-text-secondary-black: var(--color-gray-alpha-0);
--button-text-secondary-black-hover: var(--color-shade-white-alpha-10);
--button-text-secondary-black-pressed: var(--color-white-alpha-10);
--button-text-secondary-white: var(--color-white-alpha-0);
--button-text-secondary-white-hover: var(--color-shade-white-alpha-20);
--button-text-secondary-white-pressed: var(--color-white-alpha-30);
--button-text-low: var(--color-marigold-50);
--button-text-low-hover: var(--color-marigold-40);
--button-text-low-pressed: var(--color-marigold-30);
--chips-default: var(--color-white-alpha-20);
--chips-hover: var(--color-white-alpha-30);
--chips-pressed: var(--color-white-alpha-40);
--chips-selected: var(--color-marigold-d-alpha-20);
--chips-selected-hover: var(--color-shade-marigold-d-alpha-30);
--chips-selected-pressed: var(--color-marigold-alpha-30);
--chips-disabled: var(--color-gray-alpha-30);
--button-icon-secondary: var(--color-gray-alpha-0);
--button-disabled: var(--color-gray-90);
--button-icon-secondary-hover: var(--color-shade-white-alpha-10);
--button-icon-secondary-pressed: var(--color-white-alpha-30);
--button-icon-secondary-loading: var(--color-white-alpha-10);
--header-row-01: var(--color-gray-200);
--header-row-02: var(--color-gray-90);
--brand-retail-primary-01: var(--color-orange-50);
--brand-retail-primary-02: var(--color-orange-60);
--brand-retail-primary-alpha-01: var(--color-orange-d-alpha-10);
--brand-retail-primary-alpha-02: var(--color-orange-d-alpha-20);
--brand-retail-primary-alpha-03: var(--color-orange-d-alpha-30);
--brand-retail-secondary-01: var(--color-purple-40);
--brand-retail-secondary-02: var(--color-purple-60);
--brand-retail-secondary-alpha-01: var(--color-purple-d-alpha-10);
--brand-retail-secondary-alpha-02: var(--color-purple-d-alpha-20);
--brand-retail-secondary-alpha-03: var(--color-purple-d-alpha-30);
--brand-wealth-primary-01: var(--color-caramel-50);
--brand-wealth-primary-02: var(--color-caramel-60);
--brand-wealth-primary-alpha-01: var(--color-caramel-d-alpha-10);
--brand-wealth-primary-alpha-02: var(--color-caramel-d-alpha-20);
--brand-wealth-primary-alpha-03: var(--color-caramel-d-alpha-30);
--brand-wealth-secondary-01: var(--color-warm-grey---6c-50);
--brand-wealth-secondary-02: var(--color-warm-grey---6c-60);
--brand-wealth-secondary-alpha-01: var(--color-warm-grey---6c-d-alpha-10);
--brand-wealth-secondary-alpha-02: var(--color-warm-grey---6c-d-alpha-20);
--brand-wealth-secondary-alpha-03: var(--color-warm-grey---6c-d-alpha-30);
--brand-american-express-beep-blue: #162b75;
--brand-american-express-bright-blue: #006fcf;
--brand-solo-primary-01: var(--color-marigold-50);
--brand-solo-primary-02: var(--color-marigold-60);
--brand-solo-primary-alpha-01: var(--color-marigold-d-alpha-10);
--brand-solo-primary-alpha-02: var(--color-marigold-d-alpha-20);
--brand-solo-primary-alpha-03: var(--color-marigold-d-alpha-30);
--brand-solo-secondary-01: var(--color-purple-40);
--brand-solo-secondary-02: var(--color-purple-60);
--brand-solo-secondary-alpha-01: var(--color-purple-d-alpha-10);
--brand-solo-secondary-alpha-02: var(--color-purple-d-alpha-20);
--brand-solo-secondary-alpha-03: var(--color-purple-d-alpha-30);
--brand-solo-blue-primary-01: var(--color-marigold-50);
--brand-solo-blue-primary-02: var(--color-marigold-60);
--brand-solo-blue-primary-alpha-01: var(--color-marigold-d-alpha-10);
--brand-solo-blue-primary-alpha-02: var(--color-marigold-d-alpha-20);
--brand-solo-blue-primary-alpha-03: var(--color-marigold-d-alpha-30);
--brand-solo-blue-secondary-01: var(--color-smokey-gray-50);
--brand-solo-blue-secondary-02: var(--color-smokey-gray-60);
--brand-solo-blue-secondary-alpha-01: var(--color-smokey-gray-d-alpha-10);
--brand-solo-blue-secondary-alpha-02: var(--color-smokey-gray-d-alpha-20);
--brand-solo-blue-secondary-alpha-03: var(--color-smokey-gray-d-alpha-30);
--bright-blue: #006fcf;
--beep-blue: #162b75;
--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-black-01: #191a1a;
--illustration-black-02: #fdfdfd;
--illustration-black-03: #b75536;
--illustration-black-04: #8270aa;
--decorative-orange-layer-0: var(--color-decorative-orange-40);
--illustration-black-05: #c5bcf1;
--decorative-orange-layer-00: var(--color-decorative-orange-30);
--illustration-white-01: #fefefe;
--decorative-orange-layer-01: var(--color-decorative-orange-10);
--decorative-orange-layer-02: var(--color-decorative-orange-5);
--decorative-orange-layer-03: var(--color-decorative-orange-1);
--decorative-orange-layer-alpha-0: var(--color-decorative-orange-d-alpha-1);
--decorative-orange-layer-alpha-00: var(--color-decorative-orange-d-alpha-5);
--decorative-orange-layer-alpha-01: var(--color-decorative-orange-d-alpha-10);
--illustration-white-02: #fff9e9;
--decorative-orange-layer-alpha-02: var(--color-decorative-orange-d-alpha-20);
--decorative-orange-layer-alpha-03: var(--color-decorative-orange-d-alpha-30);
--illustration-white-03: #8270aa;
--illustration-white-04: #c5bcf1;
--decorative-yellow-layer-0: var(--color-decorative-yellow-40);
--decorative-yellow-layer-00: var(--color-decorative-yellow-30);
--decorative-yellow-layer-01: var(--color-decorative-yellow-10);
--decorative-yellow-layer-02: var(--color-decorative-yellow-5);
--decorative-yellow-layer-03: var(--color-decorative-yellow-1);
--decorative-yellow-layer-alpha-0: var(--color-decorative-yellow-d-alpha-1);
--decorative-yellow-layer-alpha-00: var(--color-decorative-yellow-d-alpha-5);
--decorative-yellow-layer-alpha-01: var(--color-decorative-yellow-d-alpha-10);
--decorative-green-layer-0: var(--color-decorative-green-40);
--decorative-yellow-layer-alpha-02: var(--color-decorative-yellow-d-alpha-20);
--decorative-green-layer-00: var(--color-decorative-green-30);
--decorative-yellow-layer-alpha-03: var(--color-decorative-yellow-d-alpha-30);
--decorative-green-layer-01: var(--color-decorative-green-10);
--decorative-green-layer-02: var(--color-decorative-green-5);
--decorative-green-layer-03: var(--color-decorative-green-1);
--decorative-green-layer-alpha-0: var(--color-decorative-green-d-alpha-1);
--decorative-green-layer-alpha-00: var(--color-decorative-green-d-alpha-5);
--decorative-green-layer-alpha-01: var(--color-decorative-green-d-alpha-10);
--decorative-green-layer-alpha-02: var(--color-decorative-green-d-alpha-20);
--decorative-purple-layer-0: var(--color-decorative-purple-40);
--decorative-purple-layer-00: var(--color-decorative-purple-30);
--decorative-green-layer-alpha-03: var(--color-decorative-green-d-alpha-30);
--decorative-purple-layer-01: var(--color-decorative-purple-10);
--decorative-purple-layer-02: var(--color-decorative-purple-5);
--decorative-purple-layer-03: var(--color-decorative-purple-1);
--decorative-purple-layer-alpha-0: var(--color-decorative-purple-d-alpha-10);
--decorative-purple-layer-alpha-00: var(--color-decorative-purple-d-alpha-10);
--decorative-purple-layer-alpha-01: var(--color-decorative-purple-d-alpha-10);
--decorative-magenta-layer-0: var(--color-decorative-magenta-40);
--decorative-purple-layer-alpha-02: var(--color-decorative-purple-d-alpha-20);
--decorative-magenta-layer-00: var(--color-decorative-magenta-30);
--decorative-purple-layer-alpha-03: var(--color-decorative-purple-d-alpha-30);
--decorative-magenta-layer-01: var(--color-decorative-magenta-10);
--decorative-magenta-layer-02: var(--color-decorative-magenta-5);
--decorative-magenta-layer-03: var(--color-decorative-magenta-1);
--decorative-magenta-layer-alpha-0: var(--color-decorative-magenta-d-alpha-1);
--decorative-magenta-layer-alpha-00: var(--color-decorative-magenta-d-alpha-5);
--decorative-magenta-layer-alpha-01: var(--color-decorative-magenta-d-alpha-10);
--decorative-teal-layer-0: var(--color-decorative-teal-40);
--decorative-magenta-layer-alpha-02: var(--color-decorative-magenta-d-alpha-20);
--decorative-teal-layer-00: var(--color-decorative-teal-30);
--decorative-magenta-layer-alpha-03: var(--color-decorative-magenta-d-alpha-30);
--decorative-teal-layer-01: var(--color-decorative-teal-10);
--decorative-teal-layer-02: var(--color-decorative-teal-5);
--decorative-teal-layer-03: var(--color-decorative-teal-1);
--decorative-teal-layer-alpha-0: var(--color-decorative-teal-d-alpha-1);
--decorative-teal-layer-alpha-00: var(--color-decorative-teal-d-alpha-5);
--decorative-teal-layer-alpha-01: var(--color-decorative-teal-d-alpha-10);
--decorative-teal-layer-alpha-02: var(--color-decorative-teal-d-alpha-20);
--decorative-cyan-layer-0: var(--color-decorative-cyan-40);
--decorative-cyan-layer-00: var(--color-decorative-cyan-30);
--decorative-teal-layer-alpha-03: var(--color-decorative-teal-d-alpha-30);
--decorative-cyan-layer-01: var(--color-decorative-cyan-10);
--decorative-cyan-layer-02: var(--color-decorative-cyan-5);
--decorative-cyan-layer-03: var(--color-decorative-cyan-1);
--decorative-cyan-layer-alpha-0: var(--color-decorative-cyan-d-alpha-1);
--decorative-cyan-layer-alpha-00: var(--color-decorative-cyan-d-alpha-5);
--decorative-cyan-layer-alpha-01: var(--color-decorative-cyan-d-alpha-10);
--decorative-warm-gray-layer-0: var(--color-decorative-warm-gray-40);
--decorative-cyan-layer-alpha-02: var(--color-decorative-cyan-d-alpha-20);
--decorative-warm-gray-layer-00: var(--color-decorative-warm-gray-30);
--decorative-cyan-layer-alpha-03: var(--color-decorative-cyan-d-alpha-30);
--decorative-warm-gray-layer-01: var(--color-decorative-warm-gray-10);
--decorative-warm-gray-layer-02: var(--color-decorative-warm-gray-5);
--decorative-warm-gray-layer-03: var(--color-decorative-warm-gray-1);
--decorative-warm-gray-layer-alpha-0: var(--color-decorative-warm-gray-d-alpha-1);
--decorative-warm-gray-layer-alpha-00: var(--color-decorative-warm-gray-d-alpha-5);
--decorative-warm-gray-layer-alpha-01: var(--color-decorative-warm-gray-d-alpha-10);
--decorative-cool-gray-layer-0: var(--color-decorative-cool-gray-40);
--decorative-warm-gray-layer-alpha-02: var(--color-decorative-warm-gray-d-alpha-20);
--decorative-cool-gray-layer-00: var(--color-decorative-cool-gray-30);
--decorative-warm-gray-layer-alpha-03: var(--color-decorative-warm-gray-d-alpha-30);
--decorative-cool-gray-layer-01: var(--color-decorative-cool-gray-10);
--decorative-cool-gray-layer-02: var(--color-decorative-cool-gray-5);
--decorative-cool-gray-layer-03: var(--color-decorative-cool-gray-1);
--decorative-cool-gray-layer-alpha-0: var(--color-decorative-cool-gray-d-alpha-1);
--decorative-cool-gray-layer-alpha-00: var(--color-decorative-cool-gray-d-alpha-5);
--decorative-cool-gray-layer-alpha-01: var(--color-decorative-cool-gray-d-alpha-10);
--decorative-cool-gray-layer-alpha-02: var(--color-decorative-cool-gray-d-alpha-20);
--decorative-cool-ray-layer-alpha-03: var(--color-decorative-cool-gray-d-alpha-30);
--packages-status-background: var(--startup-10);
--packages-status-background-hover: var(--startup-20);
--packages-status-background-pressed: var(--startup-30);
--packages-status-background-on-color: var(--startup-20);
--packages-status-text: var(--startup-300);
--packages-status-border: var(--startup-20);
--packages-status-icon: var(--startup-300);
--packages-large-background: var(--large-10);
--packages-large-background-hover: var(--large-20);
--packages-large-background-pressed: var(--large-30);
--packages-large-background-on-color: var(--large-20);
--packages-large-background-text: var(--large-300);
--packages-large-background-border: var(--large-20);
--packages-large-icon: var(--large-300);
--packages-medium-background: var(--medium-10);
--packages-medium-background-hover: var(--medium-20);
--packages-medium-background-pressed: var(--medium-30);
--packages-medium-background-on-color: var(--medium-20);
--packages-medium-background-text: var(--medium-300);
--packages-medium-background-border: var(--medium-20);
--packages-medium-icon: var(--medium-300);
--packages-small-background: var(--small-10);
--packages-small-background-hover: var(--small-20);
--packages-small-background-pressed: var(--small-30);
--packages-small-background-on-color: var(--small-20);
--packages-small-background-text: var(--small-40);
--packages-small-background-border: var(--small-20);
--packages-small-background-icon: var(--small-40);
}
html.business {
/* business light colors */
/* colors */
--background-01: var(--color-white-white);
--background-02: var(--color-gray-20);
--background-accent: var(--color-orange-60);
--layer-01: var(--color-white-white);
--layer-02: var(--color-gray-10);
--layer-03: var(--color-gray-20);
--layer-04: var(--color-gray-30);
--layer-05: var(--color-white-white);
--layer-hover-01: var(--color-shade-gray-20);
--layer-hover-02: var(--color-shade-gray-20);
--layer-hover-03: var(--color-shade-gray-20);
--layer-pressed-01: var(--color-gray-40);
--layer-pressed-02: var(--color-gray-40);
--layer-pressed-03: var(--color-gray-40);
--layer-inverse-01: var(--color-gray-150);
--layer-inverse-02: var(--color-gray-200);
--layer-inverse-hover-01: var(--color-shade-gray-150);
--layer-inverse-pressed-01: var(--color-gray-80);
--layer-alpha-0: var(--color-gray-alpha-0);
--layer-alpha-01: var(--color-gray-alpha-10);
--layer-alpha-02: var(--color-gray-alpha-20);
--layer-alpha-03: var(--color-gray-alpha-30);
--layer-alpha-hover-01: var(--color-shade-gray-alpha-10);
--layer-alpha-hover-02: var(--color-shade-gray-alpha-20);
--layer-alpha-hover-03: var(--color-shade-gray-alpha-30);
--layer-alpha-pressed-01: var(--color-gray-alpha-30);
--layer-alpha-pressed-02: var(--color-gray-alpha-30);
--layer-alpha-pressed-03: var(--color-gray-alpha-40);
--layer-accent-01: var(--color-orange-10);
--layer-accent-02: var(--color-orange-20);
--layer-accent-alpha-01: var(--color-orange-alpha-10);
--layer-accent-alpha-02: var(--color-orange-alpha-20);
--layer-accent-alpha-03: var(--color-orange-alpha-30);
--layer-black: var(--color-gray-100);
--layer-white: var(--color-white-white);
--layer-disabled: var(--color-gray-20);
--status-error-01: var(--color-red-10);
--status-success-01: var(--color-green-10);
--status-warning-01: var(--color-yellow-10);
--status-info-01: var(--color-calypso-10);
--status-accent-01: var(--color-orange-10);
--status-error-02: var(--color-red-60);
--status-success-02: var(--color-green-60);
--status-warning-02: var(--color-yellow-30);
--status-info-02: var(--color-calypso-60);
--status-accent-02: var(--color-orange-60);
--status-neutral-01: var(--color-gray-10);
--status-neutral-02: var(--color-gray-20);
--status-neutral-03: var(--color-gray-80);
--icon-primary: var(--color-gray-150);
--icon-secondary: var(--color-gray-80);
--icon-helper: var(--color-gray-70);
--icon-inverse-primary: var(--color-gray-10);
--icon-inverse-secondary: var(--color-gray-40);
--icon-error: var(--color-red-60);
--icon-warning: var(--color-yellow-40);
--icon-success: var(--color-green-60);
--icon-info: var(--color-calypso-60);
--icon-accent: var(--color-orange-60);
--icon-accent-strong: var(--color-orange-80);
--icon-white: var(--color-white-white);
--icon-black: var(--color-gray-150);
--icon-disabled: var(--color-gray-50);
--icon-on-color-disabled: var(--color-gray-60);
--text-primary: var(--color-gray-150);
--text-secondary: var(--color-gray-80);
--text-placeholder: var(--color-gray-60);
--text-helper: var(--color-gray-70);
--text-inverse-primary: var(--color-gray-10);
--text-inverse-secondary: var(--color-gray-40);
--text-error: var(--color-red-60);
--text-warning: var(--color-yellow-40);
--text-success: var(--color-green-60);
--text-info: var(--color-calypso-60);
--text-accent: var(--color-orange-60);
--text-accent-strong: var(--color-orange-80);
--text-white: var(--color-white-white);
--text-black: var(--color-gray-150);
--text-disabled: var(--color-gray-50);
--text-on-color-disabled: var(--color-gray-60);
--border-01: var(--color-gray-40);
--border-02: var(--color-gray-60);
--border-03: var(--color-gray-30);
--border-hover-01: var(--color-shade-gray-50);
--border-hover-02: var(--color-shade-gray-70);
--border-pressed-01: var(--color-gray-80);
--border-pressed-02: var(--color-gray-80);
--border-alpha-01: var(--color-gray-alpha-20);
--border-alpha-02: var(--color-gray-alpha-30);
--border-inverse-primary: var(--color-gray-10);
--border-inverse-secondary: var(--color-gray-40);
--border-strong: var(--color-gray-150);
--border-error: var(--color-red-60);
--border-success: var(--color-green-60);
--border-warning: var(--color-yellow-50);
--border-info: var(--color-calypso-60);
--border-selected: var(--color-orange-60);
--border-selected-strong: var(--color-orange-80);
--border-black: var(--color-gray-150);
--border-white: var(--color-white-white);
--border-disabled: var(--color-gray-50);
--support-01: var(--color-gray-60);
--support-02: var(--color-shade-gray-60);
--support-03: var(--color-gray-50);
--support-04: var(--color-white);
--status-error-alpha-01: var(--color-red-alpha-20);
--status-warning-alpha-01: var(--color-yellow-alpha-20);
--status-success-alpha-01: var(--color-green-alpha-20);
--status-info-alpha-01: var(--color-calypso-alpha-20);
--support-overlay-canvas: var(--color-gray-alpha-60);
--support-overlay-media: var(--color-gray-alpha-10);
--support-divider-01: var(--color-gray-30);
--support-divider-02: var(--color-gray-40);
--support-divider-03: var(--color-gray-30);
--support-divider-alpha-01: var(--color-gray-alpha-20);
--support-divider-alpha-02: var(--color-gray-alpha-30);
--support-caret: var(--color-orange-60);
--support-skeleton: var(--color-gray-30);
--support-skeleton-background: var(--color-shade-gray-10);
--focus-01: var(--color-orange-60);
--link: var(--color-orange-60);
--link-hover: var(--color-shade-orange-60);
--link-clicked: var(--color-orange-70);
--button-primary: var(--color-orange-60);
--button-primary-hover: var(--color-orange-70);
--button-primary-pressed: var(--color-shade-orange-80);
--button-primary-loading: var(--color-orange-40);
--button-secondary: var(--color-orange-alpha-10);
--button-secondary-hover: var(--color-shade-orange-alpha-20);
--button-secondary-pressed: var(--color-orange-alpha-30);
--button-secondary-loading: var(--color-orange-alpha-10);
--button-secondary-white: var(--color-white-white);
--button-secondary-white-hover: var(--color-shade-gray-30);
--button-secondary-white-pressed: var(--color-gray-50);
--button-secondary-white-loading: var(--color-gray-40);
--button-negative: var(--color-red-60);
--button-negative-hover: var(--color-shade-red-60);
--button-negative-pressed: var(--color-shade-red-80);
--button-negative-loading: var(--color-red-50);
--button-text-negative: var(--color-gray-alpha-0);
--button-text-negative-hover: var(--color-shade-red-alpha-10);
--button-text-negative-pressed: var(--color-red-alpha-30);
--button-text-negative-loading: var(--color-red-alpha-10);
--button-text-primary: var(--color-gray-alpha-0);
--button-text-primary-hover: var(--color-shade-gray-alpha-10);
--button-text-primary-pressed: var(--color-gray-alpha-30);
--button-text-primary-loading: var(--color-gray-alpha-10);
--button-text-secondary-black: var(--color-gray-alpha-0);
--button-text-secondary-black-hover: var(--color-shade-gray-alpha-10);
--button-text-secondary-black-pressed: var(--color-gray-alpha-30);
--button-text-secondary-white: var(--color-gray-alpha-0);
--button-text-secondary-white-hover: var(--color-gray-alpha-30);
--button-text-secondary-white-pressed: var(--color-gray-alpha-40);
--button-text-low: var(--color-orange-60);
--button-text-low-hover: var(--color-shade-orange-60);
--button-text-low-pressed: var(--color-orange-70);
--chips-default: var(--color-gray-alpha-20);
--chips-hover: var(--color-gray-alpha-30);
--chips-pressed: var(--color-gray-alpha-40);
--chips-selected: var(--color-orange-alpha-20);
--chips-selected-hover: var(--color-shade-orange-alpha-20);
--chips-selected-pressed: var(--color-orange-alpha-30);
--chips-disabled: var(--color-gray-alpha-20);
--button-icon-secondary: var(--color-gray-alpha-0);
--button-disabled: var(--color-gray-20);
--button-icon-secondary-hover: var(--color-shade-gray-alpha-10);
--button-icon-secondary-pressed: var(--color-gray-alpha-30);
--button-icon-secondary-loading: var(--color-gray-alpha-10);
--header-row-01: var(--color-gray-20);
--header-row-02: var(--color-shuttle-gray-70);
--brand-retail-primary-01: var(--color-orange-60);
--brand-retail-primary-02: var(--color-orange-70);
--brand-retail-primary-alpha-01: var(--color-orange-alpha-10);
--brand-retail-primary-alpha-02: var(--color-orange-alpha-20);
--brand-retail-primary-alpha-03: var(--color-orange-alpha-30);
--brand-retail-secondary-01: var(--color-purple-60);
--brand-retail-secondary-02: var(--color-purple-70);
--brand-retail-secondary-alpha-01: var(--color-purple-alpha-10);
--brand-retail-secondary-alpha-02: var(--color-purple-alpha-20);
--brand-retail-secondary-alpha-03: var(--color-purple-alpha-30);
--brand-wealth-primary-01: var(--color-caramel-60);
--brand-wealth-primary-02: var(--color-caramel-70);
--brand-wealth-primary-alpha-01: var(--color-caramel-alpha-10);
--brand-wealth-primary-alpha-02: var(--color-caramel-alpha-20);
--brand-wealth-primary-alpha-03: var(--color-caramel-alpha-30);
--brand-wealth-secondary-01: var(--color-warm-grey---6c-60);
--brand-wealth-secondary-02: var(--color-warm-grey---6c-70);
--brand-wealth-secondary-alpha-01: var(--color-warm-grey---6c-alpha-10);
--brand-wealth-secondary-alpha-02: var(--color-warm-grey---6c-alpha-20);
--brand-wealth-secondary-alpha-03: var(--color-warm-grey---6c-alpha-30);
--brand-american-express-beep-blue: #162b75;
--brand-american-express-bright-blue: #006fcf;
--brand-solo-primary-01: var(--color-marigold-60);
--brand-solo-primary-02: var(--color-marigold-70);
--brand-solo-primary-alpha-01: var(--color-marigold-alpha-10);
--brand-solo-primary-alpha-02: var(--color-marigold-alpha-20);
--brand-solo-primary-alpha-03: var(--color-marigold-alpha-30);
--brand-solo-secondary-01: var(--color-purple-60);
--brand-solo-secondary-02: var(--color-purple-70);
--brand-solo-secondary-alpha-01: var(--color-purple-alpha-10);
--brand-solo-secondary-alpha-02: var(--color-purple-alpha-20);
--brand-solo-secondary-alpha-03: var(--color-purple-alpha-30);
--brand-solo-blue-primary-01: var(--color-marigold-60);
--brand-solo-blue-primary-02: var(--color-marigold-70);
--brand-solo-blue-primary-alpha-01: var(--color-marigold-alpha-10);
--brand-solo-blue-primary-alpha-02: var(--color-marigold-alpha-20);
--brand-solo-blue-primary-alpha-03: var(--color-marigold-alpha-30);
--brand-solo-blue-secondary-01: var(--color-smokey-gray-60);
--brand-solo-blue-secondary-02: var(--color-smokey-gray-70);
--brand-solo-blue-secondary-alpha-01: var(--color-smokey-gray-alpha-10);
--brand-solo-blue-secondary-alpha-02: var(--color-smokey-gray-alpha-20);
--brand-solo-blue-secondary-alpha-03: var(--color-smokey-gray-alpha-30);
--bright-blue: #006fcf;
--beep-blue: #162b75;
--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-black-01: #010101;
--illustration-black-02: #010102;
--illustration-black-03: #010103;
--illustration-black-04: #010104;
--decorative-orange-layer-0: var(--color-decorative-orange-1);
--illustration-black-05: #010105;
--decorative-orange-layer-00: var(--color-decorative-orange-5);
--illustration-white-01: #fefefe;
--decorative-orange-layer-01: var(--color-decorative-orange-20);
--decorative-orange-layer-02: var(--color-decorative-orange-30);
--decorative-orange-layer-03: var(--color-decorative-orange-40);
--decorative-orange-layer-alpha-0: var(--color-decorative-orange-alpha-1);
--decorative-orange-layer-alpha-00: var(--color-decorative-orange-alpha-5);
--decorative-orange-layer-alpha-01: var(--color-decorative-orange-alpha-10);
--illustration-white-02: #fdfdfe;
--decorative-orange-layer-alpha-02: var(--color-decorative-orange-alpha-20);
--decorative-orange-layer-alpha-03: var(--color-decorative-orange-alpha-30);
--illustration-white-03: #fdfdfd;
--illustration-white-04: #fdfdfc;
--decorative-yellow-layer-0: var(--color-decorative-yellow-1);
--decorative-yellow-layer-00: var(--color-decorative-yellow-5);
--decorative-yellow-layer-01: var(--color-decorative-yellow-20);
--decorative-yellow-layer-02: var(--color-decorative-yellow-30);
--decorative-yellow-layer-03: var(--color-decorative-yellow-40);
--decorative-yellow-layer-alpha-0: var(--color-decorative-yellow-alpha-1);
--decorative-yellow-layer-alpha-00: var(--color-decorative-yellow-alpha-5);
--decorative-yellow-layer-alpha-01: var(--color-decorative-yellow-alpha-10);
--decorative-green-layer-0: var(--color-decorative-green-1);
--decorative-yellow-layer-alpha-02: var(--color-decorative-yellow-alpha-20);
--decorative-green-layer-00: var(--color-decorative-green-5);
--decorative-yellow-layer-alpha-03: var(--color-decorative-yellow-alpha-30);
--decorative-green-layer-01: var(--color-decorative-green-20);
--decorative-green-layer-02: var(--color-decorative-green-30);
--decorative-green-layer-03: var(--color-decorative-green-40);
--decorative-green-layer-alpha-0: var(--color-decorative-green-alpha-1);
--decorative-green-layer-alpha-00: var(--color-decorative-green-alpha-5);
--decorative-green-layer-alpha-01: var(--color-decorative-green-alpha-10);
--decorative-green-layer-alpha-02: var(--color-decorative-green-alpha-20);
--decorative-purple-layer-0: var(--color-decorative-purple-1);
--decorative-purple-layer-00: var(--color-decorative-purple-5);
--decorative-green-layer-alpha-03: var(--color-decorative-green-alpha-30);
--decorative-purple-layer-01: var(--color-decorative-purple-20);
--decorative-purple-layer-02: var(--color-decorative-purple-30);
--decorative-purple-layer-03: var(--color-decorative-purple-40);
--decorative-purple-layer-alpha-0: var(--color-decorative-purple-alpha-10);
--decorative-purple-layer-alpha-00: var(--color-decorative-purple-alpha-10);
--decorative-purple-layer-alpha-01: var(--color-decorative-purple-alpha-10);
--decorative-magenta-layer-0: var(--color-decorative-magenta-1);
--decorative-purple-layer-alpha-02: var(--color-decorative-purple-alpha-20);
--decorative-magenta-layer-00: var(--color-decorative-magenta-5);
--decorative-purple-layer-alpha-03: var(--color-decorative-purple-alpha-30);
--decorative-magenta-layer-01: var(--color-decorative-magenta-20);
--decorative-magenta-layer-02: var(--color-decorative-magenta-30);
--decorative-magenta-layer-03: var(--color-decorative-magenta-40);
--decorative-magenta-layer-alpha-0: var(--color-decorative-magenta-alpha-1);
--decorative-magenta-layer-alpha-00: var(--color-decorative-magenta-alpha-5);
--decorative-magenta-layer-alpha-01: var(--color-decorative-magenta-alpha-10);
--decorative-teal-layer-0: var(--color-decorative-teal-1);
--decorative-magenta-layer-alpha-02: var(--color-decorative-magenta-alpha-20);
--decorative-teal-layer-00: var(--color-decorative-teal-5);
--decorative-magenta-layer-alpha-03: var(--color-decorative-magenta-alpha-30);
--decorative-teal-layer-01: var(--color-decorative-teal-20);
--decorative-teal-layer-02: var(--color-decorative-teal-30);
--decorative-teal-layer-03: var(--color-decorative-teal-40);
--decorative-teal-layer-alpha-0: var(--color-decorative-teal-alpha-1);
--decorative-teal-layer-alpha-00: var(--color-decorative-teal-alpha-5);
--decorative-teal-layer-alpha-01: var(--color-decorative-teal-alpha-10);
--decorative-teal-layer-alpha-02: var(--color-decorative-teal-alpha-20);
--decorative-cyan-layer-0: var(--color-decorative-cyan-1);
--decorative-cyan-layer-00: var(--color-decorative-cyan-5);
--decorative-teal-layer-alpha-03: var(--color-decorative-teal-alpha-30);
--decorative-cyan-layer-01: var(--color-decorative-cyan-20);
--decorative-cyan-layer-02: var(--color-decorative-cyan-30);
--decorative-cyan-layer-03: var(--color-decorative-cyan-40);
--decorative-cyan-layer-alpha-0: var(--color-decorative-cyan-alpha-1);
--decorative-cyan-layer-alpha-00: var(--color-decorative-cyan-alpha-5);
--decorative-cyan-layer-alpha-01: var(--color-decorative-cyan-alpha-10);
--decorative-warm-gray-layer-0: var(--color-decorative-warm-gray-1);
--decorative-cyan-layer-alpha-02: var(--color-decorative-cyan-alpha-20);
--decorative-warm-gray-layer-00: var(--color-decorative-warm-gray-5);
--decorative-cyan-layer-alpha-03: var(--color-decorative-cyan-alpha-30);
--decorative-warm-gray-layer-01: var(--color-decorative-warm-gray-20);
--decorative-warm-gray-layer-02: var(--color-decorative-warm-gray-30);
--decorative-warm-gray-layer-03: var(--color-decorative-warm-gray-40);
--decorative-warm-gray-layer-alpha-0: var(--color-decorative-warm-gray-alpha-1);
--decorative-warm-gray-layer-alpha-00: var(--color-decorative-warm-gray-alpha-5);
--decorative-warm-gray-layer-alpha-01: var(--color-decorative-warm-gray-alpha-10);
--decorative-cool-gray-layer-0: var(--color-decorative-cool-gray-1);
--decorative-warm-gray-layer-alpha-02: var(--color-decorative-warm-gray-alpha-20);
--decorative-cool-gray-layer-00: var(--color-decorative-cool-gray-5);
--decorative-warm-gray-layer-alpha-03: var(--color-decorative-warm-gray-alpha-30);
--decorative-cool-gray-layer-01: var(--color-decorative-cool-gray-20);
--decorative-cool-gray-layer-02: var(--color-decorative-cool-gray-30);
--decorative-cool-gray-layer-03: var(--color-decorative-cool-gray-40);
--decorative-cool-gray-layer-alpha-0: var(--color-decorative-cool-gray-alpha-1);
--decorative-cool-gray-layer-alpha-00: var(--color-decorative-cool-gray-alpha-5);
--decorative-cool-gray-layer-alpha-01: var(--color-decorative-cool-gray-alpha-10);
--decorative-cool-gray-layer-alpha-02: var(--color-decorative-cool-gray-alpha-20);
--decorative-cool-ray-layer-alpha-03: var(--color-decorative-cool-gray-alpha-30);
--packages-status-background: var(--startup-10);
--packages-status-background-hover: var(--startup-20);
--packages-status-background-pressed: var(--startup-30);
--packages-status-background-on-color: var(--startup-20);
--packages-status-text: var(--startup-300);
--packages-status-border: var(--startup-20);
--packages-status-icon: var(--startup-300);
--packages-large-background: var(--large-10);
--packages-large-background-hover: var(--large-20);
--packages-large-background-pressed: var(--large-30);
--packages-large-background-on-color: var(--large-20);
--packages-large-background-text: var(--large-300);
--packages-large-background-border: var(--large-20);
--packages-large-icon: var(--large-300);
--packages-medium-background: var(--medium-10);
--packages-medium-background-hover: var(--medium-20);
--packages-medium-background-pressed: var(--medium-30);
--packages-medium-background-on-color: var(--medium-20);
--packages-medium-background-text: var(--medium-300);
--packages-medium-background-border: var(--medium-20);
--packages-medium-icon: var(--medium-300);
--packages-small-background: var(--small-10);
--packages-small-background-hover: var(--small-20);
--packages-small-background-pressed: var(--small-30);
--packages-small-background-on-color: var(--small-20);
--packages-small-background-text: var(--small-40);
--packages-small-background-border: var(--small-20);
--packages-small-background-icon: var(--small-40);
}
html.business.dark {
/* business dark colors */
/* colors */
--background-01: var(--color-gray-150);
--background-02: var(--color-gray-200);
--background-accent: var(--color-orange-50);
--layer-01: var(--color-gray-150);
--layer-02: var(--color-shade-gray-200);
--layer-03: var(--color-gray-100);
--layer-04: var(--color-gray-200);
--layer-05: var(--color-gray-90);
--layer-hover-01: var(--color-shade-gray-100);
--layer-hover-02: var(--color-shade-gray-100);
--layer-hover-03: var(--color-shade-gray-100);
--layer-pressed-01: var(--color-gray-80);
--layer-pressed-02: var(--color-gray-80);
--layer-pressed-03: var(--color-gray-80);
--layer-inverse-01: var(--color-white-white);
--layer-inverse-02: var(--color-gray-20);
--layer-inverse-hover-01: var(--color-shade-gray-20);
--layer-inverse-pressed-01: var(--color-gray-40);
--layer-alpha-0: var(--color-gray-alpha-0);
--layer-alpha-01: var(--color-white-alpha-10);
--layer-alpha-02: var(--color-white-alpha-20);
--layer-alpha-03: var(--color-white-alpha-30);
--layer-alpha-hover-01: var(--color-shade-white-alpha-10);
--layer-alpha-hover-02: var(--color-shade-white-alpha-20);
--layer-alpha-hover-03: var(--color-shade-white-alpha-30);
--layer-alpha-pressed-01: var(--color-white-alpha-30);
--layer-alpha-pressed-02: var(--color-white-alpha-30);
--layer-alpha-pressed-03: var(--color-white-alpha-40);
--layer-accent-01: var(--color-orange-90);
--layer-accent-02: var(--color-shade-orange-90);
--layer-accent-alpha-01: var(--color-orange-d-alpha-10);
--layer-accent-alpha-02: var(--color-orange-d-alpha-20);
--layer-accent-alpha-03: var(--color-orange-d-alpha-30);
--layer-black: var(--color-gray-100);
--layer-white: var(--color-white-white);
--layer-disabled: var(--color-gray-100);
--status-error-01: var(--color-red-80);
--status-success-01: var(--color-green-80);
--status-warning-01: var(--color-yellow-80);
--status-info-01: var(--color-calypso-80);
--status-accent-01: var(--color-orange-90);
--status-error-02: var(--color-red-50);
--status-success-02: var(--color-green-40);
--status-warning-02: var(--color-yellow-30);
--status-info-02: var(--color-calypso-50);
--status-accent-02: var(--color-orange-50);
--status-neutral-01: var(--color-gray-10);
--status-neutral-02: var(--color-gray-90);
--status-neutral-03: var(--color-gray-90);
--icon-primary: var(--color-gray-10);
--icon-secondary: var(--color-gray-40);
--icon-helper: var(--color-gray-50);
--icon-inverse-primary: var(--color-gray-200);
--icon-inverse-secondary: var(--color-gray-80);
--icon-error: var(--color-red-40);
--icon-warning: var(--color-yellow-40);
--icon-success: var(--color-green-40);
--icon-info: var(--color-calypso-40);
--icon-accent: var(--color-orange-50);
--icon-accent-strong: var(--color-orange-strong-20);
--icon-white: var(--color-white-white);
--icon-black: var(--color-gray-150);
--icon-disabled: var(--color-gray-60);
--icon-on-color-disabled: var(--color-gray-60);
--text-primary: var(--color-gray-10);
--text-secondary: var(--color-gray-40);
--text-placeholder: var(--color-gray-60);
--text-helper: var(--color-gray-50);
--text-inverse-primary: var(--color-gray-200);
--text-inverse-secondary: var(--color-gray-80);
--text-error: var(--color-red-40);
--text-warning: var(--color-yellow-40);
--text-success: var(--color-green-40);
--text-info: var(--color-calypso-40);
--text-accent: var(--color-orange-50);
--text-accent-strong: var(--color-orange-strong-20);
--text-white: var(--color-white-white);
--text-black: var(--color-gray-150);
--text-disabled: var(--color-gray-60);
--text-on-color-disabled: var(--color-gray-60);
--border-01: var(--color-gray-80);
--border-02: var(--color-gray-70);
--border-03: var(--color-shade-gray-150);
--border-hover-01: var(--color-shade-gray-50);
--border-hover-02: var(--color-shade-gray-50);
--border-pressed-01: var(--color-gray-50);
--border-pressed-02: var(--color-gray-50);
--border-alpha-01: var(--color-white-alpha-20);
--border-alpha-02: var(--color-white-alpha-30);
--border-inverse-primary: var(--color-gray-200);
--border-inverse-secondary: var(--color-gray-80);
--border-strong: var(--color-gray-20);
--border-error: var(--color-red-40);
--border-success: var(--color-green-40);
--border-warning: var(--color-yellow-40);
--border-info: var(--color-calypso-40);
--border-selected: var(--color-orange-50);
--border-selected-strong: var(--color-orange-strong-20);
--border-black: var(--color-gray-150);
--border-white: var(--color-white-white);
--border-disabled: var(--color-gray-60);
--support-01: var(--color-gray-70);
--support-02: var(--color-shade-gray-50);
--support-03: var(--color-gray-80);
--support-04: var(--color-gray-80);
--status-error-alpha-01: var(--color-red-d-alpha-20);
--status-warning-alpha-01: var(--color-yellow-d-alpha-20);
--status-success-alpha-01: var(--color-green-d-alpha-20);
--status-info-alpha-01: var(--color-calypso-d-alpha-20);
--support-overlay-canvas: var(--color-gray-alpha-60);
--support-overlay-media: var(--color-gray-alpha-10);
--support-divider-01: var(--color-gray-90);
--support-divider-02: var(--color-gray-80);
--support-divider-03: var(--color-shade-gray-150);
--support-divider-alpha-01: var(--color-white-alpha-20);
--support-divider-alpha-02: var(--color-white-alpha-30);
--support-caret: var(--color-orange-50);
--support-skeleton: var(--color-gray-80);
--support-skeleton-background: var(--color-gray-100);
--focus-01: var(--color-orange-50);
--link: var(--color-orange-50);
--link-hover: var(--color-shade-orange-40);
--link-clicked: var(--color-orange-40);
--button-primary: var(--color-orange-50);
--button-primary-hover: var(--color-shade-orange-50);
--button-primary-pressed: var(--color-orange-70);
--button-primary-loading: var(--color-orange-40);
--button-secondary: var(--color-orange-d-alpha-20);
--button-secondary-hover: var(--color-shade-orange-d-alpha-30);
--button-secondary-pressed: var(--color-orange-d-alpha-30);
--button-secondary-loading: var(--color-orange-d-alpha-20);
--button-secondary-white: var(--color-gray-100);
--button-secondary-white-hover: var(--color-shade-gray-100);
--button-secondary-white-pressed: var(--color-gray-70);
--button-secondary-white-loading: var(--color-gray-80);
--button-negative: var(--color-red-50);
--button-negative-hover: var(--color-shade-red-60);
--button-negative-pressed: var(--color-shade-red-70);
--button-negative-loading: var(--color-red-50);
--button-text-negative: var(--color-gray-alpha-0);
--button-text-negative-hover: var(--color-red-d-alpha-20);
--button-text-negative-pressed: var(--color-red-d-alpha-30);
--button-text-negative-loading: var(--color-red-d-alpha-10);
--button-text-primary: var(--color-gray-alpha-0);
--button-text-primary-hover: var(--color-shade-white-alpha-10);
--button-text-primary-pressed: var(--color-white-alpha-30);
--button-text-primary-loading: var(--color-white-alpha-10);
--button-text-secondary-black: var(--color-gray-alpha-0);
--button-text-secondary-black-hover: var(--color-shade-white-alpha-10);
--button-text-secondary-black-pressed: var(--color-white-alpha-10);
--button-text-secondary-white: var(--color-white-alpha-0);
--button-text-secondary-white-hover: var(--color-shade-white-alpha-20);
--button-text-secondary-white-pressed: var(--color-white-alpha-30);
--button-text-low: var(--color-orange-50);
--button-text-low-hover: var(--color-shade-orange-40);
--button-text-low-pressed: var(--color-orange-40);
--chips-default: var(--color-white-alpha-20);
--chips-hover: var(--color-white-alpha-30);
--chips-pressed: var(--color-white-alpha-40);
--chips-selected: var(--color-shade-orange-d-alpha-10);
--chips-selected-hover: var(--color-shade-orange-d-alpha-30);
--chips-selected-pressed: var(--color-orange-d-alpha-30);
--chips-disabled: var(--color-gray-alpha-30);
--button-icon-secondary: var(--color-gray-alpha-0);
--button-disabled: var(--color-gray-90);
--button-icon-secondary-hover: var(--color-shade-white-alpha-10);
--button-icon-secondary-pressed: var(--color-white-alpha-30);
--button-icon-secondary-loading: var(--color-white-alpha-10);
--header-row-01: var(--color-gray-200);
--header-row-02: var(--color-gray-90);
--brand-retail-primary-01: var(--color-orange-50);
--brand-retail-primary-02: var(--color-orange-60);
--brand-retail-primary-alpha-01: var(--color-orange-d-alpha-10);
--brand-retail-primary-alpha-02: var(--color-orange-d-alpha-20);
--brand-retail-primary-alpha-03: var(--color-orange-d-alpha-30);
--brand-retail-secondary-01: var(--color-purple-40);
--brand-retail-secondary-02: var(--color-purple-60);
--brand-retail-secondary-alpha-01: var(--color-purple-d-alpha-10);
--brand-retail-secondary-alpha-02: var(--color-purple-d-alpha-20);
--brand-retail-secondary-alpha-03: var(--color-purple-d-alpha-30);
--brand-wealth-primary-01: var(--color-caramel-50);
--brand-wealth-primary-02: var(--color-caramel-60);
--brand-wealth-primary-alpha-01: var(--color-caramel-d-alpha-10);
--brand-wealth-primary-alpha-02: var(--color-caramel-d-alpha-20);
--brand-wealth-primary-alpha-03: var(--color-caramel-d-alpha-30);
--brand-wealth-secondary-01: var(--color-warm-grey---6c-50);
--brand-wealth-secondary-02: var(--color-warm-grey---6c-60);
--brand-wealth-secondary-alpha-01: var(--color-warm-grey---6c-d-alpha-10);
--brand-wealth-secondary-alpha-02: var(--color-warm-grey---6c-d-alpha-20);
--brand-wealth-secondary-alpha-03: var(--color-warm-grey---6c-d-alpha-30);
--brand-american-express-beep-blue: #162b75;
--brand-american-express-bright-blue: #006fcf;
--brand-solo-primary-01: var(--color-marigold-50);
--brand-solo-primary-02: var(--color-marigold-60);
--brand-solo-primary-alpha-01: var(--color-marigold-d-alpha-10);
--brand-solo-primary-alpha-02: var(--color-marigold-d-alpha-20);
--brand-solo-primary-alpha-03: var(--color-marigold-d-alpha-30);
--brand-solo-secondary-01: var(--color-purple-40);
--brand-solo-secondary-02: var(--color-purple-60);
--brand-solo-secondary-alpha-01: var(--color-purple-d-alpha-10);
--brand-solo-secondary-alpha-02: var(--color-purple-d-alpha-20);
--brand-solo-secondary-alpha-03: var(--color-purple-d-alpha-30);
--brand-solo-blue-primary-01: var(--color-marigold-50);
--brand-solo-blue-primary-02: var(--color-marigold-60);
--brand-solo-blue-primary-alpha-01: var(--color-marigold-d-alpha-10);
--brand-solo-blue-primary-alpha-02: var(--color-marigold-d-alpha-20);
--brand-solo-blue-primary-alpha-03: var(--color-marigold-d-alpha-30);
--brand-solo-blue-secondary-01: var(--color-smokey-gray-50);
--brand-solo-blue-secondary-02: var(--color-smokey-gray-60);
--brand-solo-blue-secondary-alpha-01: var(--color-smokey-gray-d-alpha-10);
--brand-solo-blue-secondary-alpha-02: var(--color-smokey-gray-d-alpha-20);
--brand-solo-blue-secondary-alpha-03: var(--color-smokey-gray-d-alpha-30);
--bright-blue: #006fcf;
--beep-blue: #162b75;
--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-black-01: #191a1a;
--illustration-black-02: #8270aa;
--illustration-black-03: #c5bcf1;
--illustration-black-04: #b75536;
--decorative-orange-layer-0: var(--color-decorative-orange-40);
--illustration-black-05: #fdfdfd;
--decorative-orange-layer-00: var(--color-decorative-orange-30);
--illustration-white-01: #fefefe;
--decorative-orange-layer-01: var(--color-decorative-orange-10);
--decorative-orange-layer-02: var(--color-decorative-orange-5);
--decorative-orange-layer-03: var(--color-decorative-orange-1);
--decorative-orange-layer-alpha-0: var(--color-decorative-orange-d-alpha-1);
--decorative-orange-layer-alpha-00: var(--color-decorative-orange-d-alpha-5);
--decorative-orange-layer-alpha-01: var(--color-decorative-orange-d-alpha-10);
--illustration-white-02: #eadfda;
--decorative-orange-layer-alpha-02: var(--color-decorative-orange-d-alpha-20);
--decorative-orange-layer-alpha-03: var(--color-decorative-orange-d-alpha-30);
--illustration-white-03: #8270aa;
--illustration-white-04: #c5bcf1;
--decorative-yellow-layer-0: var(--color-decorative-yellow-40);
--decorative-yellow-layer-00: var(--color-decorative-yellow-30);
--decorative-yellow-layer-01: var(--color-decorative-yellow-10);
--decorative-yellow-layer-02: var(--color-decorative-yellow-5);
--decorative-yellow-layer-03: var(--color-decorative-yellow-1);
--decorative-yellow-layer-alpha-0: var(--color-decorative-yellow-d-alpha-1);
--decorative-yellow-layer-alpha-00: var(--color-decorative-yellow-d-alpha-5);
--decorative-yellow-layer-alpha-01: var(--color-decorative-yellow-d-alpha-10);
--decorative-green-layer-0: var(--color-decorative-green-40);
--decorative-yellow-layer-alpha-02: var(--color-decorative-yellow-d-alpha-20);
--decorative-green-layer-00: var(--color-decorative-green-30);
--decorative-yellow-layer-alpha-03: var(--color-decorative-yellow-d-alpha-30);
--decorative-green-layer-01: var(--color-decorative-green-10);
--decorative-green-layer-02: var(--color-decorative-green-5);
--decorative-green-layer-03: var(--color-decorative-green-1);
--decorative-green-layer-alpha-0: var(--color-decorative-green-d-alpha-1);
--decorative-green-layer-alpha-00: var(--color-decorative-green-d-alpha-5);
--decorative-green-layer-alpha-01: var(--color-decorative-green-d-alpha-10);
--decorative-green-layer-alpha-02: var(--color-decorative-green-d-alpha-20);
--decorative-purple-layer-0: var(--color-decorative-purple-40);
--decorative-purple-layer-00: var(--color-decorative-purple-30);
--decorative-green-layer-alpha-03: var(--color-decorative-green-d-alpha-30);
--decorative-purple-layer-01: var(--color-decorative-purple-10);
--decorative-purple-layer-02: var(--color-decorative-purple-5);
--decorative-purple-layer-03: var(--color-decorative-purple-1);
--decorative-purple-layer-alpha-0: var(--color-decorative-purple-d-alpha-10);
--decorative-purple-layer-alpha-00: var(--color-decorative-purple-d-alpha-10);
--decorative-purple-layer-alpha-01: var(--color-decorative-purple-d-alpha-10);
--decorative-magenta-layer-0: var(--color-decorative-magenta-40);
--decorative-purple-layer-alpha-02: var(--color-decorative-purple-d-alpha-20);
--decorative-magenta-layer-00: var(--color-decorative-magenta-30);
--decorative-purple-layer-alpha-03: var(--color-decorative-purple-d-alpha-30);
--decorative-magenta-layer-01: var(--color-decorative-magenta-10);
--decorative-magenta-layer-02: var(--color-decorative-magenta-5);
--decorative-magenta-layer-03: var(--color-decorative-magenta-1);
--decorative-magenta-layer-alpha-0: var(--color-decorative-magenta-d-alpha-1);
--decorative-magenta-layer-alpha-00: var(--color-decorative-magenta-d-alpha-5);
--decorative-magenta-layer-alpha-01: var(--color-decorative-magenta-d-alpha-10);
--decorative-teal-layer-0: var(--color-decorative-teal-40);
--decorative-magenta-layer-alpha-02: var(--color-decorative-magenta-d-alpha-20);
--decorative-teal-layer-00: var(--color-decorative-teal-30);
--decorative-magenta-layer-alpha-03: var(--color-decorative-magenta-d-alpha-30);
--decorative-teal-layer-01: var(--color-decorative-teal-10);
--decorative-teal-layer-02: var(--color-decorative-teal-5);
--decorative-teal-layer-03: var(--color-decorative-teal-1);
--decorative-teal-layer-alpha-0: var(--color-decorative-teal-d-alpha-1);
--decorative-teal-layer-alpha-00: var(--color-decorative-teal-d-alpha-5);
--decorative-teal-layer-alpha-01: var(--color-decorative-teal-d-alpha-10);
--decorative-teal-layer-alpha-02: var(--color-decorative-teal-d-alpha-20);
--decorative-cyan-layer-0: var(--color-decorative-cyan-40);
--decorative-cyan-layer-00: var(--color-decorative-cyan-30);
--decorative-teal-layer-alpha-03: var(--color-decorative-teal-d-alpha-30);
--decorative-cyan-layer-01: var(--color-decorative-cyan-10);
--decorative-cyan-layer-02: var(--color-decorative-cyan-5);
--decorative-cyan-layer-03: var(--color-decorative-cyan-1);
--decorative-cyan-layer-alpha-0: var(--color-decorative-cyan-d-alpha-1);
--decorative-cyan-layer-alpha-00: var(--color-decorative-cyan-d-alpha-5);
--decorative-cyan-layer-alpha-01: var(--color-decorative-cyan-d-alpha-10);
--decorative-warm-gray-layer-0: var(--color-decorative-warm-gray-40);
--decorative-cyan-layer-alpha-02: var(--color-decorative-cyan-d-alpha-20);
--decorative-warm-gray-layer-00: var(--color-decorative-warm-gray-30);
--decorative-cyan-layer-alpha-03: var(--color-decorative-cyan-d-alpha-30);
--decorative-warm-gray-layer-01: var(--color-decorative-warm-gray-10);
--decorative-warm-gray-layer-02: var(--color-decorative-warm-gray-5);
--decorative-warm-gray-layer-03: var(--color-decorative-warm-gray-1);
--decorative-warm-gray-layer-alpha-0: var(--color-decorative-warm-gray-d-alpha-1);
--decorative-warm-gray-layer-alpha-00: var(--color-decorative-warm-gray-d-alpha-5);
--decorative-warm-gray-layer-alpha-01: var(--color-decorative-warm-gray-d-alpha-10);
--decorative-cool-gray-layer-0: var(--color-decorative-cool-gray-40);
--decorative-warm-gray-layer-alpha-02: var(--color-decorative-warm-gray-d-alpha-20);
--decorative-cool-gray-layer-00: var(--color-decorative-cool-gray-30);
--decorative-warm-gray-layer-alpha-03: var(--color-decorative-warm-gray-d-alpha-30);
--decorative-cool-gray-layer-01: var(--color-decorative-cool-gray-10);
--decorative-cool-gray-layer-02: var(--color-decorative-cool-gray-5);
--decorative-cool-gray-layer-03: var(--color-decorative-cool-gray-1);
--decorative-cool-gray-layer-alpha-0: var(--color-decorative-cool-gray-d-alpha-1);
--decorative-cool-gray-layer-alpha-00: var(--color-decorative-cool-gray-d-alpha-5);
--decorative-cool-gray-layer-alpha-01: var(--color-decorative-cool-gray-d-alpha-10);
--decorative-cool-gray-layer-alpha-02: var(--color-decorative-cool-gray-d-alpha-20);
--decorative-cool-ray-layer-alpha-03: var(--color-decorative-cool-gray-d-alpha-30);
--packages-status-background: var(--startup-10);
--packages-status-background-hover: var(--startup-20);
--packages-status-background-pressed: var(--startup-30);
--packages-status-background-on-color: var(--startup-20);
--packages-status-text: var(--startup-300);
--packages-status-border: var(--startup-20);
--packages-status-icon: var(--startup-300);
--packages-large-background: var(--large-10);
--packages-large-background-hover: var(--large-20);
--packages-large-background-pressed: var(--large-30);
--packages-large-background-on-color: var(--large-20);
--packages-large-background-text: var(--large-300);
--packages-large-background-border: var(--large-20);
--packages-large-icon: var(--large-300);
--packages-medium-background: var(--medium-10);
--packages-medium-background-hover: var(--medium-20);
--packages-medium-background-pressed: var(--medium-30);
--packages-medium-background-on-color: var(--medium-20);
--packages-medium-background-text: var(--medium-300);
--packages-medium-background-border: var(--medium-20);
--packages-medium-icon: var(--medium-300);
--packages-small-background: var(--small-10);
--packages-small-background-hover: var(--small-20);
--packages-small-background-pressed: var(--small-30);
--packages-small-background-on-color: var(--small-20);
--packages-small-background-text: var(--small-40);
--packages-small-background-border: var(--small-20);
--packages-small-background-icon: var(--small-40);
}