diff --git a/.gitignore b/.gitignore index f9bf1ec..f6ee7a3 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,3 @@ node_modules coverage -/dist \ No newline at end of file +dist/* \ No newline at end of file diff --git a/lib/styles/breakpoints.scss b/lib/styles/breakpoints.scss new file mode 100644 index 0000000..dd6e4ff --- /dev/null +++ b/lib/styles/breakpoints.scss @@ -0,0 +1,25 @@ +@mixin breakpoint($breakpoint) { + @if $breakpoint == 'sm' { + @media (min-width: 640px) { + @content; + } + } @else if $breakpoint == 'md' { + @media (min-width: 768px) { + @content; + } + } @else if $breakpoint == 'lg' { + @media (min-width: 1024px) { + @content; + } + } @else if $breakpoint == 'xl' { + @media (min-width: 1280px) { + @content; + } + } @else if $breakpoint == '2xl' { + @media (min-width: 1440px) { + @content; + } + } @else { + @warn "Unknown breakpoint: #{$breakpoint}."; + } +} diff --git a/lib/styles/quill.css b/lib/styles/quill.css new file mode 100644 index 0000000..d743664 --- /dev/null +++ b/lib/styles/quill.css @@ -0,0 +1,9637 @@ +:root { + --core-borderRadius-50: 0px; + --core-borderRadius-100: 2px; + --core-borderRadius-200: 4px; + --core-borderRadius-300: 6px; + --core-borderRadius-400: 8px; + --core-borderRadius-500: 10px; + --core-borderRadius-600: 12px; + --core-borderRadius-700: 14px; + --core-borderRadius-800: 16px; + --core-borderRadius-900: 18px; + --core-borderRadius-1000: 20px; + --core-borderRadius-1100: 22px; + --core-borderRadius-1200: 24px; + --core-borderRadius-1300: 26px; + --core-borderRadius-1400: 28px; + --core-borderRadius-1500: 30px; + --core-borderRadius-1600: 32px; + --core-borderRadius-1700: 34px; + --core-borderRadius-1800: 36px; + --core-borderRadius-1900: 38px; + --core-borderRadius-2000: 40px; + --core-borderRadius-2100: 42px; + --core-borderRadius-2200: 44px; + --core-borderRadius-2300: 46px; + --core-borderRadius-2400: 48px; + --core-borderRadius-2500: 50px; + --core-borderRadius-2600: 52px; + --core-borderRadius-2700: 54px; + --core-borderRadius-2800: 56px; + --core-borderRadius-2900: 58px; + --core-borderRadius-3000: 60px; + --core-borderRadius-3100: 62px; + --core-borderRadius-3200: 64px; + --core-borderRadius-3300: 66px; + --core-borderRadius-3400: 68px; + --core-borderRadius-3500: 70px; + --core-borderRadius-3600: 72px; + --core-borderRadius-3700: 74px; + --core-borderRadius-3800: 76px; + --core-borderRadius-3900: 78px; + --core-borderRadius-4000: 80px; + --core-borderRadius-4100: 82px; + --core-borderRadius-4200: 84px; + --core-borderRadius-4300: 86px; + --core-borderRadius-4400: 88px; + --core-borderRadius-4500: 90px; + --core-borderRadius-4600: 92px; + --core-borderRadius-4700: 94px; + --core-borderRadius-4800: 96px; + --core-borderRadius-4900: 98px; + --core-borderRadius-5000: 100px; + --core-borderWidth-50: 0px; + --core-borderWidth-75: 1px; + --core-borderWidth-100: 2px; + --core-borderWidth-200: 4px; + --core-borderWidth-300: 8px; + --core-color-solid-red-100: #ffe6e6; + --core-color-solid-red-200: #ffbfbf; + --core-color-solid-red-300: #ff9999; + --core-color-solid-red-400: #ff7373; + --core-color-solid-red-500: #ff4d4d; + --core-color-solid-red-600: #f92e26; + --core-color-solid-red-700: #e6190e; + --core-color-solid-red-800: #db0800; + --core-color-solid-red-900: #c40000; + --core-color-solid-red-1000: #a60000; + --core-color-solid-red-1100: #880000; + --core-color-solid-red-1200: #6a0000; + --core-color-solid-red-1300: #4d0000; + --core-color-solid-orange-100: #feefe7; + --core-color-solid-orange-200: #fdd7c2; + --core-color-solid-orange-300: #fbbf9d; + --core-color-solid-orange-400: #faa778; + --core-color-solid-orange-500: #f88f54; + --core-color-solid-orange-600: #f7772f; + --core-color-solid-orange-700: #f55f0a; + --core-color-solid-orange-800: #d85409; + --core-color-solid-orange-900: #bc4908; + --core-color-solid-orange-1000: #9f3e07; + --core-color-solid-orange-1100: #833305; + --core-color-solid-orange-1200: #662804; + --core-color-solid-orange-1300: #4a1d03; + --core-color-solid-yellow-100: #fff7e6; + --core-color-solid-yellow-200: #ffeabf; + --core-color-solid-yellow-300: #ffdd99; + --core-color-solid-yellow-400: #ffce73; + --core-color-solid-yellow-500: #ffbe4d; + --core-color-solid-yellow-600: #ffae26; + --core-color-solid-yellow-700: #ff9c13; + --core-color-solid-yellow-800: #e18d00; + --core-color-solid-yellow-900: #c47d00; + --core-color-solid-yellow-1000: #a66c00; + --core-color-solid-yellow-1100: #885a00; + --core-color-solid-yellow-1200: #6a4800; + --core-color-solid-yellow-1300: #4d3500; + --core-color-solid-mustard-100: #fef9e7; + --core-color-solid-mustard-200: #fdf1c2; + --core-color-solid-mustard-300: #fce89d; + --core-color-solid-mustard-400: #fbe079; + --core-color-solid-mustard-500: #f9d754; + --core-color-solid-mustard-600: #f8cf30; + --core-color-solid-mustard-700: #f7c60b; + --core-color-solid-mustard-800: #daaf0a; + --core-color-solid-mustard-900: #bd9808; + --core-color-solid-mustard-1000: #a18107; + --core-color-solid-mustard-1100: #846a06; + --core-color-solid-mustard-1200: #675305; + --core-color-solid-mustard-1300: #4a3b03; + --core-color-solid-olive-100: #fcfbe6; + --core-color-solid-olive-200: #f7f6c0; + --core-color-solid-olive-300: #f3f09a; + --core-color-solid-olive-400: #eeeb74; + --core-color-solid-olive-500: #e9e54e; + --core-color-solid-olive-600: #e5e028; + --core-color-solid-olive-700: #e0da02; + --core-color-solid-olive-800: #c6c102; + --core-color-solid-olive-900: #aca702; + --core-color-solid-olive-1000: #928e01; + --core-color-solid-olive-1100: #787401; + --core-color-solid-olive-1200: #5d5b01; + --core-color-solid-olive-1300: #434101; + --core-color-solid-green-100: #e6fae9; + --core-color-solid-green-200: #bfefc8; + --core-color-solid-green-300: #99e2a8; + --core-color-solid-green-400: #73d089; + --core-color-solid-green-500: #4dbc6b; + --core-color-solid-green-600: #26a44e; + --core-color-solid-green-700: #008832; + --core-color-solid-green-800: #00822a; + --core-color-solid-green-900: #007a22; + --core-color-solid-green-1000: #006f1b; + --core-color-solid-green-1100: #006114; + --core-color-solid-green-1200: #00500f; + --core-color-solid-green-1300: #003d0a; + --core-color-solid-emerald-100: #e6fff9; + --core-color-solid-emerald-200: #bfffed; + --core-color-solid-emerald-300: #99ffdf; + --core-color-solid-emerald-400: #73f9cf; + --core-color-solid-emerald-500: #4decbc; + --core-color-solid-emerald-600: #26daa7; + --core-color-solid-emerald-700: #00c390; + --core-color-solid-emerald-800: #00bb86; + --core-color-solid-emerald-900: #00ae7a; + --core-color-solid-emerald-1000: #009e6d; + --core-color-solid-emerald-1100: #00885d; + --core-color-solid-emerald-1200: #006a4c; + --core-color-solid-emerald-1300: #004d39; + --core-color-solid-tiffany-100: #e8fdf8; + --core-color-solid-tiffany-200: #c5faef; + --core-color-solid-tiffany-300: #a2f7e5; + --core-color-solid-tiffany-400: #7ff3db; + --core-color-solid-tiffany-500: #5df0d1; + --core-color-solid-tiffany-600: #3aedc7; + --core-color-solid-tiffany-700: #17eabd; + --core-color-solid-tiffany-800: #14cfa7; + --core-color-solid-tiffany-900: #12b391; + --core-color-solid-tiffany-1000: #0f987b; + --core-color-solid-tiffany-1100: #0c7d65; + --core-color-solid-tiffany-1200: #0a624f; + --core-color-solid-tiffany-1300: #074639; + --core-color-solid-teal-100: #e6fafa; + --core-color-solid-teal-200: #bff2f2; + --core-color-solid-teal-300: #99ebeb; + --core-color-solid-teal-400: #73e3e3; + --core-color-solid-teal-500: #4ddbdb; + --core-color-solid-teal-600: #26d4d4; + --core-color-solid-teal-700: #00cccc; + --core-color-solid-teal-800: #00b4b4; + --core-color-solid-teal-900: #009c9c; + --core-color-solid-teal-1000: #008585; + --core-color-solid-teal-1100: #006d6d; + --core-color-solid-teal-1200: #005555; + --core-color-solid-teal-1300: #003d3d; + --core-color-solid-seawater-100: #e7f6f7; + --core-color-solid-seawater-200: #c2e7eb; + --core-color-solid-seawater-300: #9dd9df; + --core-color-solid-seawater-400: #78cbd4; + --core-color-solid-seawater-500: #54bdc8; + --core-color-solid-seawater-600: #2faebc; + --core-color-solid-seawater-700: #0aa0b0; + --core-color-solid-seawater-800: #098d9c; + --core-color-solid-seawater-900: #087b87; + --core-color-solid-seawater-1000: #076872; + --core-color-solid-seawater-1100: #05555e; + --core-color-solid-seawater-1200: #044349; + --core-color-solid-seawater-1300: #033035; + --core-color-solid-blue-100: #e6f5ff; + --core-color-solid-blue-200: #bfe7ff; + --core-color-solid-blue-300: #99d8ff; + --core-color-solid-blue-400: #73c9ff; + --core-color-solid-blue-500: #53b9ff; + --core-color-solid-blue-600: #3daaff; + --core-color-solid-blue-700: #2c9aff; + --core-color-solid-blue-800: #1789e1; + --core-color-solid-blue-900: #0777c4; + --core-color-solid-blue-1000: #0066a6; + --core-color-solid-blue-1100: #005488; + --core-color-solid-blue-1200: #00426a; + --core-color-solid-blue-1300: #00304d; + --core-color-solid-sapphire-100: #e7eafe; + --core-color-solid-sapphire-200: #c2c9fd; + --core-color-solid-sapphire-300: #9ea9fc; + --core-color-solid-sapphire-400: #7989fb; + --core-color-solid-sapphire-500: #5569f9; + --core-color-solid-sapphire-600: #3148f8; + --core-color-solid-sapphire-700: #0c28f7; + --core-color-solid-sapphire-800: #0b23da; + --core-color-solid-sapphire-900: #091fbd; + --core-color-solid-sapphire-1000: #081aa1; + --core-color-solid-sapphire-1100: #061584; + --core-color-solid-sapphire-1200: #051167; + --core-color-solid-sapphire-1300: #040c4a; + --core-color-solid-blueberry-100: #ede6fc; + --core-color-solid-blueberry-200: #d2c0f7; + --core-color-solid-blueberry-300: #b69af3; + --core-color-solid-blueberry-400: #9b74ee; + --core-color-solid-blueberry-500: #804ee9; + --core-color-solid-blueberry-600: #6428e5; + --core-color-solid-blueberry-700: #4902e0; + --core-color-solid-blueberry-800: #4102c6; + --core-color-solid-blueberry-900: #3802ac; + --core-color-solid-blueberry-1000: #2f0192; + --core-color-solid-blueberry-1100: #270178; + --core-color-solid-blueberry-1200: #1e015d; + --core-color-solid-blueberry-1300: #160143; + --core-color-solid-grape-100: #f2e7fa; + --core-color-solid-grape-200: #dfc3f3; + --core-color-solid-grape-300: #cc9eec; + --core-color-solid-grape-400: #b97ae5; + --core-color-solid-grape-500: #a556dd; + --core-color-solid-grape-600: #9231d6; + --core-color-solid-grape-700: #7f0dcf; + --core-color-solid-grape-800: #700cb7; + --core-color-solid-grape-900: #610a9f; + --core-color-solid-grape-1000: #530987; + --core-color-solid-grape-1100: #44076e; + --core-color-solid-grape-1200: #350556; + --core-color-solid-grape-1300: #26043e; + --core-color-solid-magenta-100: #fae7fe; + --core-color-solid-magenta-200: #f2c3fd; + --core-color-solid-magenta-300: #ea9efc; + --core-color-solid-magenta-400: #e27afb; + --core-color-solid-magenta-500: #db56f9; + --core-color-solid-magenta-600: #d331f8; + --core-color-solid-magenta-700: #cb0df7; + --core-color-solid-magenta-800: #b30cda; + --core-color-solid-magenta-900: #9c0abd; + --core-color-solid-magenta-1000: #8409a1; + --core-color-solid-magenta-1100: #6c0784; + --core-color-solid-magenta-1200: #550567; + --core-color-solid-magenta-1300: #3d044a; + --core-color-solid-cherry-100: #ffe6e7; + --core-color-solid-cherry-200: #ffbfc6; + --core-color-solid-cherry-300: #ff99a6; + --core-color-solid-cherry-400: #ff7389; + --core-color-solid-cherry-500: #ff4d6e; + --core-color-solid-cherry-600: #f32656; + --core-color-solid-cherry-700: #de0040; + --core-color-solid-cherry-800: #d40032; + --core-color-solid-cherry-900: #c40025; + --core-color-solid-cherry-1000: #a6001a; + --core-color-solid-cherry-1100: #880011; + --core-color-solid-cherry-1200: #6a000a; + --core-color-solid-cherry-1300: #4d0005; + --core-color-solid-coral-100: #ffe6e6; + --core-color-solid-coral-200: #ffbfc2; + --core-color-solid-coral-300: #ff9ba3; + --core-color-solid-coral-400: #ff7e88; + --core-color-solid-coral-500: #ff6671; + --core-color-solid-coral-600: #ff535e; + --core-color-solid-coral-700: #ff444f; + --core-color-solid-coral-800: #e12e3a; + --core-color-solid-coral-900: #c41c28; + --core-color-solid-coral-1000: #a60e19; + --core-color-solid-coral-1100: #88030d; + --core-color-solid-coral-1200: #6a0004; + --core-color-solid-coral-1300: #4d0000; + --core-color-solid-slate-50: #ffffff; + --core-color-solid-slate-75: #f6f7f8; + --core-color-solid-slate-100: #ebecef; + --core-color-solid-slate-200: #ced0d6; + --core-color-solid-slate-300: #b1b4bc; + --core-color-solid-slate-400: #9498a2; + --core-color-solid-slate-500: #787d88; + --core-color-solid-slate-600: #5c616d; + --core-color-solid-slate-700: #414652; + --core-color-solid-slate-800: #383d4a; + --core-color-solid-slate-900: #303541; + --core-color-solid-slate-1000: #282c38; + --core-color-solid-slate-1100: #20242f; + --core-color-solid-slate-1200: #181c25; + --core-color-solid-slate-1300: #11141b; + --core-color-solid-slate-1400: #000000; + --core-color-opacity-white-75: rgba(255, 255, 255, 0.04); + --core-color-opacity-white-100: rgba(255, 255, 255, 0.08); + --core-color-opacity-white-200: rgba(255, 255, 255, 0.16); + --core-color-opacity-white-300: rgba(255, 255, 255, 0.24); + --core-color-opacity-white-400: rgba(255, 255, 255, 0.48); + --core-color-opacity-white-500: rgba(255, 255, 255, 0.56); + --core-color-opacity-white-600: rgba(255, 255, 255, 0.72); + --core-color-opacity-white-700: rgba(255, 255, 255, 0.8); + --core-color-opacity-white-800: rgba(255, 255, 255, 0.88); + --core-color-opacity-black-75: rgba(0, 0, 0, 0.04); + --core-color-opacity-black-100: rgba(0, 0, 0, 0.08); + --core-color-opacity-black-200: rgba(0, 0, 0, 0.16); + --core-color-opacity-black-300: rgba(0, 0, 0, 0.24); + --core-color-opacity-black-400: rgba(0, 0, 0, 0.48); + --core-color-opacity-black-500: rgba(0, 0, 0, 0.56); + --core-color-opacity-black-600: rgba(0, 0, 0, 0.72); + --core-color-opacity-black-700: rgba(0, 0, 0, 0.8); + --core-color-opacity-black-800: rgba(0, 0, 0, 0.88); + --core-color-opacity-red-75: rgba(230, 25, 14, 0.04); + --core-color-opacity-red-100: rgba(230, 25, 14, 0.08); + --core-color-opacity-red-200: rgba(230, 25, 14, 0.16); + --core-color-opacity-red-300: rgba(230, 25, 14, 0.24); + --core-color-opacity-red-400: rgba(230, 25, 14, 0.48); + --core-color-opacity-red-500: rgba(230, 25, 14, 0.56); + --core-color-opacity-red-600: rgba(230, 25, 14, 0.72); + --core-color-opacity-red-700: rgba(230, 25, 14, 0.8); + --core-color-opacity-red-800: rgba(230, 25, 14, 0.88); + --core-color-opacity-orange-75: rgba(245, 95, 10, 0.04); + --core-color-opacity-orange-100: rgba(245, 95, 10, 0.08); + --core-color-opacity-orange-200: rgba(245, 95, 10, 0.16); + --core-color-opacity-orange-300: rgba(245, 95, 10, 0.24); + --core-color-opacity-orange-400: rgba(245, 95, 10, 0.48); + --core-color-opacity-orange-500: rgba(245, 95, 10, 0.56); + --core-color-opacity-orange-600: rgba(245, 95, 10, 0.72); + --core-color-opacity-orange-700: rgba(245, 95, 10, 0.8); + --core-color-opacity-orange-800: rgba(245, 95, 10, 0.88); + --core-color-opacity-yellow-75: rgba(255, 156, 19, 0.04); + --core-color-opacity-yellow-100: rgba(255, 156, 19, 0.08); + --core-color-opacity-yellow-200: rgba(255, 156, 19, 0.16); + --core-color-opacity-yellow-300: rgba(255, 156, 19, 0.24); + --core-color-opacity-yellow-400: rgba(255, 156, 19, 0.48); + --core-color-opacity-yellow-500: rgba(255, 156, 19, 0.56); + --core-color-opacity-yellow-600: rgba(255, 156, 19, 0.72); + --core-color-opacity-yellow-700: rgba(255, 156, 19, 0.8); + --core-color-opacity-yellow-800: rgba(255, 156, 19, 0.88); + --core-color-opacity-mustard-75: rgba(247, 198, 11, 0.04); + --core-color-opacity-mustard-100: rgba(247, 198, 11, 0.08); + --core-color-opacity-mustard-200: rgba(247, 198, 11, 0.16); + --core-color-opacity-mustard-300: rgba(247, 198, 11, 0.24); + --core-color-opacity-mustard-400: rgba(247, 198, 11, 0.48); + --core-color-opacity-mustard-500: rgba(247, 198, 11, 0.56); + --core-color-opacity-mustard-600: rgba(247, 198, 11, 0.72); + --core-color-opacity-mustard-700: rgba(247, 198, 11, 0.8); + --core-color-opacity-mustard-800: rgba(247, 198, 11, 0.88); + --core-color-opacity-olive-75: rgba(224, 218, 2, 0.04); + --core-color-opacity-olive-100: rgba(224, 218, 2, 0.08); + --core-color-opacity-olive-200: rgba(224, 218, 2, 0.16); + --core-color-opacity-olive-300: rgba(224, 218, 2, 0.24); + --core-color-opacity-olive-400: rgba(224, 218, 2, 0.48); + --core-color-opacity-olive-500: rgba(224, 218, 2, 0.56); + --core-color-opacity-olive-600: rgba(224, 218, 2, 0.72); + --core-color-opacity-olive-700: rgba(224, 218, 2, 0.8); + --core-color-opacity-olive-800: rgba(224, 218, 2, 0.88); + --core-color-opacity-green-75: rgba(0, 136, 50, 0.04); + --core-color-opacity-green-100: rgba(0, 136, 50, 0.08); + --core-color-opacity-green-200: rgba(0, 136, 50, 0.16); + --core-color-opacity-green-300: rgba(0, 136, 50, 0.24); + --core-color-opacity-green-400: rgba(0, 136, 50, 0.48); + --core-color-opacity-green-500: rgba(0, 136, 50, 0.56); + --core-color-opacity-green-600: rgba(0, 136, 50, 0.72); + --core-color-opacity-green-700: rgba(0, 136, 50, 0.8); + --core-color-opacity-green-800: rgba(0, 136, 50, 0.88); + --core-color-opacity-emerald-75: rgba(0, 195, 144, 0.04); + --core-color-opacity-emerald-100: rgba(0, 195, 144, 0.08); + --core-color-opacity-emerald-200: rgba(0, 195, 144, 0.16); + --core-color-opacity-emerald-300: rgba(0, 195, 144, 0.24); + --core-color-opacity-emerald-400: rgba(0, 195, 144, 0.48); + --core-color-opacity-emerald-500: rgba(0, 195, 144, 0.56); + --core-color-opacity-emerald-600: rgba(0, 195, 144, 0.72); + --core-color-opacity-emerald-700: rgba(0, 195, 144, 0.8); + --core-color-opacity-emerald-800: rgba(0, 195, 144, 0.88); + --core-color-opacity-tiffany-75: rgba(23, 234, 189, 0.04); + --core-color-opacity-tiffany-100: rgba(23, 234, 189, 0.08); + --core-color-opacity-tiffany-200: rgba(23, 234, 189, 0.16); + --core-color-opacity-tiffany-300: rgba(23, 234, 189, 0.24); + --core-color-opacity-tiffany-400: rgba(23, 234, 189, 0.48); + --core-color-opacity-tiffany-500: rgba(23, 234, 189, 0.56); + --core-color-opacity-tiffany-600: rgba(23, 234, 189, 0.72); + --core-color-opacity-tiffany-700: rgba(23, 234, 189, 0.8); + --core-color-opacity-tiffany-800: rgba(23, 234, 189, 0.88); + --core-color-opacity-teal-75: rgba(0, 204, 204, 0.04); + --core-color-opacity-teal-100: rgba(0, 204, 204, 0.08); + --core-color-opacity-teal-200: rgba(0, 204, 204, 0.16); + --core-color-opacity-teal-300: rgba(0, 204, 204, 0.24); + --core-color-opacity-teal-400: rgba(0, 204, 204, 0.48); + --core-color-opacity-teal-500: rgba(0, 204, 204, 0.56); + --core-color-opacity-teal-600: rgba(0, 204, 204, 0.72); + --core-color-opacity-teal-700: rgba(0, 204, 204, 0.8); + --core-color-opacity-teal-800: rgba(0, 204, 204, 0.88); + --core-color-opacity-seawater-75: rgba(10, 160, 176, 0.04); + --core-color-opacity-seawater-100: rgba(10, 160, 176, 0.08); + --core-color-opacity-seawater-200: rgba(10, 160, 176, 0.16); + --core-color-opacity-seawater-300: rgba(10, 160, 176, 0.24); + --core-color-opacity-seawater-400: rgba(10, 160, 176, 0.48); + --core-color-opacity-seawater-500: rgba(10, 160, 176, 0.56); + --core-color-opacity-seawater-600: rgba(10, 160, 176, 0.72); + --core-color-opacity-seawater-700: rgba(10, 160, 176, 0.8); + --core-color-opacity-seawater-800: rgba(10, 160, 176, 0.88); + --core-color-opacity-blue-75: rgba(44, 154, 255, 0.04); + --core-color-opacity-blue-100: rgba(44, 154, 255, 0.08); + --core-color-opacity-blue-200: rgba(44, 154, 255, 0.16); + --core-color-opacity-blue-300: rgba(44, 154, 255, 0.24); + --core-color-opacity-blue-400: rgba(44, 154, 255, 0.48); + --core-color-opacity-blue-500: rgba(44, 154, 255, 0.56); + --core-color-opacity-blue-600: rgba(44, 154, 255, 0.72); + --core-color-opacity-blue-700: rgba(44, 154, 255, 0.8); + --core-color-opacity-blue-800: rgba(44, 154, 255, 0.88); + --core-color-opacity-sapphire-75: rgba(12, 40, 247, 0.04); + --core-color-opacity-sapphire-100: rgba(12, 40, 247, 0.08); + --core-color-opacity-sapphire-200: rgba(12, 40, 247, 0.16); + --core-color-opacity-sapphire-300: rgba(12, 40, 247, 0.24); + --core-color-opacity-sapphire-400: rgba(12, 40, 247, 0.48); + --core-color-opacity-sapphire-500: rgba(12, 40, 247, 0.56); + --core-color-opacity-sapphire-600: rgba(12, 40, 247, 0.72); + --core-color-opacity-sapphire-700: rgba(12, 40, 247, 0.8); + --core-color-opacity-sapphire-800: rgba(12, 40, 247, 0.88); + --core-color-opacity-blueberry-75: rgba(73, 2, 224, 0.04); + --core-color-opacity-blueberry-100: rgba(73, 2, 224, 0.08); + --core-color-opacity-blueberry-200: rgba(73, 2, 224, 0.16); + --core-color-opacity-blueberry-300: rgba(73, 2, 224, 0.24); + --core-color-opacity-blueberry-400: rgba(73, 2, 224, 0.48); + --core-color-opacity-blueberry-500: rgba(73, 2, 224, 0.56); + --core-color-opacity-blueberry-600: rgba(73, 2, 224, 0.72); + --core-color-opacity-blueberry-700: rgba(73, 2, 224, 0.8); + --core-color-opacity-blueberry-800: rgba(73, 2, 224, 0.88); + --core-color-opacity-grape-75: rgba(127, 13, 207, 0.04); + --core-color-opacity-grape-100: rgba(127, 13, 207, 0.08); + --core-color-opacity-grape-200: rgba(127, 13, 207, 0.16); + --core-color-opacity-grape-300: rgba(127, 13, 207, 0.24); + --core-color-opacity-grape-400: rgba(127, 13, 207, 0.48); + --core-color-opacity-grape-500: rgba(127, 13, 207, 0.56); + --core-color-opacity-grape-600: rgba(127, 13, 207, 0.72); + --core-color-opacity-grape-700: rgba(127, 13, 207, 0.8); + --core-color-opacity-grape-800: rgba(127, 13, 207, 0.88); + --core-color-opacity-magenta-75: rgba(203, 13, 247, 0.04); + --core-color-opacity-magenta-100: rgba(203, 13, 247, 0.08); + --core-color-opacity-magenta-200: rgba(203, 13, 247, 0.16); + --core-color-opacity-magenta-300: rgba(203, 13, 247, 0.24); + --core-color-opacity-magenta-400: rgba(203, 13, 247, 0.48); + --core-color-opacity-magenta-500: rgba(203, 13, 247, 0.56); + --core-color-opacity-magenta-600: rgba(203, 13, 247, 0.72); + --core-color-opacity-magenta-700: rgba(203, 13, 247, 0.8); + --core-color-opacity-magenta-800: rgba(203, 13, 247, 0.88); + --core-color-opacity-cherry-75: rgba(222, 0, 64, 0.04); + --core-color-opacity-cherry-100: rgba(222, 0, 64, 0.08); + --core-color-opacity-cherry-200: rgba(222, 0, 64, 0.16); + --core-color-opacity-cherry-300: rgba(222, 0, 64, 0.24); + --core-color-opacity-cherry-400: rgba(222, 0, 64, 0.48); + --core-color-opacity-cherry-500: rgba(222, 0, 64, 0.56); + --core-color-opacity-cherry-600: rgba(222, 0, 64, 0.72); + --core-color-opacity-cherry-700: rgba(222, 0, 64, 0.8); + --core-color-opacity-cherry-800: rgba(222, 0, 64, 0.88); + --core-color-opacity-coral-75: rgba(255, 68, 79, 0.04); + --core-color-opacity-coral-100: rgba(255, 68, 79, 0.08); + --core-color-opacity-coral-200: rgba(255, 68, 79, 0.16); + --core-color-opacity-coral-300: rgba(255, 68, 79, 0.24); + --core-color-opacity-coral-400: rgba(255, 68, 79, 0.48); + --core-color-opacity-coral-500: rgba(255, 68, 79, 0.56); + --core-color-opacity-coral-600: rgba(255, 68, 79, 0.72); + --core-color-opacity-coral-700: rgba(255, 68, 79, 0.8); + --core-color-opacity-coral-800: rgba(255, 68, 79, 0.88); + --core-color-opacity-slate-75: rgba(65, 70, 82, 0.04); + --core-color-opacity-slate-100: rgba(65, 70, 82, 0.08); + --core-color-opacity-slate-200: rgba(65, 70, 82, 0.16); + --core-color-opacity-slate-300: rgba(65, 70, 82, 0.24); + --core-color-opacity-slate-400: rgba(65, 70, 82, 0.48); + --core-color-opacity-slate-500: rgba(65, 70, 82, 0.56); + --core-color-opacity-slate-600: rgba(65, 70, 82, 0.72); + --core-color-opacity-slate-700: rgba(65, 70, 82, 0.8); + --core-color-opacity-slate-800: rgba(65, 70, 82, 0.88); + --core-color-opacity-overflow-100: rgba(255, 255, 255, 0); + --core-color-opacity-overflow-200: rgba(246, 247, 248, 0); + --core-color-opacity-overflow-300: rgba(var(--core-color-solid-slate-1200), var(--core-opacity-50)); + --core-color-opacity-overflow-400: rgba(var(--core-color-solid-slate-1300), var(--core-opacity-50)); + --core-color-gradient-slate-110: linear-gradient( + 1.93deg, + var(--core-color-opacity-overflow-100) 1.56%, + var(--core-color-solid-slate-50) 49.91% + ); + --core-color-gradient-slate-120: linear-gradient( + 88.07deg, + var(--core-color-opacity-overflow-100) 1.63%, + var(--core-color-solid-slate-50) 50.02% + ); + --core-color-gradient-slate-130: linear-gradient( + 181.93deg, + var(--core-color-opacity-overflow-100) 1.63%, + var(--core-color-solid-slate-50) 50.01% + ); + --core-color-gradient-slate-140: linear-gradient( + 271.93deg, + var(--core-color-opacity-overflow-100) 1.63%, + var(--core-color-solid-slate-50) 49.98% + ); + --core-color-gradient-slate-210: linear-gradient( + 1.93deg, + var(--core-color-opacity-overflow-200) 1.56%, + var(--core-color-solid-slate-75) 49.91% + ); + --core-color-gradient-slate-220: linear-gradient( + 88.07deg, + var(--core-color-opacity-overflow-200) 1.63%, + var(--core-color-solid-slate-75) 50.02% + ); + --core-color-gradient-slate-230: linear-gradient( + 181.93deg, + var(--core-color-opacity-overflow-200) 1.63%, + var(--core-color-solid-slate-75) 50.01% + ); + --core-color-gradient-slate-240: linear-gradient( + 271.93deg, + var(--core-color-opacity-overflow-200) 1.63%, + var(--core-color-solid-slate-75) 49.98% + ); + --core-color-gradient-slate-310: linear-gradient( + 1.93deg, + var(--core-color-opacity-overflow-400) 1.56%, + var(--core-color-solid-slate-1300) 49.91% + ); + --core-color-gradient-slate-320: linear-gradient( + 88.07deg, + var(--core-color-opacity-overflow-400) 1.63%, + var(--core-color-solid-slate-1300) 50.02% + ); + --core-color-gradient-slate-330: linear-gradient( + 181.93deg, + var(--core-color-opacity-overflow-400) 1.63%, + var(--core-color-solid-slate-1300) 50.01% + ); + --core-color-gradient-slate-340: linear-gradient( + 271.93deg, + var(--core-color-opacity-overflow-400) 1.63%, + var(--core-color-solid-slate-1300) 49.98% + ); + --core-color-gradient-slate-410: linear-gradient( + 1.93deg, + var(--core-color-opacity-overflow-300) 1.56%, + var(--core-color-solid-slate-1200) 49.91% + ); + --core-color-gradient-slate-420: linear-gradient( + 88.07deg, + var(--core-color-opacity-overflow-300) 1.63%, + var(--core-color-solid-slate-1200) 50.02% + ); + --core-color-gradient-slate-430: linear-gradient( + 181.93deg, + var(--core-color-opacity-overflow-300) 1.63%, + var(--core-color-solid-slate-1200) 50.01% + ); + --core-color-gradient-slate-440: linear-gradient( + 271.93deg, + var(--core-color-opacity-overflow-300) 1.63%, + var(--core-color-solid-slate-1200) 49.98% + ); + --core-elevation-shadow-50: 0px 0px 0px 0px; + --core-elevation-shadow-110: 0px -1px 2px 0px rgba(0, 0, 0, 6%), 0px -1px 2px 0px rgba(0, 0, 0, 3%); + --core-elevation-shadow-120: 1px 0px 2px 0px rgba(0, 0, 0, 6%), 1px 0px 2px 0px rgba(0, 0, 0, 3%); + --core-elevation-shadow-130: 0px 1px 2px 0px rgba(0, 0, 0, 6%), 0px 1px 2px 0px rgba(0, 0, 0, 3%); + --core-elevation-shadow-140: -1px 0px 2px 0px rgba(0, 0, 0, 6%), -1px 0px 2px 0px rgba(0, 0, 0, 3%); + --core-elevation-shadow-210: 0px -1px 4px 0px rgba(0, 0, 0, 8%), 0px -1px 4px 0px rgba(0, 0, 0, 4%); + --core-elevation-shadow-220: 1px 0px 4px 0px rgba(0, 0, 0, 8%), 1px 0px 4px 0px rgba(0, 0, 0, 4%); + --core-elevation-shadow-230: 0px 1px 4px 0px rgba(0, 0, 0, 8%), 0px 1px 4px 0px rgba(0, 0, 0, 4%); + --core-elevation-shadow-240: -1px 0px 4px 0px rgba(0, 0, 0, 8%), -1px 0px 4px 0px rgba(0, 0, 0, 4%); + --core-elevation-shadow-310: 0px -4px 8px 2px rgba(0, 0, 0, 3%), 0px -4px 8px 2px rgba(0, 0, 0, 2%); + --core-elevation-shadow-320: 4px 0px 8px 2px rgba(0, 0, 0, 3%), 4px 0px 8px 2px rgba(0, 0, 0, 2%); + --core-elevation-shadow-330: 0px 4px 8px 2px rgba(0, 0, 0, 3%), 0px 4px 8px 2px rgba(0, 0, 0, 2%); + --core-elevation-shadow-340: -4px 0px 8px 2px rgba(0, 0, 0, 3%), -4px 0px 8px 2px rgba(0, 0, 0, 2%); + --core-elevation-shadow-410: 0px -8px 16px 2px rgba(0, 0, 0, 4%), 0px -8px 16px 2px rgba(0, 0, 0, 2%); + --core-elevation-shadow-420: 8px 0px 16px 2px rgba(0, 0, 0, 4%), 8px 0px 16px 2px rgba(0, 0, 0, 2%); + --core-elevation-shadow-430: 0px 8px 16px 2px rgba(0, 0, 0, 4%), 0px 8px 16px 2px rgba(0, 0, 0, 2%); + --core-elevation-shadow-440: -8px 0px 16px 2px rgba(0, 0, 0, 4%), -8px 0px 16px 2px rgba(0, 0, 0, 2%); + --core-elevation-shadow-510: 0px -16px 24px 4px rgba(0, 0, 0, 4%), 0px -16px 24px 4px rgba(0, 0, 0, 2%); + --core-elevation-shadow-520: 16px 0px 24px 4px rgba(0, 0, 0, 4%), 16px 0px 24px 4px rgba(0, 0, 0, 2%); + --core-elevation-shadow-530: 0px 16px 24px 4px rgba(0, 0, 0, 4%), 0px 16px 24px 4px rgba(0, 0, 0, 2%); + --core-elevation-shadow-540: -16px 0px 24px 4px rgba(0, 0, 0, 4%), -16px 0px 24px 4px rgba(0, 0, 0, 2%); + --core-elevation-shadow-610: 0px -24px 48px 8px rgba(0, 0, 0, 6%), 0px -24px 48px 8px rgba(0, 0, 0, 3%); + --core-elevation-shadow-620: 24px 0px 48px 8px rgba(0, 0, 0, 6%), 24px 0px 48px 8px rgba(0, 0, 0, 3%); + --core-elevation-shadow-630: 0px 24px 48px 8px rgba(0, 0, 0, 6%), 0px 24px 48px 8px rgba(0, 0, 0, 3%); + --core-elevation-shadow-640: -24px 0px 48px 8px rgba(0, 0, 0, 6%), -24px 0px 48px 8px rgba(0, 0, 0, 3%); + --core-elevation-shadow-710: 0px -32px 64px 12px rgba(0, 0, 0, 8%), 0px -32px 64px 12px rgba(0, 0, 0, 4%); + --core-elevation-shadow-720: 32px 0px 64px 12px rgba(0, 0, 0, 8%), 32px 0px 64px 12px rgba(0, 0, 0, 4%); + --core-elevation-shadow-730: 0px 32px 64px 12px rgba(0, 0, 0, 8%), 0px 32px 64px 12px rgba(0, 0, 0, 4%); + --core-elevation-shadow-740: -32px 0px 64px 12px rgba(0, 0, 0, 8%), -32px 0px 64px 12px rgba(0, 0, 0, 4%); + --core-opacity-50: 0; + --core-opacity-75: 0.04; + --core-opacity-100: 0.08; + --core-opacity-200: 0.16; + --core-opacity-300: 0.24; + --core-opacity-400: 0.32; + --core-opacity-500: 0.4; + --core-opacity-600: 0.48; + --core-opacity-700: 0.56; + --core-opacity-800: 0.64; + --core-opacity-900: 0.72; + --core-opacity-1000: 0.8; + --core-opacity-1100: 0.88; + --core-opacity-1200: 0.96; + --core-opacity-1300: 1; + --core-spacing-50: 0px; + --core-spacing-75: 1px; + --core-spacing-100: 2px; + --core-spacing-200: 4px; + --core-spacing-300: 6px; + --core-spacing-400: 8px; + --core-spacing-500: 10px; + --core-spacing-600: 12px; + --core-spacing-700: 14px; + --core-spacing-800: 16px; + --core-spacing-900: 18px; + --core-spacing-1000: 20px; + --core-spacing-1100: 22px; + --core-spacing-1200: 24px; + --core-spacing-1300: 26px; + --core-spacing-1400: 28px; + --core-spacing-1500: 30px; + --core-spacing-1600: 32px; + --core-spacing-1700: 34px; + --core-spacing-1800: 36px; + --core-spacing-1900: 38px; + --core-spacing-2000: 40px; + --core-spacing-2100: 42px; + --core-spacing-2200: 44px; + --core-spacing-2300: 46px; + --core-spacing-2400: 48px; + --core-spacing-2500: 50px; + --core-spacing-2600: 52px; + --core-spacing-2700: 54px; + --core-spacing-2800: 56px; + --core-spacing-2900: 58px; + --core-spacing-3000: 60px; + --core-spacing-3100: 62px; + --core-spacing-3200: 64px; + --core-spacing-3300: 66px; + --core-spacing-3400: 68px; + --core-spacing-3500: 70px; + --core-spacing-3600: 72px; + --core-spacing-3700: 74px; + --core-spacing-3800: 76px; + --core-spacing-3900: 78px; + --core-spacing-4000: 80px; + --core-spacing-4100: 82px; + --core-spacing-4200: 84px; + --core-spacing-4300: 86px; + --core-spacing-4400: 88px; + --core-spacing-4500: 90px; + --core-spacing-4600: 92px; + --core-spacing-4700: 94px; + --core-spacing-4800: 96px; + --core-spacing-4900: 98px; + --core-spacing-5000: 100px; + --core-fontSize-50: 12px; + --core-fontSize-75: 14px; + --core-fontSize-100: 16px; + --core-fontSize-200: 18px; + --core-fontSize-300: 20px; + --core-fontSize-400: 24px; + --core-fontSize-500: 32px; + --core-fontSize-600: 40px; + --core-fontSize-700: 48px; + --core-fontSize-800: 64px; + --core-fontSize-900: 80px; + --core-fontSize-1000: 28px; + --core-fontSize-1100: 34px; + --core-fontFamily-ubuntu: Ubuntu; + --core-fontFamily-ibmPlex-mono: IBM Plex Mono; + --core-fontFamily-ibmPlex-sans: IBM Plex Sans; + --core-fontFamily-fontAwesome-pro: Font Awesome 6 Pro; + --core-fontFamily-fontAwesome-brands: Font Awesome 6 Brands; + --core-fontWeight-light: 300; + --core-fontWeight-regular: 400; + --core-fontWeight-bold: 700; + --core-fontWeight-italic: Italic; + --core-fontWeight-boldItalic: Bold Italic; + --core-lineHeight-100: 18px; + --core-lineHeight-200: 22px; + --core-lineHeight-300: 24px; + --core-lineHeight-400: 28px; + --core-lineHeight-500: 30px; + --core-lineHeight-600: 32px; + --core-lineHeight-700: 36px; + --core-lineHeight-800: 48px; + --core-lineHeight-900: 64px; + --core-lineHeight-1000: 96px; + --core-lineHeight-auto: auto; + --core-fontDecoration-underline: underline; + --core-paragraphSpacing-50: 12px; + --core-paragraphSpacing-75: 14px; + --core-paragraphSpacing-100: 16px; + --core-paragraphSpacing-200: 18px; + --core-paragraphSpacing-300: 20px; + --core-paragraphSpacing-400: 24px; + --core-paragraphSpacing-500: 32px; + --core-paragraphSpacing-600: 40px; + --core-paragraphSpacing-700: 48px; + --core-paragraphSpacing-800: 64px; + --core-paragraphSpacing-900: 80px; + --core-paragraphSpacing-1000: 28px; + --core-paragraphSpacing-1100: 34px; + --core-motion-ease-100: cubic-bezier(0, 0, 1, 1); + --core-motion-ease-200: cubic-bezier(1, 0, 1, 1); + --core-motion-ease-300: cubic-bezier(0, 0, 0, 1); + --core-motion-ease-400: cubic-bezier(0.72, 0, 0.24, 1); + --core-motion-duration-50: 0ms; + --core-motion-duration-100: 80ms; + --core-motion-duration-200: 160ms; + --core-motion-duration-300: 240ms; + --core-motion-duration-400: 480ms; + --core-motion-duration-500: 720ms; + --core-motion-duration-600: 960ms; + --core-motion-duration-700: 1200ms; + --core-motion-duration-800: 1440ms; + --core-motion-duration-900: 1680ms; + --core-motion-duration-1000: 1920ms; + --core-motion-duration-1100: 2400ms; + --core-motion-duration-1200: 2880ms; + --core-motion-duration-1300: 3360ms; + --core-motion-duration-1400: 3840ms; + --core-motion-duration-1500: 4320ms; + --core-size-50: 0px; + --core-size-100: 2px; + --core-size-200: 4px; + --core-size-300: 6px; + --core-size-400: 8px; + --core-size-500: 10px; + --core-size-600: 12px; + --core-size-700: 14px; + --core-size-800: 16px; + --core-size-900: 18px; + --core-size-1000: 20px; + --core-size-1100: 22px; + --core-size-1200: 24px; + --core-size-1300: 26px; + --core-size-1400: 28px; + --core-size-1500: 30px; + --core-size-1600: 32px; + --core-size-1700: 34px; + --core-size-1800: 36px; + --core-size-1900: 38px; + --core-size-2000: 40px; + --core-size-2100: 42px; + --core-size-2200: 44px; + --core-size-2300: 46px; + --core-size-2400: 48px; + --core-size-2500: 50px; + --core-size-2600: 52px; + --core-size-2700: 54px; + --core-size-2800: 56px; + --core-size-2900: 58px; + --core-size-3000: 60px; + --core-size-3100: 62px; + --core-size-3200: 64px; + --core-size-3300: 66px; + --core-size-3400: 68px; + --core-size-3500: 70px; + --core-size-3600: 72px; + --core-size-3700: 74px; + --core-size-3800: 76px; + --core-size-3900: 78px; + --core-size-4000: 80px; + --core-size-4100: 82px; + --core-size-4200: 84px; + --core-size-4300: 86px; + --core-size-4400: 88px; + --core-size-4500: 90px; + --core-size-4600: 92px; + --core-size-4700: 94px; + --core-size-4800: 96px; + --core-size-4900: 98px; + --core-size-5000: 100px; + --core-size-8100: 600px; + --core-size-9100: 1280px; + --borderWidth-none: var(--core-borderWidth-50); + --borderWidth-xs: var(--core-borderWidth-75); + --borderWidth-sm: var(--core-borderWidth-100); + --borderWidth-md: var(--core-borderWidth-200); + --borderWidth-lg: var(--core-borderWidth-300); + --size-generic-2xs: var(--core-size-400); + --size-generic-xs: var(--core-size-800); + --size-generic-sm: var(--core-size-1200); + --size-generic-md: var(--core-size-1600); + --size-generic-lg: var(--core-size-2000); + --size-generic-xl: var(--core-size-2400); + --size-generic-2xl: var(--core-size-2800); + --size-generic-3xl: var(--core-size-3200); + --size-generic-4xl: var(--core-size-3600); + --size-generic-5xl: var(--core-size-4000); + --opacity-overlay: var(--core-opacity-900); + --opacity-disabled: var(--core-opacity-600); + --motion-easing-linear: var(--core-motion-ease-100); + --motion-easing-in: var(--core-motion-ease-200); + --motion-easing-out: var(--core-motion-ease-300); + --motion-easing-inandout: var(--core-motion-ease-400); + --motion-duration-instant: var(--core-motion-duration-50); + --motion-duration-snappy: var(--core-motion-duration-300); + --motion-duration-moderate: var(--core-motion-duration-400); + --motion-duration-relax: var(--core-motion-duration-500); + --motion-duration-deliberate: var(--core-motion-duration-600); + --semantic-elevation-shadow-dialog: var(--core-elevation-shadow-730); + --semantic-elevation-shadow-notification: var(--core-elevation-shadow-630); + --semantic-elevation-shadow-menu: var(--core-elevation-shadow-530); + --semantic-elevation-shadow-card-default: var(--core-elevation-shadow-330); + --semantic-elevation-shadow-card-hover: var(--core-elevation-shadow-530); + --semantic-elevation-shadow-overflow-top: var(--core-elevation-shadow-310); + --semantic-elevation-shadow-overflow-right: var(--core-elevation-shadow-320); + --semantic-elevation-shadow-overflow-bottom: var(--core-elevation-shadow-330); + --semantic-elevation-shadow-overflow-left: var(--core-elevation-shadow-340); + --semantic-typography-heading-hero-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-hero-fontSize: var(--core-fontSize-800); + --semantic-typography-heading-hero-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-hero-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-hero-paragraphSpacing: var(--core-paragraphSpacing-800); + --semantic-typography-heading-hero-letterSpacing: normal; + --semantic-typography-heading-h1-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h1-fontSize: var(--core-fontSize-1100); + --semantic-typography-heading-h1-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h1-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h1-paragraphSpacing: var(--core-paragraphSpacing-1100); + --semantic-typography-heading-h1-letterSpacing: normal; + --semantic-typography-heading-h2-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h2-fontSize: var(--core-fontSize-1000); + --semantic-typography-heading-h2-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h2-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h2-paragraphSpacing: var(--core-paragraphSpacing-1000); + --semantic-typography-heading-h2-letterSpacing: normal; + --semantic-typography-heading-h3-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h3-fontSize: var(--core-fontSize-300); + --semantic-typography-heading-h3-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h3-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h3-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-heading-h3-letterSpacing: normal; + --semantic-typography-heading-h4-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h4-fontSize: var(--core-fontSize-200); + --semantic-typography-heading-h4-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h4-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h4-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-heading-h4-letterSpacing: normal; + --semantic-typography-heading-h5-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h5-fontSize: var(--core-fontSize-100); + --semantic-typography-heading-h5-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h5-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h5-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-heading-h5-letterSpacing: normal; + --semantic-typography-heading-h6-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h6-fontSize: var(--core-fontSize-75); + --semantic-typography-heading-h6-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h6-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h6-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-heading-h6-letterSpacing: normal; + --semantic-typography-body-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-default-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-italic-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-default-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-italic-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-default-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-default-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-italic-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-default-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-default-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-italic-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-default-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-default-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-default-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-default-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-default-letterSpacing: normal; + --semantic-typography-caption-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-letterSpacing: normal; + --semantic-typography-caption-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-underline-letterSpacing: normal; + --semantic-typography-caption-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-underline-letterSpacing: normal; + --semantic-typography-caption-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-default-letterSpacing: normal; + --semantic-typography-caption-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-letterSpacing: normal; + --semantic-typography-caption-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-underline-letterSpacing: normal; + --semantic-typography-caption-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-underline-letterSpacing: normal; + --semantic-typography-caption-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-default-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-italic-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-default-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-italic-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-default-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-default-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-italic-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-default-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-default-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-italic-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-default-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-default-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-default-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-default-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-icon-labelPaired-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-regular-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-regular-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-regular-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-regular-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-regular-caption-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-regular-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-bold-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-bold-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-bold-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-bold-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-bold-caption-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-bold-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-brand-xl-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-brand-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-brand-lg-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-brand-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-brand-md-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-brand-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-brand-sm-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-brand-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-caption-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-brand-caption-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-brand-caption-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-regular-2xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-regular-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-regular-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-regular-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-regular-md-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-regular-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-bold-2xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-bold-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-bold-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-bold-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-bold-md-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-bold-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-2xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-brand-2xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-brand-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-brand-xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-brand-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-brand-lg-fontWeight: normal; + --semantic-typography-icon-standalone-brand-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-brand-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-brand-md-fontWeight: normal; + --semantic-typography-icon-standalone-brand-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-brand-md-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-brand-sm-fontWeight: normal; + --semantic-typography-icon-standalone-brand-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-brand-sm-letterSpacing: normal; + --semantic-spacing-general-none: var(--core-spacing-50); + --semantic-spacing-general-3xs: var(--core-spacing-75); + --semantic-spacing-general-2xs: var(--core-spacing-100); + --semantic-spacing-general-xs: var(--core-spacing-200); + --semantic-spacing-general-sm: var(--core-spacing-400); + --semantic-spacing-general-md: var(--core-spacing-800); + --semantic-spacing-general-lg: var(--core-spacing-1200); + --semantic-spacing-general-xl: var(--core-spacing-1200); + --semantic-spacing-general-2xl: var(--core-spacing-1600); + --semantic-spacing-general-3xl: var(--core-spacing-1600); + --semantic-spacing-general-4xl: var(--core-spacing-2400); + --semantic-spacing-general-5xl: var(--core-spacing-2400); + --semantic-spacing-gap-none: var(--core-spacing-50); + --semantic-spacing-gap-2xs: var(--core-spacing-75); + --semantic-spacing-gap-xs: var(--core-spacing-100); + --semantic-spacing-gap-sm: var(--core-spacing-200); + --semantic-spacing-gap-md: var(--core-spacing-400); + --semantic-spacing-gap-lg: var(--core-spacing-800); + --semantic-spacing-gap-xl: var(--core-spacing-1200); + --semantic-spacing-gap-2xl: var(--core-spacing-1200); + --semantic-spacing-gap-3xl: var(--core-spacing-1600); + --semantic-spacing-gap-4xl: var(--core-spacing-1600); + --semantic-borderRadius-none: var(--core-borderRadius-50); + --semantic-borderRadius-xs: var(--core-borderRadius-100); + --semantic-borderRadius-sm: var(--core-borderRadius-200); + --semantic-borderRadius-md: var(--core-borderRadius-400); + --semantic-borderRadius-lg: var(--core-borderRadius-800); + --semantic-borderRadius-xl: var(--core-borderRadius-1200); + --semantic-borderRadius-2xl: var(--core-borderRadius-2400); + --semantic-borderRadius-pill: var(--core-borderRadius-4800); + --semantic-fontSize-heading-hero: var(--core-fontSize-800); + --semantic-fontSize-heading-h1: var(--core-fontSize-1100); + --semantic-fontSize-heading-h2: var(--core-fontSize-1000); + --semantic-fontSize-heading-h3: var(--core-fontSize-300); + --semantic-fontSize-heading-h4: var(--core-fontSize-200); + --semantic-fontSize-heading-h5: var(--core-fontSize-100); + --semantic-fontSize-heading-h6: var(--core-fontSize-75); + --semantic-fontSize-body-xl: var(--core-fontSize-300); + --semantic-fontSize-body-lg: var(--core-fontSize-200); + --semantic-fontSize-body-md: var(--core-fontSize-100); + --semantic-fontSize-body-sm: var(--core-fontSize-75); + --semantic-fontSize-caption: var(--core-fontSize-50); + --semantic-fontSize-code-xl: var(--core-fontSize-300); + --semantic-fontSize-code-lg: var(--core-fontSize-200); + --semantic-fontSize-code-md: var(--core-fontSize-100); + --semantic-fontSize-code-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-xl: var(--core-fontSize-300); + --semantic-fontSize-icon-labelPaired-lg: var(--core-fontSize-200); + --semantic-fontSize-icon-labelPaired-md: var(--core-fontSize-100); + --semantic-fontSize-icon-labelPaired-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-caption: var(--core-fontSize-50); + --semantic-fontSize-icon-standalone-2xl: var(--core-fontSize-800); + --semantic-fontSize-icon-standalone-xl: var(--core-fontSize-600); + --semantic-fontSize-icon-standalone-lg: var(--core-fontSize-500); + --semantic-fontSize-icon-standalone-md: var(--core-fontSize-300); + --semantic-fontSize-icon-standalone-sm: var(--core-fontSize-100); + --semantic-paragraphSpacing-heading-hero: var(--core-paragraphSpacing-800); + --semantic-paragraphSpacing-heading-h1: var(--core-paragraphSpacing-1100); + --semantic-paragraphSpacing-heading-h2: var(--core-paragraphSpacing-1000); + --semantic-paragraphSpacing-heading-h3: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-heading-h4: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-heading-h5: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-heading-h6: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-body-xl: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-body-lg: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-body-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-body-sm: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-caption: var(--core-paragraphSpacing-50); + --semantic-paragraphSpacing-code-xl: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-code-lg: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-code-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-code-sm: var(--core-paragraphSpacing-75); + --semantic-lineHeight-heading-hero: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h1: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h2: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h3: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h4: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h5: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h6: var(--core-lineHeight-auto); + --semantic-lineHeight-body-xl: var(--core-lineHeight-500); + --semantic-lineHeight-body-lg: var(--core-lineHeight-400); + --semantic-lineHeight-body-md: var(--core-lineHeight-300); + --semantic-lineHeight-body-sm: var(--core-lineHeight-200); + --semantic-lineHeight-caption: var(--core-lineHeight-100); + --semantic-lineHeight-code-xl: var(--core-lineHeight-500); + --semantic-lineHeight-code-lg: var(--core-lineHeight-400); + --semantic-lineHeight-code-md: var(--core-lineHeight-300); + --semantic-lineHeight-code-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-xl: var(--core-lineHeight-500); + --semantic-lineHeight-icon-labelPaired-lg: var(--core-lineHeight-400); + --semantic-lineHeight-icon-labelPaired-md: var(--core-lineHeight-300); + --semantic-lineHeight-icon-labelPaired-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-caption: var(--core-lineHeight-100); + --semantic-lineHeight-icon-standalone-2xl: var(--core-lineHeight-1000); + --semantic-lineHeight-icon-standalone-xl: var(--core-lineHeight-900); + --semantic-lineHeight-icon-standalone-lg: var(--core-lineHeight-800); + --semantic-lineHeight-icon-standalone-md: var(--core-lineHeight-600); + --semantic-lineHeight-icon-standalone-sm: var(--core-lineHeight-300); + --semantic-color-monochrome-surface-normal-lowest: var(--core-color-opacity-white-75); + --semantic-color-monochrome-surface-normal-low: var(--core-color-opacity-white-100); + --semantic-color-monochrome-surface-normal-midLow: var(--core-color-opacity-white-200); + --semantic-color-monochrome-surface-normal-midHigh: var(--core-color-opacity-white-300); + --semantic-color-monochrome-surface-normal-high: var(--core-color-opacity-white-700); + --semantic-color-monochrome-surface-normal-highest: var(--core-color-opacity-white-800); + --semantic-color-monochrome-surface-inverse-lowest: var(--core-color-opacity-black-75); + --semantic-color-monochrome-surface-inverse-low: var(--core-color-opacity-black-100); + --semantic-color-monochrome-surface-inverse-midLow: var(--core-color-opacity-black-200); + --semantic-color-monochrome-surface-inverse-midHigh: var(--core-color-opacity-black-300); + --semantic-color-monochrome-surface-inverse-high: var(--core-color-opacity-black-700); + --semantic-color-monochrome-surface-inverse-highest: var(--core-color-opacity-black-800); + --semantic-color-monochrome-surface-static-blackLowest: var(--core-color-opacity-black-75); + --semantic-color-monochrome-surface-static-blackLow: var(--core-color-opacity-black-100); + --semantic-color-monochrome-surface-static-blackMidLow: var(--core-color-opacity-black-200); + --semantic-color-monochrome-surface-static-blackMidHigh: var(--core-color-opacity-black-300); + --semantic-color-monochrome-surface-static-blackHigh: var(--core-color-opacity-black-700); + --semantic-color-monochrome-surface-static-blackHighest: var(--core-color-opacity-black-800); + --semantic-color-monochrome-surface-static-whiteLowest: var(--core-color-opacity-white-75); + --semantic-color-monochrome-surface-static-whiteLow: var(--core-color-opacity-white-100); + --semantic-color-monochrome-surface-static-whiteMidLow: var(--core-color-opacity-white-200); + --semantic-color-monochrome-surface-static-whiteMidHigh: var(--core-color-opacity-white-300); + --semantic-color-monochrome-surface-static-whiteHigh: var(--core-color-opacity-white-700); + --semantic-color-monochrome-surface-static-whiteHighest: var(--core-color-opacity-white-800); + --semantic-color-monochrome-border-normal-low: var(--core-color-opacity-white-75); + --semantic-color-monochrome-border-normal-mid: var(--core-color-opacity-white-100); + --semantic-color-monochrome-border-normal-high: var(--core-color-opacity-white-200); + --semantic-color-monochrome-border-normal-highest: var(--core-color-opacity-white-300); + --semantic-color-monochrome-border-inverse-low: var(--core-color-opacity-black-75); + --semantic-color-monochrome-border-inverse-mid: var(--core-color-opacity-black-100); + --semantic-color-monochrome-border-inverse-high: var(--core-color-opacity-black-200); + --semantic-color-monochrome-border-inverse-highest: var(--core-color-opacity-black-300); + --semantic-color-monochrome-border-static-blackLow: var(--core-color-opacity-black-75); + --semantic-color-monochrome-border-static-blackMid: var(--core-color-opacity-black-100); + --semantic-color-monochrome-border-static-blackHigh: var(--core-color-opacity-black-200); + --semantic-color-monochrome-border-static-blackHighest: var(--core-color-opacity-black-300); + --semantic-color-monochrome-border-static-whiteLow: var(--core-color-opacity-white-75); + --semantic-color-monochrome-border-static-whiteMid: var(--core-color-opacity-white-100); + --semantic-color-monochrome-border-static-whiteHigh: var(--core-color-opacity-white-200); + --semantic-color-monochrome-border-static-whiteHighest: var(--core-color-opacity-white-300); + --semantic-color-monochrome-textIcon-normal-low: var(--core-color-opacity-white-300); + --semantic-color-monochrome-textIcon-normal-mid: var(--core-color-opacity-white-400); + --semantic-color-monochrome-textIcon-normal-high: var(--core-color-opacity-white-600); + --semantic-color-monochrome-textIcon-inverse-low: var(--core-color-opacity-black-300); + --semantic-color-monochrome-textIcon-inverse-mid: var(--core-color-opacity-black-400); + --semantic-color-monochrome-textIcon-inverse-high: var(--core-color-opacity-black-600); + --semantic-color-monochrome-textIcon-static-blackLow: var(--core-color-opacity-black-300); + --semantic-color-monochrome-textIcon-static-blackMid: var(--core-color-opacity-black-400); + --semantic-color-monochrome-textIcon-static-blackHigh: var(--core-color-opacity-black-600); + --semantic-color-monochrome-textIcon-static-whiteLow: var(--core-color-opacity-white-300); + --semantic-color-monochrome-textIcon-static-whiteMid: var(--core-color-opacity-white-400); + --semantic-color-monochrome-textIcon-static-whiteHigh: var(--core-color-opacity-white-600); + --semantic-color-slate-solid-surface-normal-lowest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-surface-normal-low: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-surface-normal-midLow: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-surface-normal-midHigh: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-surface-normal-high: var(--core-color-solid-slate-800); + --semantic-color-slate-solid-surface-normal-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-surface-inverse-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-surface-inverse-low: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-surface-inverse-midLow: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-surface-inverse-midHigh: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-surface-inverse-high: var(--core-color-solid-slate-600); + --semantic-color-slate-solid-surface-inverse-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-surface-static-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-surface-static-lower: var(--core-color-solid-slate-75); + --semantic-color-slate-solid-surface-static-low: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-surface-static-midLowest: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-surface-static-midLower: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-surface-static-midLow: var(--core-color-solid-slate-600); + --semantic-color-slate-solid-surface-static-midHigh: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-surface-static-midHigher: var(--core-color-solid-slate-800); + --semantic-color-slate-solid-surface-static-midHighest: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-surface-static-high: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-surface-static-higher: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-surface-static-highest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-surface-frame-low: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-surface-frame-mid: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-border-normal-lowest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-border-normal-low: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-border-normal-mid: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-border-normal-high: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-border-normal-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-border-inverse-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-border-inverse-low: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-border-inverse-mid: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-border-inverse-high: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-border-inverse-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-border-static-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-border-static-lower: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-border-static-low: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-border-static-midLow: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-border-static-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-border-static-midHigh: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-border-static-high: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-border-static-higher: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-border-static-highest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-textIcon-normal-lowest: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-textIcon-normal-low: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-textIcon-normal-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-textIcon-normal-high: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-textIcon-normal-highest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-textIcon-inverse-lowest: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-textIcon-inverse-low: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-textIcon-inverse-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-textIcon-inverse-high: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-textIcon-inverse-highest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-textIcon-static-lowest: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-textIcon-static-low: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-textIcon-static-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-textIcon-static-high: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-textIcon-static-highest: var(--core-color-solid-slate-1200); + --semantic-color-slate-opacity-surface-lowest: var(--core-color-opacity-slate-75); + --semantic-color-slate-opacity-surface-low: var(--core-color-opacity-slate-100); + --semantic-color-slate-opacity-surface-midLow: var(--core-color-opacity-slate-200); + --semantic-color-slate-opacity-surface-midHigh: var(--core-color-opacity-slate-300); + --semantic-color-slate-opacity-surface-high: var(--core-color-opacity-slate-700); + --semantic-color-slate-opacity-surface-highest: var(--core-color-opacity-slate-800); + --semantic-color-slate-opacity-border-lowest: var(--core-color-opacity-slate-75); + --semantic-color-slate-opacity-border-lower: var(--core-color-opacity-slate-100); + --semantic-color-slate-opacity-border-low: var(--core-color-opacity-slate-200); + --semantic-color-slate-opacity-border-mid: var(--core-color-opacity-slate-300); + --semantic-color-slate-opacity-border-high: var(--core-color-opacity-slate-600); + --semantic-color-slate-opacity-border-higher: var(--core-color-opacity-slate-700); + --semantic-color-slate-opacity-border-highest: var(--core-color-opacity-slate-800); + --semantic-color-slate-opacity-textIcon-low: var(--core-color-opacity-slate-300); + --semantic-color-slate-opacity-textIcon-mid: var(--core-color-opacity-slate-400); + --semantic-color-slate-opacity-textIcon-high: var(--core-color-opacity-slate-600); + --semantic-color-red-solid-surface-normal-lowest: var(--core-color-solid-red-1300); + --semantic-color-red-solid-surface-normal-low: var(--core-color-solid-red-1200); + --semantic-color-red-solid-surface-normal-mid: var(--core-color-solid-red-900); + --semantic-color-red-solid-surface-normal-high: var(--core-color-solid-red-800); + --semantic-color-red-solid-surface-normal-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-surface-inverse-lowest: var(--core-color-solid-red-100); + --semantic-color-red-solid-surface-inverse-low: var(--core-color-solid-red-200); + --semantic-color-red-solid-surface-inverse-mid: var(--core-color-solid-red-500); + --semantic-color-red-solid-surface-inverse-high: var(--core-color-solid-red-600); + --semantic-color-red-solid-surface-inverse-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-surface-static-lowest: var(--core-color-solid-red-100); + --semantic-color-red-solid-surface-static-lower: var(--core-color-solid-red-200); + --semantic-color-red-solid-surface-static-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-surface-static-midLow: var(--core-color-solid-red-600); + --semantic-color-red-solid-surface-static-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-surface-static-midHigh: var(--core-color-solid-red-800); + --semantic-color-red-solid-surface-static-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-surface-static-higher: var(--core-color-solid-red-1200); + --semantic-color-red-solid-surface-static-highest: var(--core-color-solid-red-1300); + --semantic-color-red-solid-border-normal-low: var(--core-color-solid-red-1300); + --semantic-color-red-solid-border-normal-mid: var(--core-color-solid-red-1200); + --semantic-color-red-solid-border-normal-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-border-normal-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-border-inverse-low: var(--core-color-solid-red-100); + --semantic-color-red-solid-border-inverse-mid: var(--core-color-solid-red-200); + --semantic-color-red-solid-border-inverse-high: var(--core-color-solid-red-500); + --semantic-color-red-solid-border-inverse-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-border-static-lowest: var(--core-color-solid-red-100); + --semantic-color-red-solid-border-static-lower: var(--core-color-solid-red-200); + --semantic-color-red-solid-border-static-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-border-static-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-border-static-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-border-static-higher: var(--core-color-solid-red-1200); + --semantic-color-red-solid-border-static-highest: var(--core-color-solid-red-1300); + --semantic-color-red-solid-textIcon-normal-lowest: var(--core-color-solid-red-1200); + --semantic-color-red-solid-textIcon-normal-low: var(--core-color-solid-red-900); + --semantic-color-red-solid-textIcon-normal-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-textIcon-normal-high: var(--core-color-solid-red-500); + --semantic-color-red-solid-textIcon-inverse-lowest: var(--core-color-solid-red-200); + --semantic-color-red-solid-textIcon-inverse-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-textIcon-inverse-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-textIcon-inverse-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-textIcon-static-lowest: var(--core-color-solid-red-200); + --semantic-color-red-solid-textIcon-static-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-textIcon-static-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-textIcon-static-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-textIcon-static-highest: var(--core-color-solid-red-1200); + --semantic-color-red-opacity-surface-lowest: var(--core-color-opacity-red-75); + --semantic-color-red-opacity-surface-low: var(--core-color-opacity-red-100); + --semantic-color-red-opacity-surface-midLow: var(--core-color-opacity-red-200); + --semantic-color-red-opacity-surface-midHigh: var(--core-color-opacity-red-300); + --semantic-color-red-opacity-surface-high: var(--core-color-opacity-red-700); + --semantic-color-red-opacity-surface-highest: var(--core-color-opacity-red-800); + --semantic-color-red-opacity-border-lowest: var(--core-color-opacity-red-75); + --semantic-color-red-opacity-border-lower: var(--core-color-opacity-red-100); + --semantic-color-red-opacity-border-low: var(--core-color-opacity-red-200); + --semantic-color-red-opacity-border-mid: var(--core-color-opacity-red-300); + --semantic-color-red-opacity-border-high: var(--core-color-opacity-red-600); + --semantic-color-red-opacity-border-higher: var(--core-color-opacity-red-700); + --semantic-color-red-opacity-border-highest: var(--core-color-opacity-red-800); + --semantic-color-red-opacity-textIcon-low: var(--core-color-opacity-red-300); + --semantic-color-red-opacity-textIcon-mid: var(--core-color-opacity-red-400); + --semantic-color-red-opacity-textIcon-high: var(--core-color-opacity-red-600); + --semantic-color-orange-solid-surface-normal-lowest: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-surface-normal-low: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-surface-normal-mid: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-surface-normal-high: var(--core-color-solid-orange-800); + --semantic-color-orange-solid-surface-normal-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-surface-inverse-lowest: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-surface-inverse-low: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-surface-inverse-mid: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-surface-inverse-high: var(--core-color-solid-orange-600); + --semantic-color-orange-solid-surface-inverse-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-surface-static-lowest: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-surface-static-lower: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-surface-static-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-surface-static-midLow: var(--core-color-solid-orange-600); + --semantic-color-orange-solid-surface-static-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-surface-static-midHigh: var(--core-color-solid-orange-800); + --semantic-color-orange-solid-surface-static-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-surface-static-higher: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-surface-static-highest: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-border-normal-low: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-border-normal-mid: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-border-normal-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-border-normal-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-border-inverse-low: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-border-inverse-mid: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-border-inverse-high: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-border-inverse-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-border-static-lowest: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-border-static-lower: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-border-static-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-border-static-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-border-static-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-border-static-higher: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-border-static-highest: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-textIcon-normal-lowest: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-textIcon-normal-low: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-textIcon-normal-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-textIcon-normal-high: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-textIcon-inverse-lowest: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-textIcon-inverse-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-textIcon-inverse-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-textIcon-inverse-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-textIcon-static-lowest: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-textIcon-static-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-textIcon-static-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-textIcon-static-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-textIcon-static-highest: var(--core-color-solid-orange-1200); + --semantic-color-orange-opacity-surface-lowest: var(--core-color-opacity-orange-75); + --semantic-color-orange-opacity-surface-low: var(--core-color-opacity-orange-100); + --semantic-color-orange-opacity-surface-midLow: var(--core-color-opacity-orange-200); + --semantic-color-orange-opacity-surface-midHigh: var(--core-color-opacity-orange-300); + --semantic-color-orange-opacity-surface-high: var(--core-color-opacity-orange-700); + --semantic-color-orange-opacity-surface-highest: var(--core-color-opacity-orange-800); + --semantic-color-orange-opacity-border-lowest: var(--core-color-opacity-orange-75); + --semantic-color-orange-opacity-border-lower: var(--core-color-opacity-orange-100); + --semantic-color-orange-opacity-border-low: var(--core-color-opacity-orange-200); + --semantic-color-orange-opacity-border-mid: var(--core-color-opacity-orange-300); + --semantic-color-orange-opacity-border-high: var(--core-color-opacity-orange-600); + --semantic-color-orange-opacity-border-higher: var(--core-color-opacity-orange-700); + --semantic-color-orange-opacity-border-highest: var(--core-color-opacity-orange-800); + --semantic-color-orange-opacity-textIcon-low: var(--core-color-opacity-orange-300); + --semantic-color-orange-opacity-textIcon-mid: var(--core-color-opacity-orange-400); + --semantic-color-orange-opacity-textIcon-high: var(--core-color-opacity-orange-600); + --semantic-color-yellow-solid-surface-normal-lowest: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-surface-normal-low: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-surface-normal-mid: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-surface-normal-high: var(--core-color-solid-yellow-800); + --semantic-color-yellow-solid-surface-normal-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-surface-inverse-lowest: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-surface-inverse-low: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-surface-inverse-mid: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-surface-inverse-high: var(--core-color-solid-yellow-600); + --semantic-color-yellow-solid-surface-inverse-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-surface-static-lowest: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-surface-static-lower: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-surface-static-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-surface-static-midLow: var(--core-color-solid-yellow-600); + --semantic-color-yellow-solid-surface-static-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-surface-static-midHigh: var(--core-color-solid-yellow-800); + --semantic-color-yellow-solid-surface-static-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-surface-static-higher: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-surface-static-highest: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-border-normal-low: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-border-normal-mid: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-border-normal-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-border-normal-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-border-inverse-low: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-border-inverse-mid: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-border-inverse-high: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-border-inverse-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-border-static-lowest: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-border-static-lower: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-border-static-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-border-static-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-border-static-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-border-static-higher: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-border-static-highest: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-textIcon-normal-lowest: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-textIcon-normal-low: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-textIcon-normal-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-textIcon-normal-high: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-textIcon-inverse-lowest: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-textIcon-inverse-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-textIcon-inverse-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-textIcon-inverse-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-textIcon-static-lowest: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-textIcon-static-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-textIcon-static-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-textIcon-static-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-textIcon-static-highest: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-opacity-surface-lowest: var(--core-color-opacity-yellow-75); + --semantic-color-yellow-opacity-surface-low: var(--core-color-opacity-yellow-100); + --semantic-color-yellow-opacity-surface-midLow: var(--core-color-opacity-yellow-200); + --semantic-color-yellow-opacity-surface-midHigh: var(--core-color-opacity-yellow-300); + --semantic-color-yellow-opacity-surface-high: var(--core-color-opacity-yellow-700); + --semantic-color-yellow-opacity-surface-highest: var(--core-color-opacity-yellow-800); + --semantic-color-yellow-opacity-border-lowest: var(--core-color-opacity-yellow-75); + --semantic-color-yellow-opacity-border-lower: var(--core-color-opacity-yellow-100); + --semantic-color-yellow-opacity-border-low: var(--core-color-opacity-yellow-200); + --semantic-color-yellow-opacity-border-mid: var(--core-color-opacity-yellow-300); + --semantic-color-yellow-opacity-border-high: var(--core-color-opacity-yellow-600); + --semantic-color-yellow-opacity-border-higher: var(--core-color-opacity-yellow-700); + --semantic-color-yellow-opacity-border-highest: var(--core-color-opacity-yellow-800); + --semantic-color-yellow-opacity-textIcon-low: var(--core-color-opacity-yellow-300); + --semantic-color-yellow-opacity-textIcon-mid: var(--core-color-opacity-yellow-400); + --semantic-color-yellow-opacity-textIcon-high: var(--core-color-opacity-yellow-600); + --semantic-color-mustard-solid-surface-normal-lowest: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-surface-normal-low: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-surface-normal-mid: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-surface-normal-high: var(--core-color-solid-mustard-800); + --semantic-color-mustard-solid-surface-normal-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-surface-inverse-lowest: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-surface-inverse-low: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-surface-inverse-mid: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-surface-inverse-high: var(--core-color-solid-mustard-600); + --semantic-color-mustard-solid-surface-inverse-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-surface-static-lowest: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-surface-static-lower: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-surface-static-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-surface-static-midLow: var(--core-color-solid-mustard-600); + --semantic-color-mustard-solid-surface-static-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-surface-static-midHigh: var(--core-color-solid-mustard-800); + --semantic-color-mustard-solid-surface-static-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-surface-static-higher: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-surface-static-highest: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-border-normal-low: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-border-normal-mid: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-border-normal-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-border-normal-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-border-inverse-low: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-border-inverse-mid: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-border-inverse-high: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-border-inverse-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-border-static-lowest: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-border-static-lower: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-border-static-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-border-static-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-border-static-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-border-static-higher: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-border-static-highest: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-textIcon-normal-lowest: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-textIcon-normal-low: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-textIcon-normal-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-textIcon-normal-high: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-textIcon-inverse-lowest: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-textIcon-inverse-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-textIcon-inverse-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-textIcon-inverse-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-textIcon-static-lowest: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-textIcon-static-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-textIcon-static-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-textIcon-static-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-textIcon-static-highest: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-opacity-surface-lowest: var(--core-color-opacity-mustard-75); + --semantic-color-mustard-opacity-surface-low: var(--core-color-opacity-mustard-100); + --semantic-color-mustard-opacity-surface-midLow: var(--core-color-opacity-mustard-200); + --semantic-color-mustard-opacity-surface-midHigh: var(--core-color-opacity-mustard-300); + --semantic-color-mustard-opacity-surface-high: var(--core-color-opacity-mustard-700); + --semantic-color-mustard-opacity-surface-highest: var(--core-color-opacity-mustard-800); + --semantic-color-mustard-opacity-border-lowest: var(--core-color-opacity-mustard-75); + --semantic-color-mustard-opacity-border-lower: var(--core-color-opacity-mustard-100); + --semantic-color-mustard-opacity-border-low: var(--core-color-opacity-mustard-200); + --semantic-color-mustard-opacity-border-mid: var(--core-color-opacity-mustard-300); + --semantic-color-mustard-opacity-border-high: var(--core-color-opacity-mustard-600); + --semantic-color-mustard-opacity-border-higher: var(--core-color-opacity-mustard-700); + --semantic-color-mustard-opacity-border-highest: var(--core-color-opacity-mustard-800); + --semantic-color-mustard-opacity-textIcon-low: var(--core-color-opacity-mustard-300); + --semantic-color-mustard-opacity-textIcon-mid: var(--core-color-opacity-mustard-400); + --semantic-color-mustard-opacity-textIcon-high: var(--core-color-opacity-mustard-600); + --semantic-color-olive-solid-surface-normal-lowest: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-surface-normal-low: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-surface-normal-mid: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-surface-normal-high: var(--core-color-solid-olive-800); + --semantic-color-olive-solid-surface-normal-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-surface-inverse-lowest: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-surface-inverse-low: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-surface-inverse-mid: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-surface-inverse-high: var(--core-color-solid-olive-600); + --semantic-color-olive-solid-surface-inverse-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-surface-static-lowest: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-surface-static-lower: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-surface-static-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-surface-static-midLow: var(--core-color-solid-olive-600); + --semantic-color-olive-solid-surface-static-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-surface-static-midHigh: var(--core-color-solid-olive-800); + --semantic-color-olive-solid-surface-static-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-surface-static-higher: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-surface-static-highest: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-border-normal-low: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-border-normal-mid: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-border-normal-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-border-normal-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-border-inverse-low: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-border-inverse-mid: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-border-inverse-high: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-border-inverse-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-border-static-lowest: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-border-static-lower: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-border-static-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-border-static-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-border-static-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-border-static-higher: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-border-static-highest: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-textIcon-normal-lowest: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-textIcon-normal-low: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-textIcon-normal-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-textIcon-normal-high: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-textIcon-inverse-lowest: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-textIcon-inverse-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-textIcon-inverse-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-textIcon-inverse-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-textIcon-static-lowest: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-textIcon-static-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-textIcon-static-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-textIcon-static-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-textIcon-static-highest: var(--core-color-solid-olive-1200); + --semantic-color-olive-opacity-surface-lowest: var(--core-color-opacity-olive-75); + --semantic-color-olive-opacity-surface-low: var(--core-color-opacity-olive-100); + --semantic-color-olive-opacity-surface-midLow: var(--core-color-opacity-olive-200); + --semantic-color-olive-opacity-surface-midHigh: var(--core-color-opacity-olive-300); + --semantic-color-olive-opacity-surface-high: var(--core-color-opacity-olive-700); + --semantic-color-olive-opacity-surface-highest: var(--core-color-opacity-olive-800); + --semantic-color-olive-opacity-border-lowest: var(--core-color-opacity-olive-75); + --semantic-color-olive-opacity-border-lower: var(--core-color-opacity-olive-100); + --semantic-color-olive-opacity-border-low: var(--core-color-opacity-olive-200); + --semantic-color-olive-opacity-border-mid: var(--core-color-opacity-olive-300); + --semantic-color-olive-opacity-border-high: var(--core-color-opacity-olive-600); + --semantic-color-olive-opacity-border-higher: var(--core-color-opacity-olive-700); + --semantic-color-olive-opacity-border-highest: var(--core-color-opacity-olive-800); + --semantic-color-olive-opacity-textIcon-low: var(--core-color-opacity-olive-300); + --semantic-color-olive-opacity-textIcon-mid: var(--core-color-opacity-olive-400); + --semantic-color-olive-opacity-textIcon-high: var(--core-color-opacity-olive-600); + --semantic-color-green-solid-surface-normal-lowest: var(--core-color-solid-green-1300); + --semantic-color-green-solid-surface-normal-low: var(--core-color-solid-green-1200); + --semantic-color-green-solid-surface-normal-mid: var(--core-color-solid-green-900); + --semantic-color-green-solid-surface-normal-high: var(--core-color-solid-green-800); + --semantic-color-green-solid-surface-normal-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-surface-inverse-lowest: var(--core-color-solid-green-100); + --semantic-color-green-solid-surface-inverse-low: var(--core-color-solid-green-200); + --semantic-color-green-solid-surface-inverse-mid: var(--core-color-solid-green-500); + --semantic-color-green-solid-surface-inverse-high: var(--core-color-solid-green-600); + --semantic-color-green-solid-surface-inverse-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-surface-static-lowest: var(--core-color-solid-green-100); + --semantic-color-green-solid-surface-static-lower: var(--core-color-solid-green-200); + --semantic-color-green-solid-surface-static-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-surface-static-midLow: var(--core-color-solid-green-600); + --semantic-color-green-solid-surface-static-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-surface-static-midHigh: var(--core-color-solid-green-800); + --semantic-color-green-solid-surface-static-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-surface-static-higher: var(--core-color-solid-green-1200); + --semantic-color-green-solid-surface-static-highest: var(--core-color-solid-green-1300); + --semantic-color-green-solid-border-normal-low: var(--core-color-solid-green-1300); + --semantic-color-green-solid-border-normal-mid: var(--core-color-solid-green-1200); + --semantic-color-green-solid-border-normal-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-border-normal-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-border-inverse-low: var(--core-color-solid-green-100); + --semantic-color-green-solid-border-inverse-mid: var(--core-color-solid-green-200); + --semantic-color-green-solid-border-inverse-high: var(--core-color-solid-green-500); + --semantic-color-green-solid-border-inverse-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-border-static-lowest: var(--core-color-solid-green-100); + --semantic-color-green-solid-border-static-lower: var(--core-color-solid-green-200); + --semantic-color-green-solid-border-static-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-border-static-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-border-static-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-border-static-higher: var(--core-color-solid-green-1200); + --semantic-color-green-solid-border-static-highest: var(--core-color-solid-green-1300); + --semantic-color-green-solid-textIcon-normal-lowest: var(--core-color-solid-green-1200); + --semantic-color-green-solid-textIcon-normal-low: var(--core-color-solid-green-900); + --semantic-color-green-solid-textIcon-normal-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-textIcon-normal-high: var(--core-color-solid-green-500); + --semantic-color-green-solid-textIcon-inverse-lowest: var(--core-color-solid-green-200); + --semantic-color-green-solid-textIcon-inverse-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-textIcon-inverse-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-textIcon-inverse-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-textIcon-static-lowest: var(--core-color-solid-green-200); + --semantic-color-green-solid-textIcon-static-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-textIcon-static-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-textIcon-static-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-textIcon-static-highest: var(--core-color-solid-green-1200); + --semantic-color-green-opacity-surface-lowest: var(--core-color-opacity-green-75); + --semantic-color-green-opacity-surface-low: var(--core-color-opacity-green-100); + --semantic-color-green-opacity-surface-midLow: var(--core-color-opacity-green-200); + --semantic-color-green-opacity-surface-midHigh: var(--core-color-opacity-green-300); + --semantic-color-green-opacity-surface-high: var(--core-color-opacity-green-700); + --semantic-color-green-opacity-surface-highest: var(--core-color-opacity-green-800); + --semantic-color-green-opacity-border-lowest: var(--core-color-opacity-green-75); + --semantic-color-green-opacity-border-lower: var(--core-color-opacity-green-100); + --semantic-color-green-opacity-border-low: var(--core-color-opacity-green-200); + --semantic-color-green-opacity-border-mid: var(--core-color-opacity-green-300); + --semantic-color-green-opacity-border-high: var(--core-color-opacity-green-600); + --semantic-color-green-opacity-border-higher: var(--core-color-opacity-green-700); + --semantic-color-green-opacity-border-highest: var(--core-color-opacity-green-800); + --semantic-color-green-opacity-textIcon-low: var(--core-color-opacity-green-300); + --semantic-color-green-opacity-textIcon-mid: var(--core-color-opacity-green-400); + --semantic-color-green-opacity-textIcon-high: var(--core-color-opacity-green-600); + --semantic-color-emerald-solid-surface-normal-lowest: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-surface-normal-low: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-surface-normal-mid: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-surface-normal-high: var(--core-color-solid-emerald-800); + --semantic-color-emerald-solid-surface-normal-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-surface-inverse-lowest: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-surface-inverse-low: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-surface-inverse-mid: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-surface-inverse-high: var(--core-color-solid-emerald-600); + --semantic-color-emerald-solid-surface-inverse-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-surface-static-lowest: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-surface-static-lower: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-surface-static-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-surface-static-midLow: var(--core-color-solid-emerald-600); + --semantic-color-emerald-solid-surface-static-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-surface-static-midHigh: var(--core-color-solid-emerald-800); + --semantic-color-emerald-solid-surface-static-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-surface-static-higher: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-surface-static-highest: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-border-normal-low: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-border-normal-mid: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-border-normal-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-border-normal-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-border-inverse-low: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-border-inverse-mid: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-border-inverse-high: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-border-inverse-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-border-static-lowest: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-border-static-lower: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-border-static-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-border-static-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-border-static-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-border-static-higher: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-border-static-highest: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-textIcon-normal-lowest: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-textIcon-normal-low: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-textIcon-normal-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-textIcon-normal-high: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-textIcon-inverse-lowest: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-textIcon-inverse-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-textIcon-inverse-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-textIcon-inverse-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-textIcon-static-lowest: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-textIcon-static-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-textIcon-static-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-textIcon-static-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-textIcon-static-highest: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-opacity-surface-lowest: var(--core-color-opacity-emerald-75); + --semantic-color-emerald-opacity-surface-low: var(--core-color-opacity-emerald-100); + --semantic-color-emerald-opacity-surface-midLow: var(--core-color-opacity-emerald-200); + --semantic-color-emerald-opacity-surface-midHigh: var(--core-color-opacity-emerald-300); + --semantic-color-emerald-opacity-surface-high: var(--core-color-opacity-emerald-700); + --semantic-color-emerald-opacity-surface-highest: var(--core-color-opacity-emerald-800); + --semantic-color-emerald-opacity-border-lowest: var(--core-color-opacity-emerald-75); + --semantic-color-emerald-opacity-border-lower: var(--core-color-opacity-emerald-100); + --semantic-color-emerald-opacity-border-low: var(--core-color-opacity-emerald-200); + --semantic-color-emerald-opacity-border-mid: var(--core-color-opacity-emerald-300); + --semantic-color-emerald-opacity-border-high: var(--core-color-opacity-emerald-600); + --semantic-color-emerald-opacity-border-higher: var(--core-color-opacity-emerald-700); + --semantic-color-emerald-opacity-border-highest: var(--core-color-opacity-emerald-800); + --semantic-color-emerald-opacity-textIcon-low: var(--core-color-opacity-emerald-300); + --semantic-color-emerald-opacity-textIcon-mid: var(--core-color-opacity-emerald-400); + --semantic-color-emerald-opacity-textIcon-high: var(--core-color-opacity-emerald-600); + --semantic-color-tiffany-solid-surface-normal-lowest: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-surface-normal-low: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-surface-normal-mid: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-surface-normal-high: var(--core-color-solid-tiffany-800); + --semantic-color-tiffany-solid-surface-normal-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-surface-inverse-lowest: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-surface-inverse-low: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-surface-inverse-mid: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-surface-inverse-high: var(--core-color-solid-tiffany-600); + --semantic-color-tiffany-solid-surface-inverse-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-surface-static-lowest: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-surface-static-lower: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-surface-static-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-surface-static-midLow: var(--core-color-solid-tiffany-600); + --semantic-color-tiffany-solid-surface-static-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-surface-static-midHigh: var(--core-color-solid-tiffany-800); + --semantic-color-tiffany-solid-surface-static-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-surface-static-higher: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-surface-static-highest: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-border-normal-low: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-border-normal-mid: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-border-normal-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-border-normal-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-border-inverse-low: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-border-inverse-mid: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-border-inverse-high: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-border-inverse-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-border-static-lowest: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-border-static-lower: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-border-static-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-border-static-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-border-static-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-border-static-higher: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-border-static-highest: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-textIcon-normal-lowest: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-textIcon-normal-low: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-textIcon-normal-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-textIcon-normal-high: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-textIcon-inverse-lowest: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-textIcon-inverse-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-textIcon-inverse-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-textIcon-inverse-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-textIcon-static-lowest: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-textIcon-static-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-textIcon-static-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-textIcon-static-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-textIcon-static-highest: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-opacity-surface-lowest: var(--core-color-opacity-tiffany-75); + --semantic-color-tiffany-opacity-surface-low: var(--core-color-opacity-tiffany-100); + --semantic-color-tiffany-opacity-surface-midLow: var(--core-color-opacity-tiffany-200); + --semantic-color-tiffany-opacity-surface-midHigh: var(--core-color-opacity-tiffany-300); + --semantic-color-tiffany-opacity-surface-high: var(--core-color-opacity-tiffany-700); + --semantic-color-tiffany-opacity-surface-highest: var(--core-color-opacity-tiffany-800); + --semantic-color-tiffany-opacity-border-lowest: var(--core-color-opacity-tiffany-75); + --semantic-color-tiffany-opacity-border-lower: var(--core-color-opacity-tiffany-100); + --semantic-color-tiffany-opacity-border-low: var(--core-color-opacity-tiffany-200); + --semantic-color-tiffany-opacity-border-mid: var(--core-color-opacity-tiffany-300); + --semantic-color-tiffany-opacity-border-high: var(--core-color-opacity-tiffany-600); + --semantic-color-tiffany-opacity-border-higher: var(--core-color-opacity-tiffany-700); + --semantic-color-tiffany-opacity-border-highest: var(--core-color-opacity-tiffany-800); + --semantic-color-tiffany-opacity-textIcon-low: var(--core-color-opacity-tiffany-300); + --semantic-color-tiffany-opacity-textIcon-mid: var(--core-color-opacity-tiffany-400); + --semantic-color-tiffany-opacity-textIcon-high: var(--core-color-opacity-tiffany-600); + --semantic-color-teal-solid-surface-normal-lowest: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-surface-normal-low: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-surface-normal-mid: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-surface-normal-high: var(--core-color-solid-teal-800); + --semantic-color-teal-solid-surface-normal-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-surface-inverse-lowest: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-surface-inverse-low: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-surface-inverse-mid: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-surface-inverse-high: var(--core-color-solid-teal-600); + --semantic-color-teal-solid-surface-inverse-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-surface-static-lowest: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-surface-static-lower: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-surface-static-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-surface-static-midLow: var(--core-color-solid-teal-600); + --semantic-color-teal-solid-surface-static-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-surface-static-midHigh: var(--core-color-solid-teal-800); + --semantic-color-teal-solid-surface-static-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-surface-static-higher: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-surface-static-highest: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-border-normal-low: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-border-normal-mid: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-border-normal-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-border-normal-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-border-inverse-low: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-border-inverse-mid: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-border-inverse-high: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-border-inverse-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-border-static-lowest: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-border-static-lower: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-border-static-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-border-static-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-border-static-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-border-static-higher: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-border-static-highest: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-textIcon-normal-lowest: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-textIcon-normal-low: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-textIcon-normal-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-textIcon-normal-high: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-textIcon-inverse-lowest: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-textIcon-inverse-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-textIcon-inverse-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-textIcon-inverse-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-textIcon-static-lowest: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-textIcon-static-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-textIcon-static-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-textIcon-static-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-textIcon-static-highest: var(--core-color-solid-teal-1200); + --semantic-color-teal-opacity-surface-lowest: var(--core-color-opacity-teal-75); + --semantic-color-teal-opacity-surface-low: var(--core-color-opacity-teal-100); + --semantic-color-teal-opacity-surface-midLow: var(--core-color-opacity-teal-200); + --semantic-color-teal-opacity-surface-midHigh: var(--core-color-opacity-teal-300); + --semantic-color-teal-opacity-surface-high: var(--core-color-opacity-teal-700); + --semantic-color-teal-opacity-surface-highest: var(--core-color-opacity-teal-800); + --semantic-color-teal-opacity-border-lowest: var(--core-color-opacity-teal-75); + --semantic-color-teal-opacity-border-lower: var(--core-color-opacity-teal-100); + --semantic-color-teal-opacity-border-low: var(--core-color-opacity-teal-200); + --semantic-color-teal-opacity-border-mid: var(--core-color-opacity-teal-300); + --semantic-color-teal-opacity-border-high: var(--core-color-opacity-teal-600); + --semantic-color-teal-opacity-border-higher: var(--core-color-opacity-teal-700); + --semantic-color-teal-opacity-border-highest: var(--core-color-opacity-teal-800); + --semantic-color-teal-opacity-textIcon-low: var(--core-color-opacity-teal-300); + --semantic-color-teal-opacity-textIcon-mid: var(--core-color-opacity-teal-400); + --semantic-color-teal-opacity-textIcon-high: var(--core-color-opacity-teal-600); + --semantic-color-seawater-solid-surface-normal-lowest: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-surface-normal-low: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-surface-normal-mid: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-surface-normal-high: var(--core-color-solid-seawater-800); + --semantic-color-seawater-solid-surface-normal-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-surface-inverse-lowest: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-surface-inverse-low: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-surface-inverse-mid: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-surface-inverse-high: var(--core-color-solid-seawater-600); + --semantic-color-seawater-solid-surface-inverse-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-surface-static-lowest: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-surface-static-lower: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-surface-static-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-surface-static-midLow: var(--core-color-solid-seawater-600); + --semantic-color-seawater-solid-surface-static-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-surface-static-midHigh: var(--core-color-solid-seawater-800); + --semantic-color-seawater-solid-surface-static-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-surface-static-higher: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-surface-static-highest: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-border-normal-low: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-border-normal-mid: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-border-normal-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-border-normal-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-border-inverse-low: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-border-inverse-mid: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-border-inverse-high: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-border-inverse-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-border-static-lowest: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-border-static-lower: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-border-static-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-border-static-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-border-static-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-border-static-higher: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-border-static-highest: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-textIcon-normal-lowest: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-textIcon-normal-low: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-textIcon-normal-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-textIcon-normal-high: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-textIcon-inverse-lowest: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-textIcon-inverse-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-textIcon-inverse-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-textIcon-inverse-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-textIcon-static-lowest: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-textIcon-static-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-textIcon-static-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-textIcon-static-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-textIcon-static-highest: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-opacity-surface-lowest: var(--core-color-opacity-seawater-75); + --semantic-color-seawater-opacity-surface-low: var(--core-color-opacity-seawater-100); + --semantic-color-seawater-opacity-surface-midLow: var(--core-color-opacity-seawater-200); + --semantic-color-seawater-opacity-surface-midHigh: var(--core-color-opacity-seawater-300); + --semantic-color-seawater-opacity-surface-high: var(--core-color-opacity-seawater-700); + --semantic-color-seawater-opacity-surface-highest: var(--core-color-opacity-seawater-800); + --semantic-color-seawater-opacity-border-lowest: var(--core-color-opacity-seawater-75); + --semantic-color-seawater-opacity-border-lower: var(--core-color-opacity-seawater-100); + --semantic-color-seawater-opacity-border-low: var(--core-color-opacity-seawater-200); + --semantic-color-seawater-opacity-border-mid: var(--core-color-opacity-seawater-300); + --semantic-color-seawater-opacity-border-high: var(--core-color-opacity-seawater-600); + --semantic-color-seawater-opacity-border-higher: var(--core-color-opacity-seawater-700); + --semantic-color-seawater-opacity-border-highest: var(--core-color-opacity-seawater-800); + --semantic-color-seawater-opacity-textIcon-low: var(--core-color-opacity-seawater-300); + --semantic-color-seawater-opacity-textIcon-mid: var(--core-color-opacity-seawater-400); + --semantic-color-seawater-opacity-textIcon-high: var(--core-color-opacity-seawater-600); + --semantic-color-blue-solid-surface-normal-lowest: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-surface-normal-low: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-surface-normal-mid: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-surface-normal-high: var(--core-color-solid-blue-800); + --semantic-color-blue-solid-surface-normal-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-surface-inverse-lowest: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-surface-inverse-low: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-surface-inverse-mid: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-surface-inverse-high: var(--core-color-solid-blue-600); + --semantic-color-blue-solid-surface-inverse-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-surface-static-lowest: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-surface-static-lower: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-surface-static-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-surface-static-midLow: var(--core-color-solid-blue-600); + --semantic-color-blue-solid-surface-static-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-surface-static-midHigh: var(--core-color-solid-blue-800); + --semantic-color-blue-solid-surface-static-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-surface-static-higher: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-surface-static-highest: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-border-normal-low: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-border-normal-mid: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-border-normal-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-border-normal-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-border-inverse-low: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-border-inverse-mid: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-border-inverse-high: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-border-inverse-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-border-static-lowest: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-border-static-lower: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-border-static-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-border-static-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-border-static-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-border-static-higher: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-border-static-highest: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-textIcon-normal-lowest: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-textIcon-normal-low: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-textIcon-normal-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-textIcon-normal-high: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-textIcon-inverse-lowest: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-textIcon-inverse-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-textIcon-inverse-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-textIcon-inverse-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-textIcon-static-lowest: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-textIcon-static-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-textIcon-static-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-textIcon-static-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-textIcon-static-highest: var(--core-color-solid-blue-1200); + --semantic-color-blue-opacity-surface-lowest: var(--core-color-opacity-blue-75); + --semantic-color-blue-opacity-surface-low: var(--core-color-opacity-blue-100); + --semantic-color-blue-opacity-surface-midLow: var(--core-color-opacity-blue-200); + --semantic-color-blue-opacity-surface-midHigh: var(--core-color-opacity-blue-300); + --semantic-color-blue-opacity-surface-high: var(--core-color-opacity-blue-700); + --semantic-color-blue-opacity-surface-highest: var(--core-color-opacity-blue-800); + --semantic-color-blue-opacity-border-lowest: var(--core-color-opacity-blue-75); + --semantic-color-blue-opacity-border-lower: var(--core-color-opacity-blue-100); + --semantic-color-blue-opacity-border-low: var(--core-color-opacity-blue-200); + --semantic-color-blue-opacity-border-mid: var(--core-color-opacity-blue-300); + --semantic-color-blue-opacity-border-high: var(--core-color-opacity-blue-600); + --semantic-color-blue-opacity-border-higher: var(--core-color-opacity-blue-700); + --semantic-color-blue-opacity-border-highest: var(--core-color-opacity-blue-800); + --semantic-color-blue-opacity-textIcon-low: var(--core-color-opacity-blue-300); + --semantic-color-blue-opacity-textIcon-mid: var(--core-color-opacity-blue-400); + --semantic-color-blue-opacity-textIcon-high: var(--core-color-opacity-blue-600); + --semantic-color-sapphire-solid-surface-normal-lowest: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-surface-normal-low: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-surface-normal-mid: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-surface-normal-high: var(--core-color-solid-sapphire-800); + --semantic-color-sapphire-solid-surface-normal-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-surface-inverse-lowest: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-surface-inverse-low: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-surface-inverse-mid: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-surface-inverse-high: var(--core-color-solid-sapphire-600); + --semantic-color-sapphire-solid-surface-inverse-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-surface-static-lowest: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-surface-static-lower: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-surface-static-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-surface-static-midLow: var(--core-color-solid-sapphire-600); + --semantic-color-sapphire-solid-surface-static-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-surface-static-midHigh: var(--core-color-solid-sapphire-800); + --semantic-color-sapphire-solid-surface-static-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-surface-static-higher: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-surface-static-highest: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-border-normal-low: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-border-normal-mid: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-border-normal-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-border-normal-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-border-inverse-low: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-border-inverse-mid: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-border-inverse-high: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-border-inverse-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-border-static-lowest: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-border-static-lower: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-border-static-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-border-static-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-border-static-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-border-static-higher: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-border-static-highest: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-textIcon-normal-lowest: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-textIcon-normal-low: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-textIcon-normal-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-textIcon-normal-high: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-textIcon-inverse-lowest: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-textIcon-inverse-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-textIcon-inverse-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-textIcon-inverse-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-textIcon-static-lowest: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-textIcon-static-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-textIcon-static-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-textIcon-static-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-textIcon-static-highest: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-opacity-surface-lowest: var(--core-color-opacity-sapphire-75); + --semantic-color-sapphire-opacity-surface-low: var(--core-color-opacity-sapphire-100); + --semantic-color-sapphire-opacity-surface-midLow: var(--core-color-opacity-sapphire-200); + --semantic-color-sapphire-opacity-surface-midHigh: var(--core-color-opacity-sapphire-300); + --semantic-color-sapphire-opacity-surface-high: var(--core-color-opacity-sapphire-700); + --semantic-color-sapphire-opacity-surface-highest: var(--core-color-opacity-sapphire-800); + --semantic-color-sapphire-opacity-border-lowest: var(--core-color-opacity-sapphire-75); + --semantic-color-sapphire-opacity-border-lower: var(--core-color-opacity-sapphire-100); + --semantic-color-sapphire-opacity-border-low: var(--core-color-opacity-sapphire-200); + --semantic-color-sapphire-opacity-border-mid: var(--core-color-opacity-sapphire-300); + --semantic-color-sapphire-opacity-border-high: var(--core-color-opacity-sapphire-600); + --semantic-color-sapphire-opacity-border-higher: var(--core-color-opacity-sapphire-700); + --semantic-color-sapphire-opacity-border-highest: var(--core-color-opacity-sapphire-800); + --semantic-color-sapphire-opacity-textIcon-low: var(--core-color-opacity-sapphire-300); + --semantic-color-sapphire-opacity-textIcon-mid: var(--core-color-opacity-sapphire-400); + --semantic-color-sapphire-opacity-textIcon-high: var(--core-color-opacity-sapphire-600); + --semantic-color-blueberry-solid-surface-normal-lowest: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-surface-normal-low: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-surface-normal-mid: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-surface-normal-high: var(--core-color-solid-blueberry-800); + --semantic-color-blueberry-solid-surface-normal-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-surface-inverse-lowest: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-surface-inverse-low: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-surface-inverse-mid: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-surface-inverse-high: var(--core-color-solid-blueberry-600); + --semantic-color-blueberry-solid-surface-inverse-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-surface-static-lowest: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-surface-static-lower: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-surface-static-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-surface-static-midLow: var(--core-color-solid-blueberry-600); + --semantic-color-blueberry-solid-surface-static-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-surface-static-midHigh: var(--core-color-solid-blueberry-800); + --semantic-color-blueberry-solid-surface-static-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-surface-static-higher: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-surface-static-highest: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-border-normal-low: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-border-normal-mid: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-border-normal-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-border-normal-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-border-inverse-low: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-border-inverse-mid: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-border-inverse-high: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-border-inverse-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-border-static-lowest: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-border-static-lower: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-border-static-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-border-static-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-border-static-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-border-static-higher: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-border-static-highest: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-textIcon-normal-lowest: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-textIcon-normal-low: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-textIcon-normal-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-textIcon-normal-high: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-textIcon-inverse-lowest: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-textIcon-inverse-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-textIcon-inverse-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-textIcon-inverse-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-textIcon-static-lowest: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-textIcon-static-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-textIcon-static-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-textIcon-static-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-textIcon-static-highest: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-opacity-surface-lowest: var(--core-color-opacity-blueberry-75); + --semantic-color-blueberry-opacity-surface-low: var(--core-color-opacity-blueberry-100); + --semantic-color-blueberry-opacity-surface-midLow: var(--core-color-opacity-blueberry-200); + --semantic-color-blueberry-opacity-surface-midHigh: var(--core-color-opacity-blueberry-300); + --semantic-color-blueberry-opacity-surface-high: var(--core-color-opacity-blueberry-700); + --semantic-color-blueberry-opacity-surface-highest: var(--core-color-opacity-blueberry-800); + --semantic-color-blueberry-opacity-border-lowest: var(--core-color-opacity-blueberry-75); + --semantic-color-blueberry-opacity-border-lower: var(--core-color-opacity-blueberry-100); + --semantic-color-blueberry-opacity-border-low: var(--core-color-opacity-blueberry-200); + --semantic-color-blueberry-opacity-border-mid: var(--core-color-opacity-blueberry-300); + --semantic-color-blueberry-opacity-border-high: var(--core-color-opacity-blueberry-600); + --semantic-color-blueberry-opacity-border-higher: var(--core-color-opacity-blueberry-700); + --semantic-color-blueberry-opacity-border-highest: var(--core-color-opacity-blueberry-800); + --semantic-color-blueberry-opacity-textIcon-low: var(--core-color-opacity-blueberry-300); + --semantic-color-blueberry-opacity-textIcon-mid: var(--core-color-opacity-blueberry-400); + --semantic-color-blueberry-opacity-textIcon-high: var(--core-color-opacity-blueberry-600); + --semantic-color-grape-solid-surface-normal-lowest: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-surface-normal-low: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-surface-normal-mid: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-surface-normal-high: var(--core-color-solid-grape-800); + --semantic-color-grape-solid-surface-normal-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-surface-inverse-lowest: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-surface-inverse-low: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-surface-inverse-mid: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-surface-inverse-high: var(--core-color-solid-grape-600); + --semantic-color-grape-solid-surface-inverse-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-surface-static-lowest: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-surface-static-lower: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-surface-static-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-surface-static-midLow: var(--core-color-solid-grape-600); + --semantic-color-grape-solid-surface-static-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-surface-static-midHigh: var(--core-color-solid-grape-800); + --semantic-color-grape-solid-surface-static-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-surface-static-higher: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-surface-static-highest: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-border-normal-low: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-border-normal-mid: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-border-normal-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-border-normal-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-border-inverse-low: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-border-inverse-mid: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-border-inverse-high: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-border-inverse-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-border-static-lowest: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-border-static-lower: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-border-static-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-border-static-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-border-static-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-border-static-higher: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-border-static-highest: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-textIcon-normal-lowest: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-textIcon-normal-low: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-textIcon-normal-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-textIcon-normal-high: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-textIcon-inverse-lowest: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-textIcon-inverse-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-textIcon-inverse-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-textIcon-inverse-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-textIcon-static-lowest: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-textIcon-static-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-textIcon-static-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-textIcon-static-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-textIcon-static-highest: var(--core-color-solid-grape-1200); + --semantic-color-grape-opacity-surface-lowest: var(--core-color-opacity-grape-75); + --semantic-color-grape-opacity-surface-low: var(--core-color-opacity-grape-100); + --semantic-color-grape-opacity-surface-midLow: var(--core-color-opacity-grape-200); + --semantic-color-grape-opacity-surface-midHigh: var(--core-color-opacity-grape-300); + --semantic-color-grape-opacity-surface-high: var(--core-color-opacity-grape-700); + --semantic-color-grape-opacity-surface-highest: var(--core-color-opacity-grape-800); + --semantic-color-grape-opacity-border-lowest: var(--core-color-opacity-grape-75); + --semantic-color-grape-opacity-border-lower: var(--core-color-opacity-grape-100); + --semantic-color-grape-opacity-border-low: var(--core-color-opacity-grape-200); + --semantic-color-grape-opacity-border-mid: var(--core-color-opacity-grape-300); + --semantic-color-grape-opacity-border-high: var(--core-color-opacity-grape-600); + --semantic-color-grape-opacity-border-higher: var(--core-color-opacity-grape-700); + --semantic-color-grape-opacity-border-highest: var(--core-color-opacity-grape-800); + --semantic-color-grape-opacity-textIcon-low: var(--core-color-opacity-grape-300); + --semantic-color-grape-opacity-textIcon-mid: var(--core-color-opacity-grape-400); + --semantic-color-grape-opacity-textIcon-high: var(--core-color-opacity-grape-600); + --semantic-color-magenta-solid-surface-normal-lowest: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-surface-normal-low: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-surface-normal-mid: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-surface-normal-high: var(--core-color-solid-magenta-800); + --semantic-color-magenta-solid-surface-normal-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-surface-inverse-lowest: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-surface-inverse-low: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-surface-inverse-mid: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-surface-inverse-high: var(--core-color-solid-magenta-600); + --semantic-color-magenta-solid-surface-inverse-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-surface-static-lowest: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-surface-static-lower: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-surface-static-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-surface-static-midLow: var(--core-color-solid-magenta-600); + --semantic-color-magenta-solid-surface-static-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-surface-static-midHigh: var(--core-color-solid-magenta-800); + --semantic-color-magenta-solid-surface-static-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-surface-static-higher: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-surface-static-highest: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-border-normal-low: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-border-normal-mid: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-border-normal-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-border-normal-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-border-inverse-low: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-border-inverse-mid: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-border-inverse-high: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-border-inverse-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-border-static-lowest: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-border-static-lower: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-border-static-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-border-static-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-border-static-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-border-static-higher: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-border-static-highest: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-textIcon-normal-lowest: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-textIcon-normal-low: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-textIcon-normal-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-textIcon-normal-high: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-textIcon-inverse-lowest: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-textIcon-inverse-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-textIcon-inverse-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-textIcon-inverse-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-textIcon-static-lowest: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-textIcon-static-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-textIcon-static-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-textIcon-static-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-textIcon-static-highest: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-opacity-surface-lowest: var(--core-color-opacity-magenta-75); + --semantic-color-magenta-opacity-surface-low: var(--core-color-opacity-magenta-100); + --semantic-color-magenta-opacity-surface-midLow: var(--core-color-opacity-magenta-200); + --semantic-color-magenta-opacity-surface-midHigh: var(--core-color-opacity-magenta-300); + --semantic-color-magenta-opacity-surface-high: var(--core-color-opacity-magenta-700); + --semantic-color-magenta-opacity-surface-highest: var(--core-color-opacity-magenta-800); + --semantic-color-magenta-opacity-border-lowest: var(--core-color-opacity-magenta-75); + --semantic-color-magenta-opacity-border-lower: var(--core-color-opacity-magenta-100); + --semantic-color-magenta-opacity-border-low: var(--core-color-opacity-magenta-200); + --semantic-color-magenta-opacity-border-mid: var(--core-color-opacity-magenta-300); + --semantic-color-magenta-opacity-border-high: var(--core-color-opacity-magenta-600); + --semantic-color-magenta-opacity-border-higher: var(--core-color-opacity-magenta-700); + --semantic-color-magenta-opacity-border-highest: var(--core-color-opacity-magenta-800); + --semantic-color-magenta-opacity-textIcon-low: var(--core-color-opacity-magenta-300); + --semantic-color-magenta-opacity-textIcon-mid: var(--core-color-opacity-magenta-400); + --semantic-color-magenta-opacity-textIcon-high: var(--core-color-opacity-magenta-600); + --semantic-color-cherry-solid-surface-normal-lowest: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-surface-normal-low: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-surface-normal-mid: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-surface-normal-high: var(--core-color-solid-cherry-800); + --semantic-color-cherry-solid-surface-normal-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-surface-inverse-lowest: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-surface-inverse-low: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-surface-inverse-mid: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-surface-inverse-high: var(--core-color-solid-cherry-600); + --semantic-color-cherry-solid-surface-inverse-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-surface-static-lowest: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-surface-static-lower: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-surface-static-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-surface-static-midLow: var(--core-color-solid-cherry-600); + --semantic-color-cherry-solid-surface-static-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-surface-static-midHigh: var(--core-color-solid-cherry-800); + --semantic-color-cherry-solid-surface-static-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-surface-static-higher: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-surface-static-highest: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-border-normal-low: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-border-normal-mid: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-border-normal-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-border-normal-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-border-inverse-low: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-border-inverse-mid: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-border-inverse-high: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-border-inverse-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-border-static-lowest: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-border-static-lower: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-border-static-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-border-static-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-border-static-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-border-static-higher: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-border-static-highest: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-textIcon-normal-lowest: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-textIcon-normal-low: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-textIcon-normal-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-textIcon-normal-high: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-textIcon-inverse-lowest: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-textIcon-inverse-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-textIcon-inverse-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-textIcon-inverse-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-textIcon-static-lowest: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-textIcon-static-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-textIcon-static-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-textIcon-static-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-textIcon-static-highest: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-opacity-surface-lowest: var(--core-color-opacity-cherry-75); + --semantic-color-cherry-opacity-surface-low: var(--core-color-opacity-cherry-100); + --semantic-color-cherry-opacity-surface-midLow: var(--core-color-opacity-cherry-200); + --semantic-color-cherry-opacity-surface-midHigh: var(--core-color-opacity-cherry-300); + --semantic-color-cherry-opacity-surface-high: var(--core-color-opacity-cherry-700); + --semantic-color-cherry-opacity-surface-highest: var(--core-color-opacity-cherry-800); + --semantic-color-cherry-opacity-border-lowest: var(--core-color-opacity-cherry-75); + --semantic-color-cherry-opacity-border-lower: var(--core-color-opacity-cherry-100); + --semantic-color-cherry-opacity-border-low: var(--core-color-opacity-cherry-200); + --semantic-color-cherry-opacity-border-mid: var(--core-color-opacity-cherry-300); + --semantic-color-cherry-opacity-border-high: var(--core-color-opacity-cherry-600); + --semantic-color-cherry-opacity-border-higher: var(--core-color-opacity-cherry-700); + --semantic-color-cherry-opacity-border-highest: var(--core-color-opacity-cherry-800); + --semantic-color-cherry-opacity-textIcon-low: var(--core-color-opacity-cherry-300); + --semantic-color-cherry-opacity-textIcon-mid: var(--core-color-opacity-cherry-400); + --semantic-color-cherry-opacity-textIcon-high: var(--core-color-opacity-cherry-600); + --semantic-color-coral-solid-surface-normal-lowest: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-surface-normal-low: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-surface-normal-mid: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-surface-normal-high: var(--core-color-solid-coral-800); + --semantic-color-coral-solid-surface-normal-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-surface-inverse-lowest: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-surface-inverse-low: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-surface-inverse-mid: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-surface-inverse-high: var(--core-color-solid-coral-600); + --semantic-color-coral-solid-surface-inverse-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-surface-static-lowest: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-surface-static-lower: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-surface-static-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-surface-static-midLow: var(--core-color-solid-coral-600); + --semantic-color-coral-solid-surface-static-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-surface-static-midHigh: var(--core-color-solid-coral-800); + --semantic-color-coral-solid-surface-static-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-surface-static-higher: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-surface-static-highest: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-border-normal-low: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-border-normal-mid: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-border-normal-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-border-normal-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-border-inverse-low: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-border-inverse-mid: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-border-inverse-high: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-border-inverse-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-border-static-lowest: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-border-static-lower: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-border-static-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-border-static-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-border-static-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-border-static-higher: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-border-static-highest: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-textIcon-normal-lowest: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-textIcon-normal-low: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-textIcon-normal-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-textIcon-normal-high: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-textIcon-inverse-lowest: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-textIcon-inverse-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-textIcon-inverse-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-textIcon-inverse-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-textIcon-static-lowest: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-textIcon-static-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-textIcon-static-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-textIcon-static-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-textIcon-static-highest: var(--core-color-solid-coral-1200); + --semantic-color-coral-opacity-surface-lowest: var(--core-color-opacity-coral-75); + --semantic-color-coral-opacity-surface-low: var(--core-color-opacity-coral-100); + --semantic-color-coral-opacity-surface-midLow: var(--core-color-opacity-coral-200); + --semantic-color-coral-opacity-surface-midHigh: var(--core-color-opacity-coral-300); + --semantic-color-coral-opacity-surface-high: var(--core-color-opacity-coral-700); + --semantic-color-coral-opacity-surface-highest: var(--core-color-opacity-coral-800); + --semantic-color-coral-opacity-border-lowest: var(--core-color-opacity-coral-75); + --semantic-color-coral-opacity-border-lower: var(--core-color-opacity-coral-100); + --semantic-color-coral-opacity-border-low: var(--core-color-opacity-coral-200); + --semantic-color-coral-opacity-border-mid: var(--core-color-opacity-coral-300); + --semantic-color-coral-opacity-border-high: var(--core-color-opacity-coral-600); + --semantic-color-coral-opacity-border-higher: var(--core-color-opacity-coral-700); + --semantic-color-coral-opacity-border-highest: var(--core-color-opacity-coral-800); + --semantic-color-coral-opacity-textIcon-low: var(--core-color-opacity-coral-300); + --semantic-color-coral-opacity-textIcon-mid: var(--core-color-opacity-coral-400); + --semantic-color-coral-opacity-textIcon-high: var(--core-color-opacity-coral-600); + --semantic-color-component-segmentedControl-item-bg-selected: var(--core-color-opacity-white-200); + --component-textIcon-normal-prominent: var(--semantic-color-slate-solid-textIcon-normal-highest); + --component-textIcon-normal-default: var(--semantic-color-monochrome-textIcon-normal-high); + --component-textIcon-normal-subtle: var(--semantic-color-monochrome-textIcon-normal-mid); + --component-textIcon-normal-disabled: var(--semantic-color-monochrome-textIcon-normal-low); + --component-textIcon-inverse-prominent: var(--semantic-color-slate-solid-textIcon-inverse-highest); + --component-textIcon-inverse-default: var(--semantic-color-monochrome-textIcon-inverse-high); + --component-textIcon-inverse-subtle: var(--semantic-color-monochrome-textIcon-inverse-mid); + --component-textIcon-inverse-disabled: var(--semantic-color-monochrome-textIcon-inverse-low); + --component-textIcon-static-prominentLight: var(--semantic-color-slate-solid-textIcon-static-highest); + --component-textIcon-static-defaultLight: var(--semantic-color-monochrome-textIcon-static-blackHigh); + --component-textIcon-static-subtleLight: var(--semantic-color-monochrome-textIcon-static-blackMid); + --component-textIcon-static-disabledLight: var(--semantic-color-monochrome-textIcon-static-blackLow); + --component-textIcon-static-prominentDark: var(--core-color-solid-slate-50); + --component-textIcon-static-defaultDark: var(--core-color-opacity-white-600); + --component-textIcon-static-subtleDark: var(--core-color-opacity-white-400); + --component-textIcon-static-disabledDark: var(--core-color-opacity-white-300); + --component-textIcon-statusNormal-information: var(--semantic-color-blue-solid-textIcon-normal-high); + --component-textIcon-statusNormal-success: var(--semantic-color-green-solid-textIcon-normal-high); + --component-textIcon-statusNormal-warning: var(--semantic-color-yellow-solid-textIcon-normal-high); + --component-textIcon-statusNormal-danger: var(--semantic-color-red-solid-textIcon-normal-high); + --component-textIcon-statusInverse-information: var(--semantic-color-blue-solid-textIcon-inverse-high); + --component-textIcon-statusInverse-success: var(--semantic-color-green-solid-textIcon-inverse-high); + --component-textIcon-statusInverse-warning: var(--semantic-color-yellow-solid-textIcon-inverse-high); + --component-textIcon-statusInverse-danger: var(--semantic-color-red-solid-textIcon-inverse-high); + --component-textIcon-statusStatic-informationLight: var(--semantic-color-blue-solid-textIcon-static-high); + --component-textIcon-statusStatic-successLight: var(--semantic-color-green-solid-textIcon-static-high); + --component-textIcon-statusStatic-warningLight: var(--semantic-color-yellow-solid-textIcon-static-high); + --component-textIcon-statusStatic-dangerLight: var(--semantic-color-red-solid-textIcon-static-high); + --component-textIcon-statusStatic-informationDark: var(--semantic-color-blue-solid-textIcon-static-low); + --component-textIcon-statusStatic-successDark: var(--semantic-color-green-solid-textIcon-static-low); + --component-textIcon-statusStatic-warningDark: var(--semantic-color-yellow-solid-textIcon-static-low); + --component-textIcon-statusStatic-dangerDark: var(--semantic-color-red-solid-textIcon-static-low); + --component-handle-bg: var(--semantic-color-monochrome-surface-normal-midHigh); + --component-handle-border-radius: var(--semantic-borderRadius-pill); + --component-handle-width: var(--core-size-2400); + --component-handle-height: var(--core-size-200); + --component-selectionControl-icon-default: var(--component-textIcon-normal-subtle); + --component-selectionControl-icon-hover: var(--component-textIcon-normal-default); + --component-selectionControl-icon-active: var(--component-textIcon-normal-prominent); + --component-selectionControl-icon-selectedDefault: var(--component-textIcon-normal-prominent); + --component-selectionControl-icon-selectedHover: var(--semantic-color-monochrome-surface-normal-high); + --component-selectionControl-icon-selectedActive: var(--semantic-color-monochrome-surface-normal-highest); + --component-selectionControl-icon-disabled: var(--component-textIcon-normal-disabled); + --component-selectionControl-label-typography-sm: var(--semantic-typography-body-sm-regular-default); + --component-selectionControl-label-typography-md: var(--semantic-typography-body-md-regular-default); + --component-selectionControl-label-color-default: var(--component-textIcon-normal-default); + --component-selectionControl-label-color-hover: var(--component-textIcon-normal-default); + --component-selectionControl-label-color-active: var(--component-textIcon-normal-default); + --component-selectionControl-label-color-selectedDefault: var(--component-textIcon-normal-default); + --component-selectionControl-label-color-selectedHover: var(--component-textIcon-normal-default); + --component-selectionControl-label-color-selectedActive: var(--component-textIcon-normal-default); + --component-selectionControl-label-color-disabled: var(--component-textIcon-normal-disabled); + --component-selectionControl-spacing-gap-sm: var(--semantic-spacing-gap-md); + --component-selectionControl-spacing-gap-md: var(--semantic-spacing-gap-md); + --component-tab-icon-default: var(--component-textIcon-normal-default); + --component-tab-icon-selected: var(--component-textIcon-normal-prominent); + --component-tab-icon-disabled: var(--component-textIcon-normal-disabled); + --component-tab-label-typography-sm: var(--semantic-typography-body-sm-regular-default); + --component-tab-label-typography-md: var(--semantic-typography-body-md-regular-default); + --component-tab-label-color-default: var(--component-textIcon-normal-default); + --component-tab-label-color-selected: var(--component-textIcon-normal-prominent); + --component-tab-label-color-disabled: var(--component-textIcon-normal-disabled); + --component-tab-border-color-default: var(--semantic-color-monochrome-border-normal-mid); + --component-tab-border-color-hover: var(--semantic-color-monochrome-border-normal-high); + --component-tab-border-color-active: var(--semantic-color-monochrome-border-normal-highest); + --component-tab-border-color-selected: var(--semantic-color-slate-solid-border-inverse-lowest); + --component-tab-border-color-disabled: var(--semantic-color-monochrome-border-normal-mid); + --component-tab-border-width-item: var(--borderWidth-sm); + --component-tab-border-width-body: var(--borderWidth-xs); + --component-tab-spacing-padding-sm: var(--semantic-spacing-general-sm); + --component-tab-spacing-padding-md: var(--semantic-spacing-general-md); + --component-tab-spacing-gap-sm: var(--semantic-spacing-gap-sm); + --component-tab-spacing-gap-md: var(--semantic-spacing-gap-md); + --component-tab-height-iconTop-sm: var(--core-size-3200); + --component-tab-height-iconTop-md: var(--core-size-3600); + --component-tab-height-iconLeft-sm: var(--core-size-1600); + --component-tab-height-iconLeft-md: var(--core-size-2400); + --component-tab-height-labelOnly-sm: var(--core-size-1600); + --component-tab-height-labelOnly-md: var(--core-size-2400); + --component-field-label-typography-md-default: var(--semantic-typography-body-md-regular-default); + --component-field-label-typography-md-enabled: var(--semantic-typography-caption-regular-default); + --component-field-label-color-default: var(--component-textIcon-normal-default); + --component-field-label-color-focus: var(--component-textIcon-normal-prominent); + --component-field-label-color-enabled: var(--component-textIcon-normal-default); + --component-field-label-color-success: var(--component-textIcon-statusNormal-success); + --component-field-label-color-fail: var(--component-textIcon-statusNormal-danger); + --component-field-label-color-disabled: var(--component-textIcon-normal-disabled); + --component-field-placeholder-typography-sm: var(--semantic-typography-body-sm-regular-default); + --component-field-placeholder-typography-md: var(--semantic-typography-body-md-regular-default); + --component-field-placeholder-color: var(--component-textIcon-normal-disabled); + --component-field-input-typography-sm: var(--semantic-typography-body-sm-regular-default); + --component-field-input-typography-md: var(--semantic-typography-body-md-regular-default); + --component-field-input-color-focus: var(--component-textIcon-normal-prominent); + --component-field-input-color-enabled: var(--component-textIcon-normal-default); + --component-field-input-color-disabled: var(--component-textIcon-normal-disabled); + --component-field-message: var(--semantic-typography-caption-regular-default); + --component-field-charCount: var(--semantic-typography-caption-regular-default); + --component-field-bg-outline-default: var(--semantic-color-slate-solid-surface-frame-low); + --component-field-bg-fill-default: var(--semantic-color-monochrome-surface-normal-lowest); + --component-field-bg-fill-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-field-bg-fill-focus: var(--semantic-color-monochrome-surface-normal-lowest); + --component-field-bg-fill-successDefault: var(--semantic-color-green-opacity-surface-low); + --component-field-bg-fill-successHover: var(--semantic-color-green-opacity-surface-midLow); + --component-field-bg-fill-successFocus: var(--semantic-color-green-opacity-surface-low); + --component-field-bg-fill-failDefault: var(--semantic-color-red-opacity-surface-low); + --component-field-bg-fill-failHover: var(--semantic-color-red-opacity-surface-midLow); + --component-field-bg-fill-failFocus: var(--semantic-color-red-opacity-surface-low); + --component-field-border-radius-sm: var(--semantic-borderRadius-md); + --component-field-border-radius-md: var(--semantic-borderRadius-md); + --component-field-border-width: var(--borderWidth-xs); + --component-field-border-color-default: var(--semantic-color-monochrome-border-normal-mid); + --component-field-border-color-hover: var(--semantic-color-monochrome-border-normal-high); + --component-field-border-color-focus: var(--semantic-color-slate-solid-border-inverse-lowest); + --component-field-border-color-successDefault: var(--semantic-color-green-opacity-border-high); + --component-field-border-color-successHover: var(--semantic-color-green-opacity-border-highest); + --component-field-border-color-successFocus: var(--semantic-color-green-solid-border-inverse-high); + --component-field-border-color-failDefault: var(--semantic-color-red-opacity-border-high); + --component-field-border-color-failHover: var(--semantic-color-red-opacity-border-highest); + --component-field-border-color-failFocus: var(--semantic-color-red-solid-border-inverse-high); + --component-field-border-color-disabled: var(--semantic-color-monochrome-border-normal-mid); + --component-field-spacing-padding-sm: var(--semantic-spacing-general-sm); + --component-field-spacing-padding-md: var(--semantic-spacing-general-md); + --component-field-spacing-gap-xs: var(--semantic-spacing-gap-sm); + --component-field-spacing-gap-sm: var(--semantic-spacing-gap-md); + --component-field-height-sm: var(--core-size-1600); + --component-field-height-md: var(--core-size-2800); + --component-toggle-bg-default: var(--semantic-color-monochrome-surface-normal-midLow); + --component-toggle-bg-hover: var(--semantic-color-monochrome-surface-normal-midHigh); + --component-toggle-bg-active: var(--semantic-color-monochrome-textIcon-normal-mid); + --component-toggle-bg-disabled: var(--semantic-color-monochrome-surface-normal-midLow); + --component-toggle-bg-defaultOn: var(--semantic-color-green-opacity-surface-high); + --component-toggle-bg-hoverOn: var(--semantic-color-green-opacity-surface-highest); + --component-toggle-bg-activeOn: var(--semantic-color-green-solid-surface-inverse-mid); + --component-toggle-bg-disabledOn: var(--semantic-color-green-opacity-surface-high); + --component-toggle-knob-default: var(--semantic-color-slate-solid-surface-static-lowest); + --component-toggle-knob-disabled: var(--semantic-color-monochrome-textIcon-static-whiteMid); + --component-toggle-knob-size: var(--core-size-1000); + --component-toggle-border-radius: var(--semantic-borderRadius-pill); + --component-toggle-spacing-padding: var(--semantic-spacing-general-2xs); + --component-toggle-width: var(--core-size-2200); + --component-toggle-height: var(--core-size-1200); + --component-modal-title-typography: var(--semantic-typography-heading-h4); + --component-modal-description-typography: var(--semantic-typography-body-md-regular-default); + --component-modal-bg: var(--semantic-color-slate-solid-surface-frame-low); + --component-modal-border-radius-bottom: var(--core-borderRadius-800); + --component-modal-border-radius-overlay: var(--core-borderRadius-1600); + --component-modal-spacing-bottom-padding-sm: var(--core-spacing-1200); + --component-modal-spacing-bottom-padding-lg: var(--core-spacing-2200); + --component-modal-spacing-bottom-gap: var(--core-spacing-1200); + --component-modal-spacing-overlay-padding-sm: var(--core-spacing-1200); + --component-modal-spacing-overlay-padding-md: var(--core-spacing-1600); + --component-modal-spacing-overlay-gap: var(--core-spacing-1600); + --component-modal-width-bottom-min: 320px; + --component-modal-width-bottom-max: 800px; + --component-modal-width-overlay: 512px; + --component-button-icon-coral-primary: var(--core-color-solid-slate-50); + --component-button-icon-coral-secondary: var(--core-color-solid-coral-700); + --component-button-icon-coral-tertiary: var(--core-color-solid-coral-700); + --component-button-icon-black-primary: var(--core-color-solid-slate-50); + --component-button-icon-black-secondary: var(--core-color-solid-slate-1400); + --component-button-icon-black-tertiary: var(--core-color-solid-slate-1400); + --component-button-icon-white-primary: var(--core-color-solid-slate-1400); + --component-button-icon-white-secondary: var(--core-color-solid-slate-50); + --component-button-icon-white-tertiary: var(--core-color-solid-slate-50); + --component-button-icon-blackWhite-primary: var(--semantic-color-slate-solid-textIcon-inverse-highest); + --component-button-icon-blackWhite-secondary: var(--semantic-color-slate-solid-textIcon-normal-highest); + --component-button-icon-blackWhite-tertiary: var(--semantic-color-slate-solid-textIcon-normal-highest); + --component-button-icon-buy-primary: var(--core-color-solid-slate-50); + --component-button-icon-buy-secondary: var(--core-color-solid-emerald-700); + --component-button-icon-buy-tertiary: var(--core-color-solid-emerald-700); + --component-button-icon-sell-primary: var(--core-color-solid-slate-50); + --component-button-icon-sell-secondary: var(--core-color-solid-cherry-700); + --component-button-icon-sell-tertiary: var(--core-color-solid-cherry-700); + --component-button-icon-success-primary: var(--core-color-solid-slate-50); + --component-button-icon-success-secondary: var(--core-color-solid-green-700); + --component-button-icon-success-tertiary: var(--core-color-solid-green-700); + --component-button-icon-fail-primary: var(--core-color-solid-slate-50); + --component-button-icon-fail-secondary: var(--core-color-solid-red-700); + --component-button-icon-fail-tertiary: var(--core-color-solid-red-700); + --component-button-label-typography-primary-sm: var(--semantic-typography-caption-bold-default); + --component-button-label-typography-primary-md: var(--semantic-typography-body-sm-bold-default); + --component-button-label-typography-primary-lg: var(--semantic-typography-body-md-bold-default); + --component-button-label-typography-primary-xl: var(--semantic-typography-body-lg-bold-default); + --component-button-label-typography-secondary-sm: var(--semantic-typography-caption-bold-default); + --component-button-label-typography-secondary-md: var(--semantic-typography-body-sm-bold-default); + --component-button-label-typography-secondary-lg: var(--semantic-typography-body-md-bold-default); + --component-button-label-typography-secondary-xl: var(--semantic-typography-body-lg-bold-default); + --component-button-label-typography-tertiary-sm: var(--semantic-typography-caption-bold-underline); + --component-button-label-typography-tertiary-md: var(--semantic-typography-body-sm-bold-underline); + --component-button-label-typography-tertiary-lg: var(--semantic-typography-body-md-bold-underline); + --component-button-label-typography-tertiary-xl: var(--semantic-typography-body-lg-bold-underline); + --component-button-label-color-coral-primary: var(--core-color-solid-slate-50); + --component-button-label-color-coral-secondary: var(--core-color-solid-coral-700); + --component-button-label-color-coral-tertiary: var(--core-color-solid-coral-700); + --component-button-label-color-black-primary: var(--core-color-solid-slate-50); + --component-button-label-color-black-secondary: var(--core-color-solid-slate-1400); + --component-button-label-color-black-tertiary: var(--core-color-solid-slate-1400); + --component-button-label-color-white-primary: var(--core-color-solid-slate-1400); + --component-button-label-color-white-secondary: var(--core-color-solid-slate-50); + --component-button-label-color-white-tertiary: var(--core-color-solid-slate-50); + --component-button-label-color-blackWhite-primary: var(--component-textIcon-inverse-prominent); + --component-button-label-color-blackWhite-secondary: var(--component-textIcon-normal-prominent); + --component-button-label-color-blackWhite-tertiary: var(--component-textIcon-normal-prominent); + --component-button-label-color-buy-primary: var(--core-color-solid-slate-50); + --component-button-label-color-buy-secondary: var(--core-color-solid-emerald-700); + --component-button-label-color-buy-tertiary: var(--core-color-solid-emerald-700); + --component-button-label-color-sell-primary: var(--core-color-solid-slate-50); + --component-button-label-color-sell-secondary: var(--core-color-solid-cherry-700); + --component-button-label-color-sell-tertiary: var(--core-color-solid-cherry-700); + --component-button-label-color-success-primary: var(--core-color-solid-slate-50); + --component-button-label-color-success-secondary: var(--core-color-solid-green-700); + --component-button-label-color-success-tertiary: var(--core-color-solid-green-700); + --component-button-label-color-fail-primary: var(--core-color-solid-slate-50); + --component-button-label-color-fail-secondary: var(--core-color-solid-red-700); + --component-button-label-color-fail-tertiary: var(--core-color-solid-red-700); + --component-button-label-color-google-primary: var(--component-textIcon-normal-prominent); + --component-button-label-color-google-secondary: var(--component-textIcon-normal-prominent); + --component-button-label-color-facebook-primary: var(--core-color-solid-slate-50); + --component-button-label-color-facebook-secondary: var(--component-textIcon-normal-prominent); + --component-button-label-color-apple-primary: var(--component-textIcon-inverse-prominent); + --component-button-label-color-apple-secondary: var(--component-textIcon-normal-prominent); + --component-button-bg-coral-primary-default: var(--core-color-solid-coral-700); + --component-button-bg-coral-primary-hover: var(--core-color-solid-coral-800); + --component-button-bg-coral-primary-active: var(--core-color-solid-coral-900); + --component-button-bg-coral-primary-loading: var(--core-color-solid-coral-900); + --component-button-bg-coral-secondary-hover: var(--core-color-opacity-coral-100); + --component-button-bg-coral-secondary-active: var(--core-color-opacity-coral-200); + --component-button-bg-coral-secondary-loading: var(--core-color-opacity-coral-200); + --component-button-bg-coral-tertiary-hover: var(--core-color-opacity-coral-100); + --component-button-bg-coral-tertiary-active: var(--core-color-opacity-coral-200); + --component-button-bg-coral-tertiary-loading: var(--core-color-opacity-coral-200); + --component-button-bg-black-primary-default: var(--core-color-solid-slate-1400); + --component-button-bg-black-primary-hover: var(--core-color-opacity-black-700); + --component-button-bg-black-primary-active: var(--core-color-opacity-black-800); + --component-button-bg-black-primary-loading: var(--core-color-opacity-black-800); + --component-button-bg-black-secondary-hover: var(--core-color-opacity-black-100); + --component-button-bg-black-secondary-active: var(--core-color-opacity-black-200); + --component-button-bg-black-secondary-loading: var(--core-color-opacity-black-200); + --component-button-bg-black-tertiary-hover: var(--core-color-opacity-black-100); + --component-button-bg-black-tertiary-active: var(--core-color-opacity-black-200); + --component-button-bg-black-tertiary-loading: var(--core-color-opacity-black-200); + --component-button-bg-white-primary-default: var(--core-color-solid-slate-50); + --component-button-bg-white-primary-hover: var(--core-color-opacity-white-800); + --component-button-bg-white-primary-active: var(--core-color-opacity-white-700); + --component-button-bg-white-primary-loading: var(--core-color-opacity-white-700); + --component-button-bg-white-secondary-hover: var(--core-color-opacity-white-200); + --component-button-bg-white-secondary-active: var(--core-color-opacity-white-100); + --component-button-bg-white-secondary-loading: var(--core-color-opacity-white-100); + --component-button-bg-white-tertiary-hover: var(--core-color-opacity-white-200); + --component-button-bg-white-tertiary-active: var(--core-color-opacity-white-100); + --component-button-bg-white-tertiary-loading: var(--core-color-opacity-white-100); + --component-button-bg-blackWhite-primary-default: var(--semantic-color-slate-solid-surface-inverse-lowest); + --component-button-bg-blackWhite-primary-hover: var(--semantic-color-monochrome-surface-normal-high); + --component-button-bg-blackWhite-primary-active: var(--semantic-color-monochrome-surface-normal-highest); + --component-button-bg-blackWhite-primary-loading: var(--semantic-color-monochrome-surface-normal-highest); + --component-button-bg-blackWhite-secondary-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-button-bg-blackWhite-secondary-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-blackWhite-secondary-loading: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-blackWhite-tertiary-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-button-bg-blackWhite-tertiary-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-blackWhite-tertiary-loading: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-buy-primary-default: var(--core-color-solid-emerald-700); + --component-button-bg-buy-primary-hover: var(--core-color-solid-emerald-800); + --component-button-bg-buy-primary-active: var(--core-color-solid-emerald-900); + --component-button-bg-buy-primary-loading: var(--core-color-solid-emerald-900); + --component-button-bg-buy-secondary-hover: var(--core-color-opacity-emerald-100); + --component-button-bg-buy-secondary-active: var(--core-color-opacity-emerald-200); + --component-button-bg-buy-secondary-loading: var(--core-color-opacity-emerald-200); + --component-button-bg-buy-tertiary-hover: var(--core-color-opacity-emerald-100); + --component-button-bg-buy-tertiary-active: var(--core-color-opacity-emerald-200); + --component-button-bg-buy-tertiary-loading: var(--core-color-opacity-emerald-200); + --component-button-bg-sell-primary-default: var(--core-color-solid-cherry-700); + --component-button-bg-sell-primary-hover: var(--core-color-solid-cherry-800); + --component-button-bg-sell-primary-active: var(--core-color-solid-cherry-900); + --component-button-bg-sell-primary-loading: var(--core-color-solid-cherry-900); + --component-button-bg-sell-secondary-hover: var(--core-color-opacity-cherry-100); + --component-button-bg-sell-secondary-active: var(--core-color-opacity-cherry-200); + --component-button-bg-sell-secondary-loading: var(--core-color-opacity-cherry-200); + --component-button-bg-sell-tertiary-hover: var(--core-color-opacity-cherry-100); + --component-button-bg-sell-tertiary-active: var(--core-color-opacity-cherry-200); + --component-button-bg-sell-tertiary-loading: var(--core-color-opacity-cherry-200); + --component-button-bg-success-primary-default: var(--core-color-solid-green-700); + --component-button-bg-success-primary-hover: var(--core-color-solid-green-800); + --component-button-bg-success-primary-active: var(--core-color-solid-green-900); + --component-button-bg-success-primary-loading: var(--core-color-solid-green-900); + --component-button-bg-success-secondary-hover: var(--core-color-opacity-green-100); + --component-button-bg-success-secondary-active: var(--core-color-opacity-green-200); + --component-button-bg-success-secondary-loading: var(--core-color-opacity-green-200); + --component-button-bg-success-tertiary-hover: var(--core-color-opacity-green-100); + --component-button-bg-success-tertiary-active: var(--core-color-opacity-green-200); + --component-button-bg-success-tertiary-loading: var(--core-color-opacity-green-200); + --component-button-bg-fail-primary-default: var(--core-color-solid-red-700); + --component-button-bg-fail-primary-hover: var(--core-color-solid-red-800); + --component-button-bg-fail-primary-active: var(--core-color-solid-red-900); + --component-button-bg-fail-primary-loading: var(--core-color-solid-red-900); + --component-button-bg-fail-secondary-hover: var(--core-color-opacity-red-100); + --component-button-bg-fail-secondary-active: var(--core-color-opacity-red-200); + --component-button-bg-fail-secondary-loading: var(--core-color-opacity-red-200); + --component-button-bg-fail-tertiary-hover: var(--core-color-opacity-red-100); + --component-button-bg-fail-tertiary-active: var(--core-color-opacity-red-200); + --component-button-bg-fail-tertiary-loading: var(--core-color-opacity-red-200); + --component-button-bg-google-primary-default: var(--semantic-color-monochrome-surface-normal-lowest); + --component-button-bg-google-primary-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-button-bg-google-primary-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-google-primary-loading: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-google-secondary-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-button-bg-google-secondary-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-google-secondary-loading: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-facebook-primary-default: #1877f2; + --component-button-bg-facebook-primary-hover: #166ddf; + --component-button-bg-facebook-primary-active: #1464cb; + --component-button-bg-facebook-primary-loading: #1464cb; + --component-button-bg-facebook-secondary-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-button-bg-facebook-secondary-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-facebook-secondary-loading: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-apple-primary-default: var(--semantic-color-slate-solid-surface-inverse-lowest); + --component-button-bg-apple-primary-hover: var(--semantic-color-monochrome-surface-normal-high); + --component-button-bg-apple-primary-active: var(--semantic-color-monochrome-surface-normal-highest); + --component-button-bg-apple-primary-loading: var(--semantic-color-monochrome-surface-normal-highest); + --component-button-bg-apple-secondary-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-button-bg-apple-secondary-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-apple-secondary-loading: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-border-radius-sm: var(--core-borderRadius-400); + --component-button-border-radius-md: var(--core-borderRadius-600); + --component-button-border-radius-lg: var(--core-borderRadius-800); + --component-button-border-radius-xl: var(--core-borderRadius-1200); + --component-button-border-width-sm: var(--core-borderWidth-75); + --component-button-border-width-md: var(--core-borderWidth-100); + --component-button-border-color-coral: var(--core-color-solid-coral-700); + --component-button-border-color-black: var(--core-color-solid-slate-1400); + --component-button-border-color-white: var(--core-color-solid-slate-50); + --component-button-border-color-blackWhite: var(--semantic-color-slate-solid-border-inverse-lowest); + --component-button-border-color-buy: var(--core-color-solid-emerald-700); + --component-button-border-color-sell: var(--core-color-solid-cherry-700); + --component-button-border-color-success: var(--core-color-solid-green-700); + --component-button-border-color-fail: var(--core-color-solid-red-700); + --component-button-border-color-google: var(--semantic-color-monochrome-border-normal-mid); + --component-button-border-color-facebook: var(--semantic-color-monochrome-border-normal-mid); + --component-button-border-color-apple: var(--semantic-color-monochrome-border-normal-mid); + --component-button-spacing-padding-sm: var(--core-spacing-400); + --component-button-spacing-padding-md: var(--core-spacing-600); + --component-button-spacing-padding-lg: var(--core-spacing-800); + --component-button-spacing-padding-xl: var(--core-spacing-1200); + --component-button-spacing-padding-2xl: var(--core-spacing-1600); + --component-button-spacing-padding-3xl: var(--core-spacing-2000); + --component-button-spacing-padding-4xl: var(--core-spacing-2800); + --component-button-spacing-gap-sm: var(--core-spacing-200); + --component-button-spacing-gap-md: var(--core-spacing-300); + --component-button-spacing-gap-lg: var(--core-spacing-400); + --component-button-spacing-gap-xl: var(--core-spacing-600); + --component-button-width-sm: var(--core-size-1200); + --component-button-width-md: var(--core-size-1600); + --component-button-width-lg: var(--core-size-2400); + --component-button-width-xl: var(--core-size-3200); + --component-button-width-min-sm: 48px; + --component-button-width-min-md: 64px; + --component-button-width-min-lg: 96px; + --component-button-width-min-xl: 128px; + --component-button-height-sm: var(--core-size-1200); + --component-button-height-md: var(--core-size-1600); + --component-button-height-lg: var(--core-size-2400); + --component-button-height-xl: var(--core-size-3200); + --component-segmentedControl-icon-single-default: var(--component-textIcon-normal-default); + --component-segmentedControl-icon-single-selected: var(--component-textIcon-normal-prominent); + --component-segmentedControl-icon-single-disabled: var(--component-textIcon-normal-disabled); + --component-segmentedControl-icon-multi-default: var(--component-textIcon-normal-default); + --component-segmentedControl-icon-multi-selected: var(--component-textIcon-inverse-prominent); + --component-segmentedControl-icon-multi-disabled: var(--component-textIcon-normal-disabled); + --component-segmentedControl-label-typography-sm: var(--semantic-typography-body-sm-regular-default); + --component-segmentedControl-label-typography-md: var(--semantic-typography-body-md-regular-default); + --component-segmentedControl-label-typography-lg: var(--semantic-typography-body-lg-regular-default); + --component-segmentedControl-label-single-color-default: var(--component-textIcon-normal-default); + --component-segmentedControl-label-single-color-selected: var(--component-textIcon-normal-prominent); + --component-segmentedControl-label-single-color-disabled: var(--component-textIcon-normal-disabled); + --component-segmentedControl-label-multi-color-default: var(--component-textIcon-normal-default); + --component-segmentedControl-label-multi-color-selected: var(--component-textIcon-inverse-prominent); + --component-segmentedControl-label-multi-color-disabled: var(--component-textIcon-normal-disabled); + --component-segmentedControl-bg-single-item-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-segmentedControl-bg-single-item-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-segmentedControl-bg-single-item-selected: var( + --semantic-color-component-segmentedControl-item-bg-selected + ); + --component-segmentedControl-bg-single-body: var(--semantic-color-monochrome-surface-normal-lowest); + --component-segmentedControl-bg-multi-item-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-segmentedControl-bg-multi-item-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-segmentedControl-bg-multi-item-selected: var(--semantic-color-slate-solid-surface-inverse-lowest); + --component-segmentedControl-bg-multi-body: var(--semantic-color-monochrome-surface-normal-lowest); + --component-segmentedControl-border-radius-single-item-sm: var(--semantic-spacing-general-xs); + --component-segmentedControl-border-radius-single-item-md: var(--semantic-spacing-general-sm); + --component-segmentedControl-border-radius-single-item-lg: var(--core-borderRadius-600); + --component-segmentedControl-border-radius-single-body-sm: var(--semantic-spacing-general-sm); + --component-segmentedControl-border-radius-single-body-md: var(--semantic-spacing-general-md); + --component-segmentedControl-border-radius-single-body-lg: var(--semantic-spacing-general-lg); + --component-segmentedControl-border-radius-multi-body-sm: var(--core-borderRadius-200); + --component-segmentedControl-border-radius-multi-body-md: var(--core-borderRadius-400); + --component-segmentedControl-border-radius-multi-body-lg: var(--core-borderRadius-600); + --component-segmentedControl-spacing-padding-item-sm: var(--semantic-spacing-general-sm); + --component-segmentedControl-spacing-padding-item-md: var(--semantic-spacing-general-md); + --component-segmentedControl-spacing-padding-item-lg: var(--semantic-spacing-general-lg); + --component-segmentedControl-spacing-padding-body-sm: var(--semantic-spacing-general-xs); + --component-segmentedControl-spacing-padding-body-md: var(--semantic-spacing-general-sm); + --component-segmentedControl-spacing-padding-body-lg: var(--core-spacing-600); + --component-segmentedControl-spacing-gap-item-sm: var(--semantic-spacing-gap-sm); + --component-segmentedControl-spacing-gap-item-md: var(--semantic-spacing-gap-md); + --component-segmentedControl-spacing-gap-item-lg: var(--core-borderRadius-600); + --component-segmentedControl-spacing-gap-body: var(--semantic-spacing-gap-2xs); + --component-segmentedControl-width-item-min-sm: var(--core-size-2000); + --component-segmentedControl-width-item-min-md: var(--core-size-2400); + --component-segmentedControl-width-item-min-lg: var(--core-size-2800); + --component-segmentedControl-height-item-sm: var(--core-size-1600); + --component-segmentedControl-height-item-md: var(--core-size-2000); + --component-segmentedControl-height-item-lg: var(--core-size-2400); + --component-segmentedControl-height-body-single-sm: var(--core-size-2000); + --component-segmentedControl-height-body-single-md: var(--core-size-2800); + --component-segmentedControl-height-body-single-lg: var(--core-size-3600); + --component-segmentedControl-height-body-multi-sm: var(--core-size-1600); + --component-segmentedControl-height-body-multi-md: var(--core-size-2000); + --component-segmentedControl-height-body-multi-lg: var(--core-size-2400); + --component-pagination-icon-default: var(--component-textIcon-normal-prominent); + --component-pagination-icon-disabled: var(--component-textIcon-normal-disabled); + --component-pagination-label-typography: var(--semantic-typography-body-sm-regular-default); + --component-pagination-label-color-default: var(--component-textIcon-normal-default); + --component-pagination-label-color-selected: var(--component-textIcon-inverse-prominent); + --component-pagination-label-color-disabled: var(--component-textIcon-normal-disabled); + --component-pagination-bg-default: var(--semantic-color-monochrome-surface-normal-lowest); + --component-pagination-bg-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-pagination-bg-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-pagination-bg-selected: var(--semantic-color-slate-solid-surface-inverse-lowest); + --component-pagination-border-radius-number: var(--core-borderRadius-200); + --component-pagination-border-radius-bullet: var(--semantic-borderRadius-pill); + --component-pagination-border-radius-button: var(--core-borderRadius-200); + --component-pagination-spacing-gap-body: var(--core-borderRadius-400); + --component-pagination-width-number: var(--core-size-1600); + --component-pagination-width-bullet: var(--core-size-400); + --component-pagination-width-button: var(--core-size-1600); + --component-pagination-height-number: var(--core-size-1600); + --component-pagination-height-bullet: var(--core-size-400); + --component-pagination-height-button: var(--core-size-1600); + --component-actionSheet-title-typography: var(--semantic-typography-heading-h5); + --component-actionSheet-description-typography: var(--semantic-typography-body-md-regular-default); + --component-actionSheet-bg: var(--semantic-color-slate-solid-surface-frame-low); + --component-actionSheet-border-radius: var(--core-borderRadius-800); + --component-actionSheet-spacing-padding-sm: var(--core-spacing-400); + --component-actionSheet-spacing-padding-md: var(--core-spacing-800); + --component-actionSheet-spacing-padding-lg: var(--core-spacing-1200); + --component-actionSheet-spacing-gap-sm: var(--core-spacing-400); + --component-actionSheet-spacing-gap-md: var(--core-spacing-600); + --component-actionSheet-width-bottom-min: 320px; + --component-actionSheet-width-bottom-max: 800px; + --component-actionSheet-width-side: 360px; + --component-snackbar-icon: var(--semantic-color-slate-solid-textIcon-inverse-highest); + --component-snackbar-label-typography: var(--semantic-typography-body-sm-regular-default); + --component-snackbar-label-color: var(--semantic-color-slate-solid-textIcon-inverse-highest); + --component-snackbar-bg: var(--semantic-color-slate-solid-surface-inverse-lowest); + --component-snackbar-border-radius: var(--core-borderRadius-400); + --component-snackbar-border-width: var(--core-borderWidth-75); + --component-snackbar-border-color: var(--semantic-color-monochrome-border-inverse-low); + --component-snackbar-spacing-padding-sm: var(--core-spacing-400); + --component-snackbar-spacing-padding-md: var(--core-spacing-800); + --component-snackbar-spacing-gap: var(--core-spacing-400); + --component-snackbar-width-max: 560px; + --component-snackbar-height-min: 48px; + --component-snackbar-height-max: 60px; + --component-snackbar-elevation-shadow: var(--core-elevation-shadow-330); + --component-badge-notification-label-typography-sm: var(--semantic-typography-caption-bold-default); + --component-badge-notification-label-typography-md: var(--semantic-typography-body-md-bold-default); + --component-badge-notification-label-typography-lg: var(--semantic-typography-body-xl-bold-default); + --component-badge-notification-label-color: var(--semantic-color-slate-solid-surface-static-lowest); + --component-badge-notification-bg: var(--semantic-color-red-solid-surface-static-mid); + --component-badge-notification-border-radius: var(--semantic-borderRadius-pill); + --component-badge-notification-spacing-padding-sm: 5px; + --component-badge-notification-spacing-padding-md: 7px; + --component-badge-notification-spacing-padding-lg: 10.5px; + --component-badge-status-bg-success: var(--semantic-color-green-solid-surface-static-mid); + --component-badge-status-bg-warning: var(--semantic-color-yellow-solid-surface-static-mid); + --component-badge-status-bg-danger: var(--semantic-color-red-solid-surface-static-mid); + --component-badge-status-border-radius: var(--semantic-borderRadius-pill); + --component-badge-status-width-sm: var(--core-size-400); + --component-badge-status-width-md: var(--core-size-800); + --component-badge-status-width-lg: var(--core-size-1200); + --component-badge-status-height-sm: var(--core-size-400); + --component-badge-status-height-md: var(--core-size-800); + --component-badge-status-height-lg: var(--core-size-1200); + --component-fieldMarker-label-typography-xs: var(--semantic-typography-caption-regular-default); + --component-fieldMarker-label-typography-sm: var(--semantic-typography-body-sm-regular-default); + --component-fieldMarker-label-typography-md: var(--semantic-typography-body-md-regular-default); + --component-fieldMarker-label-color-required: var(--component-textIcon-statusNormal-danger); + --component-fieldMarker-label-color-optional: var(--component-textIcon-normal-disabled); + --component-dropdownItem-icon-default: var(--component-textIcon-normal-default); + --component-dropdownItem-icon-selected: var(--component-textIcon-normal-prominent); + --component-dropdownItem-icon-selectedWhite: var(--component-textIcon-inverse-prominent); + --component-dropdownItem-icon-disabled: var(--component-textIcon-normal-disabled); + --component-dropdownItem-icon-disabledWhite: var(--component-textIcon-inverse-disabled); + --component-dropdownItem-label-typography-sm: var(--semantic-typography-body-sm-regular-default); + --component-dropdownItem-label-typography-md: var(--semantic-typography-body-md-regular-default); + --component-dropdownItem-label-color-default: var(--component-textIcon-normal-default); + --component-dropdownItem-label-color-selected: var(--component-textIcon-normal-prominent); + --component-dropdownItem-label-color-selectedWhite: var(--component-textIcon-inverse-prominent); + --component-dropdownItem-label-color-disabled: var(--component-textIcon-normal-disabled); + --component-dropdownItem-label-color-disabledWhite: var(--component-textIcon-inverse-disabled); + --component-dropdownItem-bg-default: var(--semantic-color-monochrome-surface-normal-lowest); + --component-dropdownItem-bg-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-dropdownItem-bg-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-dropdownItem-bg-selected: var(--semantic-color-slate-solid-surface-inverse-lowest); + --component-dropdownItem-bg-selectedHover: var(--semantic-color-monochrome-surface-normal-high); + --component-dropdownItem-bg-selectedActive: var(--semantic-color-monochrome-surface-normal-highest); + --component-dropdownItem-bg-selectedDisabled: var(--semantic-color-monochrome-surface-normal-midHigh); + --component-dropdownItem-border-radius: var(--core-borderRadius-200); + --component-dropdownItem-spacing-padding-sm: var(--core-spacing-600); + --component-dropdownItem-spacing-padding-md: var(--core-spacing-800); + --component-dropdownItem-spacing-gap-xs: var(--core-spacing-200); + --component-dropdownItem-spacing-gap-sm: var(--core-spacing-300); + --component-dropdownItem-spacing-gap-md: var(--core-spacing-400); + --component-dropdownItem-width-date-sm: var(--core-size-2000); + --component-dropdownItem-width-date-md: var(--core-size-2400); + --component-dropdownItem-height-item-sm: var(--core-size-1600); + --component-dropdownItem-height-item-md: var(--core-size-2400); + --component-dropdownItem-height-date-sm: var(--core-size-2000); + --component-dropdownItem-height-date-md: var(--core-size-2400); + --component-dropdownList-bg: var(--semantic-color-slate-solid-surface-frame-low); + --component-dropdownList-border-radius: var(--core-borderRadius-400); + --component-dropdownList-border-width: var(--core-borderWidth-75); + --component-dropdownList-border-color: var(--semantic-color-monochrome-border-normal-low); + --component-dropdownList-spacing-padding-sm: var(--core-spacing-200); + --component-dropdownList-spacing-padding-md: var(--core-spacing-400); + --component-dropdownList-spacing-padding-lg: var(--core-spacing-800); + --component-dropdownList-spacing-padding-xl: var(--core-spacing-1200); + --component-dropdownList-spacing-gap-sm: var(--core-spacing-800); + --component-dropdownList-spacing-gap-md: var(--core-spacing-1200); + --component-dropdownList-width-datePicker-sm: 312px; + --component-dropdownList-width-datePicker-md: 384px; + --component-dropdownList-width-dateRangePicker-sm: 312px; + --component-dropdownList-width-dateRangePicker-md: 384px; + --component-dropdownList-height-item-sm: 220px; + --component-dropdownList-height-item-md: 420px; + --component-dropdownList-height-item-lg: 660px; + --component-dropdownList-elevation-shadow: var(--semantic-elevation-shadow-menu); + --component-tag-icon-default: var(--component-textIcon-normal-default); + --component-tag-icon-information: var(--component-textIcon-statusNormal-information); + --component-tag-icon-success: var(--component-textIcon-statusNormal-success); + --component-tag-icon-warning: var(--component-textIcon-statusNormal-warning); + --component-tag-icon-danger: var(--component-textIcon-statusNormal-danger); + --component-tag-label-typography-regular-xs: var(--semantic-typography-caption-regular-default); + --component-tag-label-typography-regular-sm: var(--semantic-typography-body-sm-regular-default); + --component-tag-label-typography-regular-md: var(--semantic-typography-body-md-regular-default); + --component-tag-label-typography-bold-xs: var(--semantic-typography-caption-bold-default); + --component-tag-label-typography-bold-sm: var(--semantic-typography-body-sm-bold-default); + --component-tag-label-typography-bold-md: var(--semantic-typography-body-md-bold-default); + --component-tag-label-color-default: var(--component-textIcon-normal-default); + --component-tag-label-color-information: var(--component-textIcon-statusNormal-information); + --component-tag-label-color-success: var(--component-textIcon-statusNormal-success); + --component-tag-label-color-warning: var(--component-textIcon-statusNormal-warning); + --component-tag-label-color-danger: var(--component-textIcon-statusNormal-danger); + --component-tag-bg-default: var(--semantic-color-monochrome-surface-normal-lowest); + --component-tag-bg-information: var(--semantic-color-blue-opacity-surface-low); + --component-tag-bg-success: var(--semantic-color-green-opacity-surface-low); + --component-tag-bg-warning: var(--semantic-color-yellow-opacity-surface-low); + --component-tag-bg-danger: var(--semantic-color-red-opacity-surface-low); + --component-tag-border-radius-xs: var(--core-borderRadius-200); + --component-tag-border-radius-sm: var(--core-borderRadius-300); + --component-tag-border-radius-md: var(--core-borderRadius-400); + --component-tag-border-width: var(--core-borderWidth-75); + --component-tag-border-color-default: var(--semantic-color-monochrome-border-normal-mid); + --component-tag-border-color-information: var(--semantic-color-blue-solid-border-inverse-high); + --component-tag-border-color-success: var(--semantic-color-green-solid-border-inverse-high); + --component-tag-border-color-warning: var(--semantic-color-yellow-solid-border-inverse-high); + --component-tag-border-color-danger: var(--semantic-color-red-solid-border-inverse-high); + --component-tag-spacing-padding-xs: var(--core-spacing-200); + --component-tag-spacing-padding-sm: var(--core-spacing-400); + --component-tag-spacing-padding-md: var(--core-spacing-600); + --component-tag-spacing-padding-lg: var(--core-spacing-800); + --component-tag-spacing-gap-xs: var(--core-spacing-200); + --component-tag-spacing-gap-sm: var(--core-spacing-400); + --component-tag-spacing-gap-md: var(--core-spacing-600); + --component-tag-spacing-gap-lg: var(--core-spacing-800); + --component-tag-height-xs: var(--core-size-1100); + --component-tag-height-sm: var(--core-size-1200); + --component-tag-height-md: var(--core-size-1600); + --component-tag-height-lg: var(--core-size-2400); + --component-chip-icon-default: var(--component-textIcon-normal-default); + --component-chip-icon-selected: var(--component-textIcon-inverse-prominent); + --component-chip-icon-disabled: var(--component-textIcon-normal-disabled); + --component-chip-icon-disabledWhite: var(--component-textIcon-inverse-disabled); + --component-chip-icon-close-default: var(--component-textIcon-normal-subtle); + --component-chip-icon-close-hover: var(--component-textIcon-normal-default); + --component-chip-icon-close-active: var(--component-textIcon-normal-prominent); + --component-chip-label-typography-sm: var(--semantic-typography-caption-regular-default); + --component-chip-label-typography-md: var(--semantic-typography-body-sm-regular-default); + --component-chip-label-typography-lg: var(--semantic-typography-body-md-regular-default); + --component-chip-label-color-default: var(--component-textIcon-normal-default); + --component-chip-label-color-selected: var(--component-textIcon-inverse-prominent); + --component-chip-label-color-disabled: var(--component-textIcon-normal-disabled); + --component-chip-label-color-disabledWhite: var(--component-textIcon-inverse-disabled); + --component-chip-item-typography-sm: var(--semantic-typography-caption-regular-default); + --component-chip-item-typography-md: var(--semantic-typography-body-sm-regular-default); + --component-chip-item-typography-lg: var(--semantic-typography-body-md-regular-default); + --component-chip-item-color-default: var(--component-textIcon-inverse-prominent); + --component-chip-item-color-disabled: var(--component-textIcon-inverse-disabled); + --component-chip-tag-typography-sm: var(--semantic-typography-caption-bold-default); + --component-chip-tag-typography-md: var(--semantic-typography-body-sm-bold-default); + --component-chip-tag-typography-lg: var(--semantic-typography-body-md-bold-default); + --component-chip-tag-color-default: var(--component-textIcon-normal-default); + --component-chip-tag-color-selected: var(--component-textIcon-inverse-prominent); + --component-chip-tag-color-disabled: var(--component-textIcon-normal-disabled); + --component-chip-bg-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-chip-bg-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-chip-bg-expand: var(--semantic-color-monochrome-surface-normal-midLow); + --component-chip-bg-selected: var(--semantic-color-slate-solid-surface-inverse-lowest); + --component-chip-bg-selectedHover: var(--semantic-color-monochrome-surface-normal-high); + --component-chip-bg-selectedActive: var(--semantic-color-monochrome-surface-normal-highest); + --component-chip-bg-selectedExpand: var(--semantic-color-slate-solid-surface-inverse-lowest); + --component-chip-bg-selectedDisabled: var(--semantic-color-monochrome-surface-normal-midHigh); + --component-chip-border-radius: var(--semantic-borderRadius-pill); + --component-chip-border-width: var(--core-borderWidth-75); + --component-chip-border-color: var(--semantic-color-monochrome-border-normal-mid); + --component-chip-spacing-padding-xs: var(--core-spacing-300); + --component-chip-spacing-padding-sm: var(--core-spacing-400); + --component-chip-spacing-padding-md: var(--core-spacing-600); + --component-chip-spacing-padding-lg: var(--core-spacing-800); + --component-chip-spacing-padding-xl: var(--core-spacing-1200); + --component-chip-spacing-gap-xs: var(--core-spacing-300); + --component-chip-spacing-gap-sm: var(--core-spacing-400); + --component-chip-spacing-gap-md: var(--core-spacing-600); + --component-chip-height-sm: var(--core-size-1200); + --component-chip-height-md: var(--core-size-1600); + --component-chip-height-lg: var(--core-size-2400); + --component-notification-title-typography-banner: var(--semantic-typography-body-sm-bold-default); + --component-notification-title-typography-item-unread: var(--semantic-typography-body-sm-bold-default); + --component-notification-title-typography-item-read: var(--semantic-typography-body-sm-regular-default); + --component-notification-title-color-banner: var(--component-textIcon-normal-prominent); + --component-notification-title-color-item-unread: var(--component-textIcon-normal-prominent); + --component-notification-title-color-item-read: var(--component-textIcon-normal-default); + --component-notification-message-typography-banner: var(--semantic-typography-caption-regular-default); + --component-notification-message-typography-item: var(--semantic-typography-body-sm-regular-default); + --component-notification-message-color-banner: var(--component-textIcon-normal-default); + --component-notification-message-color-item-unread: var(--component-textIcon-normal-prominent); + --component-notification-message-color-item-read: var(--component-textIcon-normal-default); + --component-notification-timestamp-typography: var(--semantic-typography-caption-regular-default); + --component-notification-timestamp-color: var(--component-textIcon-normal-subtle); + --component-notification-bg-banner: var(--semantic-color-slate-solid-surface-frame-low); + --component-notification-bg-item-default: var(--semantic-color-slate-solid-surface-frame-low); + --component-notification-bg-item-hover: var(--semantic-color-monochrome-surface-normal-lowest); + --component-notification-bg-item-active: var(--semantic-color-monochrome-surface-normal-low); + --component-notification-bg-divider: var(--semantic-color-monochrome-surface-normal-low); + --component-notification-border-radius: var(--core-borderRadius-800); + --component-notification-border-width: var(--core-borderWidth-75); + --component-notification-border-color: var(--semantic-color-monochrome-border-normal-mid); + --component-notification-spacing-padding-sm: var(--core-spacing-800); + --component-notification-spacing-padding-md: var(--core-spacing-1600); + --component-notification-spacing-gap-xs: var(--core-spacing-200); + --component-notification-spacing-gap-sm: var(--core-spacing-800); + --component-notification-spacing-gap-md: var(--core-spacing-1600); + --component-notification-sizing-banner: 360px; + --component-notification-elevation-shadow: var(--core-elevation-shadow-330); +} +@media (min-width: 640px) { + :root { + --semantic-typography-heading-hero-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-hero-fontSize: var(--core-fontSize-800); + --semantic-typography-heading-hero-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-hero-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-hero-paragraphSpacing: var(--core-paragraphSpacing-800); + --semantic-typography-heading-hero-letterSpacing: normal; + --semantic-typography-heading-h1-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h1-fontSize: var(--core-fontSize-1100); + --semantic-typography-heading-h1-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h1-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h1-paragraphSpacing: var(--core-paragraphSpacing-1100); + --semantic-typography-heading-h1-letterSpacing: normal; + --semantic-typography-heading-h2-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h2-fontSize: var(--core-fontSize-1000); + --semantic-typography-heading-h2-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h2-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h2-paragraphSpacing: var(--core-paragraphSpacing-1000); + --semantic-typography-heading-h2-letterSpacing: normal; + --semantic-typography-heading-h3-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h3-fontSize: var(--core-fontSize-300); + --semantic-typography-heading-h3-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h3-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h3-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-heading-h3-letterSpacing: normal; + --semantic-typography-heading-h4-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h4-fontSize: var(--core-fontSize-200); + --semantic-typography-heading-h4-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h4-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h4-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-heading-h4-letterSpacing: normal; + --semantic-typography-heading-h5-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h5-fontSize: var(--core-fontSize-100); + --semantic-typography-heading-h5-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h5-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h5-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-heading-h5-letterSpacing: normal; + --semantic-typography-heading-h6-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h6-fontSize: var(--core-fontSize-75); + --semantic-typography-heading-h6-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h6-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h6-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-heading-h6-letterSpacing: normal; + --semantic-typography-body-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-default-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-italic-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-default-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-italic-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-default-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-default-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-italic-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-default-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-default-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-italic-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-default-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-default-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-default-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-default-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-default-letterSpacing: normal; + --semantic-typography-caption-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-letterSpacing: normal; + --semantic-typography-caption-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-underline-letterSpacing: normal; + --semantic-typography-caption-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-underline-letterSpacing: normal; + --semantic-typography-caption-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-default-letterSpacing: normal; + --semantic-typography-caption-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-letterSpacing: normal; + --semantic-typography-caption-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-underline-letterSpacing: normal; + --semantic-typography-caption-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-underline-letterSpacing: normal; + --semantic-typography-caption-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-default-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-italic-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-default-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-italic-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-default-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-default-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-italic-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-default-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-default-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-italic-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-default-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-default-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-default-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-default-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-icon-labelPaired-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-regular-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-regular-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-regular-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-regular-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-regular-caption-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-regular-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-bold-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-bold-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-bold-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-bold-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-bold-caption-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-bold-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-brand-xl-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-brand-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-brand-lg-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-brand-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-brand-md-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-brand-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-brand-sm-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-brand-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-caption-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-brand-caption-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-brand-caption-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-regular-2xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-regular-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-regular-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-regular-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-regular-md-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-regular-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-bold-2xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-bold-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-bold-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-bold-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-bold-md-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-bold-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-2xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-brand-2xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-brand-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-brand-xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-brand-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-brand-lg-fontWeight: normal; + --semantic-typography-icon-standalone-brand-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-brand-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-brand-md-fontWeight: normal; + --semantic-typography-icon-standalone-brand-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-brand-md-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-brand-sm-fontWeight: normal; + --semantic-typography-icon-standalone-brand-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-brand-sm-letterSpacing: normal; + --semantic-spacing-general-none: var(--core-spacing-50); + --semantic-spacing-general-3xs: var(--core-spacing-75); + --semantic-spacing-general-2xs: var(--core-spacing-100); + --semantic-spacing-general-xs: var(--core-spacing-200); + --semantic-spacing-general-sm: var(--core-spacing-400); + --semantic-spacing-general-md: var(--core-spacing-800); + --semantic-spacing-general-lg: var(--core-spacing-1200); + --semantic-spacing-general-xl: var(--core-spacing-1200); + --semantic-spacing-general-2xl: var(--core-spacing-1600); + --semantic-spacing-general-3xl: var(--core-spacing-1600); + --semantic-spacing-general-4xl: var(--core-spacing-2400); + --semantic-spacing-general-5xl: var(--core-spacing-2400); + --semantic-spacing-gap-none: var(--core-spacing-50); + --semantic-spacing-gap-2xs: var(--core-spacing-75); + --semantic-spacing-gap-xs: var(--core-spacing-100); + --semantic-spacing-gap-sm: var(--core-spacing-200); + --semantic-spacing-gap-md: var(--core-spacing-400); + --semantic-spacing-gap-lg: var(--core-spacing-800); + --semantic-spacing-gap-xl: var(--core-spacing-1200); + --semantic-spacing-gap-2xl: var(--core-spacing-1200); + --semantic-spacing-gap-3xl: var(--core-spacing-1600); + --semantic-spacing-gap-4xl: var(--core-spacing-1600); + --semantic-borderRadius-none: var(--core-borderRadius-50); + --semantic-borderRadius-xs: var(--core-borderRadius-100); + --semantic-borderRadius-sm: var(--core-borderRadius-200); + --semantic-borderRadius-md: var(--core-borderRadius-400); + --semantic-borderRadius-lg: var(--core-borderRadius-800); + --semantic-borderRadius-xl: var(--core-borderRadius-1200); + --semantic-borderRadius-2xl: var(--core-borderRadius-2400); + --semantic-borderRadius-pill: var(--core-borderRadius-4800); + --semantic-fontSize-heading-hero: var(--core-fontSize-800); + --semantic-fontSize-heading-h1: var(--core-fontSize-1100); + --semantic-fontSize-heading-h2: var(--core-fontSize-1000); + --semantic-fontSize-heading-h3: var(--core-fontSize-300); + --semantic-fontSize-heading-h4: var(--core-fontSize-200); + --semantic-fontSize-heading-h5: var(--core-fontSize-100); + --semantic-fontSize-heading-h6: var(--core-fontSize-75); + --semantic-fontSize-body-xl: var(--core-fontSize-300); + --semantic-fontSize-body-lg: var(--core-fontSize-200); + --semantic-fontSize-body-md: var(--core-fontSize-100); + --semantic-fontSize-body-sm: var(--core-fontSize-75); + --semantic-fontSize-caption: var(--core-fontSize-50); + --semantic-fontSize-code-xl: var(--core-fontSize-300); + --semantic-fontSize-code-lg: var(--core-fontSize-200); + --semantic-fontSize-code-md: var(--core-fontSize-100); + --semantic-fontSize-code-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-xl: var(--core-fontSize-300); + --semantic-fontSize-icon-labelPaired-lg: var(--core-fontSize-200); + --semantic-fontSize-icon-labelPaired-md: var(--core-fontSize-100); + --semantic-fontSize-icon-labelPaired-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-caption: var(--core-fontSize-50); + --semantic-fontSize-icon-standalone-2xl: var(--core-fontSize-800); + --semantic-fontSize-icon-standalone-xl: var(--core-fontSize-600); + --semantic-fontSize-icon-standalone-lg: var(--core-fontSize-500); + --semantic-fontSize-icon-standalone-md: var(--core-fontSize-300); + --semantic-fontSize-icon-standalone-sm: var(--core-fontSize-100); + --semantic-paragraphSpacing-heading-hero: var(--core-paragraphSpacing-800); + --semantic-paragraphSpacing-heading-h1: var(--core-paragraphSpacing-1100); + --semantic-paragraphSpacing-heading-h2: var(--core-paragraphSpacing-1000); + --semantic-paragraphSpacing-heading-h3: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-heading-h4: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-heading-h5: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-heading-h6: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-body-xl: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-body-lg: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-body-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-body-sm: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-caption: var(--core-paragraphSpacing-50); + --semantic-paragraphSpacing-code-xl: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-code-lg: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-code-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-code-sm: var(--core-paragraphSpacing-75); + --semantic-lineHeight-heading-hero: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h1: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h2: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h3: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h4: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h5: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h6: var(--core-lineHeight-auto); + --semantic-lineHeight-body-xl: var(--core-lineHeight-500); + --semantic-lineHeight-body-lg: var(--core-lineHeight-400); + --semantic-lineHeight-body-md: var(--core-lineHeight-300); + --semantic-lineHeight-body-sm: var(--core-lineHeight-200); + --semantic-lineHeight-caption: var(--core-lineHeight-100); + --semantic-lineHeight-code-xl: var(--core-lineHeight-500); + --semantic-lineHeight-code-lg: var(--core-lineHeight-400); + --semantic-lineHeight-code-md: var(--core-lineHeight-300); + --semantic-lineHeight-code-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-xl: var(--core-lineHeight-500); + --semantic-lineHeight-icon-labelPaired-lg: var(--core-lineHeight-400); + --semantic-lineHeight-icon-labelPaired-md: var(--core-lineHeight-300); + --semantic-lineHeight-icon-labelPaired-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-caption: var(--core-lineHeight-100); + --semantic-lineHeight-icon-standalone-2xl: var(--core-lineHeight-1000); + --semantic-lineHeight-icon-standalone-xl: var(--core-lineHeight-900); + --semantic-lineHeight-icon-standalone-lg: var(--core-lineHeight-800); + --semantic-lineHeight-icon-standalone-md: var(--core-lineHeight-600); + --semantic-lineHeight-icon-standalone-sm: var(--core-lineHeight-300); + } +} +@media (min-width: 768px) { + :root { + --semantic-typography-heading-hero-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-hero-fontSize: var(--core-fontSize-800); + --semantic-typography-heading-hero-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-hero-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-hero-paragraphSpacing: var(--core-paragraphSpacing-800); + --semantic-typography-heading-hero-letterSpacing: normal; + --semantic-typography-heading-h1-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h1-fontSize: var(--core-fontSize-1100); + --semantic-typography-heading-h1-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h1-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h1-paragraphSpacing: var(--core-paragraphSpacing-1100); + --semantic-typography-heading-h1-letterSpacing: normal; + --semantic-typography-heading-h2-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h2-fontSize: var(--core-fontSize-1000); + --semantic-typography-heading-h2-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h2-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h2-paragraphSpacing: var(--core-paragraphSpacing-1000); + --semantic-typography-heading-h2-letterSpacing: normal; + --semantic-typography-heading-h3-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h3-fontSize: var(--core-fontSize-300); + --semantic-typography-heading-h3-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h3-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h3-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-heading-h3-letterSpacing: normal; + --semantic-typography-heading-h4-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h4-fontSize: var(--core-fontSize-200); + --semantic-typography-heading-h4-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h4-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h4-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-heading-h4-letterSpacing: normal; + --semantic-typography-heading-h5-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h5-fontSize: var(--core-fontSize-100); + --semantic-typography-heading-h5-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h5-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h5-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-heading-h5-letterSpacing: normal; + --semantic-typography-heading-h6-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h6-fontSize: var(--core-fontSize-75); + --semantic-typography-heading-h6-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h6-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h6-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-heading-h6-letterSpacing: normal; + --semantic-typography-body-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-default-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-italic-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-default-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-italic-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-default-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-default-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-italic-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-default-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-default-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-italic-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-default-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-default-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-default-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-default-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-default-letterSpacing: normal; + --semantic-typography-caption-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-letterSpacing: normal; + --semantic-typography-caption-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-underline-letterSpacing: normal; + --semantic-typography-caption-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-underline-letterSpacing: normal; + --semantic-typography-caption-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-default-letterSpacing: normal; + --semantic-typography-caption-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-letterSpacing: normal; + --semantic-typography-caption-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-underline-letterSpacing: normal; + --semantic-typography-caption-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-underline-letterSpacing: normal; + --semantic-typography-caption-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-default-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-italic-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-default-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-italic-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-default-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-default-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-italic-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-default-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-default-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-italic-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-default-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-default-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-default-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-default-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-icon-labelPaired-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-regular-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-regular-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-regular-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-regular-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-regular-caption-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-regular-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-bold-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-bold-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-bold-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-bold-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-bold-caption-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-bold-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-brand-xl-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-brand-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-brand-lg-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-brand-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-brand-md-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-brand-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-brand-sm-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-brand-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-caption-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-brand-caption-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-brand-caption-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-regular-2xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-regular-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-regular-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-regular-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-regular-md-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-regular-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-bold-2xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-bold-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-bold-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-bold-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-bold-md-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-bold-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-2xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-brand-2xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-brand-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-brand-xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-brand-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-brand-lg-fontWeight: normal; + --semantic-typography-icon-standalone-brand-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-brand-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-brand-md-fontWeight: normal; + --semantic-typography-icon-standalone-brand-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-brand-md-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-brand-sm-fontWeight: normal; + --semantic-typography-icon-standalone-brand-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-brand-sm-letterSpacing: normal; + --semantic-spacing-general-none: var(--core-spacing-50); + --semantic-spacing-general-3xs: var(--core-spacing-75); + --semantic-spacing-general-2xs: var(--core-spacing-100); + --semantic-spacing-general-xs: var(--core-spacing-200); + --semantic-spacing-general-sm: var(--core-spacing-400); + --semantic-spacing-general-md: var(--core-spacing-800); + --semantic-spacing-general-lg: var(--core-spacing-1200); + --semantic-spacing-general-xl: var(--core-spacing-1200); + --semantic-spacing-general-2xl: var(--core-spacing-1600); + --semantic-spacing-general-3xl: var(--core-spacing-1600); + --semantic-spacing-general-4xl: var(--core-spacing-2400); + --semantic-spacing-general-5xl: var(--core-spacing-2400); + --semantic-spacing-gap-none: var(--core-spacing-50); + --semantic-spacing-gap-2xs: var(--core-spacing-75); + --semantic-spacing-gap-xs: var(--core-spacing-100); + --semantic-spacing-gap-sm: var(--core-spacing-200); + --semantic-spacing-gap-md: var(--core-spacing-400); + --semantic-spacing-gap-lg: var(--core-spacing-800); + --semantic-spacing-gap-xl: var(--core-spacing-1200); + --semantic-spacing-gap-2xl: var(--core-spacing-1200); + --semantic-spacing-gap-3xl: var(--core-spacing-1600); + --semantic-spacing-gap-4xl: var(--core-spacing-1600); + --semantic-borderRadius-none: var(--core-borderRadius-50); + --semantic-borderRadius-xs: var(--core-borderRadius-100); + --semantic-borderRadius-sm: var(--core-borderRadius-200); + --semantic-borderRadius-md: var(--core-borderRadius-400); + --semantic-borderRadius-lg: var(--core-borderRadius-800); + --semantic-borderRadius-xl: var(--core-borderRadius-1200); + --semantic-borderRadius-2xl: var(--core-borderRadius-2400); + --semantic-borderRadius-pill: var(--core-borderRadius-4800); + --semantic-fontSize-heading-hero: var(--core-fontSize-800); + --semantic-fontSize-heading-h1: var(--core-fontSize-1100); + --semantic-fontSize-heading-h2: var(--core-fontSize-1000); + --semantic-fontSize-heading-h3: var(--core-fontSize-300); + --semantic-fontSize-heading-h4: var(--core-fontSize-200); + --semantic-fontSize-heading-h5: var(--core-fontSize-100); + --semantic-fontSize-heading-h6: var(--core-fontSize-75); + --semantic-fontSize-body-xl: var(--core-fontSize-300); + --semantic-fontSize-body-lg: var(--core-fontSize-200); + --semantic-fontSize-body-md: var(--core-fontSize-100); + --semantic-fontSize-body-sm: var(--core-fontSize-75); + --semantic-fontSize-caption: var(--core-fontSize-50); + --semantic-fontSize-code-xl: var(--core-fontSize-300); + --semantic-fontSize-code-lg: var(--core-fontSize-200); + --semantic-fontSize-code-md: var(--core-fontSize-100); + --semantic-fontSize-code-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-xl: var(--core-fontSize-300); + --semantic-fontSize-icon-labelPaired-lg: var(--core-fontSize-200); + --semantic-fontSize-icon-labelPaired-md: var(--core-fontSize-100); + --semantic-fontSize-icon-labelPaired-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-caption: var(--core-fontSize-50); + --semantic-fontSize-icon-standalone-2xl: var(--core-fontSize-800); + --semantic-fontSize-icon-standalone-xl: var(--core-fontSize-600); + --semantic-fontSize-icon-standalone-lg: var(--core-fontSize-500); + --semantic-fontSize-icon-standalone-md: var(--core-fontSize-300); + --semantic-fontSize-icon-standalone-sm: var(--core-fontSize-100); + --semantic-paragraphSpacing-heading-hero: var(--core-paragraphSpacing-800); + --semantic-paragraphSpacing-heading-h1: var(--core-paragraphSpacing-1100); + --semantic-paragraphSpacing-heading-h2: var(--core-paragraphSpacing-1000); + --semantic-paragraphSpacing-heading-h3: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-heading-h4: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-heading-h5: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-heading-h6: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-body-xl: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-body-lg: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-body-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-body-sm: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-caption: var(--core-paragraphSpacing-50); + --semantic-paragraphSpacing-code-xl: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-code-lg: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-code-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-code-sm: var(--core-paragraphSpacing-75); + --semantic-lineHeight-heading-hero: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h1: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h2: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h3: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h4: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h5: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h6: var(--core-lineHeight-auto); + --semantic-lineHeight-body-xl: var(--core-lineHeight-500); + --semantic-lineHeight-body-lg: var(--core-lineHeight-400); + --semantic-lineHeight-body-md: var(--core-lineHeight-300); + --semantic-lineHeight-body-sm: var(--core-lineHeight-200); + --semantic-lineHeight-caption: var(--core-lineHeight-100); + --semantic-lineHeight-code-xl: var(--core-lineHeight-500); + --semantic-lineHeight-code-lg: var(--core-lineHeight-400); + --semantic-lineHeight-code-md: var(--core-lineHeight-300); + --semantic-lineHeight-code-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-xl: var(--core-lineHeight-500); + --semantic-lineHeight-icon-labelPaired-lg: var(--core-lineHeight-400); + --semantic-lineHeight-icon-labelPaired-md: var(--core-lineHeight-300); + --semantic-lineHeight-icon-labelPaired-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-caption: var(--core-lineHeight-100); + --semantic-lineHeight-icon-standalone-2xl: var(--core-lineHeight-1000); + --semantic-lineHeight-icon-standalone-xl: var(--core-lineHeight-900); + --semantic-lineHeight-icon-standalone-lg: var(--core-lineHeight-800); + --semantic-lineHeight-icon-standalone-md: var(--core-lineHeight-600); + --semantic-lineHeight-icon-standalone-sm: var(--core-lineHeight-300); + } +} +@media (min-width: 1024px) { + :root { + --semantic-typography-heading-hero-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-hero-fontSize: var(--core-fontSize-800); + --semantic-typography-heading-hero-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-hero-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-hero-paragraphSpacing: var(--core-paragraphSpacing-800); + --semantic-typography-heading-hero-letterSpacing: normal; + --semantic-typography-heading-h1-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h1-fontSize: var(--core-fontSize-1100); + --semantic-typography-heading-h1-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h1-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h1-paragraphSpacing: var(--core-paragraphSpacing-1100); + --semantic-typography-heading-h1-letterSpacing: normal; + --semantic-typography-heading-h2-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h2-fontSize: var(--core-fontSize-1000); + --semantic-typography-heading-h2-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h2-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h2-paragraphSpacing: var(--core-paragraphSpacing-1000); + --semantic-typography-heading-h2-letterSpacing: normal; + --semantic-typography-heading-h3-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h3-fontSize: var(--core-fontSize-300); + --semantic-typography-heading-h3-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h3-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h3-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-heading-h3-letterSpacing: normal; + --semantic-typography-heading-h4-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h4-fontSize: var(--core-fontSize-200); + --semantic-typography-heading-h4-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h4-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h4-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-heading-h4-letterSpacing: normal; + --semantic-typography-heading-h5-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h5-fontSize: var(--core-fontSize-100); + --semantic-typography-heading-h5-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h5-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h5-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-heading-h5-letterSpacing: normal; + --semantic-typography-heading-h6-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h6-fontSize: var(--core-fontSize-75); + --semantic-typography-heading-h6-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h6-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h6-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-heading-h6-letterSpacing: normal; + --semantic-typography-body-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-default-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-italic-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-default-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-italic-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-default-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-default-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-italic-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-default-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-default-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-italic-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-default-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-default-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-default-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-default-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-default-letterSpacing: normal; + --semantic-typography-caption-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-letterSpacing: normal; + --semantic-typography-caption-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-underline-letterSpacing: normal; + --semantic-typography-caption-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-underline-letterSpacing: normal; + --semantic-typography-caption-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-default-letterSpacing: normal; + --semantic-typography-caption-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-letterSpacing: normal; + --semantic-typography-caption-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-underline-letterSpacing: normal; + --semantic-typography-caption-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-underline-letterSpacing: normal; + --semantic-typography-caption-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-default-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-italic-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-default-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-italic-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-default-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-default-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-italic-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-default-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-default-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-italic-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-default-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-default-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-default-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-default-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-icon-labelPaired-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-regular-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-regular-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-regular-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-regular-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-regular-caption-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-regular-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-bold-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-bold-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-bold-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-bold-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-bold-caption-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-bold-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-brand-xl-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-brand-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-brand-lg-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-brand-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-brand-md-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-brand-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-brand-sm-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-brand-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-caption-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-brand-caption-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-brand-caption-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-regular-2xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-regular-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-regular-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-regular-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-regular-md-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-regular-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-bold-2xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-bold-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-bold-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-bold-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-bold-md-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-bold-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-2xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-brand-2xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-brand-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-brand-xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-brand-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-brand-lg-fontWeight: normal; + --semantic-typography-icon-standalone-brand-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-brand-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-brand-md-fontWeight: normal; + --semantic-typography-icon-standalone-brand-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-brand-md-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-brand-sm-fontWeight: normal; + --semantic-typography-icon-standalone-brand-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-brand-sm-letterSpacing: normal; + --semantic-spacing-general-none: var(--core-spacing-50); + --semantic-spacing-general-3xs: var(--core-spacing-75); + --semantic-spacing-general-2xs: var(--core-spacing-100); + --semantic-spacing-general-xs: var(--core-spacing-200); + --semantic-spacing-general-sm: var(--core-spacing-400); + --semantic-spacing-general-md: var(--core-spacing-800); + --semantic-spacing-general-lg: var(--core-spacing-1200); + --semantic-spacing-general-xl: var(--core-spacing-1200); + --semantic-spacing-general-2xl: var(--core-spacing-1600); + --semantic-spacing-general-3xl: var(--core-spacing-1600); + --semantic-spacing-general-4xl: var(--core-spacing-2400); + --semantic-spacing-general-5xl: var(--core-spacing-2400); + --semantic-spacing-gap-none: var(--core-spacing-50); + --semantic-spacing-gap-2xs: var(--core-spacing-75); + --semantic-spacing-gap-xs: var(--core-spacing-100); + --semantic-spacing-gap-sm: var(--core-spacing-200); + --semantic-spacing-gap-md: var(--core-spacing-400); + --semantic-spacing-gap-lg: var(--core-spacing-800); + --semantic-spacing-gap-xl: var(--core-spacing-1200); + --semantic-spacing-gap-2xl: var(--core-spacing-1200); + --semantic-spacing-gap-3xl: var(--core-spacing-1600); + --semantic-spacing-gap-4xl: var(--core-spacing-1600); + --semantic-borderRadius-none: var(--core-borderRadius-50); + --semantic-borderRadius-xs: var(--core-borderRadius-100); + --semantic-borderRadius-sm: var(--core-borderRadius-200); + --semantic-borderRadius-md: var(--core-borderRadius-400); + --semantic-borderRadius-lg: var(--core-borderRadius-800); + --semantic-borderRadius-xl: var(--core-borderRadius-1200); + --semantic-borderRadius-2xl: var(--core-borderRadius-2400); + --semantic-borderRadius-pill: var(--core-borderRadius-4800); + --semantic-fontSize-heading-hero: var(--core-fontSize-800); + --semantic-fontSize-heading-h1: var(--core-fontSize-1100); + --semantic-fontSize-heading-h2: var(--core-fontSize-1000); + --semantic-fontSize-heading-h3: var(--core-fontSize-300); + --semantic-fontSize-heading-h4: var(--core-fontSize-200); + --semantic-fontSize-heading-h5: var(--core-fontSize-100); + --semantic-fontSize-heading-h6: var(--core-fontSize-75); + --semantic-fontSize-body-xl: var(--core-fontSize-300); + --semantic-fontSize-body-lg: var(--core-fontSize-200); + --semantic-fontSize-body-md: var(--core-fontSize-100); + --semantic-fontSize-body-sm: var(--core-fontSize-75); + --semantic-fontSize-caption: var(--core-fontSize-50); + --semantic-fontSize-code-xl: var(--core-fontSize-300); + --semantic-fontSize-code-lg: var(--core-fontSize-200); + --semantic-fontSize-code-md: var(--core-fontSize-100); + --semantic-fontSize-code-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-xl: var(--core-fontSize-300); + --semantic-fontSize-icon-labelPaired-lg: var(--core-fontSize-200); + --semantic-fontSize-icon-labelPaired-md: var(--core-fontSize-100); + --semantic-fontSize-icon-labelPaired-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-caption: var(--core-fontSize-50); + --semantic-fontSize-icon-standalone-2xl: var(--core-fontSize-800); + --semantic-fontSize-icon-standalone-xl: var(--core-fontSize-600); + --semantic-fontSize-icon-standalone-lg: var(--core-fontSize-500); + --semantic-fontSize-icon-standalone-md: var(--core-fontSize-300); + --semantic-fontSize-icon-standalone-sm: var(--core-fontSize-100); + --semantic-paragraphSpacing-heading-hero: var(--core-paragraphSpacing-800); + --semantic-paragraphSpacing-heading-h1: var(--core-paragraphSpacing-1100); + --semantic-paragraphSpacing-heading-h2: var(--core-paragraphSpacing-1000); + --semantic-paragraphSpacing-heading-h3: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-heading-h4: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-heading-h5: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-heading-h6: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-body-xl: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-body-lg: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-body-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-body-sm: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-caption: var(--core-paragraphSpacing-50); + --semantic-paragraphSpacing-code-xl: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-code-lg: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-code-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-code-sm: var(--core-paragraphSpacing-75); + --semantic-lineHeight-heading-hero: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h1: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h2: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h3: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h4: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h5: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h6: var(--core-lineHeight-auto); + --semantic-lineHeight-body-xl: var(--core-lineHeight-500); + --semantic-lineHeight-body-lg: var(--core-lineHeight-400); + --semantic-lineHeight-body-md: var(--core-lineHeight-300); + --semantic-lineHeight-body-sm: var(--core-lineHeight-200); + --semantic-lineHeight-caption: var(--core-lineHeight-100); + --semantic-lineHeight-code-xl: var(--core-lineHeight-500); + --semantic-lineHeight-code-lg: var(--core-lineHeight-400); + --semantic-lineHeight-code-md: var(--core-lineHeight-300); + --semantic-lineHeight-code-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-xl: var(--core-lineHeight-500); + --semantic-lineHeight-icon-labelPaired-lg: var(--core-lineHeight-400); + --semantic-lineHeight-icon-labelPaired-md: var(--core-lineHeight-300); + --semantic-lineHeight-icon-labelPaired-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-caption: var(--core-lineHeight-100); + --semantic-lineHeight-icon-standalone-2xl: var(--core-lineHeight-1000); + --semantic-lineHeight-icon-standalone-xl: var(--core-lineHeight-900); + --semantic-lineHeight-icon-standalone-lg: var(--core-lineHeight-800); + --semantic-lineHeight-icon-standalone-md: var(--core-lineHeight-600); + --semantic-lineHeight-icon-standalone-sm: var(--core-lineHeight-300); + } +} +@media (min-width: 1280px) { + :root { + --semantic-typography-heading-hero-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-hero-fontSize: var(--core-fontSize-900); + --semantic-typography-heading-hero-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-hero-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-hero-paragraphSpacing: var(--core-paragraphSpacing-900); + --semantic-typography-heading-hero-letterSpacing: normal; + --semantic-typography-heading-h1-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h1-fontSize: var(--core-fontSize-800); + --semantic-typography-heading-h1-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h1-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h1-paragraphSpacing: var(--core-paragraphSpacing-800); + --semantic-typography-heading-h1-letterSpacing: normal; + --semantic-typography-heading-h2-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h2-fontSize: var(--core-fontSize-700); + --semantic-typography-heading-h2-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h2-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h2-paragraphSpacing: var(--core-paragraphSpacing-700); + --semantic-typography-heading-h2-letterSpacing: normal; + --semantic-typography-heading-h3-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h3-fontSize: var(--core-fontSize-400); + --semantic-typography-heading-h3-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h3-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h3-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-heading-h3-letterSpacing: normal; + --semantic-typography-heading-h4-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h4-fontSize: var(--core-fontSize-300); + --semantic-typography-heading-h4-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h4-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h4-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-heading-h4-letterSpacing: normal; + --semantic-typography-heading-h5-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h5-fontSize: var(--core-fontSize-100); + --semantic-typography-heading-h5-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h5-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h5-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-heading-h5-letterSpacing: normal; + --semantic-typography-heading-h6-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h6-fontSize: var(--core-fontSize-75); + --semantic-typography-heading-h6-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h6-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h6-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-heading-h6-letterSpacing: normal; + --semantic-typography-body-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-default-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-default-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-regular-default-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-regular-italic-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-regular-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-default-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-default-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-bold-default-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-bold-italic-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-bold-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-regular-default-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-regular-italic-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-regular-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-bold-default-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-bold-italic-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-bold-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-default-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-default-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-default-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-default-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-default-letterSpacing: normal; + --semantic-typography-caption-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-letterSpacing: normal; + --semantic-typography-caption-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-underline-letterSpacing: normal; + --semantic-typography-caption-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-underline-letterSpacing: normal; + --semantic-typography-caption-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-default-letterSpacing: normal; + --semantic-typography-caption-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-letterSpacing: normal; + --semantic-typography-caption-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-underline-letterSpacing: normal; + --semantic-typography-caption-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-underline-letterSpacing: normal; + --semantic-typography-caption-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-default-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-default-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-regular-default-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-regular-italic-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-regular-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-default-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-default-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-bold-default-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-bold-italic-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-bold-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-regular-default-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-regular-italic-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-regular-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-bold-default-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-bold-italic-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-bold-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-default-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-default-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-default-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-default-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-icon-labelPaired-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-xl-fontSize: var(--core-fontSize-400); + --semantic-typography-icon-labelPaired-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-xl-lineHeight: var(--core-lineHeight-700); + --semantic-typography-icon-labelPaired-regular-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-lg-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-lg-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-regular-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-regular-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-regular-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-regular-caption-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-regular-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-xl-fontSize: var(--core-fontSize-400); + --semantic-typography-icon-labelPaired-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-xl-lineHeight: var(--core-lineHeight-700); + --semantic-typography-icon-labelPaired-bold-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-lg-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-lg-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-bold-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-bold-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-bold-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-bold-caption-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-bold-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-xl-fontSize: var(--core-fontSize-400); + --semantic-typography-icon-labelPaired-brand-xl-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-xl-lineHeight: var(--core-lineHeight-700); + --semantic-typography-icon-labelPaired-brand-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-lg-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-brand-lg-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-lg-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-brand-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-brand-md-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-brand-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-brand-sm-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-brand-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-caption-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-brand-caption-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-brand-caption-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-regular-2xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-regular-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-regular-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-regular-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-regular-md-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-regular-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-bold-2xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-bold-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-bold-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-bold-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-bold-md-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-bold-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-2xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-brand-2xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-brand-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-brand-xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-brand-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-brand-lg-fontWeight: normal; + --semantic-typography-icon-standalone-brand-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-brand-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-brand-md-fontWeight: normal; + --semantic-typography-icon-standalone-brand-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-brand-md-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-brand-sm-fontWeight: normal; + --semantic-typography-icon-standalone-brand-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-brand-sm-letterSpacing: normal; + --semantic-spacing-general-none: var(--core-spacing-50); + --semantic-spacing-general-3xs: var(--core-spacing-75); + --semantic-spacing-general-2xs: var(--core-spacing-100); + --semantic-spacing-general-xs: var(--core-spacing-200); + --semantic-spacing-general-sm: var(--core-spacing-400); + --semantic-spacing-general-md: var(--core-spacing-800); + --semantic-spacing-general-lg: var(--core-spacing-1200); + --semantic-spacing-general-xl: var(--core-spacing-1600); + --semantic-spacing-general-2xl: var(--core-spacing-2400); + --semantic-spacing-general-3xl: var(--core-spacing-3200); + --semantic-spacing-general-4xl: var(--core-spacing-3600); + --semantic-spacing-general-5xl: var(--core-spacing-4800); + --semantic-spacing-gap-none: var(--core-spacing-50); + --semantic-spacing-gap-2xs: var(--core-spacing-75); + --semantic-spacing-gap-xs: var(--core-spacing-100); + --semantic-spacing-gap-sm: var(--core-spacing-200); + --semantic-spacing-gap-md: var(--core-spacing-400); + --semantic-spacing-gap-lg: var(--core-spacing-800); + --semantic-spacing-gap-xl: var(--core-spacing-1200); + --semantic-spacing-gap-2xl: var(--core-spacing-1600); + --semantic-spacing-gap-3xl: var(--core-spacing-2400); + --semantic-spacing-gap-4xl: var(--core-spacing-3200); + --semantic-borderRadius-none: var(--core-borderRadius-50); + --semantic-borderRadius-xs: var(--core-borderRadius-100); + --semantic-borderRadius-sm: var(--core-borderRadius-200); + --semantic-borderRadius-md: var(--core-borderRadius-400); + --semantic-borderRadius-lg: var(--core-borderRadius-800); + --semantic-borderRadius-xl: var(--core-borderRadius-1200); + --semantic-borderRadius-2xl: var(--core-borderRadius-2400); + --semantic-borderRadius-pill: var(--core-borderRadius-4800); + --semantic-fontSize-heading-hero: var(--core-fontSize-900); + --semantic-fontSize-heading-h1: var(--core-fontSize-800); + --semantic-fontSize-heading-h2: var(--core-fontSize-700); + --semantic-fontSize-heading-h3: var(--core-fontSize-400); + --semantic-fontSize-heading-h4: var(--core-fontSize-300); + --semantic-fontSize-heading-h5: var(--core-fontSize-100); + --semantic-fontSize-heading-h6: var(--core-fontSize-75); + --semantic-fontSize-body-xl: var(--core-fontSize-400); + --semantic-fontSize-body-lg: var(--core-fontSize-300); + --semantic-fontSize-body-md: var(--core-fontSize-100); + --semantic-fontSize-body-sm: var(--core-fontSize-75); + --semantic-fontSize-caption: var(--core-fontSize-50); + --semantic-fontSize-code-xl: var(--core-fontSize-400); + --semantic-fontSize-code-lg: var(--core-fontSize-300); + --semantic-fontSize-code-md: var(--core-fontSize-100); + --semantic-fontSize-code-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-xl: var(--core-fontSize-400); + --semantic-fontSize-icon-labelPaired-lg: var(--core-fontSize-300); + --semantic-fontSize-icon-labelPaired-md: var(--core-fontSize-100); + --semantic-fontSize-icon-labelPaired-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-caption: var(--core-fontSize-50); + --semantic-fontSize-icon-standalone-2xl: var(--core-fontSize-800); + --semantic-fontSize-icon-standalone-xl: var(--core-fontSize-600); + --semantic-fontSize-icon-standalone-lg: var(--core-fontSize-500); + --semantic-fontSize-icon-standalone-md: var(--core-fontSize-300); + --semantic-fontSize-icon-standalone-sm: var(--core-fontSize-100); + --semantic-paragraphSpacing-heading-hero: var(--core-paragraphSpacing-900); + --semantic-paragraphSpacing-heading-h1: var(--core-paragraphSpacing-800); + --semantic-paragraphSpacing-heading-h2: var(--core-paragraphSpacing-700); + --semantic-paragraphSpacing-heading-h3: var(--core-paragraphSpacing-400); + --semantic-paragraphSpacing-heading-h4: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-heading-h5: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-heading-h6: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-body-xl: var(--core-paragraphSpacing-400); + --semantic-paragraphSpacing-body-lg: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-body-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-body-sm: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-caption: var(--core-paragraphSpacing-50); + --semantic-paragraphSpacing-code-xl: var(--core-paragraphSpacing-400); + --semantic-paragraphSpacing-code-lg: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-code-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-code-sm: var(--core-paragraphSpacing-75); + --semantic-lineHeight-heading-hero: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h1: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h2: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h3: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h4: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h5: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h6: var(--core-lineHeight-auto); + --semantic-lineHeight-body-xl: var(--core-lineHeight-700); + --semantic-lineHeight-body-lg: var(--core-lineHeight-500); + --semantic-lineHeight-body-md: var(--core-lineHeight-300); + --semantic-lineHeight-body-sm: var(--core-lineHeight-200); + --semantic-lineHeight-caption: var(--core-lineHeight-100); + --semantic-lineHeight-code-xl: var(--core-lineHeight-700); + --semantic-lineHeight-code-lg: var(--core-lineHeight-500); + --semantic-lineHeight-code-md: var(--core-lineHeight-300); + --semantic-lineHeight-code-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-xl: var(--core-lineHeight-700); + --semantic-lineHeight-icon-labelPaired-lg: var(--core-lineHeight-500); + --semantic-lineHeight-icon-labelPaired-md: var(--core-lineHeight-300); + --semantic-lineHeight-icon-labelPaired-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-caption: var(--core-lineHeight-100); + --semantic-lineHeight-icon-standalone-2xl: var(--core-lineHeight-1000); + --semantic-lineHeight-icon-standalone-xl: var(--core-lineHeight-900); + --semantic-lineHeight-icon-standalone-lg: var(--core-lineHeight-800); + --semantic-lineHeight-icon-standalone-md: var(--core-lineHeight-600); + --semantic-lineHeight-icon-standalone-sm: var(--core-lineHeight-300); + } +} +@media (min-width: 1440px) { + :root { + --semantic-typography-heading-hero-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-hero-fontSize: var(--core-fontSize-900); + --semantic-typography-heading-hero-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-hero-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-hero-paragraphSpacing: var(--core-paragraphSpacing-900); + --semantic-typography-heading-hero-letterSpacing: normal; + --semantic-typography-heading-h1-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h1-fontSize: var(--core-fontSize-800); + --semantic-typography-heading-h1-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h1-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h1-paragraphSpacing: var(--core-paragraphSpacing-800); + --semantic-typography-heading-h1-letterSpacing: normal; + --semantic-typography-heading-h2-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h2-fontSize: var(--core-fontSize-700); + --semantic-typography-heading-h2-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h2-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h2-paragraphSpacing: var(--core-paragraphSpacing-700); + --semantic-typography-heading-h2-letterSpacing: normal; + --semantic-typography-heading-h3-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h3-fontSize: var(--core-fontSize-400); + --semantic-typography-heading-h3-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h3-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h3-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-heading-h3-letterSpacing: normal; + --semantic-typography-heading-h4-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h4-fontSize: var(--core-fontSize-300); + --semantic-typography-heading-h4-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h4-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h4-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-heading-h4-letterSpacing: normal; + --semantic-typography-heading-h5-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h5-fontSize: var(--core-fontSize-100); + --semantic-typography-heading-h5-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h5-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h5-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-heading-h5-letterSpacing: normal; + --semantic-typography-heading-h6-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h6-fontSize: var(--core-fontSize-75); + --semantic-typography-heading-h6-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h6-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h6-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-heading-h6-letterSpacing: normal; + --semantic-typography-body-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-default-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-default-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-regular-default-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-regular-italic-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-regular-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-default-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-default-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-bold-default-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-bold-italic-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-bold-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-regular-default-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-regular-italic-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-regular-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-bold-default-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-bold-italic-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-bold-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-default-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-default-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-default-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-default-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-default-letterSpacing: normal; + --semantic-typography-caption-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-letterSpacing: normal; + --semantic-typography-caption-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-underline-letterSpacing: normal; + --semantic-typography-caption-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-underline-letterSpacing: normal; + --semantic-typography-caption-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-default-letterSpacing: normal; + --semantic-typography-caption-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-letterSpacing: normal; + --semantic-typography-caption-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-underline-letterSpacing: normal; + --semantic-typography-caption-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-underline-letterSpacing: normal; + --semantic-typography-caption-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-default-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-default-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-regular-default-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-regular-italic-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-regular-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-default-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-default-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-bold-default-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-bold-italic-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-bold-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-regular-default-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-regular-italic-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-regular-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-bold-default-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-bold-italic-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-bold-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-default-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-default-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-default-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-default-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-icon-labelPaired-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-xl-fontSize: var(--core-fontSize-400); + --semantic-typography-icon-labelPaired-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-xl-lineHeight: var(--core-lineHeight-700); + --semantic-typography-icon-labelPaired-regular-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-lg-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-lg-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-regular-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-regular-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-regular-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-regular-caption-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-regular-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-xl-fontSize: var(--core-fontSize-400); + --semantic-typography-icon-labelPaired-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-xl-lineHeight: var(--core-lineHeight-700); + --semantic-typography-icon-labelPaired-bold-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-lg-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-lg-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-bold-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-bold-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-bold-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-bold-caption-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-bold-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-xl-fontSize: var(--core-fontSize-400); + --semantic-typography-icon-labelPaired-brand-xl-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-xl-lineHeight: var(--core-lineHeight-700); + --semantic-typography-icon-labelPaired-brand-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-lg-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-brand-lg-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-lg-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-brand-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-brand-md-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-brand-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-brand-sm-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-brand-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-caption-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-brand-caption-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-brand-caption-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-regular-2xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-regular-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-regular-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-regular-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-regular-md-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-regular-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-bold-2xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-bold-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-bold-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-bold-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-bold-md-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-bold-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-2xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-brand-2xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-brand-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-brand-xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-brand-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-brand-lg-fontWeight: normal; + --semantic-typography-icon-standalone-brand-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-brand-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-brand-md-fontWeight: normal; + --semantic-typography-icon-standalone-brand-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-brand-md-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-brand-sm-fontWeight: normal; + --semantic-typography-icon-standalone-brand-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-brand-sm-letterSpacing: normal; + --semantic-spacing-general-none: var(--core-spacing-50); + --semantic-spacing-general-3xs: var(--core-spacing-75); + --semantic-spacing-general-2xs: var(--core-spacing-100); + --semantic-spacing-general-xs: var(--core-spacing-200); + --semantic-spacing-general-sm: var(--core-spacing-400); + --semantic-spacing-general-md: var(--core-spacing-800); + --semantic-spacing-general-lg: var(--core-spacing-1200); + --semantic-spacing-general-xl: var(--core-spacing-1600); + --semantic-spacing-general-2xl: var(--core-spacing-2400); + --semantic-spacing-general-3xl: var(--core-spacing-3200); + --semantic-spacing-general-4xl: var(--core-spacing-3600); + --semantic-spacing-general-5xl: var(--core-spacing-4800); + --semantic-spacing-gap-none: var(--core-spacing-50); + --semantic-spacing-gap-2xs: var(--core-spacing-75); + --semantic-spacing-gap-xs: var(--core-spacing-100); + --semantic-spacing-gap-sm: var(--core-spacing-200); + --semantic-spacing-gap-md: var(--core-spacing-400); + --semantic-spacing-gap-lg: var(--core-spacing-800); + --semantic-spacing-gap-xl: var(--core-spacing-1200); + --semantic-spacing-gap-2xl: var(--core-spacing-1600); + --semantic-spacing-gap-3xl: var(--core-spacing-2400); + --semantic-spacing-gap-4xl: var(--core-spacing-3200); + --semantic-borderRadius-none: var(--core-borderRadius-50); + --semantic-borderRadius-xs: var(--core-borderRadius-100); + --semantic-borderRadius-sm: var(--core-borderRadius-200); + --semantic-borderRadius-md: var(--core-borderRadius-400); + --semantic-borderRadius-lg: var(--core-borderRadius-800); + --semantic-borderRadius-xl: var(--core-borderRadius-1200); + --semantic-borderRadius-2xl: var(--core-borderRadius-2400); + --semantic-borderRadius-pill: var(--core-borderRadius-4800); + --semantic-fontSize-heading-hero: var(--core-fontSize-900); + --semantic-fontSize-heading-h1: var(--core-fontSize-800); + --semantic-fontSize-heading-h2: var(--core-fontSize-700); + --semantic-fontSize-heading-h3: var(--core-fontSize-400); + --semantic-fontSize-heading-h4: var(--core-fontSize-300); + --semantic-fontSize-heading-h5: var(--core-fontSize-100); + --semantic-fontSize-heading-h6: var(--core-fontSize-75); + --semantic-fontSize-body-xl: var(--core-fontSize-400); + --semantic-fontSize-body-lg: var(--core-fontSize-300); + --semantic-fontSize-body-md: var(--core-fontSize-100); + --semantic-fontSize-body-sm: var(--core-fontSize-75); + --semantic-fontSize-caption: var(--core-fontSize-50); + --semantic-fontSize-code-xl: var(--core-fontSize-400); + --semantic-fontSize-code-lg: var(--core-fontSize-300); + --semantic-fontSize-code-md: var(--core-fontSize-100); + --semantic-fontSize-code-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-xl: var(--core-fontSize-400); + --semantic-fontSize-icon-labelPaired-lg: var(--core-fontSize-300); + --semantic-fontSize-icon-labelPaired-md: var(--core-fontSize-100); + --semantic-fontSize-icon-labelPaired-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-caption: var(--core-fontSize-50); + --semantic-fontSize-icon-standalone-2xl: var(--core-fontSize-800); + --semantic-fontSize-icon-standalone-xl: var(--core-fontSize-600); + --semantic-fontSize-icon-standalone-lg: var(--core-fontSize-500); + --semantic-fontSize-icon-standalone-md: var(--core-fontSize-300); + --semantic-fontSize-icon-standalone-sm: var(--core-fontSize-100); + --semantic-paragraphSpacing-heading-hero: var(--core-paragraphSpacing-900); + --semantic-paragraphSpacing-heading-h1: var(--core-paragraphSpacing-800); + --semantic-paragraphSpacing-heading-h2: var(--core-paragraphSpacing-700); + --semantic-paragraphSpacing-heading-h3: var(--core-paragraphSpacing-400); + --semantic-paragraphSpacing-heading-h4: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-heading-h5: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-heading-h6: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-body-xl: var(--core-paragraphSpacing-400); + --semantic-paragraphSpacing-body-lg: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-body-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-body-sm: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-caption: var(--core-paragraphSpacing-50); + --semantic-paragraphSpacing-code-xl: var(--core-paragraphSpacing-400); + --semantic-paragraphSpacing-code-lg: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-code-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-code-sm: var(--core-paragraphSpacing-75); + --semantic-lineHeight-heading-hero: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h1: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h2: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h3: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h4: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h5: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h6: var(--core-lineHeight-auto); + --semantic-lineHeight-body-xl: var(--core-lineHeight-700); + --semantic-lineHeight-body-lg: var(--core-lineHeight-500); + --semantic-lineHeight-body-md: var(--core-lineHeight-300); + --semantic-lineHeight-body-sm: var(--core-lineHeight-200); + --semantic-lineHeight-caption: var(--core-lineHeight-100); + --semantic-lineHeight-code-xl: var(--core-lineHeight-700); + --semantic-lineHeight-code-lg: var(--core-lineHeight-500); + --semantic-lineHeight-code-md: var(--core-lineHeight-300); + --semantic-lineHeight-code-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-xl: var(--core-lineHeight-700); + --semantic-lineHeight-icon-labelPaired-lg: var(--core-lineHeight-500); + --semantic-lineHeight-icon-labelPaired-md: var(--core-lineHeight-300); + --semantic-lineHeight-icon-labelPaired-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-caption: var(--core-lineHeight-100); + --semantic-lineHeight-icon-standalone-2xl: var(--core-lineHeight-1000); + --semantic-lineHeight-icon-standalone-xl: var(--core-lineHeight-900); + --semantic-lineHeight-icon-standalone-lg: var(--core-lineHeight-800); + --semantic-lineHeight-icon-standalone-md: var(--core-lineHeight-600); + --semantic-lineHeight-icon-standalone-sm: var(--core-lineHeight-300); + } +} +html.light { + --semantic-color-monochrome-surface-normal-lowest: var(--core-color-opacity-black-75); + --semantic-color-monochrome-surface-normal-low: var(--core-color-opacity-black-100); + --semantic-color-monochrome-surface-normal-midLow: var(--core-color-opacity-black-200); + --semantic-color-monochrome-surface-normal-midHigh: var(--core-color-opacity-black-300); + --semantic-color-monochrome-surface-normal-high: var(--core-color-opacity-black-700); + --semantic-color-monochrome-surface-normal-highest: var(--core-color-opacity-black-800); + --semantic-color-monochrome-surface-inverse-lowest: var(--core-color-opacity-white-75); + --semantic-color-monochrome-surface-inverse-low: var(--core-color-opacity-white-100); + --semantic-color-monochrome-surface-inverse-midLow: var(--core-color-opacity-white-200); + --semantic-color-monochrome-surface-inverse-midHigh: var(--core-color-opacity-white-300); + --semantic-color-monochrome-surface-inverse-high: var(--core-color-opacity-white-700); + --semantic-color-monochrome-surface-inverse-highest: var(--core-color-opacity-white-800); + --semantic-color-monochrome-surface-static-blackLowest: var(--core-color-opacity-black-75); + --semantic-color-monochrome-surface-static-blackLow: var(--core-color-opacity-black-100); + --semantic-color-monochrome-surface-static-blackMidLow: var(--core-color-opacity-black-200); + --semantic-color-monochrome-surface-static-blackMidHigh: var(--core-color-opacity-black-300); + --semantic-color-monochrome-surface-static-blackHigh: var(--core-color-opacity-black-700); + --semantic-color-monochrome-surface-static-blackHighest: var(--core-color-opacity-black-800); + --semantic-color-monochrome-surface-static-whiteLowest: var(--core-color-opacity-white-75); + --semantic-color-monochrome-surface-static-whiteLow: var(--core-color-opacity-white-100); + --semantic-color-monochrome-surface-static-whiteMidLow: var(--core-color-opacity-white-200); + --semantic-color-monochrome-surface-static-whiteMidHigh: var(--core-color-opacity-white-300); + --semantic-color-monochrome-surface-static-whiteHigh: var(--core-color-opacity-white-700); + --semantic-color-monochrome-surface-static-whiteHighest: var(--core-color-opacity-white-800); + --semantic-color-monochrome-border-normal-low: var(--core-color-opacity-black-75); + --semantic-color-monochrome-border-normal-mid: var(--core-color-opacity-black-100); + --semantic-color-monochrome-border-normal-high: var(--core-color-opacity-black-200); + --semantic-color-monochrome-border-normal-highest: var(--core-color-opacity-black-300); + --semantic-color-monochrome-border-inverse-low: var(--core-color-opacity-white-75); + --semantic-color-monochrome-border-inverse-mid: var(--core-color-opacity-white-100); + --semantic-color-monochrome-border-inverse-high: var(--core-color-opacity-white-200); + --semantic-color-monochrome-border-inverse-highest: var(--core-color-opacity-white-300); + --semantic-color-monochrome-border-static-blackLow: var(--core-color-opacity-black-75); + --semantic-color-monochrome-border-static-blackMid: var(--core-color-opacity-black-100); + --semantic-color-monochrome-border-static-blackHigh: var(--core-color-opacity-black-200); + --semantic-color-monochrome-border-static-blackHighest: var(--core-color-opacity-black-300); + --semantic-color-monochrome-border-static-whiteLow: var(--core-color-opacity-white-75); + --semantic-color-monochrome-border-static-whiteMid: var(--core-color-opacity-white-100); + --semantic-color-monochrome-border-static-whiteHigh: var(--core-color-opacity-white-200); + --semantic-color-monochrome-border-static-whiteHighest: var(--core-color-opacity-white-300); + --semantic-color-monochrome-textIcon-normal-low: var(--core-color-opacity-black-300); + --semantic-color-monochrome-textIcon-normal-mid: var(--core-color-opacity-black-400); + --semantic-color-monochrome-textIcon-normal-high: var(--core-color-opacity-black-600); + --semantic-color-monochrome-textIcon-inverse-low: var(--core-color-opacity-white-300); + --semantic-color-monochrome-textIcon-inverse-mid: var(--core-color-opacity-white-400); + --semantic-color-monochrome-textIcon-inverse-high: var(--core-color-opacity-white-600); + --semantic-color-monochrome-textIcon-static-blackLow: var(--core-color-opacity-black-300); + --semantic-color-monochrome-textIcon-static-blackMid: var(--core-color-opacity-black-400); + --semantic-color-monochrome-textIcon-static-blackHigh: var(--core-color-opacity-black-600); + --semantic-color-monochrome-textIcon-static-whiteLow: var(--core-color-opacity-white-300); + --semantic-color-monochrome-textIcon-static-whiteMid: var(--core-color-opacity-white-400); + --semantic-color-monochrome-textIcon-static-whiteHigh: var(--core-color-opacity-white-600); + --semantic-color-slate-solid-surface-normal-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-surface-normal-low: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-surface-normal-midLow: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-surface-normal-midHigh: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-surface-normal-high: var(--core-color-solid-slate-600); + --semantic-color-slate-solid-surface-normal-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-surface-inverse-lowest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-surface-inverse-low: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-surface-inverse-midLow: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-surface-inverse-midHigh: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-surface-inverse-high: var(--core-color-solid-slate-800); + --semantic-color-slate-solid-surface-inverse-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-surface-static-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-surface-static-lower: var(--core-color-solid-slate-75); + --semantic-color-slate-solid-surface-static-low: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-surface-static-midLowest: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-surface-static-midLower: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-surface-static-midLow: var(--core-color-solid-slate-600); + --semantic-color-slate-solid-surface-static-midHigh: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-surface-static-midHigher: var(--core-color-solid-slate-800); + --semantic-color-slate-solid-surface-static-midHighest: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-surface-static-high: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-surface-static-higher: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-surface-static-highest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-surface-frame-low: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-surface-frame-mid: var(--core-color-solid-slate-75); + --semantic-color-slate-solid-border-normal-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-border-normal-low: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-border-normal-mid: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-border-normal-high: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-border-normal-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-border-inverse-lowest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-border-inverse-low: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-border-inverse-mid: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-border-inverse-high: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-border-inverse-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-border-static-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-border-static-lower: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-border-static-low: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-border-static-midLow: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-border-static-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-border-static-midHigh: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-border-static-high: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-border-static-higher: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-border-static-highest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-textIcon-normal-lowest: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-textIcon-normal-low: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-textIcon-normal-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-textIcon-normal-high: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-textIcon-normal-highest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-textIcon-inverse-lowest: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-textIcon-inverse-low: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-textIcon-inverse-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-textIcon-inverse-high: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-textIcon-inverse-highest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-textIcon-static-lowest: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-textIcon-static-low: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-textIcon-static-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-textIcon-static-high: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-textIcon-static-highest: var(--core-color-solid-slate-1200); + --semantic-color-slate-opacity-surface-lowest: var(--core-color-opacity-slate-75); + --semantic-color-slate-opacity-surface-low: var(--core-color-opacity-slate-100); + --semantic-color-slate-opacity-surface-midLow: var(--core-color-opacity-slate-200); + --semantic-color-slate-opacity-surface-midHigh: var(--core-color-opacity-slate-300); + --semantic-color-slate-opacity-surface-high: var(--core-color-opacity-slate-700); + --semantic-color-slate-opacity-surface-highest: var(--core-color-opacity-slate-800); + --semantic-color-slate-opacity-border-lowest: var(--core-color-opacity-slate-75); + --semantic-color-slate-opacity-border-lower: var(--core-color-opacity-slate-100); + --semantic-color-slate-opacity-border-low: var(--core-color-opacity-slate-200); + --semantic-color-slate-opacity-border-mid: var(--core-color-opacity-slate-300); + --semantic-color-slate-opacity-border-high: var(--core-color-opacity-slate-600); + --semantic-color-slate-opacity-border-higher: var(--core-color-opacity-slate-700); + --semantic-color-slate-opacity-border-highest: var(--core-color-opacity-slate-800); + --semantic-color-slate-opacity-textIcon-low: var(--core-color-opacity-slate-300); + --semantic-color-slate-opacity-textIcon-mid: var(--core-color-opacity-slate-400); + --semantic-color-slate-opacity-textIcon-high: var(--core-color-opacity-slate-600); + --semantic-color-red-solid-surface-normal-lowest: var(--core-color-solid-red-100); + --semantic-color-red-solid-surface-normal-low: var(--core-color-solid-red-200); + --semantic-color-red-solid-surface-normal-mid: var(--core-color-solid-red-500); + --semantic-color-red-solid-surface-normal-high: var(--core-color-solid-red-600); + --semantic-color-red-solid-surface-normal-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-surface-inverse-lowest: var(--core-color-solid-red-1300); + --semantic-color-red-solid-surface-inverse-low: var(--core-color-solid-red-1200); + --semantic-color-red-solid-surface-inverse-mid: var(--core-color-solid-red-900); + --semantic-color-red-solid-surface-inverse-high: var(--core-color-solid-red-800); + --semantic-color-red-solid-surface-inverse-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-surface-static-lowest: var(--core-color-solid-red-100); + --semantic-color-red-solid-surface-static-lower: var(--core-color-solid-red-200); + --semantic-color-red-solid-surface-static-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-surface-static-midLow: var(--core-color-solid-red-600); + --semantic-color-red-solid-surface-static-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-surface-static-midHigh: var(--core-color-solid-red-800); + --semantic-color-red-solid-surface-static-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-surface-static-higher: var(--core-color-solid-red-1200); + --semantic-color-red-solid-surface-static-highest: var(--core-color-solid-red-1300); + --semantic-color-red-solid-border-normal-low: var(--core-color-solid-red-100); + --semantic-color-red-solid-border-normal-mid: var(--core-color-solid-red-200); + --semantic-color-red-solid-border-normal-high: var(--core-color-solid-red-500); + --semantic-color-red-solid-border-normal-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-border-inverse-low: var(--core-color-solid-red-1300); + --semantic-color-red-solid-border-inverse-mid: var(--core-color-solid-red-1200); + --semantic-color-red-solid-border-inverse-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-border-inverse-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-border-static-lowest: var(--core-color-solid-red-100); + --semantic-color-red-solid-border-static-lower: var(--core-color-solid-red-200); + --semantic-color-red-solid-border-static-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-border-static-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-border-static-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-border-static-higher: var(--core-color-solid-red-1200); + --semantic-color-red-solid-border-static-highest: var(--core-color-solid-red-1300); + --semantic-color-red-solid-textIcon-normal-lowest: var(--core-color-solid-red-200); + --semantic-color-red-solid-textIcon-normal-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-textIcon-normal-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-textIcon-normal-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-textIcon-inverse-lowest: var(--core-color-solid-red-1200); + --semantic-color-red-solid-textIcon-inverse-low: var(--core-color-solid-red-900); + --semantic-color-red-solid-textIcon-inverse-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-textIcon-inverse-high: var(--core-color-solid-red-500); + --semantic-color-red-solid-textIcon-static-lowest: var(--core-color-solid-red-200); + --semantic-color-red-solid-textIcon-static-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-textIcon-static-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-textIcon-static-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-textIcon-static-highest: var(--core-color-solid-red-1200); + --semantic-color-red-opacity-surface-lowest: var(--core-color-opacity-red-75); + --semantic-color-red-opacity-surface-low: var(--core-color-opacity-red-100); + --semantic-color-red-opacity-surface-midLow: var(--core-color-opacity-red-200); + --semantic-color-red-opacity-surface-midHigh: var(--core-color-opacity-red-300); + --semantic-color-red-opacity-surface-high: var(--core-color-opacity-red-700); + --semantic-color-red-opacity-surface-highest: var(--core-color-opacity-red-800); + --semantic-color-red-opacity-border-lowest: var(--core-color-opacity-red-75); + --semantic-color-red-opacity-border-lower: var(--core-color-opacity-red-100); + --semantic-color-red-opacity-border-low: var(--core-color-opacity-red-200); + --semantic-color-red-opacity-border-mid: var(--core-color-opacity-red-300); + --semantic-color-red-opacity-border-high: var(--core-color-opacity-red-600); + --semantic-color-red-opacity-border-higher: var(--core-color-opacity-red-700); + --semantic-color-red-opacity-border-highest: var(--core-color-opacity-red-800); + --semantic-color-red-opacity-textIcon-low: var(--core-color-opacity-red-300); + --semantic-color-red-opacity-textIcon-mid: var(--core-color-opacity-red-400); + --semantic-color-red-opacity-textIcon-high: var(--core-color-opacity-red-600); + --semantic-color-orange-solid-surface-normal-lowest: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-surface-normal-low: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-surface-normal-mid: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-surface-normal-high: var(--core-color-solid-orange-600); + --semantic-color-orange-solid-surface-normal-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-surface-inverse-lowest: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-surface-inverse-low: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-surface-inverse-mid: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-surface-inverse-high: var(--core-color-solid-orange-800); + --semantic-color-orange-solid-surface-inverse-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-surface-static-lowest: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-surface-static-lower: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-surface-static-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-surface-static-midLow: var(--core-color-solid-orange-600); + --semantic-color-orange-solid-surface-static-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-surface-static-midHigh: var(--core-color-solid-orange-800); + --semantic-color-orange-solid-surface-static-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-surface-static-higher: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-surface-static-highest: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-border-normal-low: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-border-normal-mid: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-border-normal-high: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-border-normal-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-border-inverse-low: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-border-inverse-mid: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-border-inverse-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-border-inverse-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-border-static-lowest: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-border-static-lower: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-border-static-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-border-static-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-border-static-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-border-static-higher: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-border-static-highest: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-textIcon-normal-lowest: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-textIcon-normal-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-textIcon-normal-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-textIcon-normal-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-textIcon-inverse-lowest: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-textIcon-inverse-low: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-textIcon-inverse-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-textIcon-inverse-high: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-textIcon-static-lowest: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-textIcon-static-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-textIcon-static-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-textIcon-static-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-textIcon-static-highest: var(--core-color-solid-orange-1200); + --semantic-color-orange-opacity-surface-lowest: var(--core-color-opacity-orange-75); + --semantic-color-orange-opacity-surface-low: var(--core-color-opacity-orange-100); + --semantic-color-orange-opacity-surface-midLow: var(--core-color-opacity-orange-200); + --semantic-color-orange-opacity-surface-midHigh: var(--core-color-opacity-orange-300); + --semantic-color-orange-opacity-surface-high: var(--core-color-opacity-orange-700); + --semantic-color-orange-opacity-surface-highest: var(--core-color-opacity-orange-800); + --semantic-color-orange-opacity-border-lowest: var(--core-color-opacity-orange-75); + --semantic-color-orange-opacity-border-lower: var(--core-color-opacity-orange-100); + --semantic-color-orange-opacity-border-low: var(--core-color-opacity-orange-200); + --semantic-color-orange-opacity-border-mid: var(--core-color-opacity-orange-300); + --semantic-color-orange-opacity-border-high: var(--core-color-opacity-orange-600); + --semantic-color-orange-opacity-border-higher: var(--core-color-opacity-orange-700); + --semantic-color-orange-opacity-border-highest: var(--core-color-opacity-orange-800); + --semantic-color-orange-opacity-textIcon-low: var(--core-color-opacity-orange-300); + --semantic-color-orange-opacity-textIcon-mid: var(--core-color-opacity-orange-400); + --semantic-color-orange-opacity-textIcon-high: var(--core-color-opacity-orange-600); + --semantic-color-yellow-solid-surface-normal-lowest: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-surface-normal-low: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-surface-normal-mid: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-surface-normal-high: var(--core-color-solid-yellow-600); + --semantic-color-yellow-solid-surface-normal-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-surface-inverse-lowest: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-surface-inverse-low: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-surface-inverse-mid: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-surface-inverse-high: var(--core-color-solid-yellow-800); + --semantic-color-yellow-solid-surface-inverse-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-surface-static-lowest: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-surface-static-lower: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-surface-static-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-surface-static-midLow: var(--core-color-solid-yellow-600); + --semantic-color-yellow-solid-surface-static-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-surface-static-midHigh: var(--core-color-solid-yellow-800); + --semantic-color-yellow-solid-surface-static-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-surface-static-higher: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-surface-static-highest: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-border-normal-low: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-border-normal-mid: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-border-normal-high: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-border-normal-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-border-inverse-low: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-border-inverse-mid: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-border-inverse-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-border-inverse-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-border-static-lowest: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-border-static-lower: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-border-static-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-border-static-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-border-static-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-border-static-higher: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-border-static-highest: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-textIcon-normal-lowest: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-textIcon-normal-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-textIcon-normal-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-textIcon-normal-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-textIcon-inverse-lowest: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-textIcon-inverse-low: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-textIcon-inverse-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-textIcon-inverse-high: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-textIcon-static-lowest: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-textIcon-static-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-textIcon-static-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-textIcon-static-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-textIcon-static-highest: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-opacity-surface-lowest: var(--core-color-opacity-yellow-75); + --semantic-color-yellow-opacity-surface-low: var(--core-color-opacity-yellow-100); + --semantic-color-yellow-opacity-surface-midLow: var(--core-color-opacity-yellow-200); + --semantic-color-yellow-opacity-surface-midHigh: var(--core-color-opacity-yellow-300); + --semantic-color-yellow-opacity-surface-high: var(--core-color-opacity-yellow-700); + --semantic-color-yellow-opacity-surface-highest: var(--core-color-opacity-yellow-800); + --semantic-color-yellow-opacity-border-lowest: var(--core-color-opacity-yellow-75); + --semantic-color-yellow-opacity-border-lower: var(--core-color-opacity-yellow-100); + --semantic-color-yellow-opacity-border-low: var(--core-color-opacity-yellow-200); + --semantic-color-yellow-opacity-border-mid: var(--core-color-opacity-yellow-300); + --semantic-color-yellow-opacity-border-high: var(--core-color-opacity-yellow-600); + --semantic-color-yellow-opacity-border-higher: var(--core-color-opacity-yellow-700); + --semantic-color-yellow-opacity-border-highest: var(--core-color-opacity-yellow-800); + --semantic-color-yellow-opacity-textIcon-low: var(--core-color-opacity-yellow-300); + --semantic-color-yellow-opacity-textIcon-mid: var(--core-color-opacity-yellow-400); + --semantic-color-yellow-opacity-textIcon-high: var(--core-color-opacity-yellow-600); + --semantic-color-mustard-solid-surface-normal-lowest: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-surface-normal-low: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-surface-normal-mid: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-surface-normal-high: var(--core-color-solid-mustard-600); + --semantic-color-mustard-solid-surface-normal-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-surface-inverse-lowest: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-surface-inverse-low: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-surface-inverse-mid: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-surface-inverse-high: var(--core-color-solid-mustard-800); + --semantic-color-mustard-solid-surface-inverse-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-surface-static-lowest: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-surface-static-lower: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-surface-static-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-surface-static-midLow: var(--core-color-solid-mustard-600); + --semantic-color-mustard-solid-surface-static-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-surface-static-midHigh: var(--core-color-solid-mustard-800); + --semantic-color-mustard-solid-surface-static-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-surface-static-higher: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-surface-static-highest: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-border-normal-low: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-border-normal-mid: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-border-normal-high: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-border-normal-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-border-inverse-low: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-border-inverse-mid: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-border-inverse-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-border-inverse-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-border-static-lowest: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-border-static-lower: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-border-static-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-border-static-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-border-static-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-border-static-higher: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-border-static-highest: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-textIcon-normal-lowest: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-textIcon-normal-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-textIcon-normal-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-textIcon-normal-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-textIcon-inverse-lowest: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-textIcon-inverse-low: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-textIcon-inverse-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-textIcon-inverse-high: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-textIcon-static-lowest: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-textIcon-static-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-textIcon-static-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-textIcon-static-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-textIcon-static-highest: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-opacity-surface-lowest: var(--core-color-opacity-mustard-75); + --semantic-color-mustard-opacity-surface-low: var(--core-color-opacity-mustard-100); + --semantic-color-mustard-opacity-surface-midLow: var(--core-color-opacity-mustard-200); + --semantic-color-mustard-opacity-surface-midHigh: var(--core-color-opacity-mustard-300); + --semantic-color-mustard-opacity-surface-high: var(--core-color-opacity-mustard-700); + --semantic-color-mustard-opacity-surface-highest: var(--core-color-opacity-mustard-800); + --semantic-color-mustard-opacity-border-lowest: var(--core-color-opacity-mustard-75); + --semantic-color-mustard-opacity-border-lower: var(--core-color-opacity-mustard-100); + --semantic-color-mustard-opacity-border-low: var(--core-color-opacity-mustard-200); + --semantic-color-mustard-opacity-border-mid: var(--core-color-opacity-mustard-300); + --semantic-color-mustard-opacity-border-high: var(--core-color-opacity-mustard-600); + --semantic-color-mustard-opacity-border-higher: var(--core-color-opacity-mustard-700); + --semantic-color-mustard-opacity-border-highest: var(--core-color-opacity-mustard-800); + --semantic-color-mustard-opacity-textIcon-low: var(--core-color-opacity-mustard-300); + --semantic-color-mustard-opacity-textIcon-mid: var(--core-color-opacity-mustard-400); + --semantic-color-mustard-opacity-textIcon-high: var(--core-color-opacity-mustard-600); + --semantic-color-olive-solid-surface-normal-lowest: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-surface-normal-low: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-surface-normal-mid: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-surface-normal-high: var(--core-color-solid-olive-600); + --semantic-color-olive-solid-surface-normal-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-surface-inverse-lowest: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-surface-inverse-low: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-surface-inverse-mid: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-surface-inverse-high: var(--core-color-solid-olive-800); + --semantic-color-olive-solid-surface-inverse-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-surface-static-lowest: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-surface-static-lower: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-surface-static-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-surface-static-midLow: var(--core-color-solid-olive-600); + --semantic-color-olive-solid-surface-static-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-surface-static-midHigh: var(--core-color-solid-olive-800); + --semantic-color-olive-solid-surface-static-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-surface-static-higher: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-surface-static-highest: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-border-normal-low: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-border-normal-mid: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-border-normal-high: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-border-normal-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-border-inverse-low: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-border-inverse-mid: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-border-inverse-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-border-inverse-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-border-static-lowest: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-border-static-lower: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-border-static-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-border-static-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-border-static-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-border-static-higher: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-border-static-highest: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-textIcon-normal-lowest: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-textIcon-normal-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-textIcon-normal-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-textIcon-normal-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-textIcon-inverse-lowest: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-textIcon-inverse-low: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-textIcon-inverse-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-textIcon-inverse-high: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-textIcon-static-lowest: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-textIcon-static-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-textIcon-static-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-textIcon-static-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-textIcon-static-highest: var(--core-color-solid-olive-1200); + --semantic-color-olive-opacity-surface-lowest: var(--core-color-opacity-olive-75); + --semantic-color-olive-opacity-surface-low: var(--core-color-opacity-olive-100); + --semantic-color-olive-opacity-surface-midLow: var(--core-color-opacity-olive-200); + --semantic-color-olive-opacity-surface-midHigh: var(--core-color-opacity-olive-300); + --semantic-color-olive-opacity-surface-high: var(--core-color-opacity-olive-700); + --semantic-color-olive-opacity-surface-highest: var(--core-color-opacity-olive-800); + --semantic-color-olive-opacity-border-lowest: var(--core-color-opacity-olive-75); + --semantic-color-olive-opacity-border-lower: var(--core-color-opacity-olive-100); + --semantic-color-olive-opacity-border-low: var(--core-color-opacity-olive-200); + --semantic-color-olive-opacity-border-mid: var(--core-color-opacity-olive-300); + --semantic-color-olive-opacity-border-high: var(--core-color-opacity-olive-600); + --semantic-color-olive-opacity-border-higher: var(--core-color-opacity-olive-700); + --semantic-color-olive-opacity-border-highest: var(--core-color-opacity-olive-800); + --semantic-color-olive-opacity-textIcon-low: var(--core-color-opacity-olive-300); + --semantic-color-olive-opacity-textIcon-mid: var(--core-color-opacity-olive-400); + --semantic-color-olive-opacity-textIcon-high: var(--core-color-opacity-olive-600); + --semantic-color-green-solid-surface-normal-lowest: var(--core-color-solid-green-100); + --semantic-color-green-solid-surface-normal-low: var(--core-color-solid-green-200); + --semantic-color-green-solid-surface-normal-mid: var(--core-color-solid-green-500); + --semantic-color-green-solid-surface-normal-high: var(--core-color-solid-green-600); + --semantic-color-green-solid-surface-normal-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-surface-inverse-lowest: var(--core-color-solid-green-1300); + --semantic-color-green-solid-surface-inverse-low: var(--core-color-solid-green-1200); + --semantic-color-green-solid-surface-inverse-mid: var(--core-color-solid-green-900); + --semantic-color-green-solid-surface-inverse-high: var(--core-color-solid-green-800); + --semantic-color-green-solid-surface-inverse-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-surface-static-lowest: var(--core-color-solid-green-100); + --semantic-color-green-solid-surface-static-lower: var(--core-color-solid-green-200); + --semantic-color-green-solid-surface-static-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-surface-static-midLow: var(--core-color-solid-green-600); + --semantic-color-green-solid-surface-static-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-surface-static-midHigh: var(--core-color-solid-green-800); + --semantic-color-green-solid-surface-static-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-surface-static-higher: var(--core-color-solid-green-1200); + --semantic-color-green-solid-surface-static-highest: var(--core-color-solid-green-1300); + --semantic-color-green-solid-border-normal-low: var(--core-color-solid-green-100); + --semantic-color-green-solid-border-normal-mid: var(--core-color-solid-green-200); + --semantic-color-green-solid-border-normal-high: var(--core-color-solid-green-500); + --semantic-color-green-solid-border-normal-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-border-inverse-low: var(--core-color-solid-green-1300); + --semantic-color-green-solid-border-inverse-mid: var(--core-color-solid-green-1200); + --semantic-color-green-solid-border-inverse-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-border-inverse-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-border-static-lowest: var(--core-color-solid-green-100); + --semantic-color-green-solid-border-static-lower: var(--core-color-solid-green-200); + --semantic-color-green-solid-border-static-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-border-static-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-border-static-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-border-static-higher: var(--core-color-solid-green-1200); + --semantic-color-green-solid-border-static-highest: var(--core-color-solid-green-1300); + --semantic-color-green-solid-textIcon-normal-lowest: var(--core-color-solid-green-200); + --semantic-color-green-solid-textIcon-normal-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-textIcon-normal-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-textIcon-normal-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-textIcon-inverse-lowest: var(--core-color-solid-green-1200); + --semantic-color-green-solid-textIcon-inverse-low: var(--core-color-solid-green-900); + --semantic-color-green-solid-textIcon-inverse-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-textIcon-inverse-high: var(--core-color-solid-green-500); + --semantic-color-green-solid-textIcon-static-lowest: var(--core-color-solid-green-200); + --semantic-color-green-solid-textIcon-static-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-textIcon-static-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-textIcon-static-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-textIcon-static-highest: var(--core-color-solid-green-1200); + --semantic-color-green-opacity-surface-lowest: var(--core-color-opacity-green-75); + --semantic-color-green-opacity-surface-low: var(--core-color-opacity-green-100); + --semantic-color-green-opacity-surface-midLow: var(--core-color-opacity-green-200); + --semantic-color-green-opacity-surface-midHigh: var(--core-color-opacity-green-300); + --semantic-color-green-opacity-surface-high: var(--core-color-opacity-green-700); + --semantic-color-green-opacity-surface-highest: var(--core-color-opacity-green-800); + --semantic-color-green-opacity-border-lowest: var(--core-color-opacity-green-75); + --semantic-color-green-opacity-border-lower: var(--core-color-opacity-green-100); + --semantic-color-green-opacity-border-low: var(--core-color-opacity-green-200); + --semantic-color-green-opacity-border-mid: var(--core-color-opacity-green-300); + --semantic-color-green-opacity-border-high: var(--core-color-opacity-green-600); + --semantic-color-green-opacity-border-higher: var(--core-color-opacity-green-700); + --semantic-color-green-opacity-border-highest: var(--core-color-opacity-green-800); + --semantic-color-green-opacity-textIcon-low: var(--core-color-opacity-green-300); + --semantic-color-green-opacity-textIcon-mid: var(--core-color-opacity-green-400); + --semantic-color-green-opacity-textIcon-high: var(--core-color-opacity-green-600); + --semantic-color-emerald-solid-surface-normal-lowest: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-surface-normal-low: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-surface-normal-mid: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-surface-normal-high: var(--core-color-solid-emerald-600); + --semantic-color-emerald-solid-surface-normal-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-surface-inverse-lowest: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-surface-inverse-low: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-surface-inverse-mid: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-surface-inverse-high: var(--core-color-solid-emerald-800); + --semantic-color-emerald-solid-surface-inverse-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-surface-static-lowest: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-surface-static-lower: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-surface-static-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-surface-static-midLow: var(--core-color-solid-emerald-600); + --semantic-color-emerald-solid-surface-static-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-surface-static-midHigh: var(--core-color-solid-emerald-800); + --semantic-color-emerald-solid-surface-static-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-surface-static-higher: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-surface-static-highest: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-border-normal-low: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-border-normal-mid: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-border-normal-high: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-border-normal-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-border-inverse-low: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-border-inverse-mid: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-border-inverse-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-border-inverse-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-border-static-lowest: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-border-static-lower: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-border-static-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-border-static-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-border-static-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-border-static-higher: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-border-static-highest: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-textIcon-normal-lowest: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-textIcon-normal-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-textIcon-normal-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-textIcon-normal-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-textIcon-inverse-lowest: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-textIcon-inverse-low: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-textIcon-inverse-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-textIcon-inverse-high: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-textIcon-static-lowest: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-textIcon-static-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-textIcon-static-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-textIcon-static-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-textIcon-static-highest: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-opacity-surface-lowest: var(--core-color-opacity-emerald-75); + --semantic-color-emerald-opacity-surface-low: var(--core-color-opacity-emerald-100); + --semantic-color-emerald-opacity-surface-midLow: var(--core-color-opacity-emerald-200); + --semantic-color-emerald-opacity-surface-midHigh: var(--core-color-opacity-emerald-300); + --semantic-color-emerald-opacity-surface-high: var(--core-color-opacity-emerald-700); + --semantic-color-emerald-opacity-surface-highest: var(--core-color-opacity-emerald-800); + --semantic-color-emerald-opacity-border-lowest: var(--core-color-opacity-emerald-75); + --semantic-color-emerald-opacity-border-lower: var(--core-color-opacity-emerald-100); + --semantic-color-emerald-opacity-border-low: var(--core-color-opacity-emerald-200); + --semantic-color-emerald-opacity-border-mid: var(--core-color-opacity-emerald-300); + --semantic-color-emerald-opacity-border-high: var(--core-color-opacity-emerald-600); + --semantic-color-emerald-opacity-border-higher: var(--core-color-opacity-emerald-700); + --semantic-color-emerald-opacity-border-highest: var(--core-color-opacity-emerald-800); + --semantic-color-emerald-opacity-textIcon-low: var(--core-color-opacity-emerald-300); + --semantic-color-emerald-opacity-textIcon-mid: var(--core-color-opacity-emerald-400); + --semantic-color-emerald-opacity-textIcon-high: var(--core-color-opacity-emerald-600); + --semantic-color-tiffany-solid-surface-normal-lowest: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-surface-normal-low: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-surface-normal-mid: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-surface-normal-high: var(--core-color-solid-tiffany-600); + --semantic-color-tiffany-solid-surface-normal-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-surface-inverse-lowest: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-surface-inverse-low: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-surface-inverse-mid: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-surface-inverse-high: var(--core-color-solid-tiffany-800); + --semantic-color-tiffany-solid-surface-inverse-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-surface-static-lowest: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-surface-static-lower: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-surface-static-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-surface-static-midLow: var(--core-color-solid-tiffany-600); + --semantic-color-tiffany-solid-surface-static-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-surface-static-midHigh: var(--core-color-solid-tiffany-800); + --semantic-color-tiffany-solid-surface-static-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-surface-static-higher: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-surface-static-highest: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-border-normal-low: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-border-normal-mid: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-border-normal-high: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-border-normal-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-border-inverse-low: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-border-inverse-mid: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-border-inverse-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-border-inverse-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-border-static-lowest: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-border-static-lower: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-border-static-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-border-static-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-border-static-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-border-static-higher: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-border-static-highest: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-textIcon-normal-lowest: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-textIcon-normal-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-textIcon-normal-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-textIcon-normal-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-textIcon-inverse-lowest: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-textIcon-inverse-low: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-textIcon-inverse-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-textIcon-inverse-high: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-textIcon-static-lowest: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-textIcon-static-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-textIcon-static-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-textIcon-static-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-textIcon-static-highest: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-opacity-surface-lowest: var(--core-color-opacity-tiffany-75); + --semantic-color-tiffany-opacity-surface-low: var(--core-color-opacity-tiffany-100); + --semantic-color-tiffany-opacity-surface-midLow: var(--core-color-opacity-tiffany-200); + --semantic-color-tiffany-opacity-surface-midHigh: var(--core-color-opacity-tiffany-300); + --semantic-color-tiffany-opacity-surface-high: var(--core-color-opacity-tiffany-700); + --semantic-color-tiffany-opacity-surface-highest: var(--core-color-opacity-tiffany-800); + --semantic-color-tiffany-opacity-border-lowest: var(--core-color-opacity-tiffany-75); + --semantic-color-tiffany-opacity-border-lower: var(--core-color-opacity-tiffany-100); + --semantic-color-tiffany-opacity-border-low: var(--core-color-opacity-tiffany-200); + --semantic-color-tiffany-opacity-border-mid: var(--core-color-opacity-tiffany-300); + --semantic-color-tiffany-opacity-border-high: var(--core-color-opacity-tiffany-600); + --semantic-color-tiffany-opacity-border-higher: var(--core-color-opacity-tiffany-700); + --semantic-color-tiffany-opacity-border-highest: var(--core-color-opacity-tiffany-800); + --semantic-color-tiffany-opacity-textIcon-low: var(--core-color-opacity-tiffany-300); + --semantic-color-tiffany-opacity-textIcon-mid: var(--core-color-opacity-tiffany-400); + --semantic-color-tiffany-opacity-textIcon-high: var(--core-color-opacity-tiffany-600); + --semantic-color-teal-solid-surface-normal-lowest: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-surface-normal-low: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-surface-normal-mid: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-surface-normal-high: var(--core-color-solid-teal-600); + --semantic-color-teal-solid-surface-normal-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-surface-inverse-lowest: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-surface-inverse-low: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-surface-inverse-mid: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-surface-inverse-high: var(--core-color-solid-teal-800); + --semantic-color-teal-solid-surface-inverse-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-surface-static-lowest: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-surface-static-lower: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-surface-static-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-surface-static-midLow: var(--core-color-solid-teal-600); + --semantic-color-teal-solid-surface-static-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-surface-static-midHigh: var(--core-color-solid-teal-800); + --semantic-color-teal-solid-surface-static-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-surface-static-higher: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-surface-static-highest: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-border-normal-low: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-border-normal-mid: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-border-normal-high: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-border-normal-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-border-inverse-low: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-border-inverse-mid: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-border-inverse-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-border-inverse-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-border-static-lowest: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-border-static-lower: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-border-static-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-border-static-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-border-static-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-border-static-higher: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-border-static-highest: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-textIcon-normal-lowest: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-textIcon-normal-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-textIcon-normal-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-textIcon-normal-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-textIcon-inverse-lowest: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-textIcon-inverse-low: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-textIcon-inverse-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-textIcon-inverse-high: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-textIcon-static-lowest: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-textIcon-static-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-textIcon-static-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-textIcon-static-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-textIcon-static-highest: var(--core-color-solid-teal-1200); + --semantic-color-teal-opacity-surface-lowest: var(--core-color-opacity-teal-75); + --semantic-color-teal-opacity-surface-low: var(--core-color-opacity-teal-100); + --semantic-color-teal-opacity-surface-midLow: var(--core-color-opacity-teal-200); + --semantic-color-teal-opacity-surface-midHigh: var(--core-color-opacity-teal-300); + --semantic-color-teal-opacity-surface-high: var(--core-color-opacity-teal-700); + --semantic-color-teal-opacity-surface-highest: var(--core-color-opacity-teal-800); + --semantic-color-teal-opacity-border-lowest: var(--core-color-opacity-teal-75); + --semantic-color-teal-opacity-border-lower: var(--core-color-opacity-teal-100); + --semantic-color-teal-opacity-border-low: var(--core-color-opacity-teal-200); + --semantic-color-teal-opacity-border-mid: var(--core-color-opacity-teal-300); + --semantic-color-teal-opacity-border-high: var(--core-color-opacity-teal-600); + --semantic-color-teal-opacity-border-higher: var(--core-color-opacity-teal-700); + --semantic-color-teal-opacity-border-highest: var(--core-color-opacity-teal-800); + --semantic-color-teal-opacity-textIcon-low: var(--core-color-opacity-teal-300); + --semantic-color-teal-opacity-textIcon-mid: var(--core-color-opacity-teal-400); + --semantic-color-teal-opacity-textIcon-high: var(--core-color-opacity-teal-600); + --semantic-color-seawater-solid-surface-normal-lowest: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-surface-normal-low: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-surface-normal-mid: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-surface-normal-high: var(--core-color-solid-seawater-600); + --semantic-color-seawater-solid-surface-normal-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-surface-inverse-lowest: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-surface-inverse-low: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-surface-inverse-mid: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-surface-inverse-high: var(--core-color-solid-seawater-800); + --semantic-color-seawater-solid-surface-inverse-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-surface-static-lowest: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-surface-static-lower: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-surface-static-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-surface-static-midLow: var(--core-color-solid-seawater-600); + --semantic-color-seawater-solid-surface-static-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-surface-static-midHigh: var(--core-color-solid-seawater-800); + --semantic-color-seawater-solid-surface-static-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-surface-static-higher: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-surface-static-highest: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-border-normal-low: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-border-normal-mid: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-border-normal-high: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-border-normal-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-border-inverse-low: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-border-inverse-mid: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-border-inverse-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-border-inverse-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-border-static-lowest: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-border-static-lower: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-border-static-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-border-static-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-border-static-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-border-static-higher: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-border-static-highest: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-textIcon-normal-lowest: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-textIcon-normal-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-textIcon-normal-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-textIcon-normal-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-textIcon-inverse-lowest: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-textIcon-inverse-low: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-textIcon-inverse-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-textIcon-inverse-high: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-textIcon-static-lowest: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-textIcon-static-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-textIcon-static-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-textIcon-static-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-textIcon-static-highest: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-opacity-surface-lowest: var(--core-color-opacity-seawater-75); + --semantic-color-seawater-opacity-surface-low: var(--core-color-opacity-seawater-100); + --semantic-color-seawater-opacity-surface-midLow: var(--core-color-opacity-seawater-200); + --semantic-color-seawater-opacity-surface-midHigh: var(--core-color-opacity-seawater-300); + --semantic-color-seawater-opacity-surface-high: var(--core-color-opacity-seawater-700); + --semantic-color-seawater-opacity-surface-highest: var(--core-color-opacity-seawater-800); + --semantic-color-seawater-opacity-border-lowest: var(--core-color-opacity-seawater-75); + --semantic-color-seawater-opacity-border-lower: var(--core-color-opacity-seawater-100); + --semantic-color-seawater-opacity-border-low: var(--core-color-opacity-seawater-200); + --semantic-color-seawater-opacity-border-mid: var(--core-color-opacity-seawater-300); + --semantic-color-seawater-opacity-border-high: var(--core-color-opacity-seawater-600); + --semantic-color-seawater-opacity-border-higher: var(--core-color-opacity-seawater-700); + --semantic-color-seawater-opacity-border-highest: var(--core-color-opacity-seawater-800); + --semantic-color-seawater-opacity-textIcon-low: var(--core-color-opacity-seawater-300); + --semantic-color-seawater-opacity-textIcon-mid: var(--core-color-opacity-seawater-400); + --semantic-color-seawater-opacity-textIcon-high: var(--core-color-opacity-seawater-600); + --semantic-color-blue-solid-surface-normal-lowest: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-surface-normal-low: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-surface-normal-mid: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-surface-normal-high: var(--core-color-solid-blue-600); + --semantic-color-blue-solid-surface-normal-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-surface-inverse-lowest: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-surface-inverse-low: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-surface-inverse-mid: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-surface-inverse-high: var(--core-color-solid-blue-800); + --semantic-color-blue-solid-surface-inverse-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-surface-static-lowest: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-surface-static-lower: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-surface-static-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-surface-static-midLow: var(--core-color-solid-blue-600); + --semantic-color-blue-solid-surface-static-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-surface-static-midHigh: var(--core-color-solid-blue-800); + --semantic-color-blue-solid-surface-static-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-surface-static-higher: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-surface-static-highest: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-border-normal-low: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-border-normal-mid: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-border-normal-high: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-border-normal-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-border-inverse-low: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-border-inverse-mid: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-border-inverse-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-border-inverse-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-border-static-lowest: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-border-static-lower: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-border-static-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-border-static-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-border-static-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-border-static-higher: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-border-static-highest: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-textIcon-normal-lowest: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-textIcon-normal-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-textIcon-normal-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-textIcon-normal-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-textIcon-inverse-lowest: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-textIcon-inverse-low: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-textIcon-inverse-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-textIcon-inverse-high: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-textIcon-static-lowest: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-textIcon-static-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-textIcon-static-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-textIcon-static-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-textIcon-static-highest: var(--core-color-solid-blue-1200); + --semantic-color-blue-opacity-surface-lowest: var(--core-color-opacity-blue-75); + --semantic-color-blue-opacity-surface-low: var(--core-color-opacity-blue-100); + --semantic-color-blue-opacity-surface-midLow: var(--core-color-opacity-blue-200); + --semantic-color-blue-opacity-surface-midHigh: var(--core-color-opacity-blue-300); + --semantic-color-blue-opacity-surface-high: var(--core-color-opacity-blue-700); + --semantic-color-blue-opacity-surface-highest: var(--core-color-opacity-blue-800); + --semantic-color-blue-opacity-border-lowest: var(--core-color-opacity-blue-75); + --semantic-color-blue-opacity-border-lower: var(--core-color-opacity-blue-100); + --semantic-color-blue-opacity-border-low: var(--core-color-opacity-blue-200); + --semantic-color-blue-opacity-border-mid: var(--core-color-opacity-blue-300); + --semantic-color-blue-opacity-border-high: var(--core-color-opacity-blue-600); + --semantic-color-blue-opacity-border-higher: var(--core-color-opacity-blue-700); + --semantic-color-blue-opacity-border-highest: var(--core-color-opacity-blue-800); + --semantic-color-blue-opacity-textIcon-low: var(--core-color-opacity-blue-300); + --semantic-color-blue-opacity-textIcon-mid: var(--core-color-opacity-blue-400); + --semantic-color-blue-opacity-textIcon-high: var(--core-color-opacity-blue-600); + --semantic-color-sapphire-solid-surface-normal-lowest: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-surface-normal-low: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-surface-normal-mid: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-surface-normal-high: var(--core-color-solid-sapphire-600); + --semantic-color-sapphire-solid-surface-normal-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-surface-inverse-lowest: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-surface-inverse-low: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-surface-inverse-mid: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-surface-inverse-high: var(--core-color-solid-sapphire-800); + --semantic-color-sapphire-solid-surface-inverse-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-surface-static-lowest: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-surface-static-lower: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-surface-static-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-surface-static-midLow: var(--core-color-solid-sapphire-600); + --semantic-color-sapphire-solid-surface-static-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-surface-static-midHigh: var(--core-color-solid-sapphire-800); + --semantic-color-sapphire-solid-surface-static-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-surface-static-higher: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-surface-static-highest: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-border-normal-low: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-border-normal-mid: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-border-normal-high: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-border-normal-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-border-inverse-low: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-border-inverse-mid: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-border-inverse-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-border-inverse-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-border-static-lowest: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-border-static-lower: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-border-static-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-border-static-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-border-static-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-border-static-higher: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-border-static-highest: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-textIcon-normal-lowest: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-textIcon-normal-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-textIcon-normal-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-textIcon-normal-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-textIcon-inverse-lowest: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-textIcon-inverse-low: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-textIcon-inverse-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-textIcon-inverse-high: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-textIcon-static-lowest: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-textIcon-static-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-textIcon-static-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-textIcon-static-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-textIcon-static-highest: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-opacity-surface-lowest: var(--core-color-opacity-sapphire-75); + --semantic-color-sapphire-opacity-surface-low: var(--core-color-opacity-sapphire-100); + --semantic-color-sapphire-opacity-surface-midLow: var(--core-color-opacity-sapphire-200); + --semantic-color-sapphire-opacity-surface-midHigh: var(--core-color-opacity-sapphire-300); + --semantic-color-sapphire-opacity-surface-high: var(--core-color-opacity-sapphire-700); + --semantic-color-sapphire-opacity-surface-highest: var(--core-color-opacity-sapphire-800); + --semantic-color-sapphire-opacity-border-lowest: var(--core-color-opacity-sapphire-75); + --semantic-color-sapphire-opacity-border-lower: var(--core-color-opacity-sapphire-100); + --semantic-color-sapphire-opacity-border-low: var(--core-color-opacity-sapphire-200); + --semantic-color-sapphire-opacity-border-mid: var(--core-color-opacity-sapphire-300); + --semantic-color-sapphire-opacity-border-high: var(--core-color-opacity-sapphire-600); + --semantic-color-sapphire-opacity-border-higher: var(--core-color-opacity-sapphire-700); + --semantic-color-sapphire-opacity-border-highest: var(--core-color-opacity-sapphire-800); + --semantic-color-sapphire-opacity-textIcon-low: var(--core-color-opacity-sapphire-300); + --semantic-color-sapphire-opacity-textIcon-mid: var(--core-color-opacity-sapphire-400); + --semantic-color-sapphire-opacity-textIcon-high: var(--core-color-opacity-sapphire-600); + --semantic-color-blueberry-solid-surface-normal-lowest: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-surface-normal-low: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-surface-normal-mid: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-surface-normal-high: var(--core-color-solid-blueberry-600); + --semantic-color-blueberry-solid-surface-normal-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-surface-inverse-lowest: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-surface-inverse-low: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-surface-inverse-mid: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-surface-inverse-high: var(--core-color-solid-blueberry-800); + --semantic-color-blueberry-solid-surface-inverse-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-surface-static-lowest: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-surface-static-lower: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-surface-static-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-surface-static-midLow: var(--core-color-solid-blueberry-600); + --semantic-color-blueberry-solid-surface-static-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-surface-static-midHigh: var(--core-color-solid-blueberry-800); + --semantic-color-blueberry-solid-surface-static-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-surface-static-higher: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-surface-static-highest: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-border-normal-low: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-border-normal-mid: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-border-normal-high: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-border-normal-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-border-inverse-low: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-border-inverse-mid: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-border-inverse-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-border-inverse-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-border-static-lowest: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-border-static-lower: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-border-static-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-border-static-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-border-static-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-border-static-higher: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-border-static-highest: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-textIcon-normal-lowest: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-textIcon-normal-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-textIcon-normal-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-textIcon-normal-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-textIcon-inverse-lowest: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-textIcon-inverse-low: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-textIcon-inverse-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-textIcon-inverse-high: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-textIcon-static-lowest: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-textIcon-static-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-textIcon-static-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-textIcon-static-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-textIcon-static-highest: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-opacity-surface-lowest: var(--core-color-opacity-blueberry-75); + --semantic-color-blueberry-opacity-surface-low: var(--core-color-opacity-blueberry-100); + --semantic-color-blueberry-opacity-surface-midLow: var(--core-color-opacity-blueberry-200); + --semantic-color-blueberry-opacity-surface-midHigh: var(--core-color-opacity-blueberry-300); + --semantic-color-blueberry-opacity-surface-high: var(--core-color-opacity-blueberry-700); + --semantic-color-blueberry-opacity-surface-highest: var(--core-color-opacity-blueberry-800); + --semantic-color-blueberry-opacity-border-lowest: var(--core-color-opacity-blueberry-75); + --semantic-color-blueberry-opacity-border-lower: var(--core-color-opacity-blueberry-100); + --semantic-color-blueberry-opacity-border-low: var(--core-color-opacity-blueberry-200); + --semantic-color-blueberry-opacity-border-mid: var(--core-color-opacity-blueberry-300); + --semantic-color-blueberry-opacity-border-high: var(--core-color-opacity-blueberry-600); + --semantic-color-blueberry-opacity-border-higher: var(--core-color-opacity-blueberry-700); + --semantic-color-blueberry-opacity-border-highest: var(--core-color-opacity-blueberry-800); + --semantic-color-blueberry-opacity-textIcon-low: var(--core-color-opacity-blueberry-300); + --semantic-color-blueberry-opacity-textIcon-mid: var(--core-color-opacity-blueberry-400); + --semantic-color-blueberry-opacity-textIcon-high: var(--core-color-opacity-blueberry-600); + --semantic-color-grape-solid-surface-normal-lowest: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-surface-normal-low: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-surface-normal-mid: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-surface-normal-high: var(--core-color-solid-grape-600); + --semantic-color-grape-solid-surface-normal-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-surface-inverse-lowest: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-surface-inverse-low: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-surface-inverse-mid: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-surface-inverse-high: var(--core-color-solid-grape-800); + --semantic-color-grape-solid-surface-inverse-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-surface-static-lowest: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-surface-static-lower: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-surface-static-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-surface-static-midLow: var(--core-color-solid-grape-600); + --semantic-color-grape-solid-surface-static-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-surface-static-midHigh: var(--core-color-solid-grape-800); + --semantic-color-grape-solid-surface-static-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-surface-static-higher: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-surface-static-highest: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-border-normal-low: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-border-normal-mid: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-border-normal-high: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-border-normal-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-border-inverse-low: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-border-inverse-mid: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-border-inverse-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-border-inverse-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-border-static-lowest: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-border-static-lower: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-border-static-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-border-static-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-border-static-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-border-static-higher: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-border-static-highest: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-textIcon-normal-lowest: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-textIcon-normal-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-textIcon-normal-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-textIcon-normal-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-textIcon-inverse-lowest: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-textIcon-inverse-low: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-textIcon-inverse-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-textIcon-inverse-high: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-textIcon-static-lowest: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-textIcon-static-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-textIcon-static-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-textIcon-static-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-textIcon-static-highest: var(--core-color-solid-grape-1200); + --semantic-color-grape-opacity-surface-lowest: var(--core-color-opacity-grape-75); + --semantic-color-grape-opacity-surface-low: var(--core-color-opacity-grape-100); + --semantic-color-grape-opacity-surface-midLow: var(--core-color-opacity-grape-200); + --semantic-color-grape-opacity-surface-midHigh: var(--core-color-opacity-grape-300); + --semantic-color-grape-opacity-surface-high: var(--core-color-opacity-grape-700); + --semantic-color-grape-opacity-surface-highest: var(--core-color-opacity-grape-800); + --semantic-color-grape-opacity-border-lowest: var(--core-color-opacity-grape-75); + --semantic-color-grape-opacity-border-lower: var(--core-color-opacity-grape-100); + --semantic-color-grape-opacity-border-low: var(--core-color-opacity-grape-200); + --semantic-color-grape-opacity-border-mid: var(--core-color-opacity-grape-300); + --semantic-color-grape-opacity-border-high: var(--core-color-opacity-grape-600); + --semantic-color-grape-opacity-border-higher: var(--core-color-opacity-grape-700); + --semantic-color-grape-opacity-border-highest: var(--core-color-opacity-grape-800); + --semantic-color-grape-opacity-textIcon-low: var(--core-color-opacity-grape-300); + --semantic-color-grape-opacity-textIcon-mid: var(--core-color-opacity-grape-400); + --semantic-color-grape-opacity-textIcon-high: var(--core-color-opacity-grape-600); + --semantic-color-magenta-solid-surface-normal-lowest: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-surface-normal-low: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-surface-normal-mid: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-surface-normal-high: var(--core-color-solid-magenta-600); + --semantic-color-magenta-solid-surface-normal-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-surface-inverse-lowest: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-surface-inverse-low: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-surface-inverse-mid: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-surface-inverse-high: var(--core-color-solid-magenta-800); + --semantic-color-magenta-solid-surface-inverse-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-surface-static-lowest: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-surface-static-lower: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-surface-static-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-surface-static-midLow: var(--core-color-solid-magenta-600); + --semantic-color-magenta-solid-surface-static-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-surface-static-midHigh: var(--core-color-solid-magenta-800); + --semantic-color-magenta-solid-surface-static-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-surface-static-higher: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-surface-static-highest: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-border-normal-low: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-border-normal-mid: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-border-normal-high: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-border-normal-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-border-inverse-low: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-border-inverse-mid: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-border-inverse-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-border-inverse-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-border-static-lowest: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-border-static-lower: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-border-static-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-border-static-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-border-static-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-border-static-higher: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-border-static-highest: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-textIcon-normal-lowest: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-textIcon-normal-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-textIcon-normal-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-textIcon-normal-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-textIcon-inverse-lowest: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-textIcon-inverse-low: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-textIcon-inverse-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-textIcon-inverse-high: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-textIcon-static-lowest: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-textIcon-static-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-textIcon-static-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-textIcon-static-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-textIcon-static-highest: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-opacity-surface-lowest: var(--core-color-opacity-magenta-75); + --semantic-color-magenta-opacity-surface-low: var(--core-color-opacity-magenta-100); + --semantic-color-magenta-opacity-surface-midLow: var(--core-color-opacity-magenta-200); + --semantic-color-magenta-opacity-surface-midHigh: var(--core-color-opacity-magenta-300); + --semantic-color-magenta-opacity-surface-high: var(--core-color-opacity-magenta-700); + --semantic-color-magenta-opacity-surface-highest: var(--core-color-opacity-magenta-800); + --semantic-color-magenta-opacity-border-lowest: var(--core-color-opacity-magenta-75); + --semantic-color-magenta-opacity-border-lower: var(--core-color-opacity-magenta-100); + --semantic-color-magenta-opacity-border-low: var(--core-color-opacity-magenta-200); + --semantic-color-magenta-opacity-border-mid: var(--core-color-opacity-magenta-300); + --semantic-color-magenta-opacity-border-high: var(--core-color-opacity-magenta-600); + --semantic-color-magenta-opacity-border-higher: var(--core-color-opacity-magenta-700); + --semantic-color-magenta-opacity-border-highest: var(--core-color-opacity-magenta-800); + --semantic-color-magenta-opacity-textIcon-low: var(--core-color-opacity-magenta-300); + --semantic-color-magenta-opacity-textIcon-mid: var(--core-color-opacity-magenta-400); + --semantic-color-magenta-opacity-textIcon-high: var(--core-color-opacity-magenta-600); + --semantic-color-cherry-solid-surface-normal-lowest: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-surface-normal-low: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-surface-normal-mid: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-surface-normal-high: var(--core-color-solid-cherry-600); + --semantic-color-cherry-solid-surface-normal-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-surface-inverse-lowest: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-surface-inverse-low: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-surface-inverse-mid: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-surface-inverse-high: var(--core-color-solid-cherry-800); + --semantic-color-cherry-solid-surface-inverse-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-surface-static-lowest: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-surface-static-lower: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-surface-static-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-surface-static-midLow: var(--core-color-solid-cherry-600); + --semantic-color-cherry-solid-surface-static-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-surface-static-midHigh: var(--core-color-solid-cherry-800); + --semantic-color-cherry-solid-surface-static-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-surface-static-higher: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-surface-static-highest: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-border-normal-low: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-border-normal-mid: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-border-normal-high: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-border-normal-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-border-inverse-low: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-border-inverse-mid: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-border-inverse-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-border-inverse-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-border-static-lowest: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-border-static-lower: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-border-static-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-border-static-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-border-static-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-border-static-higher: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-border-static-highest: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-textIcon-normal-lowest: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-textIcon-normal-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-textIcon-normal-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-textIcon-normal-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-textIcon-inverse-lowest: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-textIcon-inverse-low: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-textIcon-inverse-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-textIcon-inverse-high: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-textIcon-static-lowest: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-textIcon-static-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-textIcon-static-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-textIcon-static-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-textIcon-static-highest: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-opacity-surface-lowest: var(--core-color-opacity-cherry-75); + --semantic-color-cherry-opacity-surface-low: var(--core-color-opacity-cherry-100); + --semantic-color-cherry-opacity-surface-midLow: var(--core-color-opacity-cherry-200); + --semantic-color-cherry-opacity-surface-midHigh: var(--core-color-opacity-cherry-300); + --semantic-color-cherry-opacity-surface-high: var(--core-color-opacity-cherry-700); + --semantic-color-cherry-opacity-surface-highest: var(--core-color-opacity-cherry-800); + --semantic-color-cherry-opacity-border-lowest: var(--core-color-opacity-cherry-75); + --semantic-color-cherry-opacity-border-lower: var(--core-color-opacity-cherry-100); + --semantic-color-cherry-opacity-border-low: var(--core-color-opacity-cherry-200); + --semantic-color-cherry-opacity-border-mid: var(--core-color-opacity-cherry-300); + --semantic-color-cherry-opacity-border-high: var(--core-color-opacity-cherry-600); + --semantic-color-cherry-opacity-border-higher: var(--core-color-opacity-cherry-700); + --semantic-color-cherry-opacity-border-highest: var(--core-color-opacity-cherry-800); + --semantic-color-cherry-opacity-textIcon-low: var(--core-color-opacity-cherry-300); + --semantic-color-cherry-opacity-textIcon-mid: var(--core-color-opacity-cherry-400); + --semantic-color-cherry-opacity-textIcon-high: var(--core-color-opacity-cherry-600); + --semantic-color-coral-solid-surface-normal-lowest: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-surface-normal-low: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-surface-normal-mid: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-surface-normal-high: var(--core-color-solid-coral-600); + --semantic-color-coral-solid-surface-normal-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-surface-inverse-lowest: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-surface-inverse-low: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-surface-inverse-mid: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-surface-inverse-high: var(--core-color-solid-coral-800); + --semantic-color-coral-solid-surface-inverse-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-surface-static-lowest: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-surface-static-lower: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-surface-static-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-surface-static-midLow: var(--core-color-solid-coral-600); + --semantic-color-coral-solid-surface-static-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-surface-static-midHigh: var(--core-color-solid-coral-800); + --semantic-color-coral-solid-surface-static-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-surface-static-higher: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-surface-static-highest: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-border-normal-low: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-border-normal-mid: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-border-normal-high: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-border-normal-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-border-inverse-low: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-border-inverse-mid: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-border-inverse-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-border-inverse-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-border-static-lowest: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-border-static-lower: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-border-static-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-border-static-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-border-static-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-border-static-higher: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-border-static-highest: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-textIcon-normal-lowest: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-textIcon-normal-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-textIcon-normal-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-textIcon-normal-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-textIcon-inverse-lowest: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-textIcon-inverse-low: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-textIcon-inverse-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-textIcon-inverse-high: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-textIcon-static-lowest: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-textIcon-static-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-textIcon-static-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-textIcon-static-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-textIcon-static-highest: var(--core-color-solid-coral-1200); + --semantic-color-coral-opacity-surface-lowest: var(--core-color-opacity-coral-75); + --semantic-color-coral-opacity-surface-low: var(--core-color-opacity-coral-100); + --semantic-color-coral-opacity-surface-midLow: var(--core-color-opacity-coral-200); + --semantic-color-coral-opacity-surface-midHigh: var(--core-color-opacity-coral-300); + --semantic-color-coral-opacity-surface-high: var(--core-color-opacity-coral-700); + --semantic-color-coral-opacity-surface-highest: var(--core-color-opacity-coral-800); + --semantic-color-coral-opacity-border-lowest: var(--core-color-opacity-coral-75); + --semantic-color-coral-opacity-border-lower: var(--core-color-opacity-coral-100); + --semantic-color-coral-opacity-border-low: var(--core-color-opacity-coral-200); + --semantic-color-coral-opacity-border-mid: var(--core-color-opacity-coral-300); + --semantic-color-coral-opacity-border-high: var(--core-color-opacity-coral-600); + --semantic-color-coral-opacity-border-higher: var(--core-color-opacity-coral-700); + --semantic-color-coral-opacity-border-highest: var(--core-color-opacity-coral-800); + --semantic-color-coral-opacity-textIcon-low: var(--core-color-opacity-coral-300); + --semantic-color-coral-opacity-textIcon-mid: var(--core-color-opacity-coral-400); + --semantic-color-coral-opacity-textIcon-high: var(--core-color-opacity-coral-600); + --semantic-color-component-segmentedControl-item-bg-selected: var(--core-color-solid-slate-50); +} +html.dark { + --semantic-color-monochrome-surface-normal-lowest: var(--core-color-opacity-white-75); + --semantic-color-monochrome-surface-normal-low: var(--core-color-opacity-white-100); + --semantic-color-monochrome-surface-normal-midLow: var(--core-color-opacity-white-200); + --semantic-color-monochrome-surface-normal-midHigh: var(--core-color-opacity-white-300); + --semantic-color-monochrome-surface-normal-high: var(--core-color-opacity-white-700); + --semantic-color-monochrome-surface-normal-highest: var(--core-color-opacity-white-800); + --semantic-color-monochrome-surface-inverse-lowest: var(--core-color-opacity-black-75); + --semantic-color-monochrome-surface-inverse-low: var(--core-color-opacity-black-100); + --semantic-color-monochrome-surface-inverse-midLow: var(--core-color-opacity-black-200); + --semantic-color-monochrome-surface-inverse-midHigh: var(--core-color-opacity-black-300); + --semantic-color-monochrome-surface-inverse-high: var(--core-color-opacity-black-700); + --semantic-color-monochrome-surface-inverse-highest: var(--core-color-opacity-black-800); + --semantic-color-monochrome-surface-static-blackLowest: var(--core-color-opacity-black-75); + --semantic-color-monochrome-surface-static-blackLow: var(--core-color-opacity-black-100); + --semantic-color-monochrome-surface-static-blackMidLow: var(--core-color-opacity-black-200); + --semantic-color-monochrome-surface-static-blackMidHigh: var(--core-color-opacity-black-300); + --semantic-color-monochrome-surface-static-blackHigh: var(--core-color-opacity-black-700); + --semantic-color-monochrome-surface-static-blackHighest: var(--core-color-opacity-black-800); + --semantic-color-monochrome-surface-static-whiteLowest: var(--core-color-opacity-white-75); + --semantic-color-monochrome-surface-static-whiteLow: var(--core-color-opacity-white-100); + --semantic-color-monochrome-surface-static-whiteMidLow: var(--core-color-opacity-white-200); + --semantic-color-monochrome-surface-static-whiteMidHigh: var(--core-color-opacity-white-300); + --semantic-color-monochrome-surface-static-whiteHigh: var(--core-color-opacity-white-700); + --semantic-color-monochrome-surface-static-whiteHighest: var(--core-color-opacity-white-800); + --semantic-color-monochrome-border-normal-low: var(--core-color-opacity-white-75); + --semantic-color-monochrome-border-normal-mid: var(--core-color-opacity-white-100); + --semantic-color-monochrome-border-normal-high: var(--core-color-opacity-white-200); + --semantic-color-monochrome-border-normal-highest: var(--core-color-opacity-white-300); + --semantic-color-monochrome-border-inverse-low: var(--core-color-opacity-black-75); + --semantic-color-monochrome-border-inverse-mid: var(--core-color-opacity-black-100); + --semantic-color-monochrome-border-inverse-high: var(--core-color-opacity-black-200); + --semantic-color-monochrome-border-inverse-highest: var(--core-color-opacity-black-300); + --semantic-color-monochrome-border-static-blackLow: var(--core-color-opacity-black-75); + --semantic-color-monochrome-border-static-blackMid: var(--core-color-opacity-black-100); + --semantic-color-monochrome-border-static-blackHigh: var(--core-color-opacity-black-200); + --semantic-color-monochrome-border-static-blackHighest: var(--core-color-opacity-black-300); + --semantic-color-monochrome-border-static-whiteLow: var(--core-color-opacity-white-75); + --semantic-color-monochrome-border-static-whiteMid: var(--core-color-opacity-white-100); + --semantic-color-monochrome-border-static-whiteHigh: var(--core-color-opacity-white-200); + --semantic-color-monochrome-border-static-whiteHighest: var(--core-color-opacity-white-300); + --semantic-color-monochrome-textIcon-normal-low: var(--core-color-opacity-white-300); + --semantic-color-monochrome-textIcon-normal-mid: var(--core-color-opacity-white-400); + --semantic-color-monochrome-textIcon-normal-high: var(--core-color-opacity-white-600); + --semantic-color-monochrome-textIcon-inverse-low: var(--core-color-opacity-black-300); + --semantic-color-monochrome-textIcon-inverse-mid: var(--core-color-opacity-black-400); + --semantic-color-monochrome-textIcon-inverse-high: var(--core-color-opacity-black-600); + --semantic-color-monochrome-textIcon-static-blackLow: var(--core-color-opacity-black-300); + --semantic-color-monochrome-textIcon-static-blackMid: var(--core-color-opacity-black-400); + --semantic-color-monochrome-textIcon-static-blackHigh: var(--core-color-opacity-black-600); + --semantic-color-monochrome-textIcon-static-whiteLow: var(--core-color-opacity-white-300); + --semantic-color-monochrome-textIcon-static-whiteMid: var(--core-color-opacity-white-400); + --semantic-color-monochrome-textIcon-static-whiteHigh: var(--core-color-opacity-white-600); + --semantic-color-slate-solid-surface-normal-lowest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-surface-normal-low: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-surface-normal-midLow: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-surface-normal-midHigh: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-surface-normal-high: var(--core-color-solid-slate-800); + --semantic-color-slate-solid-surface-normal-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-surface-inverse-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-surface-inverse-low: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-surface-inverse-midLow: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-surface-inverse-midHigh: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-surface-inverse-high: var(--core-color-solid-slate-600); + --semantic-color-slate-solid-surface-inverse-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-surface-static-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-surface-static-lower: var(--core-color-solid-slate-75); + --semantic-color-slate-solid-surface-static-low: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-surface-static-midLowest: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-surface-static-midLower: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-surface-static-midLow: var(--core-color-solid-slate-600); + --semantic-color-slate-solid-surface-static-midHigh: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-surface-static-midHigher: var(--core-color-solid-slate-800); + --semantic-color-slate-solid-surface-static-midHighest: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-surface-static-high: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-surface-static-higher: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-surface-static-highest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-surface-frame-low: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-surface-frame-mid: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-border-normal-lowest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-border-normal-low: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-border-normal-mid: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-border-normal-high: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-border-normal-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-border-inverse-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-border-inverse-low: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-border-inverse-mid: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-border-inverse-high: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-border-inverse-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-border-static-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-border-static-lower: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-border-static-low: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-border-static-midLow: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-border-static-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-border-static-midHigh: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-border-static-high: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-border-static-higher: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-border-static-highest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-textIcon-normal-lowest: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-textIcon-normal-low: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-textIcon-normal-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-textIcon-normal-high: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-textIcon-normal-highest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-textIcon-inverse-lowest: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-textIcon-inverse-low: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-textIcon-inverse-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-textIcon-inverse-high: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-textIcon-inverse-highest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-textIcon-static-lowest: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-textIcon-static-low: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-textIcon-static-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-textIcon-static-high: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-textIcon-static-highest: var(--core-color-solid-slate-1200); + --semantic-color-slate-opacity-surface-lowest: var(--core-color-opacity-slate-75); + --semantic-color-slate-opacity-surface-low: var(--core-color-opacity-slate-100); + --semantic-color-slate-opacity-surface-midLow: var(--core-color-opacity-slate-200); + --semantic-color-slate-opacity-surface-midHigh: var(--core-color-opacity-slate-300); + --semantic-color-slate-opacity-surface-high: var(--core-color-opacity-slate-700); + --semantic-color-slate-opacity-surface-highest: var(--core-color-opacity-slate-800); + --semantic-color-slate-opacity-border-lowest: var(--core-color-opacity-slate-75); + --semantic-color-slate-opacity-border-lower: var(--core-color-opacity-slate-100); + --semantic-color-slate-opacity-border-low: var(--core-color-opacity-slate-200); + --semantic-color-slate-opacity-border-mid: var(--core-color-opacity-slate-300); + --semantic-color-slate-opacity-border-high: var(--core-color-opacity-slate-600); + --semantic-color-slate-opacity-border-higher: var(--core-color-opacity-slate-700); + --semantic-color-slate-opacity-border-highest: var(--core-color-opacity-slate-800); + --semantic-color-slate-opacity-textIcon-low: var(--core-color-opacity-slate-300); + --semantic-color-slate-opacity-textIcon-mid: var(--core-color-opacity-slate-400); + --semantic-color-slate-opacity-textIcon-high: var(--core-color-opacity-slate-600); + --semantic-color-red-solid-surface-normal-lowest: var(--core-color-solid-red-1300); + --semantic-color-red-solid-surface-normal-low: var(--core-color-solid-red-1200); + --semantic-color-red-solid-surface-normal-mid: var(--core-color-solid-red-900); + --semantic-color-red-solid-surface-normal-high: var(--core-color-solid-red-800); + --semantic-color-red-solid-surface-normal-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-surface-inverse-lowest: var(--core-color-solid-red-100); + --semantic-color-red-solid-surface-inverse-low: var(--core-color-solid-red-200); + --semantic-color-red-solid-surface-inverse-mid: var(--core-color-solid-red-500); + --semantic-color-red-solid-surface-inverse-high: var(--core-color-solid-red-600); + --semantic-color-red-solid-surface-inverse-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-surface-static-lowest: var(--core-color-solid-red-100); + --semantic-color-red-solid-surface-static-lower: var(--core-color-solid-red-200); + --semantic-color-red-solid-surface-static-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-surface-static-midLow: var(--core-color-solid-red-600); + --semantic-color-red-solid-surface-static-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-surface-static-midHigh: var(--core-color-solid-red-800); + --semantic-color-red-solid-surface-static-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-surface-static-higher: var(--core-color-solid-red-1200); + --semantic-color-red-solid-surface-static-highest: var(--core-color-solid-red-1300); + --semantic-color-red-solid-border-normal-low: var(--core-color-solid-red-1300); + --semantic-color-red-solid-border-normal-mid: var(--core-color-solid-red-1200); + --semantic-color-red-solid-border-normal-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-border-normal-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-border-inverse-low: var(--core-color-solid-red-100); + --semantic-color-red-solid-border-inverse-mid: var(--core-color-solid-red-200); + --semantic-color-red-solid-border-inverse-high: var(--core-color-solid-red-500); + --semantic-color-red-solid-border-inverse-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-border-static-lowest: var(--core-color-solid-red-100); + --semantic-color-red-solid-border-static-lower: var(--core-color-solid-red-200); + --semantic-color-red-solid-border-static-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-border-static-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-border-static-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-border-static-higher: var(--core-color-solid-red-1200); + --semantic-color-red-solid-border-static-highest: var(--core-color-solid-red-1300); + --semantic-color-red-solid-textIcon-normal-lowest: var(--core-color-solid-red-1200); + --semantic-color-red-solid-textIcon-normal-low: var(--core-color-solid-red-900); + --semantic-color-red-solid-textIcon-normal-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-textIcon-normal-high: var(--core-color-solid-red-500); + --semantic-color-red-solid-textIcon-inverse-lowest: var(--core-color-solid-red-200); + --semantic-color-red-solid-textIcon-inverse-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-textIcon-inverse-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-textIcon-inverse-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-textIcon-static-lowest: var(--core-color-solid-red-200); + --semantic-color-red-solid-textIcon-static-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-textIcon-static-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-textIcon-static-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-textIcon-static-highest: var(--core-color-solid-red-1200); + --semantic-color-red-opacity-surface-lowest: var(--core-color-opacity-red-75); + --semantic-color-red-opacity-surface-low: var(--core-color-opacity-red-100); + --semantic-color-red-opacity-surface-midLow: var(--core-color-opacity-red-200); + --semantic-color-red-opacity-surface-midHigh: var(--core-color-opacity-red-300); + --semantic-color-red-opacity-surface-high: var(--core-color-opacity-red-700); + --semantic-color-red-opacity-surface-highest: var(--core-color-opacity-red-800); + --semantic-color-red-opacity-border-lowest: var(--core-color-opacity-red-75); + --semantic-color-red-opacity-border-lower: var(--core-color-opacity-red-100); + --semantic-color-red-opacity-border-low: var(--core-color-opacity-red-200); + --semantic-color-red-opacity-border-mid: var(--core-color-opacity-red-300); + --semantic-color-red-opacity-border-high: var(--core-color-opacity-red-600); + --semantic-color-red-opacity-border-higher: var(--core-color-opacity-red-700); + --semantic-color-red-opacity-border-highest: var(--core-color-opacity-red-800); + --semantic-color-red-opacity-textIcon-low: var(--core-color-opacity-red-300); + --semantic-color-red-opacity-textIcon-mid: var(--core-color-opacity-red-400); + --semantic-color-red-opacity-textIcon-high: var(--core-color-opacity-red-600); + --semantic-color-orange-solid-surface-normal-lowest: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-surface-normal-low: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-surface-normal-mid: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-surface-normal-high: var(--core-color-solid-orange-800); + --semantic-color-orange-solid-surface-normal-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-surface-inverse-lowest: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-surface-inverse-low: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-surface-inverse-mid: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-surface-inverse-high: var(--core-color-solid-orange-600); + --semantic-color-orange-solid-surface-inverse-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-surface-static-lowest: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-surface-static-lower: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-surface-static-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-surface-static-midLow: var(--core-color-solid-orange-600); + --semantic-color-orange-solid-surface-static-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-surface-static-midHigh: var(--core-color-solid-orange-800); + --semantic-color-orange-solid-surface-static-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-surface-static-higher: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-surface-static-highest: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-border-normal-low: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-border-normal-mid: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-border-normal-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-border-normal-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-border-inverse-low: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-border-inverse-mid: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-border-inverse-high: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-border-inverse-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-border-static-lowest: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-border-static-lower: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-border-static-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-border-static-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-border-static-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-border-static-higher: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-border-static-highest: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-textIcon-normal-lowest: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-textIcon-normal-low: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-textIcon-normal-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-textIcon-normal-high: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-textIcon-inverse-lowest: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-textIcon-inverse-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-textIcon-inverse-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-textIcon-inverse-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-textIcon-static-lowest: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-textIcon-static-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-textIcon-static-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-textIcon-static-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-textIcon-static-highest: var(--core-color-solid-orange-1200); + --semantic-color-orange-opacity-surface-lowest: var(--core-color-opacity-orange-75); + --semantic-color-orange-opacity-surface-low: var(--core-color-opacity-orange-100); + --semantic-color-orange-opacity-surface-midLow: var(--core-color-opacity-orange-200); + --semantic-color-orange-opacity-surface-midHigh: var(--core-color-opacity-orange-300); + --semantic-color-orange-opacity-surface-high: var(--core-color-opacity-orange-700); + --semantic-color-orange-opacity-surface-highest: var(--core-color-opacity-orange-800); + --semantic-color-orange-opacity-border-lowest: var(--core-color-opacity-orange-75); + --semantic-color-orange-opacity-border-lower: var(--core-color-opacity-orange-100); + --semantic-color-orange-opacity-border-low: var(--core-color-opacity-orange-200); + --semantic-color-orange-opacity-border-mid: var(--core-color-opacity-orange-300); + --semantic-color-orange-opacity-border-high: var(--core-color-opacity-orange-600); + --semantic-color-orange-opacity-border-higher: var(--core-color-opacity-orange-700); + --semantic-color-orange-opacity-border-highest: var(--core-color-opacity-orange-800); + --semantic-color-orange-opacity-textIcon-low: var(--core-color-opacity-orange-300); + --semantic-color-orange-opacity-textIcon-mid: var(--core-color-opacity-orange-400); + --semantic-color-orange-opacity-textIcon-high: var(--core-color-opacity-orange-600); + --semantic-color-yellow-solid-surface-normal-lowest: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-surface-normal-low: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-surface-normal-mid: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-surface-normal-high: var(--core-color-solid-yellow-800); + --semantic-color-yellow-solid-surface-normal-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-surface-inverse-lowest: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-surface-inverse-low: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-surface-inverse-mid: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-surface-inverse-high: var(--core-color-solid-yellow-600); + --semantic-color-yellow-solid-surface-inverse-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-surface-static-lowest: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-surface-static-lower: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-surface-static-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-surface-static-midLow: var(--core-color-solid-yellow-600); + --semantic-color-yellow-solid-surface-static-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-surface-static-midHigh: var(--core-color-solid-yellow-800); + --semantic-color-yellow-solid-surface-static-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-surface-static-higher: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-surface-static-highest: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-border-normal-low: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-border-normal-mid: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-border-normal-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-border-normal-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-border-inverse-low: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-border-inverse-mid: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-border-inverse-high: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-border-inverse-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-border-static-lowest: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-border-static-lower: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-border-static-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-border-static-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-border-static-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-border-static-higher: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-border-static-highest: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-textIcon-normal-lowest: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-textIcon-normal-low: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-textIcon-normal-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-textIcon-normal-high: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-textIcon-inverse-lowest: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-textIcon-inverse-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-textIcon-inverse-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-textIcon-inverse-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-textIcon-static-lowest: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-textIcon-static-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-textIcon-static-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-textIcon-static-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-textIcon-static-highest: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-opacity-surface-lowest: var(--core-color-opacity-yellow-75); + --semantic-color-yellow-opacity-surface-low: var(--core-color-opacity-yellow-100); + --semantic-color-yellow-opacity-surface-midLow: var(--core-color-opacity-yellow-200); + --semantic-color-yellow-opacity-surface-midHigh: var(--core-color-opacity-yellow-300); + --semantic-color-yellow-opacity-surface-high: var(--core-color-opacity-yellow-700); + --semantic-color-yellow-opacity-surface-highest: var(--core-color-opacity-yellow-800); + --semantic-color-yellow-opacity-border-lowest: var(--core-color-opacity-yellow-75); + --semantic-color-yellow-opacity-border-lower: var(--core-color-opacity-yellow-100); + --semantic-color-yellow-opacity-border-low: var(--core-color-opacity-yellow-200); + --semantic-color-yellow-opacity-border-mid: var(--core-color-opacity-yellow-300); + --semantic-color-yellow-opacity-border-high: var(--core-color-opacity-yellow-600); + --semantic-color-yellow-opacity-border-higher: var(--core-color-opacity-yellow-700); + --semantic-color-yellow-opacity-border-highest: var(--core-color-opacity-yellow-800); + --semantic-color-yellow-opacity-textIcon-low: var(--core-color-opacity-yellow-300); + --semantic-color-yellow-opacity-textIcon-mid: var(--core-color-opacity-yellow-400); + --semantic-color-yellow-opacity-textIcon-high: var(--core-color-opacity-yellow-600); + --semantic-color-mustard-solid-surface-normal-lowest: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-surface-normal-low: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-surface-normal-mid: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-surface-normal-high: var(--core-color-solid-mustard-800); + --semantic-color-mustard-solid-surface-normal-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-surface-inverse-lowest: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-surface-inverse-low: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-surface-inverse-mid: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-surface-inverse-high: var(--core-color-solid-mustard-600); + --semantic-color-mustard-solid-surface-inverse-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-surface-static-lowest: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-surface-static-lower: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-surface-static-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-surface-static-midLow: var(--core-color-solid-mustard-600); + --semantic-color-mustard-solid-surface-static-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-surface-static-midHigh: var(--core-color-solid-mustard-800); + --semantic-color-mustard-solid-surface-static-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-surface-static-higher: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-surface-static-highest: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-border-normal-low: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-border-normal-mid: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-border-normal-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-border-normal-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-border-inverse-low: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-border-inverse-mid: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-border-inverse-high: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-border-inverse-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-border-static-lowest: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-border-static-lower: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-border-static-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-border-static-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-border-static-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-border-static-higher: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-border-static-highest: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-textIcon-normal-lowest: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-textIcon-normal-low: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-textIcon-normal-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-textIcon-normal-high: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-textIcon-inverse-lowest: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-textIcon-inverse-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-textIcon-inverse-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-textIcon-inverse-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-textIcon-static-lowest: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-textIcon-static-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-textIcon-static-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-textIcon-static-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-textIcon-static-highest: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-opacity-surface-lowest: var(--core-color-opacity-mustard-75); + --semantic-color-mustard-opacity-surface-low: var(--core-color-opacity-mustard-100); + --semantic-color-mustard-opacity-surface-midLow: var(--core-color-opacity-mustard-200); + --semantic-color-mustard-opacity-surface-midHigh: var(--core-color-opacity-mustard-300); + --semantic-color-mustard-opacity-surface-high: var(--core-color-opacity-mustard-700); + --semantic-color-mustard-opacity-surface-highest: var(--core-color-opacity-mustard-800); + --semantic-color-mustard-opacity-border-lowest: var(--core-color-opacity-mustard-75); + --semantic-color-mustard-opacity-border-lower: var(--core-color-opacity-mustard-100); + --semantic-color-mustard-opacity-border-low: var(--core-color-opacity-mustard-200); + --semantic-color-mustard-opacity-border-mid: var(--core-color-opacity-mustard-300); + --semantic-color-mustard-opacity-border-high: var(--core-color-opacity-mustard-600); + --semantic-color-mustard-opacity-border-higher: var(--core-color-opacity-mustard-700); + --semantic-color-mustard-opacity-border-highest: var(--core-color-opacity-mustard-800); + --semantic-color-mustard-opacity-textIcon-low: var(--core-color-opacity-mustard-300); + --semantic-color-mustard-opacity-textIcon-mid: var(--core-color-opacity-mustard-400); + --semantic-color-mustard-opacity-textIcon-high: var(--core-color-opacity-mustard-600); + --semantic-color-olive-solid-surface-normal-lowest: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-surface-normal-low: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-surface-normal-mid: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-surface-normal-high: var(--core-color-solid-olive-800); + --semantic-color-olive-solid-surface-normal-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-surface-inverse-lowest: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-surface-inverse-low: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-surface-inverse-mid: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-surface-inverse-high: var(--core-color-solid-olive-600); + --semantic-color-olive-solid-surface-inverse-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-surface-static-lowest: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-surface-static-lower: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-surface-static-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-surface-static-midLow: var(--core-color-solid-olive-600); + --semantic-color-olive-solid-surface-static-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-surface-static-midHigh: var(--core-color-solid-olive-800); + --semantic-color-olive-solid-surface-static-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-surface-static-higher: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-surface-static-highest: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-border-normal-low: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-border-normal-mid: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-border-normal-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-border-normal-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-border-inverse-low: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-border-inverse-mid: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-border-inverse-high: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-border-inverse-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-border-static-lowest: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-border-static-lower: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-border-static-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-border-static-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-border-static-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-border-static-higher: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-border-static-highest: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-textIcon-normal-lowest: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-textIcon-normal-low: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-textIcon-normal-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-textIcon-normal-high: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-textIcon-inverse-lowest: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-textIcon-inverse-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-textIcon-inverse-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-textIcon-inverse-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-textIcon-static-lowest: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-textIcon-static-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-textIcon-static-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-textIcon-static-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-textIcon-static-highest: var(--core-color-solid-olive-1200); + --semantic-color-olive-opacity-surface-lowest: var(--core-color-opacity-olive-75); + --semantic-color-olive-opacity-surface-low: var(--core-color-opacity-olive-100); + --semantic-color-olive-opacity-surface-midLow: var(--core-color-opacity-olive-200); + --semantic-color-olive-opacity-surface-midHigh: var(--core-color-opacity-olive-300); + --semantic-color-olive-opacity-surface-high: var(--core-color-opacity-olive-700); + --semantic-color-olive-opacity-surface-highest: var(--core-color-opacity-olive-800); + --semantic-color-olive-opacity-border-lowest: var(--core-color-opacity-olive-75); + --semantic-color-olive-opacity-border-lower: var(--core-color-opacity-olive-100); + --semantic-color-olive-opacity-border-low: var(--core-color-opacity-olive-200); + --semantic-color-olive-opacity-border-mid: var(--core-color-opacity-olive-300); + --semantic-color-olive-opacity-border-high: var(--core-color-opacity-olive-600); + --semantic-color-olive-opacity-border-higher: var(--core-color-opacity-olive-700); + --semantic-color-olive-opacity-border-highest: var(--core-color-opacity-olive-800); + --semantic-color-olive-opacity-textIcon-low: var(--core-color-opacity-olive-300); + --semantic-color-olive-opacity-textIcon-mid: var(--core-color-opacity-olive-400); + --semantic-color-olive-opacity-textIcon-high: var(--core-color-opacity-olive-600); + --semantic-color-green-solid-surface-normal-lowest: var(--core-color-solid-green-1300); + --semantic-color-green-solid-surface-normal-low: var(--core-color-solid-green-1200); + --semantic-color-green-solid-surface-normal-mid: var(--core-color-solid-green-900); + --semantic-color-green-solid-surface-normal-high: var(--core-color-solid-green-800); + --semantic-color-green-solid-surface-normal-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-surface-inverse-lowest: var(--core-color-solid-green-100); + --semantic-color-green-solid-surface-inverse-low: var(--core-color-solid-green-200); + --semantic-color-green-solid-surface-inverse-mid: var(--core-color-solid-green-500); + --semantic-color-green-solid-surface-inverse-high: var(--core-color-solid-green-600); + --semantic-color-green-solid-surface-inverse-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-surface-static-lowest: var(--core-color-solid-green-100); + --semantic-color-green-solid-surface-static-lower: var(--core-color-solid-green-200); + --semantic-color-green-solid-surface-static-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-surface-static-midLow: var(--core-color-solid-green-600); + --semantic-color-green-solid-surface-static-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-surface-static-midHigh: var(--core-color-solid-green-800); + --semantic-color-green-solid-surface-static-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-surface-static-higher: var(--core-color-solid-green-1200); + --semantic-color-green-solid-surface-static-highest: var(--core-color-solid-green-1300); + --semantic-color-green-solid-border-normal-low: var(--core-color-solid-green-1300); + --semantic-color-green-solid-border-normal-mid: var(--core-color-solid-green-1200); + --semantic-color-green-solid-border-normal-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-border-normal-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-border-inverse-low: var(--core-color-solid-green-100); + --semantic-color-green-solid-border-inverse-mid: var(--core-color-solid-green-200); + --semantic-color-green-solid-border-inverse-high: var(--core-color-solid-green-500); + --semantic-color-green-solid-border-inverse-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-border-static-lowest: var(--core-color-solid-green-100); + --semantic-color-green-solid-border-static-lower: var(--core-color-solid-green-200); + --semantic-color-green-solid-border-static-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-border-static-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-border-static-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-border-static-higher: var(--core-color-solid-green-1200); + --semantic-color-green-solid-border-static-highest: var(--core-color-solid-green-1300); + --semantic-color-green-solid-textIcon-normal-lowest: var(--core-color-solid-green-1200); + --semantic-color-green-solid-textIcon-normal-low: var(--core-color-solid-green-900); + --semantic-color-green-solid-textIcon-normal-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-textIcon-normal-high: var(--core-color-solid-green-500); + --semantic-color-green-solid-textIcon-inverse-lowest: var(--core-color-solid-green-200); + --semantic-color-green-solid-textIcon-inverse-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-textIcon-inverse-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-textIcon-inverse-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-textIcon-static-lowest: var(--core-color-solid-green-200); + --semantic-color-green-solid-textIcon-static-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-textIcon-static-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-textIcon-static-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-textIcon-static-highest: var(--core-color-solid-green-1200); + --semantic-color-green-opacity-surface-lowest: var(--core-color-opacity-green-75); + --semantic-color-green-opacity-surface-low: var(--core-color-opacity-green-100); + --semantic-color-green-opacity-surface-midLow: var(--core-color-opacity-green-200); + --semantic-color-green-opacity-surface-midHigh: var(--core-color-opacity-green-300); + --semantic-color-green-opacity-surface-high: var(--core-color-opacity-green-700); + --semantic-color-green-opacity-surface-highest: var(--core-color-opacity-green-800); + --semantic-color-green-opacity-border-lowest: var(--core-color-opacity-green-75); + --semantic-color-green-opacity-border-lower: var(--core-color-opacity-green-100); + --semantic-color-green-opacity-border-low: var(--core-color-opacity-green-200); + --semantic-color-green-opacity-border-mid: var(--core-color-opacity-green-300); + --semantic-color-green-opacity-border-high: var(--core-color-opacity-green-600); + --semantic-color-green-opacity-border-higher: var(--core-color-opacity-green-700); + --semantic-color-green-opacity-border-highest: var(--core-color-opacity-green-800); + --semantic-color-green-opacity-textIcon-low: var(--core-color-opacity-green-300); + --semantic-color-green-opacity-textIcon-mid: var(--core-color-opacity-green-400); + --semantic-color-green-opacity-textIcon-high: var(--core-color-opacity-green-600); + --semantic-color-emerald-solid-surface-normal-lowest: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-surface-normal-low: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-surface-normal-mid: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-surface-normal-high: var(--core-color-solid-emerald-800); + --semantic-color-emerald-solid-surface-normal-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-surface-inverse-lowest: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-surface-inverse-low: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-surface-inverse-mid: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-surface-inverse-high: var(--core-color-solid-emerald-600); + --semantic-color-emerald-solid-surface-inverse-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-surface-static-lowest: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-surface-static-lower: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-surface-static-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-surface-static-midLow: var(--core-color-solid-emerald-600); + --semantic-color-emerald-solid-surface-static-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-surface-static-midHigh: var(--core-color-solid-emerald-800); + --semantic-color-emerald-solid-surface-static-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-surface-static-higher: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-surface-static-highest: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-border-normal-low: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-border-normal-mid: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-border-normal-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-border-normal-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-border-inverse-low: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-border-inverse-mid: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-border-inverse-high: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-border-inverse-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-border-static-lowest: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-border-static-lower: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-border-static-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-border-static-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-border-static-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-border-static-higher: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-border-static-highest: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-textIcon-normal-lowest: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-textIcon-normal-low: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-textIcon-normal-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-textIcon-normal-high: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-textIcon-inverse-lowest: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-textIcon-inverse-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-textIcon-inverse-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-textIcon-inverse-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-textIcon-static-lowest: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-textIcon-static-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-textIcon-static-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-textIcon-static-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-textIcon-static-highest: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-opacity-surface-lowest: var(--core-color-opacity-emerald-75); + --semantic-color-emerald-opacity-surface-low: var(--core-color-opacity-emerald-100); + --semantic-color-emerald-opacity-surface-midLow: var(--core-color-opacity-emerald-200); + --semantic-color-emerald-opacity-surface-midHigh: var(--core-color-opacity-emerald-300); + --semantic-color-emerald-opacity-surface-high: var(--core-color-opacity-emerald-700); + --semantic-color-emerald-opacity-surface-highest: var(--core-color-opacity-emerald-800); + --semantic-color-emerald-opacity-border-lowest: var(--core-color-opacity-emerald-75); + --semantic-color-emerald-opacity-border-lower: var(--core-color-opacity-emerald-100); + --semantic-color-emerald-opacity-border-low: var(--core-color-opacity-emerald-200); + --semantic-color-emerald-opacity-border-mid: var(--core-color-opacity-emerald-300); + --semantic-color-emerald-opacity-border-high: var(--core-color-opacity-emerald-600); + --semantic-color-emerald-opacity-border-higher: var(--core-color-opacity-emerald-700); + --semantic-color-emerald-opacity-border-highest: var(--core-color-opacity-emerald-800); + --semantic-color-emerald-opacity-textIcon-low: var(--core-color-opacity-emerald-300); + --semantic-color-emerald-opacity-textIcon-mid: var(--core-color-opacity-emerald-400); + --semantic-color-emerald-opacity-textIcon-high: var(--core-color-opacity-emerald-600); + --semantic-color-tiffany-solid-surface-normal-lowest: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-surface-normal-low: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-surface-normal-mid: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-surface-normal-high: var(--core-color-solid-tiffany-800); + --semantic-color-tiffany-solid-surface-normal-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-surface-inverse-lowest: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-surface-inverse-low: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-surface-inverse-mid: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-surface-inverse-high: var(--core-color-solid-tiffany-600); + --semantic-color-tiffany-solid-surface-inverse-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-surface-static-lowest: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-surface-static-lower: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-surface-static-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-surface-static-midLow: var(--core-color-solid-tiffany-600); + --semantic-color-tiffany-solid-surface-static-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-surface-static-midHigh: var(--core-color-solid-tiffany-800); + --semantic-color-tiffany-solid-surface-static-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-surface-static-higher: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-surface-static-highest: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-border-normal-low: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-border-normal-mid: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-border-normal-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-border-normal-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-border-inverse-low: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-border-inverse-mid: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-border-inverse-high: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-border-inverse-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-border-static-lowest: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-border-static-lower: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-border-static-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-border-static-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-border-static-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-border-static-higher: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-border-static-highest: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-textIcon-normal-lowest: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-textIcon-normal-low: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-textIcon-normal-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-textIcon-normal-high: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-textIcon-inverse-lowest: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-textIcon-inverse-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-textIcon-inverse-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-textIcon-inverse-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-textIcon-static-lowest: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-textIcon-static-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-textIcon-static-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-textIcon-static-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-textIcon-static-highest: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-opacity-surface-lowest: var(--core-color-opacity-tiffany-75); + --semantic-color-tiffany-opacity-surface-low: var(--core-color-opacity-tiffany-100); + --semantic-color-tiffany-opacity-surface-midLow: var(--core-color-opacity-tiffany-200); + --semantic-color-tiffany-opacity-surface-midHigh: var(--core-color-opacity-tiffany-300); + --semantic-color-tiffany-opacity-surface-high: var(--core-color-opacity-tiffany-700); + --semantic-color-tiffany-opacity-surface-highest: var(--core-color-opacity-tiffany-800); + --semantic-color-tiffany-opacity-border-lowest: var(--core-color-opacity-tiffany-75); + --semantic-color-tiffany-opacity-border-lower: var(--core-color-opacity-tiffany-100); + --semantic-color-tiffany-opacity-border-low: var(--core-color-opacity-tiffany-200); + --semantic-color-tiffany-opacity-border-mid: var(--core-color-opacity-tiffany-300); + --semantic-color-tiffany-opacity-border-high: var(--core-color-opacity-tiffany-600); + --semantic-color-tiffany-opacity-border-higher: var(--core-color-opacity-tiffany-700); + --semantic-color-tiffany-opacity-border-highest: var(--core-color-opacity-tiffany-800); + --semantic-color-tiffany-opacity-textIcon-low: var(--core-color-opacity-tiffany-300); + --semantic-color-tiffany-opacity-textIcon-mid: var(--core-color-opacity-tiffany-400); + --semantic-color-tiffany-opacity-textIcon-high: var(--core-color-opacity-tiffany-600); + --semantic-color-teal-solid-surface-normal-lowest: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-surface-normal-low: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-surface-normal-mid: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-surface-normal-high: var(--core-color-solid-teal-800); + --semantic-color-teal-solid-surface-normal-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-surface-inverse-lowest: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-surface-inverse-low: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-surface-inverse-mid: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-surface-inverse-high: var(--core-color-solid-teal-600); + --semantic-color-teal-solid-surface-inverse-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-surface-static-lowest: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-surface-static-lower: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-surface-static-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-surface-static-midLow: var(--core-color-solid-teal-600); + --semantic-color-teal-solid-surface-static-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-surface-static-midHigh: var(--core-color-solid-teal-800); + --semantic-color-teal-solid-surface-static-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-surface-static-higher: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-surface-static-highest: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-border-normal-low: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-border-normal-mid: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-border-normal-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-border-normal-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-border-inverse-low: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-border-inverse-mid: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-border-inverse-high: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-border-inverse-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-border-static-lowest: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-border-static-lower: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-border-static-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-border-static-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-border-static-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-border-static-higher: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-border-static-highest: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-textIcon-normal-lowest: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-textIcon-normal-low: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-textIcon-normal-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-textIcon-normal-high: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-textIcon-inverse-lowest: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-textIcon-inverse-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-textIcon-inverse-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-textIcon-inverse-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-textIcon-static-lowest: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-textIcon-static-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-textIcon-static-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-textIcon-static-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-textIcon-static-highest: var(--core-color-solid-teal-1200); + --semantic-color-teal-opacity-surface-lowest: var(--core-color-opacity-teal-75); + --semantic-color-teal-opacity-surface-low: var(--core-color-opacity-teal-100); + --semantic-color-teal-opacity-surface-midLow: var(--core-color-opacity-teal-200); + --semantic-color-teal-opacity-surface-midHigh: var(--core-color-opacity-teal-300); + --semantic-color-teal-opacity-surface-high: var(--core-color-opacity-teal-700); + --semantic-color-teal-opacity-surface-highest: var(--core-color-opacity-teal-800); + --semantic-color-teal-opacity-border-lowest: var(--core-color-opacity-teal-75); + --semantic-color-teal-opacity-border-lower: var(--core-color-opacity-teal-100); + --semantic-color-teal-opacity-border-low: var(--core-color-opacity-teal-200); + --semantic-color-teal-opacity-border-mid: var(--core-color-opacity-teal-300); + --semantic-color-teal-opacity-border-high: var(--core-color-opacity-teal-600); + --semantic-color-teal-opacity-border-higher: var(--core-color-opacity-teal-700); + --semantic-color-teal-opacity-border-highest: var(--core-color-opacity-teal-800); + --semantic-color-teal-opacity-textIcon-low: var(--core-color-opacity-teal-300); + --semantic-color-teal-opacity-textIcon-mid: var(--core-color-opacity-teal-400); + --semantic-color-teal-opacity-textIcon-high: var(--core-color-opacity-teal-600); + --semantic-color-seawater-solid-surface-normal-lowest: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-surface-normal-low: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-surface-normal-mid: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-surface-normal-high: var(--core-color-solid-seawater-800); + --semantic-color-seawater-solid-surface-normal-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-surface-inverse-lowest: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-surface-inverse-low: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-surface-inverse-mid: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-surface-inverse-high: var(--core-color-solid-seawater-600); + --semantic-color-seawater-solid-surface-inverse-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-surface-static-lowest: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-surface-static-lower: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-surface-static-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-surface-static-midLow: var(--core-color-solid-seawater-600); + --semantic-color-seawater-solid-surface-static-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-surface-static-midHigh: var(--core-color-solid-seawater-800); + --semantic-color-seawater-solid-surface-static-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-surface-static-higher: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-surface-static-highest: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-border-normal-low: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-border-normal-mid: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-border-normal-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-border-normal-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-border-inverse-low: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-border-inverse-mid: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-border-inverse-high: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-border-inverse-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-border-static-lowest: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-border-static-lower: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-border-static-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-border-static-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-border-static-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-border-static-higher: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-border-static-highest: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-textIcon-normal-lowest: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-textIcon-normal-low: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-textIcon-normal-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-textIcon-normal-high: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-textIcon-inverse-lowest: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-textIcon-inverse-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-textIcon-inverse-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-textIcon-inverse-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-textIcon-static-lowest: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-textIcon-static-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-textIcon-static-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-textIcon-static-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-textIcon-static-highest: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-opacity-surface-lowest: var(--core-color-opacity-seawater-75); + --semantic-color-seawater-opacity-surface-low: var(--core-color-opacity-seawater-100); + --semantic-color-seawater-opacity-surface-midLow: var(--core-color-opacity-seawater-200); + --semantic-color-seawater-opacity-surface-midHigh: var(--core-color-opacity-seawater-300); + --semantic-color-seawater-opacity-surface-high: var(--core-color-opacity-seawater-700); + --semantic-color-seawater-opacity-surface-highest: var(--core-color-opacity-seawater-800); + --semantic-color-seawater-opacity-border-lowest: var(--core-color-opacity-seawater-75); + --semantic-color-seawater-opacity-border-lower: var(--core-color-opacity-seawater-100); + --semantic-color-seawater-opacity-border-low: var(--core-color-opacity-seawater-200); + --semantic-color-seawater-opacity-border-mid: var(--core-color-opacity-seawater-300); + --semantic-color-seawater-opacity-border-high: var(--core-color-opacity-seawater-600); + --semantic-color-seawater-opacity-border-higher: var(--core-color-opacity-seawater-700); + --semantic-color-seawater-opacity-border-highest: var(--core-color-opacity-seawater-800); + --semantic-color-seawater-opacity-textIcon-low: var(--core-color-opacity-seawater-300); + --semantic-color-seawater-opacity-textIcon-mid: var(--core-color-opacity-seawater-400); + --semantic-color-seawater-opacity-textIcon-high: var(--core-color-opacity-seawater-600); + --semantic-color-blue-solid-surface-normal-lowest: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-surface-normal-low: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-surface-normal-mid: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-surface-normal-high: var(--core-color-solid-blue-800); + --semantic-color-blue-solid-surface-normal-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-surface-inverse-lowest: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-surface-inverse-low: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-surface-inverse-mid: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-surface-inverse-high: var(--core-color-solid-blue-600); + --semantic-color-blue-solid-surface-inverse-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-surface-static-lowest: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-surface-static-lower: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-surface-static-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-surface-static-midLow: var(--core-color-solid-blue-600); + --semantic-color-blue-solid-surface-static-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-surface-static-midHigh: var(--core-color-solid-blue-800); + --semantic-color-blue-solid-surface-static-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-surface-static-higher: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-surface-static-highest: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-border-normal-low: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-border-normal-mid: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-border-normal-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-border-normal-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-border-inverse-low: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-border-inverse-mid: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-border-inverse-high: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-border-inverse-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-border-static-lowest: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-border-static-lower: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-border-static-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-border-static-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-border-static-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-border-static-higher: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-border-static-highest: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-textIcon-normal-lowest: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-textIcon-normal-low: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-textIcon-normal-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-textIcon-normal-high: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-textIcon-inverse-lowest: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-textIcon-inverse-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-textIcon-inverse-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-textIcon-inverse-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-textIcon-static-lowest: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-textIcon-static-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-textIcon-static-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-textIcon-static-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-textIcon-static-highest: var(--core-color-solid-blue-1200); + --semantic-color-blue-opacity-surface-lowest: var(--core-color-opacity-blue-75); + --semantic-color-blue-opacity-surface-low: var(--core-color-opacity-blue-100); + --semantic-color-blue-opacity-surface-midLow: var(--core-color-opacity-blue-200); + --semantic-color-blue-opacity-surface-midHigh: var(--core-color-opacity-blue-300); + --semantic-color-blue-opacity-surface-high: var(--core-color-opacity-blue-700); + --semantic-color-blue-opacity-surface-highest: var(--core-color-opacity-blue-800); + --semantic-color-blue-opacity-border-lowest: var(--core-color-opacity-blue-75); + --semantic-color-blue-opacity-border-lower: var(--core-color-opacity-blue-100); + --semantic-color-blue-opacity-border-low: var(--core-color-opacity-blue-200); + --semantic-color-blue-opacity-border-mid: var(--core-color-opacity-blue-300); + --semantic-color-blue-opacity-border-high: var(--core-color-opacity-blue-600); + --semantic-color-blue-opacity-border-higher: var(--core-color-opacity-blue-700); + --semantic-color-blue-opacity-border-highest: var(--core-color-opacity-blue-800); + --semantic-color-blue-opacity-textIcon-low: var(--core-color-opacity-blue-300); + --semantic-color-blue-opacity-textIcon-mid: var(--core-color-opacity-blue-400); + --semantic-color-blue-opacity-textIcon-high: var(--core-color-opacity-blue-600); + --semantic-color-sapphire-solid-surface-normal-lowest: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-surface-normal-low: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-surface-normal-mid: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-surface-normal-high: var(--core-color-solid-sapphire-800); + --semantic-color-sapphire-solid-surface-normal-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-surface-inverse-lowest: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-surface-inverse-low: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-surface-inverse-mid: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-surface-inverse-high: var(--core-color-solid-sapphire-600); + --semantic-color-sapphire-solid-surface-inverse-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-surface-static-lowest: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-surface-static-lower: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-surface-static-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-surface-static-midLow: var(--core-color-solid-sapphire-600); + --semantic-color-sapphire-solid-surface-static-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-surface-static-midHigh: var(--core-color-solid-sapphire-800); + --semantic-color-sapphire-solid-surface-static-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-surface-static-higher: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-surface-static-highest: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-border-normal-low: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-border-normal-mid: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-border-normal-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-border-normal-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-border-inverse-low: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-border-inverse-mid: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-border-inverse-high: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-border-inverse-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-border-static-lowest: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-border-static-lower: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-border-static-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-border-static-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-border-static-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-border-static-higher: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-border-static-highest: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-textIcon-normal-lowest: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-textIcon-normal-low: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-textIcon-normal-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-textIcon-normal-high: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-textIcon-inverse-lowest: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-textIcon-inverse-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-textIcon-inverse-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-textIcon-inverse-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-textIcon-static-lowest: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-textIcon-static-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-textIcon-static-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-textIcon-static-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-textIcon-static-highest: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-opacity-surface-lowest: var(--core-color-opacity-sapphire-75); + --semantic-color-sapphire-opacity-surface-low: var(--core-color-opacity-sapphire-100); + --semantic-color-sapphire-opacity-surface-midLow: var(--core-color-opacity-sapphire-200); + --semantic-color-sapphire-opacity-surface-midHigh: var(--core-color-opacity-sapphire-300); + --semantic-color-sapphire-opacity-surface-high: var(--core-color-opacity-sapphire-700); + --semantic-color-sapphire-opacity-surface-highest: var(--core-color-opacity-sapphire-800); + --semantic-color-sapphire-opacity-border-lowest: var(--core-color-opacity-sapphire-75); + --semantic-color-sapphire-opacity-border-lower: var(--core-color-opacity-sapphire-100); + --semantic-color-sapphire-opacity-border-low: var(--core-color-opacity-sapphire-200); + --semantic-color-sapphire-opacity-border-mid: var(--core-color-opacity-sapphire-300); + --semantic-color-sapphire-opacity-border-high: var(--core-color-opacity-sapphire-600); + --semantic-color-sapphire-opacity-border-higher: var(--core-color-opacity-sapphire-700); + --semantic-color-sapphire-opacity-border-highest: var(--core-color-opacity-sapphire-800); + --semantic-color-sapphire-opacity-textIcon-low: var(--core-color-opacity-sapphire-300); + --semantic-color-sapphire-opacity-textIcon-mid: var(--core-color-opacity-sapphire-400); + --semantic-color-sapphire-opacity-textIcon-high: var(--core-color-opacity-sapphire-600); + --semantic-color-blueberry-solid-surface-normal-lowest: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-surface-normal-low: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-surface-normal-mid: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-surface-normal-high: var(--core-color-solid-blueberry-800); + --semantic-color-blueberry-solid-surface-normal-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-surface-inverse-lowest: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-surface-inverse-low: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-surface-inverse-mid: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-surface-inverse-high: var(--core-color-solid-blueberry-600); + --semantic-color-blueberry-solid-surface-inverse-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-surface-static-lowest: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-surface-static-lower: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-surface-static-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-surface-static-midLow: var(--core-color-solid-blueberry-600); + --semantic-color-blueberry-solid-surface-static-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-surface-static-midHigh: var(--core-color-solid-blueberry-800); + --semantic-color-blueberry-solid-surface-static-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-surface-static-higher: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-surface-static-highest: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-border-normal-low: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-border-normal-mid: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-border-normal-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-border-normal-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-border-inverse-low: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-border-inverse-mid: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-border-inverse-high: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-border-inverse-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-border-static-lowest: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-border-static-lower: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-border-static-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-border-static-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-border-static-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-border-static-higher: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-border-static-highest: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-textIcon-normal-lowest: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-textIcon-normal-low: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-textIcon-normal-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-textIcon-normal-high: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-textIcon-inverse-lowest: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-textIcon-inverse-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-textIcon-inverse-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-textIcon-inverse-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-textIcon-static-lowest: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-textIcon-static-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-textIcon-static-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-textIcon-static-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-textIcon-static-highest: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-opacity-surface-lowest: var(--core-color-opacity-blueberry-75); + --semantic-color-blueberry-opacity-surface-low: var(--core-color-opacity-blueberry-100); + --semantic-color-blueberry-opacity-surface-midLow: var(--core-color-opacity-blueberry-200); + --semantic-color-blueberry-opacity-surface-midHigh: var(--core-color-opacity-blueberry-300); + --semantic-color-blueberry-opacity-surface-high: var(--core-color-opacity-blueberry-700); + --semantic-color-blueberry-opacity-surface-highest: var(--core-color-opacity-blueberry-800); + --semantic-color-blueberry-opacity-border-lowest: var(--core-color-opacity-blueberry-75); + --semantic-color-blueberry-opacity-border-lower: var(--core-color-opacity-blueberry-100); + --semantic-color-blueberry-opacity-border-low: var(--core-color-opacity-blueberry-200); + --semantic-color-blueberry-opacity-border-mid: var(--core-color-opacity-blueberry-300); + --semantic-color-blueberry-opacity-border-high: var(--core-color-opacity-blueberry-600); + --semantic-color-blueberry-opacity-border-higher: var(--core-color-opacity-blueberry-700); + --semantic-color-blueberry-opacity-border-highest: var(--core-color-opacity-blueberry-800); + --semantic-color-blueberry-opacity-textIcon-low: var(--core-color-opacity-blueberry-300); + --semantic-color-blueberry-opacity-textIcon-mid: var(--core-color-opacity-blueberry-400); + --semantic-color-blueberry-opacity-textIcon-high: var(--core-color-opacity-blueberry-600); + --semantic-color-grape-solid-surface-normal-lowest: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-surface-normal-low: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-surface-normal-mid: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-surface-normal-high: var(--core-color-solid-grape-800); + --semantic-color-grape-solid-surface-normal-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-surface-inverse-lowest: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-surface-inverse-low: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-surface-inverse-mid: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-surface-inverse-high: var(--core-color-solid-grape-600); + --semantic-color-grape-solid-surface-inverse-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-surface-static-lowest: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-surface-static-lower: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-surface-static-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-surface-static-midLow: var(--core-color-solid-grape-600); + --semantic-color-grape-solid-surface-static-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-surface-static-midHigh: var(--core-color-solid-grape-800); + --semantic-color-grape-solid-surface-static-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-surface-static-higher: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-surface-static-highest: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-border-normal-low: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-border-normal-mid: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-border-normal-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-border-normal-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-border-inverse-low: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-border-inverse-mid: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-border-inverse-high: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-border-inverse-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-border-static-lowest: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-border-static-lower: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-border-static-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-border-static-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-border-static-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-border-static-higher: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-border-static-highest: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-textIcon-normal-lowest: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-textIcon-normal-low: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-textIcon-normal-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-textIcon-normal-high: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-textIcon-inverse-lowest: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-textIcon-inverse-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-textIcon-inverse-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-textIcon-inverse-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-textIcon-static-lowest: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-textIcon-static-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-textIcon-static-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-textIcon-static-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-textIcon-static-highest: var(--core-color-solid-grape-1200); + --semantic-color-grape-opacity-surface-lowest: var(--core-color-opacity-grape-75); + --semantic-color-grape-opacity-surface-low: var(--core-color-opacity-grape-100); + --semantic-color-grape-opacity-surface-midLow: var(--core-color-opacity-grape-200); + --semantic-color-grape-opacity-surface-midHigh: var(--core-color-opacity-grape-300); + --semantic-color-grape-opacity-surface-high: var(--core-color-opacity-grape-700); + --semantic-color-grape-opacity-surface-highest: var(--core-color-opacity-grape-800); + --semantic-color-grape-opacity-border-lowest: var(--core-color-opacity-grape-75); + --semantic-color-grape-opacity-border-lower: var(--core-color-opacity-grape-100); + --semantic-color-grape-opacity-border-low: var(--core-color-opacity-grape-200); + --semantic-color-grape-opacity-border-mid: var(--core-color-opacity-grape-300); + --semantic-color-grape-opacity-border-high: var(--core-color-opacity-grape-600); + --semantic-color-grape-opacity-border-higher: var(--core-color-opacity-grape-700); + --semantic-color-grape-opacity-border-highest: var(--core-color-opacity-grape-800); + --semantic-color-grape-opacity-textIcon-low: var(--core-color-opacity-grape-300); + --semantic-color-grape-opacity-textIcon-mid: var(--core-color-opacity-grape-400); + --semantic-color-grape-opacity-textIcon-high: var(--core-color-opacity-grape-600); + --semantic-color-magenta-solid-surface-normal-lowest: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-surface-normal-low: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-surface-normal-mid: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-surface-normal-high: var(--core-color-solid-magenta-800); + --semantic-color-magenta-solid-surface-normal-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-surface-inverse-lowest: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-surface-inverse-low: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-surface-inverse-mid: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-surface-inverse-high: var(--core-color-solid-magenta-600); + --semantic-color-magenta-solid-surface-inverse-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-surface-static-lowest: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-surface-static-lower: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-surface-static-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-surface-static-midLow: var(--core-color-solid-magenta-600); + --semantic-color-magenta-solid-surface-static-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-surface-static-midHigh: var(--core-color-solid-magenta-800); + --semantic-color-magenta-solid-surface-static-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-surface-static-higher: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-surface-static-highest: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-border-normal-low: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-border-normal-mid: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-border-normal-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-border-normal-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-border-inverse-low: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-border-inverse-mid: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-border-inverse-high: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-border-inverse-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-border-static-lowest: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-border-static-lower: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-border-static-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-border-static-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-border-static-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-border-static-higher: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-border-static-highest: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-textIcon-normal-lowest: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-textIcon-normal-low: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-textIcon-normal-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-textIcon-normal-high: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-textIcon-inverse-lowest: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-textIcon-inverse-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-textIcon-inverse-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-textIcon-inverse-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-textIcon-static-lowest: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-textIcon-static-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-textIcon-static-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-textIcon-static-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-textIcon-static-highest: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-opacity-surface-lowest: var(--core-color-opacity-magenta-75); + --semantic-color-magenta-opacity-surface-low: var(--core-color-opacity-magenta-100); + --semantic-color-magenta-opacity-surface-midLow: var(--core-color-opacity-magenta-200); + --semantic-color-magenta-opacity-surface-midHigh: var(--core-color-opacity-magenta-300); + --semantic-color-magenta-opacity-surface-high: var(--core-color-opacity-magenta-700); + --semantic-color-magenta-opacity-surface-highest: var(--core-color-opacity-magenta-800); + --semantic-color-magenta-opacity-border-lowest: var(--core-color-opacity-magenta-75); + --semantic-color-magenta-opacity-border-lower: var(--core-color-opacity-magenta-100); + --semantic-color-magenta-opacity-border-low: var(--core-color-opacity-magenta-200); + --semantic-color-magenta-opacity-border-mid: var(--core-color-opacity-magenta-300); + --semantic-color-magenta-opacity-border-high: var(--core-color-opacity-magenta-600); + --semantic-color-magenta-opacity-border-higher: var(--core-color-opacity-magenta-700); + --semantic-color-magenta-opacity-border-highest: var(--core-color-opacity-magenta-800); + --semantic-color-magenta-opacity-textIcon-low: var(--core-color-opacity-magenta-300); + --semantic-color-magenta-opacity-textIcon-mid: var(--core-color-opacity-magenta-400); + --semantic-color-magenta-opacity-textIcon-high: var(--core-color-opacity-magenta-600); + --semantic-color-cherry-solid-surface-normal-lowest: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-surface-normal-low: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-surface-normal-mid: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-surface-normal-high: var(--core-color-solid-cherry-800); + --semantic-color-cherry-solid-surface-normal-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-surface-inverse-lowest: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-surface-inverse-low: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-surface-inverse-mid: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-surface-inverse-high: var(--core-color-solid-cherry-600); + --semantic-color-cherry-solid-surface-inverse-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-surface-static-lowest: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-surface-static-lower: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-surface-static-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-surface-static-midLow: var(--core-color-solid-cherry-600); + --semantic-color-cherry-solid-surface-static-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-surface-static-midHigh: var(--core-color-solid-cherry-800); + --semantic-color-cherry-solid-surface-static-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-surface-static-higher: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-surface-static-highest: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-border-normal-low: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-border-normal-mid: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-border-normal-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-border-normal-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-border-inverse-low: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-border-inverse-mid: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-border-inverse-high: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-border-inverse-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-border-static-lowest: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-border-static-lower: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-border-static-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-border-static-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-border-static-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-border-static-higher: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-border-static-highest: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-textIcon-normal-lowest: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-textIcon-normal-low: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-textIcon-normal-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-textIcon-normal-high: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-textIcon-inverse-lowest: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-textIcon-inverse-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-textIcon-inverse-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-textIcon-inverse-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-textIcon-static-lowest: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-textIcon-static-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-textIcon-static-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-textIcon-static-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-textIcon-static-highest: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-opacity-surface-lowest: var(--core-color-opacity-cherry-75); + --semantic-color-cherry-opacity-surface-low: var(--core-color-opacity-cherry-100); + --semantic-color-cherry-opacity-surface-midLow: var(--core-color-opacity-cherry-200); + --semantic-color-cherry-opacity-surface-midHigh: var(--core-color-opacity-cherry-300); + --semantic-color-cherry-opacity-surface-high: var(--core-color-opacity-cherry-700); + --semantic-color-cherry-opacity-surface-highest: var(--core-color-opacity-cherry-800); + --semantic-color-cherry-opacity-border-lowest: var(--core-color-opacity-cherry-75); + --semantic-color-cherry-opacity-border-lower: var(--core-color-opacity-cherry-100); + --semantic-color-cherry-opacity-border-low: var(--core-color-opacity-cherry-200); + --semantic-color-cherry-opacity-border-mid: var(--core-color-opacity-cherry-300); + --semantic-color-cherry-opacity-border-high: var(--core-color-opacity-cherry-600); + --semantic-color-cherry-opacity-border-higher: var(--core-color-opacity-cherry-700); + --semantic-color-cherry-opacity-border-highest: var(--core-color-opacity-cherry-800); + --semantic-color-cherry-opacity-textIcon-low: var(--core-color-opacity-cherry-300); + --semantic-color-cherry-opacity-textIcon-mid: var(--core-color-opacity-cherry-400); + --semantic-color-cherry-opacity-textIcon-high: var(--core-color-opacity-cherry-600); + --semantic-color-coral-solid-surface-normal-lowest: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-surface-normal-low: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-surface-normal-mid: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-surface-normal-high: var(--core-color-solid-coral-800); + --semantic-color-coral-solid-surface-normal-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-surface-inverse-lowest: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-surface-inverse-low: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-surface-inverse-mid: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-surface-inverse-high: var(--core-color-solid-coral-600); + --semantic-color-coral-solid-surface-inverse-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-surface-static-lowest: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-surface-static-lower: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-surface-static-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-surface-static-midLow: var(--core-color-solid-coral-600); + --semantic-color-coral-solid-surface-static-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-surface-static-midHigh: var(--core-color-solid-coral-800); + --semantic-color-coral-solid-surface-static-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-surface-static-higher: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-surface-static-highest: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-border-normal-low: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-border-normal-mid: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-border-normal-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-border-normal-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-border-inverse-low: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-border-inverse-mid: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-border-inverse-high: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-border-inverse-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-border-static-lowest: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-border-static-lower: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-border-static-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-border-static-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-border-static-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-border-static-higher: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-border-static-highest: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-textIcon-normal-lowest: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-textIcon-normal-low: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-textIcon-normal-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-textIcon-normal-high: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-textIcon-inverse-lowest: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-textIcon-inverse-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-textIcon-inverse-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-textIcon-inverse-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-textIcon-static-lowest: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-textIcon-static-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-textIcon-static-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-textIcon-static-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-textIcon-static-highest: var(--core-color-solid-coral-1200); + --semantic-color-coral-opacity-surface-lowest: var(--core-color-opacity-coral-75); + --semantic-color-coral-opacity-surface-low: var(--core-color-opacity-coral-100); + --semantic-color-coral-opacity-surface-midLow: var(--core-color-opacity-coral-200); + --semantic-color-coral-opacity-surface-midHigh: var(--core-color-opacity-coral-300); + --semantic-color-coral-opacity-surface-high: var(--core-color-opacity-coral-700); + --semantic-color-coral-opacity-surface-highest: var(--core-color-opacity-coral-800); + --semantic-color-coral-opacity-border-lowest: var(--core-color-opacity-coral-75); + --semantic-color-coral-opacity-border-lower: var(--core-color-opacity-coral-100); + --semantic-color-coral-opacity-border-low: var(--core-color-opacity-coral-200); + --semantic-color-coral-opacity-border-mid: var(--core-color-opacity-coral-300); + --semantic-color-coral-opacity-border-high: var(--core-color-opacity-coral-600); + --semantic-color-coral-opacity-border-higher: var(--core-color-opacity-coral-700); + --semantic-color-coral-opacity-border-highest: var(--core-color-opacity-coral-800); + --semantic-color-coral-opacity-textIcon-low: var(--core-color-opacity-coral-300); + --semantic-color-coral-opacity-textIcon-mid: var(--core-color-opacity-coral-400); + --semantic-color-coral-opacity-textIcon-high: var(--core-color-opacity-coral-600); + --semantic-color-component-segmentedControl-item-bg-selected: var(--core-color-opacity-white-200); +} diff --git a/lib/styles/quill.scss b/lib/styles/quill.scss index cfb7340..d743664 100644 --- a/lib/styles/quill.scss +++ b/lib/styles/quill.scss @@ -1,2532 +1,4087 @@ :root { - --core-borderRadius-50: 0px; - --core-borderRadius-100: 2px; - --core-borderRadius-200: 4px; - --core-borderRadius-300: 6px; - --core-borderRadius-400: 8px; - --core-borderRadius-500: 10px; - --core-borderRadius-600: 12px; - --core-borderRadius-700: 14px; - --core-borderRadius-800: 16px; - --core-borderRadius-900: 18px; - --core-borderRadius-1000: 20px; - --core-borderRadius-1100: 22px; - --core-borderRadius-1200: 24px; - --core-borderRadius-1300: 26px; - --core-borderRadius-1400: 28px; - --core-borderRadius-1500: 30px; - --core-borderRadius-1600: 32px; - --core-borderRadius-1700: 34px; - --core-borderRadius-1800: 36px; - --core-borderRadius-1900: 38px; - --core-borderRadius-2000: 40px; - --core-borderRadius-2100: 42px; - --core-borderRadius-2200: 44px; - --core-borderRadius-2300: 46px; - --core-borderRadius-2400: 48px; - --core-borderRadius-2500: 50px; - --core-borderRadius-2600: 52px; - --core-borderRadius-2700: 54px; - --core-borderRadius-2800: 56px; - --core-borderRadius-2900: 58px; - --core-borderRadius-3000: 60px; - --core-borderRadius-3100: 62px; - --core-borderRadius-3200: 64px; - --core-borderRadius-3300: 66px; - --core-borderRadius-3400: 68px; - --core-borderRadius-3500: 70px; - --core-borderRadius-3600: 72px; - --core-borderRadius-3700: 74px; - --core-borderRadius-3800: 76px; - --core-borderRadius-3900: 78px; - --core-borderRadius-4000: 80px; - --core-borderRadius-4100: 82px; - --core-borderRadius-4200: 84px; - --core-borderRadius-4300: 86px; - --core-borderRadius-4400: 88px; - --core-borderRadius-4500: 90px; - --core-borderRadius-4600: 92px; - --core-borderRadius-4700: 94px; - --core-borderRadius-4800: 96px; - --core-borderRadius-4900: 98px; - --core-borderRadius-5000: 100px; - --core-borderWidth-50: 0px; - --core-borderWidth-75: 1px; - --core-borderWidth-100: 2px; - --core-borderWidth-200: 4px; - --core-borderWidth-300: 8px; - --core-color-solid-red-100: #ffe6e6; - --core-color-solid-red-200: #ffbfbf; - --core-color-solid-red-300: #ff9999; - --core-color-solid-red-400: #ff7373; - --core-color-solid-red-500: #ff4d4d; - --core-color-solid-red-600: #f92e26; - --core-color-solid-red-700: #e6190e; - --core-color-solid-red-800: #db0800; - --core-color-solid-red-900: #c40000; - --core-color-solid-red-1000: #a60000; - --core-color-solid-red-1100: #880000; - --core-color-solid-red-1200: #6a0000; - --core-color-solid-red-1300: #4d0000; - --core-color-solid-orange-100: #feefe7; - --core-color-solid-orange-200: #fdd7c2; - --core-color-solid-orange-300: #fbbf9d; - --core-color-solid-orange-400: #faa778; - --core-color-solid-orange-500: #f88f54; - --core-color-solid-orange-600: #f7772f; - --core-color-solid-orange-700: #f55f0a; - --core-color-solid-orange-800: #d85409; - --core-color-solid-orange-900: #bc4908; - --core-color-solid-orange-1000: #9f3e07; - --core-color-solid-orange-1100: #833305; - --core-color-solid-orange-1200: #662804; - --core-color-solid-orange-1300: #4a1d03; - --core-color-solid-yellow-100: #fff7e6; - --core-color-solid-yellow-200: #ffeabf; - --core-color-solid-yellow-300: #ffdd99; - --core-color-solid-yellow-400: #ffce73; - --core-color-solid-yellow-500: #ffbe4d; - --core-color-solid-yellow-600: #ffae26; - --core-color-solid-yellow-700: #ff9c13; - --core-color-solid-yellow-800: #e18d00; - --core-color-solid-yellow-900: #c47d00; - --core-color-solid-yellow-1000: #a66c00; - --core-color-solid-yellow-1100: #885a00; - --core-color-solid-yellow-1200: #6a4800; - --core-color-solid-yellow-1300: #4d3500; - --core-color-solid-mustard-100: #fef9e7; - --core-color-solid-mustard-200: #fdf1c2; - --core-color-solid-mustard-300: #fce89d; - --core-color-solid-mustard-400: #fbe079; - --core-color-solid-mustard-500: #f9d754; - --core-color-solid-mustard-600: #f8cf30; - --core-color-solid-mustard-700: #f7c60b; - --core-color-solid-mustard-800: #daaf0a; - --core-color-solid-mustard-900: #bd9808; - --core-color-solid-mustard-1000: #a18107; - --core-color-solid-mustard-1100: #846a06; - --core-color-solid-mustard-1200: #675305; - --core-color-solid-mustard-1300: #4a3b03; - --core-color-solid-olive-100: #fcfbe6; - --core-color-solid-olive-200: #f7f6c0; - --core-color-solid-olive-300: #f3f09a; - --core-color-solid-olive-400: #eeeb74; - --core-color-solid-olive-500: #e9e54e; - --core-color-solid-olive-600: #e5e028; - --core-color-solid-olive-700: #e0da02; - --core-color-solid-olive-800: #c6c102; - --core-color-solid-olive-900: #aca702; - --core-color-solid-olive-1000: #928e01; - --core-color-solid-olive-1100: #787401; - --core-color-solid-olive-1200: #5d5b01; - --core-color-solid-olive-1300: #434101; - --core-color-solid-green-100: #e6fae9; - --core-color-solid-green-200: #bfefc8; - --core-color-solid-green-300: #99e2a8; - --core-color-solid-green-400: #73d089; - --core-color-solid-green-500: #4dbc6b; - --core-color-solid-green-600: #26a44e; - --core-color-solid-green-700: #008832; - --core-color-solid-green-800: #00822a; - --core-color-solid-green-900: #007a22; - --core-color-solid-green-1000: #006f1b; - --core-color-solid-green-1100: #006114; - --core-color-solid-green-1200: #00500f; - --core-color-solid-green-1300: #003d0a; - --core-color-solid-emerald-100: #e6fff9; - --core-color-solid-emerald-200: #bfffed; - --core-color-solid-emerald-300: #99ffdf; - --core-color-solid-emerald-400: #73f9cf; - --core-color-solid-emerald-500: #4decbc; - --core-color-solid-emerald-600: #26daa7; - --core-color-solid-emerald-700: #00c390; - --core-color-solid-emerald-800: #00bb86; - --core-color-solid-emerald-900: #00ae7a; - --core-color-solid-emerald-1000: #009e6d; - --core-color-solid-emerald-1100: #00885d; - --core-color-solid-emerald-1200: #006a4c; - --core-color-solid-emerald-1300: #004d39; - --core-color-solid-tiffany-100: #e8fdf8; - --core-color-solid-tiffany-200: #c5faef; - --core-color-solid-tiffany-300: #a2f7e5; - --core-color-solid-tiffany-400: #7ff3db; - --core-color-solid-tiffany-500: #5df0d1; - --core-color-solid-tiffany-600: #3aedc7; - --core-color-solid-tiffany-700: #17eabd; - --core-color-solid-tiffany-800: #14cfa7; - --core-color-solid-tiffany-900: #12b391; - --core-color-solid-tiffany-1000: #0f987b; - --core-color-solid-tiffany-1100: #0c7d65; - --core-color-solid-tiffany-1200: #0a624f; - --core-color-solid-tiffany-1300: #074639; - --core-color-solid-teal-100: #e6fafa; - --core-color-solid-teal-200: #bff2f2; - --core-color-solid-teal-300: #99ebeb; - --core-color-solid-teal-400: #73e3e3; - --core-color-solid-teal-500: #4ddbdb; - --core-color-solid-teal-600: #26d4d4; - --core-color-solid-teal-700: #00cccc; - --core-color-solid-teal-800: #00b4b4; - --core-color-solid-teal-900: #009c9c; - --core-color-solid-teal-1000: #008585; - --core-color-solid-teal-1100: #006d6d; - --core-color-solid-teal-1200: #005555; - --core-color-solid-teal-1300: #003d3d; - --core-color-solid-seawater-100: #e7f6f7; - --core-color-solid-seawater-200: #c2e7eb; - --core-color-solid-seawater-300: #9dd9df; - --core-color-solid-seawater-400: #78cbd4; - --core-color-solid-seawater-500: #54bdc8; - --core-color-solid-seawater-600: #2faebc; - --core-color-solid-seawater-700: #0aa0b0; - --core-color-solid-seawater-800: #098d9c; - --core-color-solid-seawater-900: #087b87; - --core-color-solid-seawater-1000: #076872; - --core-color-solid-seawater-1100: #05555e; - --core-color-solid-seawater-1200: #044349; - --core-color-solid-seawater-1300: #033035; - --core-color-solid-blue-100: #e6f5ff; - --core-color-solid-blue-200: #bfe7ff; - --core-color-solid-blue-300: #99d8ff; - --core-color-solid-blue-400: #73c9ff; - --core-color-solid-blue-500: #53b9ff; - --core-color-solid-blue-600: #3daaff; - --core-color-solid-blue-700: #2c9aff; - --core-color-solid-blue-800: #1789e1; - --core-color-solid-blue-900: #0777c4; - --core-color-solid-blue-1000: #0066a6; - --core-color-solid-blue-1100: #005488; - --core-color-solid-blue-1200: #00426a; - --core-color-solid-blue-1300: #00304d; - --core-color-solid-sapphire-100: #e7eafe; - --core-color-solid-sapphire-200: #c2c9fd; - --core-color-solid-sapphire-300: #9ea9fc; - --core-color-solid-sapphire-400: #7989fb; - --core-color-solid-sapphire-500: #5569f9; - --core-color-solid-sapphire-600: #3148f8; - --core-color-solid-sapphire-700: #0c28f7; - --core-color-solid-sapphire-800: #0b23da; - --core-color-solid-sapphire-900: #091fbd; - --core-color-solid-sapphire-1000: #081aa1; - --core-color-solid-sapphire-1100: #061584; - --core-color-solid-sapphire-1200: #051167; - --core-color-solid-sapphire-1300: #040c4a; - --core-color-solid-blueberry-100: #ede6fc; - --core-color-solid-blueberry-200: #d2c0f7; - --core-color-solid-blueberry-300: #b69af3; - --core-color-solid-blueberry-400: #9b74ee; - --core-color-solid-blueberry-500: #804ee9; - --core-color-solid-blueberry-600: #6428e5; - --core-color-solid-blueberry-700: #4902e0; - --core-color-solid-blueberry-800: #4102c6; - --core-color-solid-blueberry-900: #3802ac; - --core-color-solid-blueberry-1000: #2f0192; - --core-color-solid-blueberry-1100: #270178; - --core-color-solid-blueberry-1200: #1e015d; - --core-color-solid-blueberry-1300: #160143; - --core-color-solid-grape-100: #f2e7fa; - --core-color-solid-grape-200: #dfc3f3; - --core-color-solid-grape-300: #cc9eec; - --core-color-solid-grape-400: #b97ae5; - --core-color-solid-grape-500: #a556dd; - --core-color-solid-grape-600: #9231d6; - --core-color-solid-grape-700: #7f0dcf; - --core-color-solid-grape-800: #700cb7; - --core-color-solid-grape-900: #610a9f; - --core-color-solid-grape-1000: #530987; - --core-color-solid-grape-1100: #44076e; - --core-color-solid-grape-1200: #350556; - --core-color-solid-grape-1300: #26043e; - --core-color-solid-magenta-100: #fae7fe; - --core-color-solid-magenta-200: #f2c3fd; - --core-color-solid-magenta-300: #ea9efc; - --core-color-solid-magenta-400: #e27afb; - --core-color-solid-magenta-500: #db56f9; - --core-color-solid-magenta-600: #d331f8; - --core-color-solid-magenta-700: #cb0df7; - --core-color-solid-magenta-800: #b30cda; - --core-color-solid-magenta-900: #9c0abd; - --core-color-solid-magenta-1000: #8409a1; - --core-color-solid-magenta-1100: #6c0784; - --core-color-solid-magenta-1200: #550567; - --core-color-solid-magenta-1300: #3d044a; - --core-color-solid-cherry-100: #ffe6e7; - --core-color-solid-cherry-200: #ffbfc6; - --core-color-solid-cherry-300: #ff99a6; - --core-color-solid-cherry-400: #ff7389; - --core-color-solid-cherry-500: #ff4d6e; - --core-color-solid-cherry-600: #f32656; - --core-color-solid-cherry-700: #de0040; - --core-color-solid-cherry-800: #d40032; - --core-color-solid-cherry-900: #c40025; - --core-color-solid-cherry-1000: #a6001a; - --core-color-solid-cherry-1100: #880011; - --core-color-solid-cherry-1200: #6a000a; - --core-color-solid-cherry-1300: #4d0005; - --core-color-solid-coral-100: #ffe6e6; - --core-color-solid-coral-200: #ffbfc2; - --core-color-solid-coral-300: #ff9ba3; - --core-color-solid-coral-400: #ff7e88; - --core-color-solid-coral-500: #ff6671; - --core-color-solid-coral-600: #ff535e; - --core-color-solid-coral-700: #ff444f; - --core-color-solid-coral-800: #e12e3a; - --core-color-solid-coral-900: #c41c28; - --core-color-solid-coral-1000: #a60e19; - --core-color-solid-coral-1100: #88030d; - --core-color-solid-coral-1200: #6a0004; - --core-color-solid-coral-1300: #4d0000; - --core-color-solid-slate-50: #ffffff; - --core-color-solid-slate-75: #f6f7f8; - --core-color-solid-slate-100: #ebecef; - --core-color-solid-slate-200: #ced0d6; - --core-color-solid-slate-300: #b1b4bc; - --core-color-solid-slate-400: #9498a2; - --core-color-solid-slate-500: #787d88; - --core-color-solid-slate-600: #5c616d; - --core-color-solid-slate-700: #414652; - --core-color-solid-slate-800: #383d4a; - --core-color-solid-slate-900: #303541; - --core-color-solid-slate-1000: #282c38; - --core-color-solid-slate-1100: #20242f; - --core-color-solid-slate-1200: #181c25; - --core-color-solid-slate-1300: #11141b; - --core-color-solid-slate-1400: #000000; - --core-color-opacity-white-75: rgba(255, 255, 255, 0.04); - --core-color-opacity-white-100: rgba(255, 255, 255, 0.08); - --core-color-opacity-white-200: rgba(255, 255, 255, 0.16); - --core-color-opacity-white-300: rgba(255, 255, 255, 0.24); - --core-color-opacity-white-400: rgba(255, 255, 255, 0.48); - --core-color-opacity-white-500: rgba(255, 255, 255, 0.56); - --core-color-opacity-white-600: rgba(255, 255, 255, 0.72); - --core-color-opacity-white-700: rgba(255, 255, 255, 0.8); - --core-color-opacity-white-800: rgba(255, 255, 255, 0.88); - --core-color-opacity-black-75: rgba(0, 0, 0, 0.04); - --core-color-opacity-black-100: rgba(0, 0, 0, 0.08); - --core-color-opacity-black-200: rgba(0, 0, 0, 0.16); - --core-color-opacity-black-300: rgba(0, 0, 0, 0.24); - --core-color-opacity-black-400: rgba(0, 0, 0, 0.48); - --core-color-opacity-black-500: rgba(0, 0, 0, 0.56); - --core-color-opacity-black-600: rgba(0, 0, 0, 0.72); - --core-color-opacity-black-700: rgba(0, 0, 0, 0.8); - --core-color-opacity-black-800: rgba(0, 0, 0, 0.88); - --core-color-opacity-red-75: rgba(230, 25, 14, 0.04); - --core-color-opacity-red-100: rgba(230, 25, 14, 0.08); - --core-color-opacity-red-200: rgba(230, 25, 14, 0.16); - --core-color-opacity-red-300: rgba(230, 25, 14, 0.24); - --core-color-opacity-red-400: rgba(230, 25, 14, 0.48); - --core-color-opacity-red-500: rgba(230, 25, 14, 0.56); - --core-color-opacity-red-600: rgba(230, 25, 14, 0.72); - --core-color-opacity-red-700: rgba(230, 25, 14, 0.8); - --core-color-opacity-red-800: rgba(230, 25, 14, 0.88); - --core-color-opacity-orange-75: rgba(245, 95, 10, 0.04); - --core-color-opacity-orange-100: rgba(245, 95, 10, 0.08); - --core-color-opacity-orange-200: rgba(245, 95, 10, 0.16); - --core-color-opacity-orange-300: rgba(245, 95, 10, 0.24); - --core-color-opacity-orange-400: rgba(245, 95, 10, 0.48); - --core-color-opacity-orange-500: rgba(245, 95, 10, 0.56); - --core-color-opacity-orange-600: rgba(245, 95, 10, 0.72); - --core-color-opacity-orange-700: rgba(245, 95, 10, 0.8); - --core-color-opacity-orange-800: rgba(245, 95, 10, 0.88); - --core-color-opacity-yellow-75: rgba(255, 156, 19, 0.04); - --core-color-opacity-yellow-100: rgba(255, 156, 19, 0.08); - --core-color-opacity-yellow-200: rgba(255, 156, 19, 0.16); - --core-color-opacity-yellow-300: rgba(255, 156, 19, 0.24); - --core-color-opacity-yellow-400: rgba(255, 156, 19, 0.48); - --core-color-opacity-yellow-500: rgba(255, 156, 19, 0.56); - --core-color-opacity-yellow-600: rgba(255, 156, 19, 0.72); - --core-color-opacity-yellow-700: rgba(255, 156, 19, 0.8); - --core-color-opacity-yellow-800: rgba(255, 156, 19, 0.88); - --core-color-opacity-mustard-75: rgba(247, 198, 11, 0.04); - --core-color-opacity-mustard-100: rgba(247, 198, 11, 0.08); - --core-color-opacity-mustard-200: rgba(247, 198, 11, 0.16); - --core-color-opacity-mustard-300: rgba(247, 198, 11, 0.24); - --core-color-opacity-mustard-400: rgba(247, 198, 11, 0.48); - --core-color-opacity-mustard-500: rgba(247, 198, 11, 0.56); - --core-color-opacity-mustard-600: rgba(247, 198, 11, 0.72); - --core-color-opacity-mustard-700: rgba(247, 198, 11, 0.8); - --core-color-opacity-mustard-800: rgba(247, 198, 11, 0.88); - --core-color-opacity-olive-75: rgba(224, 218, 2, 0.04); - --core-color-opacity-olive-100: rgba(224, 218, 2, 0.08); - --core-color-opacity-olive-200: rgba(224, 218, 2, 0.16); - --core-color-opacity-olive-300: rgba(224, 218, 2, 0.24); - --core-color-opacity-olive-400: rgba(224, 218, 2, 0.48); - --core-color-opacity-olive-500: rgba(224, 218, 2, 0.56); - --core-color-opacity-olive-600: rgba(224, 218, 2, 0.72); - --core-color-opacity-olive-700: rgba(224, 218, 2, 0.8); - --core-color-opacity-olive-800: rgba(224, 218, 2, 0.88); - --core-color-opacity-green-75: rgba(0, 136, 50, 0.04); - --core-color-opacity-green-100: rgba(0, 136, 50, 0.08); - --core-color-opacity-green-200: rgba(0, 136, 50, 0.16); - --core-color-opacity-green-300: rgba(0, 136, 50, 0.24); - --core-color-opacity-green-400: rgba(0, 136, 50, 0.48); - --core-color-opacity-green-500: rgba(0, 136, 50, 0.56); - --core-color-opacity-green-600: rgba(0, 136, 50, 0.72); - --core-color-opacity-green-700: rgba(0, 136, 50, 0.8); - --core-color-opacity-green-800: rgba(0, 136, 50, 0.88); - --core-color-opacity-emerald-75: rgba(0, 195, 144, 0.04); - --core-color-opacity-emerald-100: rgba(0, 195, 144, 0.08); - --core-color-opacity-emerald-200: rgba(0, 195, 144, 0.16); - --core-color-opacity-emerald-300: rgba(0, 195, 144, 0.24); - --core-color-opacity-emerald-400: rgba(0, 195, 144, 0.48); - --core-color-opacity-emerald-500: rgba(0, 195, 144, 0.56); - --core-color-opacity-emerald-600: rgba(0, 195, 144, 0.72); - --core-color-opacity-emerald-700: rgba(0, 195, 144, 0.8); - --core-color-opacity-emerald-800: rgba(0, 195, 144, 0.88); - --core-color-opacity-tiffany-75: rgba(23, 234, 189, 0.04); - --core-color-opacity-tiffany-100: rgba(23, 234, 189, 0.08); - --core-color-opacity-tiffany-200: rgba(23, 234, 189, 0.16); - --core-color-opacity-tiffany-300: rgba(23, 234, 189, 0.24); - --core-color-opacity-tiffany-400: rgba(23, 234, 189, 0.48); - --core-color-opacity-tiffany-500: rgba(23, 234, 189, 0.56); - --core-color-opacity-tiffany-600: rgba(23, 234, 189, 0.72); - --core-color-opacity-tiffany-700: rgba(23, 234, 189, 0.8); - --core-color-opacity-tiffany-800: rgba(23, 234, 189, 0.88); - --core-color-opacity-teal-75: rgba(0, 204, 204, 0.04); - --core-color-opacity-teal-100: rgba(0, 204, 204, 0.08); - --core-color-opacity-teal-200: rgba(0, 204, 204, 0.16); - --core-color-opacity-teal-300: rgba(0, 204, 204, 0.24); - --core-color-opacity-teal-400: rgba(0, 204, 204, 0.48); - --core-color-opacity-teal-500: rgba(0, 204, 204, 0.56); - --core-color-opacity-teal-600: rgba(0, 204, 204, 0.72); - --core-color-opacity-teal-700: rgba(0, 204, 204, 0.8); - --core-color-opacity-teal-800: rgba(0, 204, 204, 0.88); - --core-color-opacity-seawater-75: rgba(10, 160, 176, 0.04); - --core-color-opacity-seawater-100: rgba(10, 160, 176, 0.08); - --core-color-opacity-seawater-200: rgba(10, 160, 176, 0.16); - --core-color-opacity-seawater-300: rgba(10, 160, 176, 0.24); - --core-color-opacity-seawater-400: rgba(10, 160, 176, 0.48); - --core-color-opacity-seawater-500: rgba(10, 160, 176, 0.56); - --core-color-opacity-seawater-600: rgba(10, 160, 176, 0.72); - --core-color-opacity-seawater-700: rgba(10, 160, 176, 0.8); - --core-color-opacity-seawater-800: rgba(10, 160, 176, 0.88); - --core-color-opacity-blue-75: rgba(44, 154, 255, 0.04); - --core-color-opacity-blue-100: rgba(44, 154, 255, 0.08); - --core-color-opacity-blue-200: rgba(44, 154, 255, 0.16); - --core-color-opacity-blue-300: rgba(44, 154, 255, 0.24); - --core-color-opacity-blue-400: rgba(44, 154, 255, 0.48); - --core-color-opacity-blue-500: rgba(44, 154, 255, 0.56); - --core-color-opacity-blue-600: rgba(44, 154, 255, 0.72); - --core-color-opacity-blue-700: rgba(44, 154, 255, 0.8); - --core-color-opacity-blue-800: rgba(44, 154, 255, 0.88); - --core-color-opacity-sapphire-75: rgba(12, 40, 247, 0.04); - --core-color-opacity-sapphire-100: rgba(12, 40, 247, 0.08); - --core-color-opacity-sapphire-200: rgba(12, 40, 247, 0.16); - --core-color-opacity-sapphire-300: rgba(12, 40, 247, 0.24); - --core-color-opacity-sapphire-400: rgba(12, 40, 247, 0.48); - --core-color-opacity-sapphire-500: rgba(12, 40, 247, 0.56); - --core-color-opacity-sapphire-600: rgba(12, 40, 247, 0.72); - --core-color-opacity-sapphire-700: rgba(12, 40, 247, 0.8); - --core-color-opacity-sapphire-800: rgba(12, 40, 247, 0.88); - --core-color-opacity-blueberry-75: rgba(73, 2, 224, 0.04); - --core-color-opacity-blueberry-100: rgba(73, 2, 224, 0.08); - --core-color-opacity-blueberry-200: rgba(73, 2, 224, 0.16); - --core-color-opacity-blueberry-300: rgba(73, 2, 224, 0.24); - --core-color-opacity-blueberry-400: rgba(73, 2, 224, 0.48); - --core-color-opacity-blueberry-500: rgba(73, 2, 224, 0.56); - --core-color-opacity-blueberry-600: rgba(73, 2, 224, 0.72); - --core-color-opacity-blueberry-700: rgba(73, 2, 224, 0.8); - --core-color-opacity-blueberry-800: rgba(73, 2, 224, 0.88); - --core-color-opacity-grape-75: rgba(127, 13, 207, 0.04); - --core-color-opacity-grape-100: rgba(127, 13, 207, 0.08); - --core-color-opacity-grape-200: rgba(127, 13, 207, 0.16); - --core-color-opacity-grape-300: rgba(127, 13, 207, 0.24); - --core-color-opacity-grape-400: rgba(127, 13, 207, 0.48); - --core-color-opacity-grape-500: rgba(127, 13, 207, 0.56); - --core-color-opacity-grape-600: rgba(127, 13, 207, 0.72); - --core-color-opacity-grape-700: rgba(127, 13, 207, 0.8); - --core-color-opacity-grape-800: rgba(127, 13, 207, 0.88); - --core-color-opacity-magenta-75: rgba(203, 13, 247, 0.04); - --core-color-opacity-magenta-100: rgba(203, 13, 247, 0.08); - --core-color-opacity-magenta-200: rgba(203, 13, 247, 0.16); - --core-color-opacity-magenta-300: rgba(203, 13, 247, 0.24); - --core-color-opacity-magenta-400: rgba(203, 13, 247, 0.48); - --core-color-opacity-magenta-500: rgba(203, 13, 247, 0.56); - --core-color-opacity-magenta-600: rgba(203, 13, 247, 0.72); - --core-color-opacity-magenta-700: rgba(203, 13, 247, 0.8); - --core-color-opacity-magenta-800: rgba(203, 13, 247, 0.88); - --core-color-opacity-cherry-75: rgba(222, 0, 64, 0.04); - --core-color-opacity-cherry-100: rgba(222, 0, 64, 0.08); - --core-color-opacity-cherry-200: rgba(222, 0, 64, 0.16); - --core-color-opacity-cherry-300: rgba(222, 0, 64, 0.24); - --core-color-opacity-cherry-400: rgba(222, 0, 64, 0.48); - --core-color-opacity-cherry-500: rgba(222, 0, 64, 0.56); - --core-color-opacity-cherry-600: rgba(222, 0, 64, 0.72); - --core-color-opacity-cherry-700: rgba(222, 0, 64, 0.8); - --core-color-opacity-cherry-800: rgba(222, 0, 64, 0.88); - --core-color-opacity-coral-75: rgba(255, 68, 79, 0.04); - --core-color-opacity-coral-100: rgba(255, 68, 79, 0.08); - --core-color-opacity-coral-200: rgba(255, 68, 79, 0.16); - --core-color-opacity-coral-300: rgba(255, 68, 79, 0.24); - --core-color-opacity-coral-400: rgba(255, 68, 79, 0.48); - --core-color-opacity-coral-500: rgba(255, 68, 79, 0.56); - --core-color-opacity-coral-600: rgba(255, 68, 79, 0.72); - --core-color-opacity-coral-700: rgba(255, 68, 79, 0.8); - --core-color-opacity-coral-800: rgba(255, 68, 79, 0.88); - --core-color-opacity-slate-75: rgba(65, 70, 82, 0.04); - --core-color-opacity-slate-100: rgba(65, 70, 82, 0.08); - --core-color-opacity-slate-200: rgba(65, 70, 82, 0.16); - --core-color-opacity-slate-300: rgba(65, 70, 82, 0.24); - --core-color-opacity-slate-400: rgba(65, 70, 82, 0.48); - --core-color-opacity-slate-500: rgba(65, 70, 82, 0.56); - --core-color-opacity-slate-600: rgba(65, 70, 82, 0.72); - --core-color-opacity-slate-700: rgba(65, 70, 82, 0.8); - --core-color-opacity-slate-800: rgba(65, 70, 82, 0.88); - --core-color-opacity-overflow-100: rgba(255, 255, 255, 0); - --core-color-opacity-overflow-200: rgba(246, 247, 248, 0); - --core-color-opacity-overflow-300: rgba( - var(--core-color-solid-slate-1200), - var(--core-opacity-50) - ); - --core-color-opacity-overflow-400: rgba( - var(--core-color-solid-slate-1300), - var(--core-opacity-50) - ); - --core-color-gradient-slate-110: linear-gradient( - 1.93deg, - var(--core-color-opacity-overflow-100) 1.56%, - var(--core-color-solid-slate-50) 49.91% - ); - --core-color-gradient-slate-120: linear-gradient( - 88.07deg, - var(--core-color-opacity-overflow-100) 1.63%, - var(--core-color-solid-slate-50) 50.02% - ); - --core-color-gradient-slate-130: linear-gradient( - 181.93deg, - var(--core-color-opacity-overflow-100) 1.63%, - var(--core-color-solid-slate-50) 50.01% - ); - --core-color-gradient-slate-140: linear-gradient( - 271.93deg, - var(--core-color-opacity-overflow-100) 1.63%, - var(--core-color-solid-slate-50) 49.98% - ); - --core-color-gradient-slate-210: linear-gradient( - 1.93deg, - var(--core-color-opacity-overflow-200) 1.56%, - var(--core-color-solid-slate-75) 49.91% - ); - --core-color-gradient-slate-220: linear-gradient( - 88.07deg, - var(--core-color-opacity-overflow-200) 1.63%, - var(--core-color-solid-slate-75) 50.02% - ); - --core-color-gradient-slate-230: linear-gradient( - 181.93deg, - var(--core-color-opacity-overflow-200) 1.63%, - var(--core-color-solid-slate-75) 50.01% - ); - --core-color-gradient-slate-240: linear-gradient( - 271.93deg, - var(--core-color-opacity-overflow-200) 1.63%, - var(--core-color-solid-slate-75) 49.98% - ); - --core-color-gradient-slate-310: linear-gradient( - 1.93deg, - var(--core-color-opacity-overflow-400) 1.56%, - var(--core-color-solid-slate-1300) 49.91% - ); - --core-color-gradient-slate-320: linear-gradient( - 88.07deg, - var(--core-color-opacity-overflow-400) 1.63%, - var(--core-color-solid-slate-1300) 50.02% - ); - --core-color-gradient-slate-330: linear-gradient( - 181.93deg, - var(--core-color-opacity-overflow-400) 1.63%, - var(--core-color-solid-slate-1300) 50.01% - ); - --core-color-gradient-slate-340: linear-gradient( - 271.93deg, - var(--core-color-opacity-overflow-400) 1.63%, - var(--core-color-solid-slate-1300) 49.98% - ); - --core-color-gradient-slate-410: linear-gradient( - 1.93deg, - var(--core-color-opacity-overflow-300) 1.56%, - var(--core-color-solid-slate-1200) 49.91% - ); - --core-color-gradient-slate-420: linear-gradient( - 88.07deg, - var(--core-color-opacity-overflow-300) 1.63%, - var(--core-color-solid-slate-1200) 50.02% - ); - --core-color-gradient-slate-430: linear-gradient( - 181.93deg, - var(--core-color-opacity-overflow-300) 1.63%, - var(--core-color-solid-slate-1200) 50.01% - ); - --core-color-gradient-slate-440: linear-gradient( - 271.93deg, - var(--core-color-opacity-overflow-300) 1.63%, - var(--core-color-solid-slate-1200) 49.98% - ); - --core-elevation-shadow-50: 0px 0px 0px 0px; - --core-elevation-shadow-110: 0px -1px 2px 0px rgba(0, 0, 0, 6%), - 0px -1px 2px 0px rgba(0, 0, 0, 3%); - --core-elevation-shadow-120: 1px 0px 2px 0px rgba(0, 0, 0, 6%), - 1px 0px 2px 0px rgba(0, 0, 0, 3%); - --core-elevation-shadow-130: 0px 1px 2px 0px rgba(0, 0, 0, 6%), - 0px 1px 2px 0px rgba(0, 0, 0, 3%); - --core-elevation-shadow-140: -1px 0px 2px 0px rgba(0, 0, 0, 6%), - -1px 0px 2px 0px rgba(0, 0, 0, 3%); - --core-elevation-shadow-210: 0px -1px 4px 0px rgba(0, 0, 0, 8%), - 0px -1px 4px 0px rgba(0, 0, 0, 4%); - --core-elevation-shadow-220: 1px 0px 4px 0px rgba(0, 0, 0, 8%), - 1px 0px 4px 0px rgba(0, 0, 0, 4%); - --core-elevation-shadow-230: 0px 1px 4px 0px rgba(0, 0, 0, 8%), - 0px 1px 4px 0px rgba(0, 0, 0, 4%); - --core-elevation-shadow-240: -1px 0px 4px 0px rgba(0, 0, 0, 8%), - -1px 0px 4px 0px rgba(0, 0, 0, 4%); - --core-elevation-shadow-310: 0px -4px 8px 2px rgba(0, 0, 0, 3%), - 0px -4px 8px 2px rgba(0, 0, 0, 2%); - --core-elevation-shadow-320: 4px 0px 8px 2px rgba(0, 0, 0, 3%), - 4px 0px 8px 2px rgba(0, 0, 0, 2%); - --core-elevation-shadow-330: 0px 4px 8px 2px rgba(0, 0, 0, 3%), - 0px 4px 8px 2px rgba(0, 0, 0, 2%); - --core-elevation-shadow-340: -4px 0px 8px 2px rgba(0, 0, 0, 3%), - -4px 0px 8px 2px rgba(0, 0, 0, 2%); - --core-elevation-shadow-410: 0px -8px 16px 2px rgba(0, 0, 0, 4%), - 0px -8px 16px 2px rgba(0, 0, 0, 2%); - --core-elevation-shadow-420: 8px 0px 16px 2px rgba(0, 0, 0, 4%), - 8px 0px 16px 2px rgba(0, 0, 0, 2%); - --core-elevation-shadow-430: 0px 8px 16px 2px rgba(0, 0, 0, 4%), - 0px 8px 16px 2px rgba(0, 0, 0, 2%); - --core-elevation-shadow-440: -8px 0px 16px 2px rgba(0, 0, 0, 4%), - -8px 0px 16px 2px rgba(0, 0, 0, 2%); - --core-elevation-shadow-510: 0px -16px 24px 4px rgba(0, 0, 0, 4%), - 0px -16px 24px 4px rgba(0, 0, 0, 2%); - --core-elevation-shadow-520: 16px 0px 24px 4px rgba(0, 0, 0, 4%), - 16px 0px 24px 4px rgba(0, 0, 0, 2%); - --core-elevation-shadow-530: 0px 16px 24px 4px rgba(0, 0, 0, 4%), - 0px 16px 24px 4px rgba(0, 0, 0, 2%); - --core-elevation-shadow-540: -16px 0px 24px 4px rgba(0, 0, 0, 4%), - -16px 0px 24px 4px rgba(0, 0, 0, 2%); - --core-elevation-shadow-610: 0px -24px 48px 8px rgba(0, 0, 0, 6%), - 0px -24px 48px 8px rgba(0, 0, 0, 3%); - --core-elevation-shadow-620: 24px 0px 48px 8px rgba(0, 0, 0, 6%), - 24px 0px 48px 8px rgba(0, 0, 0, 3%); - --core-elevation-shadow-630: 0px 24px 48px 8px rgba(0, 0, 0, 6%), - 0px 24px 48px 8px rgba(0, 0, 0, 3%); - --core-elevation-shadow-640: -24px 0px 48px 8px rgba(0, 0, 0, 6%), - -24px 0px 48px 8px rgba(0, 0, 0, 3%); - --core-elevation-shadow-710: 0px -32px 64px 12px rgba(0, 0, 0, 8%), - 0px -32px 64px 12px rgba(0, 0, 0, 4%); - --core-elevation-shadow-720: 32px 0px 64px 12px rgba(0, 0, 0, 8%), - 32px 0px 64px 12px rgba(0, 0, 0, 4%); - --core-elevation-shadow-730: 0px 32px 64px 12px rgba(0, 0, 0, 8%), - 0px 32px 64px 12px rgba(0, 0, 0, 4%); - --core-elevation-shadow-740: -32px 0px 64px 12px rgba(0, 0, 0, 8%), - -32px 0px 64px 12px rgba(0, 0, 0, 4%); - --core-opacity-50: 0; - --core-opacity-75: 0.04; - --core-opacity-100: 0.08; - --core-opacity-200: 0.16; - --core-opacity-300: 0.24; - --core-opacity-400: 0.32; - --core-opacity-500: 0.4; - --core-opacity-600: 0.48; - --core-opacity-700: 0.56; - --core-opacity-800: 0.64; - --core-opacity-900: 0.72; - --core-opacity-1000: 0.8; - --core-opacity-1100: 0.88; - --core-opacity-1200: 0.96; - --core-opacity-1300: 1; - --core-spacing-50: 0px; - --core-spacing-75: 1px; - --core-spacing-100: 2px; - --core-spacing-200: 4px; - --core-spacing-300: 6px; - --core-spacing-400: 8px; - --core-spacing-500: 10px; - --core-spacing-600: 12px; - --core-spacing-700: 14px; - --core-spacing-800: 16px; - --core-spacing-900: 18px; - --core-spacing-1000: 20px; - --core-spacing-1100: 22px; - --core-spacing-1200: 24px; - --core-spacing-1300: 26px; - --core-spacing-1400: 28px; - --core-spacing-1500: 30px; - --core-spacing-1600: 32px; - --core-spacing-1700: 34px; - --core-spacing-1800: 36px; - --core-spacing-1900: 38px; - --core-spacing-2000: 40px; - --core-spacing-2100: 42px; - --core-spacing-2200: 44px; - --core-spacing-2300: 46px; - --core-spacing-2400: 48px; - --core-spacing-2500: 50px; - --core-spacing-2600: 52px; - --core-spacing-2700: 54px; - --core-spacing-2800: 56px; - --core-spacing-2900: 58px; - --core-spacing-3000: 60px; - --core-spacing-3100: 62px; - --core-spacing-3200: 64px; - --core-spacing-3300: 66px; - --core-spacing-3400: 68px; - --core-spacing-3500: 70px; - --core-spacing-3600: 72px; - --core-spacing-3700: 74px; - --core-spacing-3800: 76px; - --core-spacing-3900: 78px; - --core-spacing-4000: 80px; - --core-spacing-4100: 82px; - --core-spacing-4200: 84px; - --core-spacing-4300: 86px; - --core-spacing-4400: 88px; - --core-spacing-4500: 90px; - --core-spacing-4600: 92px; - --core-spacing-4700: 94px; - --core-spacing-4800: 96px; - --core-spacing-4900: 98px; - --core-spacing-5000: 100px; - --core-fontSize-50: 12px; - --core-fontSize-75: 14px; - --core-fontSize-100: 16px; - --core-fontSize-200: 18px; - --core-fontSize-300: 20px; - --core-fontSize-400: 24px; - --core-fontSize-500: 32px; - --core-fontSize-600: 40px; - --core-fontSize-700: 48px; - --core-fontSize-800: 64px; - --core-fontSize-900: 80px; - --core-fontSize-1000: 28px; - --core-fontSize-1100: 34px; - --core-fontFamily-ubuntu: Ubuntu; - --core-fontFamily-ibmPlex-mono: IBM Plex Mono; - --core-fontFamily-ibmPlex-sans: IBM Plex Sans; - --core-fontFamily-fontAwesome-pro: Font Awesome 6 Pro; - --core-fontFamily-fontAwesome-brands: Font Awesome 6 Brands; - --core-fontWeight-light: 300; - --core-fontWeight-regular: 400; - --core-fontWeight-bold: 700; - --core-fontWeight-italic: Italic; - --core-fontWeight-boldItalic: Bold Italic; - --core-lineHeight-100: 18px; - --core-lineHeight-200: 22px; - --core-lineHeight-300: 24px; - --core-lineHeight-400: 28px; - --core-lineHeight-500: 30px; - --core-lineHeight-600: 32px; - --core-lineHeight-700: 36px; - --core-lineHeight-800: 48px; - --core-lineHeight-900: 64px; - --core-lineHeight-1000: 96px; - --core-lineHeight-auto: auto; - --core-fontDecoration-underline: underline; - --core-paragraphSpacing-50: 12px; - --core-paragraphSpacing-75: 14px; - --core-paragraphSpacing-100: 16px; - --core-paragraphSpacing-200: 18px; - --core-paragraphSpacing-300: 20px; - --core-paragraphSpacing-400: 24px; - --core-paragraphSpacing-500: 32px; - --core-paragraphSpacing-600: 40px; - --core-paragraphSpacing-700: 48px; - --core-paragraphSpacing-800: 64px; - --core-paragraphSpacing-900: 80px; - --core-paragraphSpacing-1000: 28px; - --core-paragraphSpacing-1100: 34px; - --core-motion-ease-100: cubic-bezier(0, 0, 1, 1); - --core-motion-ease-200: cubic-bezier(1, 0, 1, 1); - --core-motion-ease-300: cubic-bezier(0, 0, 0, 1); - --core-motion-ease-400: cubic-bezier(0.72, 0, 0.24, 1); - --core-motion-duration-50: 0ms; - --core-motion-duration-100: 80ms; - --core-motion-duration-200: 160ms; - --core-motion-duration-300: 240ms; - --core-motion-duration-400: 480ms; - --core-motion-duration-500: 720ms; - --core-motion-duration-600: 960ms; - --core-motion-duration-700: 1200ms; - --core-motion-duration-800: 1440ms; - --core-motion-duration-900: 1680ms; - --core-motion-duration-1000: 1920ms; - --core-motion-duration-1100: 2400ms; - --core-motion-duration-1200: 2880ms; - --core-motion-duration-1300: 3360ms; - --core-motion-duration-1400: 3840ms; - --core-motion-duration-1500: 4320ms; - --core-size-50: 0px; - --core-size-100: 2px; - --core-size-200: 4px; - --core-size-300: 6px; - --core-size-400: 8px; - --core-size-500: 10px; - --core-size-600: 12px; - --core-size-700: 14px; - --core-size-800: 16px; - --core-size-900: 18px; - --core-size-1000: 20px; - --core-size-1100: 22px; - --core-size-1200: 24px; - --core-size-1300: 26px; - --core-size-1400: 28px; - --core-size-1500: 30px; - --core-size-1600: 32px; - --core-size-1700: 34px; - --core-size-1800: 36px; - --core-size-1900: 38px; - --core-size-2000: 40px; - --core-size-2100: 42px; - --core-size-2200: 44px; - --core-size-2300: 46px; - --core-size-2400: 48px; - --core-size-2500: 50px; - --core-size-2600: 52px; - --core-size-2700: 54px; - --core-size-2800: 56px; - --core-size-2900: 58px; - --core-size-3000: 60px; - --core-size-3100: 62px; - --core-size-3200: 64px; - --core-size-3300: 66px; - --core-size-3400: 68px; - --core-size-3500: 70px; - --core-size-3600: 72px; - --core-size-3700: 74px; - --core-size-3800: 76px; - --core-size-3900: 78px; - --core-size-4000: 80px; - --core-size-4100: 82px; - --core-size-4200: 84px; - --core-size-4300: 86px; - --core-size-4400: 88px; - --core-size-4500: 90px; - --core-size-4600: 92px; - --core-size-4700: 94px; - --core-size-4800: 96px; - --core-size-4900: 98px; - --core-size-5000: 100px; - --core-size-8100: 600px; - --core-size-9100: 1280px; - --borderWidth-none: var(--core-borderWidth-50); - --borderWidth-xs: var(--core-borderWidth-75); - --borderWidth-sm: var(--core-borderWidth-100); - --borderWidth-md: var(--core-borderWidth-200); - --borderWidth-lg: var(--core-borderWidth-300); - --size-generic-2xs: var(--core-size-400); - --size-generic-xs: var(--core-size-800); - --size-generic-sm: var(--core-size-1200); - --size-generic-md: var(--core-size-1600); - --size-generic-lg: var(--core-size-2000); - --size-generic-xl: var(--core-size-2400); - --size-generic-2xl: var(--core-size-2800); - --size-generic-3xl: var(--core-size-3200); - --size-generic-4xl: var(--core-size-3600); - --size-generic-5xl: var(--core-size-4000); - --opacity-overlay: var(--core-opacity-900); - --opacity-disabled: var(--core-opacity-600); - --motion-easing-linear: var(--core-motion-ease-100); - --motion-easing-in: var(--core-motion-ease-200); - --motion-easing-out: var(--core-motion-ease-300); - --motion-easing-inandout: var(--core-motion-ease-400); - --motion-duration-instant: var(--core-motion-duration-50); - --motion-duration-snappy: var(--core-motion-duration-300); - --motion-duration-moderate: var(--core-motion-duration-400); - --motion-duration-relax: var(--core-motion-duration-500); - --motion-duration-deliberate: var(--core-motion-duration-600); - --semantic-elevation-shadow-dialog: var(--core-elevation-shadow-730); - --semantic-elevation-shadow-notification: var(--core-elevation-shadow-630); - --semantic-elevation-shadow-menu: var(--core-elevation-shadow-530); - --semantic-elevation-shadow-card-default: var(--core-elevation-shadow-330); - --semantic-elevation-shadow-card-hover: var(--core-elevation-shadow-530); - --semantic-elevation-shadow-overflow-top: var(--core-elevation-shadow-310); - --semantic-elevation-shadow-overflow-right: var( - --core-elevation-shadow-320 - ); - --semantic-elevation-shadow-overflow-bottom: var( - --core-elevation-shadow-330 - ); - --semantic-elevation-shadow-overflow-left: var(--core-elevation-shadow-340); - --semantic-typography-heading-hero-fontFamily: var( - --core-fontFamily-ubuntu - ); + --core-borderRadius-50: 0px; + --core-borderRadius-100: 2px; + --core-borderRadius-200: 4px; + --core-borderRadius-300: 6px; + --core-borderRadius-400: 8px; + --core-borderRadius-500: 10px; + --core-borderRadius-600: 12px; + --core-borderRadius-700: 14px; + --core-borderRadius-800: 16px; + --core-borderRadius-900: 18px; + --core-borderRadius-1000: 20px; + --core-borderRadius-1100: 22px; + --core-borderRadius-1200: 24px; + --core-borderRadius-1300: 26px; + --core-borderRadius-1400: 28px; + --core-borderRadius-1500: 30px; + --core-borderRadius-1600: 32px; + --core-borderRadius-1700: 34px; + --core-borderRadius-1800: 36px; + --core-borderRadius-1900: 38px; + --core-borderRadius-2000: 40px; + --core-borderRadius-2100: 42px; + --core-borderRadius-2200: 44px; + --core-borderRadius-2300: 46px; + --core-borderRadius-2400: 48px; + --core-borderRadius-2500: 50px; + --core-borderRadius-2600: 52px; + --core-borderRadius-2700: 54px; + --core-borderRadius-2800: 56px; + --core-borderRadius-2900: 58px; + --core-borderRadius-3000: 60px; + --core-borderRadius-3100: 62px; + --core-borderRadius-3200: 64px; + --core-borderRadius-3300: 66px; + --core-borderRadius-3400: 68px; + --core-borderRadius-3500: 70px; + --core-borderRadius-3600: 72px; + --core-borderRadius-3700: 74px; + --core-borderRadius-3800: 76px; + --core-borderRadius-3900: 78px; + --core-borderRadius-4000: 80px; + --core-borderRadius-4100: 82px; + --core-borderRadius-4200: 84px; + --core-borderRadius-4300: 86px; + --core-borderRadius-4400: 88px; + --core-borderRadius-4500: 90px; + --core-borderRadius-4600: 92px; + --core-borderRadius-4700: 94px; + --core-borderRadius-4800: 96px; + --core-borderRadius-4900: 98px; + --core-borderRadius-5000: 100px; + --core-borderWidth-50: 0px; + --core-borderWidth-75: 1px; + --core-borderWidth-100: 2px; + --core-borderWidth-200: 4px; + --core-borderWidth-300: 8px; + --core-color-solid-red-100: #ffe6e6; + --core-color-solid-red-200: #ffbfbf; + --core-color-solid-red-300: #ff9999; + --core-color-solid-red-400: #ff7373; + --core-color-solid-red-500: #ff4d4d; + --core-color-solid-red-600: #f92e26; + --core-color-solid-red-700: #e6190e; + --core-color-solid-red-800: #db0800; + --core-color-solid-red-900: #c40000; + --core-color-solid-red-1000: #a60000; + --core-color-solid-red-1100: #880000; + --core-color-solid-red-1200: #6a0000; + --core-color-solid-red-1300: #4d0000; + --core-color-solid-orange-100: #feefe7; + --core-color-solid-orange-200: #fdd7c2; + --core-color-solid-orange-300: #fbbf9d; + --core-color-solid-orange-400: #faa778; + --core-color-solid-orange-500: #f88f54; + --core-color-solid-orange-600: #f7772f; + --core-color-solid-orange-700: #f55f0a; + --core-color-solid-orange-800: #d85409; + --core-color-solid-orange-900: #bc4908; + --core-color-solid-orange-1000: #9f3e07; + --core-color-solid-orange-1100: #833305; + --core-color-solid-orange-1200: #662804; + --core-color-solid-orange-1300: #4a1d03; + --core-color-solid-yellow-100: #fff7e6; + --core-color-solid-yellow-200: #ffeabf; + --core-color-solid-yellow-300: #ffdd99; + --core-color-solid-yellow-400: #ffce73; + --core-color-solid-yellow-500: #ffbe4d; + --core-color-solid-yellow-600: #ffae26; + --core-color-solid-yellow-700: #ff9c13; + --core-color-solid-yellow-800: #e18d00; + --core-color-solid-yellow-900: #c47d00; + --core-color-solid-yellow-1000: #a66c00; + --core-color-solid-yellow-1100: #885a00; + --core-color-solid-yellow-1200: #6a4800; + --core-color-solid-yellow-1300: #4d3500; + --core-color-solid-mustard-100: #fef9e7; + --core-color-solid-mustard-200: #fdf1c2; + --core-color-solid-mustard-300: #fce89d; + --core-color-solid-mustard-400: #fbe079; + --core-color-solid-mustard-500: #f9d754; + --core-color-solid-mustard-600: #f8cf30; + --core-color-solid-mustard-700: #f7c60b; + --core-color-solid-mustard-800: #daaf0a; + --core-color-solid-mustard-900: #bd9808; + --core-color-solid-mustard-1000: #a18107; + --core-color-solid-mustard-1100: #846a06; + --core-color-solid-mustard-1200: #675305; + --core-color-solid-mustard-1300: #4a3b03; + --core-color-solid-olive-100: #fcfbe6; + --core-color-solid-olive-200: #f7f6c0; + --core-color-solid-olive-300: #f3f09a; + --core-color-solid-olive-400: #eeeb74; + --core-color-solid-olive-500: #e9e54e; + --core-color-solid-olive-600: #e5e028; + --core-color-solid-olive-700: #e0da02; + --core-color-solid-olive-800: #c6c102; + --core-color-solid-olive-900: #aca702; + --core-color-solid-olive-1000: #928e01; + --core-color-solid-olive-1100: #787401; + --core-color-solid-olive-1200: #5d5b01; + --core-color-solid-olive-1300: #434101; + --core-color-solid-green-100: #e6fae9; + --core-color-solid-green-200: #bfefc8; + --core-color-solid-green-300: #99e2a8; + --core-color-solid-green-400: #73d089; + --core-color-solid-green-500: #4dbc6b; + --core-color-solid-green-600: #26a44e; + --core-color-solid-green-700: #008832; + --core-color-solid-green-800: #00822a; + --core-color-solid-green-900: #007a22; + --core-color-solid-green-1000: #006f1b; + --core-color-solid-green-1100: #006114; + --core-color-solid-green-1200: #00500f; + --core-color-solid-green-1300: #003d0a; + --core-color-solid-emerald-100: #e6fff9; + --core-color-solid-emerald-200: #bfffed; + --core-color-solid-emerald-300: #99ffdf; + --core-color-solid-emerald-400: #73f9cf; + --core-color-solid-emerald-500: #4decbc; + --core-color-solid-emerald-600: #26daa7; + --core-color-solid-emerald-700: #00c390; + --core-color-solid-emerald-800: #00bb86; + --core-color-solid-emerald-900: #00ae7a; + --core-color-solid-emerald-1000: #009e6d; + --core-color-solid-emerald-1100: #00885d; + --core-color-solid-emerald-1200: #006a4c; + --core-color-solid-emerald-1300: #004d39; + --core-color-solid-tiffany-100: #e8fdf8; + --core-color-solid-tiffany-200: #c5faef; + --core-color-solid-tiffany-300: #a2f7e5; + --core-color-solid-tiffany-400: #7ff3db; + --core-color-solid-tiffany-500: #5df0d1; + --core-color-solid-tiffany-600: #3aedc7; + --core-color-solid-tiffany-700: #17eabd; + --core-color-solid-tiffany-800: #14cfa7; + --core-color-solid-tiffany-900: #12b391; + --core-color-solid-tiffany-1000: #0f987b; + --core-color-solid-tiffany-1100: #0c7d65; + --core-color-solid-tiffany-1200: #0a624f; + --core-color-solid-tiffany-1300: #074639; + --core-color-solid-teal-100: #e6fafa; + --core-color-solid-teal-200: #bff2f2; + --core-color-solid-teal-300: #99ebeb; + --core-color-solid-teal-400: #73e3e3; + --core-color-solid-teal-500: #4ddbdb; + --core-color-solid-teal-600: #26d4d4; + --core-color-solid-teal-700: #00cccc; + --core-color-solid-teal-800: #00b4b4; + --core-color-solid-teal-900: #009c9c; + --core-color-solid-teal-1000: #008585; + --core-color-solid-teal-1100: #006d6d; + --core-color-solid-teal-1200: #005555; + --core-color-solid-teal-1300: #003d3d; + --core-color-solid-seawater-100: #e7f6f7; + --core-color-solid-seawater-200: #c2e7eb; + --core-color-solid-seawater-300: #9dd9df; + --core-color-solid-seawater-400: #78cbd4; + --core-color-solid-seawater-500: #54bdc8; + --core-color-solid-seawater-600: #2faebc; + --core-color-solid-seawater-700: #0aa0b0; + --core-color-solid-seawater-800: #098d9c; + --core-color-solid-seawater-900: #087b87; + --core-color-solid-seawater-1000: #076872; + --core-color-solid-seawater-1100: #05555e; + --core-color-solid-seawater-1200: #044349; + --core-color-solid-seawater-1300: #033035; + --core-color-solid-blue-100: #e6f5ff; + --core-color-solid-blue-200: #bfe7ff; + --core-color-solid-blue-300: #99d8ff; + --core-color-solid-blue-400: #73c9ff; + --core-color-solid-blue-500: #53b9ff; + --core-color-solid-blue-600: #3daaff; + --core-color-solid-blue-700: #2c9aff; + --core-color-solid-blue-800: #1789e1; + --core-color-solid-blue-900: #0777c4; + --core-color-solid-blue-1000: #0066a6; + --core-color-solid-blue-1100: #005488; + --core-color-solid-blue-1200: #00426a; + --core-color-solid-blue-1300: #00304d; + --core-color-solid-sapphire-100: #e7eafe; + --core-color-solid-sapphire-200: #c2c9fd; + --core-color-solid-sapphire-300: #9ea9fc; + --core-color-solid-sapphire-400: #7989fb; + --core-color-solid-sapphire-500: #5569f9; + --core-color-solid-sapphire-600: #3148f8; + --core-color-solid-sapphire-700: #0c28f7; + --core-color-solid-sapphire-800: #0b23da; + --core-color-solid-sapphire-900: #091fbd; + --core-color-solid-sapphire-1000: #081aa1; + --core-color-solid-sapphire-1100: #061584; + --core-color-solid-sapphire-1200: #051167; + --core-color-solid-sapphire-1300: #040c4a; + --core-color-solid-blueberry-100: #ede6fc; + --core-color-solid-blueberry-200: #d2c0f7; + --core-color-solid-blueberry-300: #b69af3; + --core-color-solid-blueberry-400: #9b74ee; + --core-color-solid-blueberry-500: #804ee9; + --core-color-solid-blueberry-600: #6428e5; + --core-color-solid-blueberry-700: #4902e0; + --core-color-solid-blueberry-800: #4102c6; + --core-color-solid-blueberry-900: #3802ac; + --core-color-solid-blueberry-1000: #2f0192; + --core-color-solid-blueberry-1100: #270178; + --core-color-solid-blueberry-1200: #1e015d; + --core-color-solid-blueberry-1300: #160143; + --core-color-solid-grape-100: #f2e7fa; + --core-color-solid-grape-200: #dfc3f3; + --core-color-solid-grape-300: #cc9eec; + --core-color-solid-grape-400: #b97ae5; + --core-color-solid-grape-500: #a556dd; + --core-color-solid-grape-600: #9231d6; + --core-color-solid-grape-700: #7f0dcf; + --core-color-solid-grape-800: #700cb7; + --core-color-solid-grape-900: #610a9f; + --core-color-solid-grape-1000: #530987; + --core-color-solid-grape-1100: #44076e; + --core-color-solid-grape-1200: #350556; + --core-color-solid-grape-1300: #26043e; + --core-color-solid-magenta-100: #fae7fe; + --core-color-solid-magenta-200: #f2c3fd; + --core-color-solid-magenta-300: #ea9efc; + --core-color-solid-magenta-400: #e27afb; + --core-color-solid-magenta-500: #db56f9; + --core-color-solid-magenta-600: #d331f8; + --core-color-solid-magenta-700: #cb0df7; + --core-color-solid-magenta-800: #b30cda; + --core-color-solid-magenta-900: #9c0abd; + --core-color-solid-magenta-1000: #8409a1; + --core-color-solid-magenta-1100: #6c0784; + --core-color-solid-magenta-1200: #550567; + --core-color-solid-magenta-1300: #3d044a; + --core-color-solid-cherry-100: #ffe6e7; + --core-color-solid-cherry-200: #ffbfc6; + --core-color-solid-cherry-300: #ff99a6; + --core-color-solid-cherry-400: #ff7389; + --core-color-solid-cherry-500: #ff4d6e; + --core-color-solid-cherry-600: #f32656; + --core-color-solid-cherry-700: #de0040; + --core-color-solid-cherry-800: #d40032; + --core-color-solid-cherry-900: #c40025; + --core-color-solid-cherry-1000: #a6001a; + --core-color-solid-cherry-1100: #880011; + --core-color-solid-cherry-1200: #6a000a; + --core-color-solid-cherry-1300: #4d0005; + --core-color-solid-coral-100: #ffe6e6; + --core-color-solid-coral-200: #ffbfc2; + --core-color-solid-coral-300: #ff9ba3; + --core-color-solid-coral-400: #ff7e88; + --core-color-solid-coral-500: #ff6671; + --core-color-solid-coral-600: #ff535e; + --core-color-solid-coral-700: #ff444f; + --core-color-solid-coral-800: #e12e3a; + --core-color-solid-coral-900: #c41c28; + --core-color-solid-coral-1000: #a60e19; + --core-color-solid-coral-1100: #88030d; + --core-color-solid-coral-1200: #6a0004; + --core-color-solid-coral-1300: #4d0000; + --core-color-solid-slate-50: #ffffff; + --core-color-solid-slate-75: #f6f7f8; + --core-color-solid-slate-100: #ebecef; + --core-color-solid-slate-200: #ced0d6; + --core-color-solid-slate-300: #b1b4bc; + --core-color-solid-slate-400: #9498a2; + --core-color-solid-slate-500: #787d88; + --core-color-solid-slate-600: #5c616d; + --core-color-solid-slate-700: #414652; + --core-color-solid-slate-800: #383d4a; + --core-color-solid-slate-900: #303541; + --core-color-solid-slate-1000: #282c38; + --core-color-solid-slate-1100: #20242f; + --core-color-solid-slate-1200: #181c25; + --core-color-solid-slate-1300: #11141b; + --core-color-solid-slate-1400: #000000; + --core-color-opacity-white-75: rgba(255, 255, 255, 0.04); + --core-color-opacity-white-100: rgba(255, 255, 255, 0.08); + --core-color-opacity-white-200: rgba(255, 255, 255, 0.16); + --core-color-opacity-white-300: rgba(255, 255, 255, 0.24); + --core-color-opacity-white-400: rgba(255, 255, 255, 0.48); + --core-color-opacity-white-500: rgba(255, 255, 255, 0.56); + --core-color-opacity-white-600: rgba(255, 255, 255, 0.72); + --core-color-opacity-white-700: rgba(255, 255, 255, 0.8); + --core-color-opacity-white-800: rgba(255, 255, 255, 0.88); + --core-color-opacity-black-75: rgba(0, 0, 0, 0.04); + --core-color-opacity-black-100: rgba(0, 0, 0, 0.08); + --core-color-opacity-black-200: rgba(0, 0, 0, 0.16); + --core-color-opacity-black-300: rgba(0, 0, 0, 0.24); + --core-color-opacity-black-400: rgba(0, 0, 0, 0.48); + --core-color-opacity-black-500: rgba(0, 0, 0, 0.56); + --core-color-opacity-black-600: rgba(0, 0, 0, 0.72); + --core-color-opacity-black-700: rgba(0, 0, 0, 0.8); + --core-color-opacity-black-800: rgba(0, 0, 0, 0.88); + --core-color-opacity-red-75: rgba(230, 25, 14, 0.04); + --core-color-opacity-red-100: rgba(230, 25, 14, 0.08); + --core-color-opacity-red-200: rgba(230, 25, 14, 0.16); + --core-color-opacity-red-300: rgba(230, 25, 14, 0.24); + --core-color-opacity-red-400: rgba(230, 25, 14, 0.48); + --core-color-opacity-red-500: rgba(230, 25, 14, 0.56); + --core-color-opacity-red-600: rgba(230, 25, 14, 0.72); + --core-color-opacity-red-700: rgba(230, 25, 14, 0.8); + --core-color-opacity-red-800: rgba(230, 25, 14, 0.88); + --core-color-opacity-orange-75: rgba(245, 95, 10, 0.04); + --core-color-opacity-orange-100: rgba(245, 95, 10, 0.08); + --core-color-opacity-orange-200: rgba(245, 95, 10, 0.16); + --core-color-opacity-orange-300: rgba(245, 95, 10, 0.24); + --core-color-opacity-orange-400: rgba(245, 95, 10, 0.48); + --core-color-opacity-orange-500: rgba(245, 95, 10, 0.56); + --core-color-opacity-orange-600: rgba(245, 95, 10, 0.72); + --core-color-opacity-orange-700: rgba(245, 95, 10, 0.8); + --core-color-opacity-orange-800: rgba(245, 95, 10, 0.88); + --core-color-opacity-yellow-75: rgba(255, 156, 19, 0.04); + --core-color-opacity-yellow-100: rgba(255, 156, 19, 0.08); + --core-color-opacity-yellow-200: rgba(255, 156, 19, 0.16); + --core-color-opacity-yellow-300: rgba(255, 156, 19, 0.24); + --core-color-opacity-yellow-400: rgba(255, 156, 19, 0.48); + --core-color-opacity-yellow-500: rgba(255, 156, 19, 0.56); + --core-color-opacity-yellow-600: rgba(255, 156, 19, 0.72); + --core-color-opacity-yellow-700: rgba(255, 156, 19, 0.8); + --core-color-opacity-yellow-800: rgba(255, 156, 19, 0.88); + --core-color-opacity-mustard-75: rgba(247, 198, 11, 0.04); + --core-color-opacity-mustard-100: rgba(247, 198, 11, 0.08); + --core-color-opacity-mustard-200: rgba(247, 198, 11, 0.16); + --core-color-opacity-mustard-300: rgba(247, 198, 11, 0.24); + --core-color-opacity-mustard-400: rgba(247, 198, 11, 0.48); + --core-color-opacity-mustard-500: rgba(247, 198, 11, 0.56); + --core-color-opacity-mustard-600: rgba(247, 198, 11, 0.72); + --core-color-opacity-mustard-700: rgba(247, 198, 11, 0.8); + --core-color-opacity-mustard-800: rgba(247, 198, 11, 0.88); + --core-color-opacity-olive-75: rgba(224, 218, 2, 0.04); + --core-color-opacity-olive-100: rgba(224, 218, 2, 0.08); + --core-color-opacity-olive-200: rgba(224, 218, 2, 0.16); + --core-color-opacity-olive-300: rgba(224, 218, 2, 0.24); + --core-color-opacity-olive-400: rgba(224, 218, 2, 0.48); + --core-color-opacity-olive-500: rgba(224, 218, 2, 0.56); + --core-color-opacity-olive-600: rgba(224, 218, 2, 0.72); + --core-color-opacity-olive-700: rgba(224, 218, 2, 0.8); + --core-color-opacity-olive-800: rgba(224, 218, 2, 0.88); + --core-color-opacity-green-75: rgba(0, 136, 50, 0.04); + --core-color-opacity-green-100: rgba(0, 136, 50, 0.08); + --core-color-opacity-green-200: rgba(0, 136, 50, 0.16); + --core-color-opacity-green-300: rgba(0, 136, 50, 0.24); + --core-color-opacity-green-400: rgba(0, 136, 50, 0.48); + --core-color-opacity-green-500: rgba(0, 136, 50, 0.56); + --core-color-opacity-green-600: rgba(0, 136, 50, 0.72); + --core-color-opacity-green-700: rgba(0, 136, 50, 0.8); + --core-color-opacity-green-800: rgba(0, 136, 50, 0.88); + --core-color-opacity-emerald-75: rgba(0, 195, 144, 0.04); + --core-color-opacity-emerald-100: rgba(0, 195, 144, 0.08); + --core-color-opacity-emerald-200: rgba(0, 195, 144, 0.16); + --core-color-opacity-emerald-300: rgba(0, 195, 144, 0.24); + --core-color-opacity-emerald-400: rgba(0, 195, 144, 0.48); + --core-color-opacity-emerald-500: rgba(0, 195, 144, 0.56); + --core-color-opacity-emerald-600: rgba(0, 195, 144, 0.72); + --core-color-opacity-emerald-700: rgba(0, 195, 144, 0.8); + --core-color-opacity-emerald-800: rgba(0, 195, 144, 0.88); + --core-color-opacity-tiffany-75: rgba(23, 234, 189, 0.04); + --core-color-opacity-tiffany-100: rgba(23, 234, 189, 0.08); + --core-color-opacity-tiffany-200: rgba(23, 234, 189, 0.16); + --core-color-opacity-tiffany-300: rgba(23, 234, 189, 0.24); + --core-color-opacity-tiffany-400: rgba(23, 234, 189, 0.48); + --core-color-opacity-tiffany-500: rgba(23, 234, 189, 0.56); + --core-color-opacity-tiffany-600: rgba(23, 234, 189, 0.72); + --core-color-opacity-tiffany-700: rgba(23, 234, 189, 0.8); + --core-color-opacity-tiffany-800: rgba(23, 234, 189, 0.88); + --core-color-opacity-teal-75: rgba(0, 204, 204, 0.04); + --core-color-opacity-teal-100: rgba(0, 204, 204, 0.08); + --core-color-opacity-teal-200: rgba(0, 204, 204, 0.16); + --core-color-opacity-teal-300: rgba(0, 204, 204, 0.24); + --core-color-opacity-teal-400: rgba(0, 204, 204, 0.48); + --core-color-opacity-teal-500: rgba(0, 204, 204, 0.56); + --core-color-opacity-teal-600: rgba(0, 204, 204, 0.72); + --core-color-opacity-teal-700: rgba(0, 204, 204, 0.8); + --core-color-opacity-teal-800: rgba(0, 204, 204, 0.88); + --core-color-opacity-seawater-75: rgba(10, 160, 176, 0.04); + --core-color-opacity-seawater-100: rgba(10, 160, 176, 0.08); + --core-color-opacity-seawater-200: rgba(10, 160, 176, 0.16); + --core-color-opacity-seawater-300: rgba(10, 160, 176, 0.24); + --core-color-opacity-seawater-400: rgba(10, 160, 176, 0.48); + --core-color-opacity-seawater-500: rgba(10, 160, 176, 0.56); + --core-color-opacity-seawater-600: rgba(10, 160, 176, 0.72); + --core-color-opacity-seawater-700: rgba(10, 160, 176, 0.8); + --core-color-opacity-seawater-800: rgba(10, 160, 176, 0.88); + --core-color-opacity-blue-75: rgba(44, 154, 255, 0.04); + --core-color-opacity-blue-100: rgba(44, 154, 255, 0.08); + --core-color-opacity-blue-200: rgba(44, 154, 255, 0.16); + --core-color-opacity-blue-300: rgba(44, 154, 255, 0.24); + --core-color-opacity-blue-400: rgba(44, 154, 255, 0.48); + --core-color-opacity-blue-500: rgba(44, 154, 255, 0.56); + --core-color-opacity-blue-600: rgba(44, 154, 255, 0.72); + --core-color-opacity-blue-700: rgba(44, 154, 255, 0.8); + --core-color-opacity-blue-800: rgba(44, 154, 255, 0.88); + --core-color-opacity-sapphire-75: rgba(12, 40, 247, 0.04); + --core-color-opacity-sapphire-100: rgba(12, 40, 247, 0.08); + --core-color-opacity-sapphire-200: rgba(12, 40, 247, 0.16); + --core-color-opacity-sapphire-300: rgba(12, 40, 247, 0.24); + --core-color-opacity-sapphire-400: rgba(12, 40, 247, 0.48); + --core-color-opacity-sapphire-500: rgba(12, 40, 247, 0.56); + --core-color-opacity-sapphire-600: rgba(12, 40, 247, 0.72); + --core-color-opacity-sapphire-700: rgba(12, 40, 247, 0.8); + --core-color-opacity-sapphire-800: rgba(12, 40, 247, 0.88); + --core-color-opacity-blueberry-75: rgba(73, 2, 224, 0.04); + --core-color-opacity-blueberry-100: rgba(73, 2, 224, 0.08); + --core-color-opacity-blueberry-200: rgba(73, 2, 224, 0.16); + --core-color-opacity-blueberry-300: rgba(73, 2, 224, 0.24); + --core-color-opacity-blueberry-400: rgba(73, 2, 224, 0.48); + --core-color-opacity-blueberry-500: rgba(73, 2, 224, 0.56); + --core-color-opacity-blueberry-600: rgba(73, 2, 224, 0.72); + --core-color-opacity-blueberry-700: rgba(73, 2, 224, 0.8); + --core-color-opacity-blueberry-800: rgba(73, 2, 224, 0.88); + --core-color-opacity-grape-75: rgba(127, 13, 207, 0.04); + --core-color-opacity-grape-100: rgba(127, 13, 207, 0.08); + --core-color-opacity-grape-200: rgba(127, 13, 207, 0.16); + --core-color-opacity-grape-300: rgba(127, 13, 207, 0.24); + --core-color-opacity-grape-400: rgba(127, 13, 207, 0.48); + --core-color-opacity-grape-500: rgba(127, 13, 207, 0.56); + --core-color-opacity-grape-600: rgba(127, 13, 207, 0.72); + --core-color-opacity-grape-700: rgba(127, 13, 207, 0.8); + --core-color-opacity-grape-800: rgba(127, 13, 207, 0.88); + --core-color-opacity-magenta-75: rgba(203, 13, 247, 0.04); + --core-color-opacity-magenta-100: rgba(203, 13, 247, 0.08); + --core-color-opacity-magenta-200: rgba(203, 13, 247, 0.16); + --core-color-opacity-magenta-300: rgba(203, 13, 247, 0.24); + --core-color-opacity-magenta-400: rgba(203, 13, 247, 0.48); + --core-color-opacity-magenta-500: rgba(203, 13, 247, 0.56); + --core-color-opacity-magenta-600: rgba(203, 13, 247, 0.72); + --core-color-opacity-magenta-700: rgba(203, 13, 247, 0.8); + --core-color-opacity-magenta-800: rgba(203, 13, 247, 0.88); + --core-color-opacity-cherry-75: rgba(222, 0, 64, 0.04); + --core-color-opacity-cherry-100: rgba(222, 0, 64, 0.08); + --core-color-opacity-cherry-200: rgba(222, 0, 64, 0.16); + --core-color-opacity-cherry-300: rgba(222, 0, 64, 0.24); + --core-color-opacity-cherry-400: rgba(222, 0, 64, 0.48); + --core-color-opacity-cherry-500: rgba(222, 0, 64, 0.56); + --core-color-opacity-cherry-600: rgba(222, 0, 64, 0.72); + --core-color-opacity-cherry-700: rgba(222, 0, 64, 0.8); + --core-color-opacity-cherry-800: rgba(222, 0, 64, 0.88); + --core-color-opacity-coral-75: rgba(255, 68, 79, 0.04); + --core-color-opacity-coral-100: rgba(255, 68, 79, 0.08); + --core-color-opacity-coral-200: rgba(255, 68, 79, 0.16); + --core-color-opacity-coral-300: rgba(255, 68, 79, 0.24); + --core-color-opacity-coral-400: rgba(255, 68, 79, 0.48); + --core-color-opacity-coral-500: rgba(255, 68, 79, 0.56); + --core-color-opacity-coral-600: rgba(255, 68, 79, 0.72); + --core-color-opacity-coral-700: rgba(255, 68, 79, 0.8); + --core-color-opacity-coral-800: rgba(255, 68, 79, 0.88); + --core-color-opacity-slate-75: rgba(65, 70, 82, 0.04); + --core-color-opacity-slate-100: rgba(65, 70, 82, 0.08); + --core-color-opacity-slate-200: rgba(65, 70, 82, 0.16); + --core-color-opacity-slate-300: rgba(65, 70, 82, 0.24); + --core-color-opacity-slate-400: rgba(65, 70, 82, 0.48); + --core-color-opacity-slate-500: rgba(65, 70, 82, 0.56); + --core-color-opacity-slate-600: rgba(65, 70, 82, 0.72); + --core-color-opacity-slate-700: rgba(65, 70, 82, 0.8); + --core-color-opacity-slate-800: rgba(65, 70, 82, 0.88); + --core-color-opacity-overflow-100: rgba(255, 255, 255, 0); + --core-color-opacity-overflow-200: rgba(246, 247, 248, 0); + --core-color-opacity-overflow-300: rgba(var(--core-color-solid-slate-1200), var(--core-opacity-50)); + --core-color-opacity-overflow-400: rgba(var(--core-color-solid-slate-1300), var(--core-opacity-50)); + --core-color-gradient-slate-110: linear-gradient( + 1.93deg, + var(--core-color-opacity-overflow-100) 1.56%, + var(--core-color-solid-slate-50) 49.91% + ); + --core-color-gradient-slate-120: linear-gradient( + 88.07deg, + var(--core-color-opacity-overflow-100) 1.63%, + var(--core-color-solid-slate-50) 50.02% + ); + --core-color-gradient-slate-130: linear-gradient( + 181.93deg, + var(--core-color-opacity-overflow-100) 1.63%, + var(--core-color-solid-slate-50) 50.01% + ); + --core-color-gradient-slate-140: linear-gradient( + 271.93deg, + var(--core-color-opacity-overflow-100) 1.63%, + var(--core-color-solid-slate-50) 49.98% + ); + --core-color-gradient-slate-210: linear-gradient( + 1.93deg, + var(--core-color-opacity-overflow-200) 1.56%, + var(--core-color-solid-slate-75) 49.91% + ); + --core-color-gradient-slate-220: linear-gradient( + 88.07deg, + var(--core-color-opacity-overflow-200) 1.63%, + var(--core-color-solid-slate-75) 50.02% + ); + --core-color-gradient-slate-230: linear-gradient( + 181.93deg, + var(--core-color-opacity-overflow-200) 1.63%, + var(--core-color-solid-slate-75) 50.01% + ); + --core-color-gradient-slate-240: linear-gradient( + 271.93deg, + var(--core-color-opacity-overflow-200) 1.63%, + var(--core-color-solid-slate-75) 49.98% + ); + --core-color-gradient-slate-310: linear-gradient( + 1.93deg, + var(--core-color-opacity-overflow-400) 1.56%, + var(--core-color-solid-slate-1300) 49.91% + ); + --core-color-gradient-slate-320: linear-gradient( + 88.07deg, + var(--core-color-opacity-overflow-400) 1.63%, + var(--core-color-solid-slate-1300) 50.02% + ); + --core-color-gradient-slate-330: linear-gradient( + 181.93deg, + var(--core-color-opacity-overflow-400) 1.63%, + var(--core-color-solid-slate-1300) 50.01% + ); + --core-color-gradient-slate-340: linear-gradient( + 271.93deg, + var(--core-color-opacity-overflow-400) 1.63%, + var(--core-color-solid-slate-1300) 49.98% + ); + --core-color-gradient-slate-410: linear-gradient( + 1.93deg, + var(--core-color-opacity-overflow-300) 1.56%, + var(--core-color-solid-slate-1200) 49.91% + ); + --core-color-gradient-slate-420: linear-gradient( + 88.07deg, + var(--core-color-opacity-overflow-300) 1.63%, + var(--core-color-solid-slate-1200) 50.02% + ); + --core-color-gradient-slate-430: linear-gradient( + 181.93deg, + var(--core-color-opacity-overflow-300) 1.63%, + var(--core-color-solid-slate-1200) 50.01% + ); + --core-color-gradient-slate-440: linear-gradient( + 271.93deg, + var(--core-color-opacity-overflow-300) 1.63%, + var(--core-color-solid-slate-1200) 49.98% + ); + --core-elevation-shadow-50: 0px 0px 0px 0px; + --core-elevation-shadow-110: 0px -1px 2px 0px rgba(0, 0, 0, 6%), 0px -1px 2px 0px rgba(0, 0, 0, 3%); + --core-elevation-shadow-120: 1px 0px 2px 0px rgba(0, 0, 0, 6%), 1px 0px 2px 0px rgba(0, 0, 0, 3%); + --core-elevation-shadow-130: 0px 1px 2px 0px rgba(0, 0, 0, 6%), 0px 1px 2px 0px rgba(0, 0, 0, 3%); + --core-elevation-shadow-140: -1px 0px 2px 0px rgba(0, 0, 0, 6%), -1px 0px 2px 0px rgba(0, 0, 0, 3%); + --core-elevation-shadow-210: 0px -1px 4px 0px rgba(0, 0, 0, 8%), 0px -1px 4px 0px rgba(0, 0, 0, 4%); + --core-elevation-shadow-220: 1px 0px 4px 0px rgba(0, 0, 0, 8%), 1px 0px 4px 0px rgba(0, 0, 0, 4%); + --core-elevation-shadow-230: 0px 1px 4px 0px rgba(0, 0, 0, 8%), 0px 1px 4px 0px rgba(0, 0, 0, 4%); + --core-elevation-shadow-240: -1px 0px 4px 0px rgba(0, 0, 0, 8%), -1px 0px 4px 0px rgba(0, 0, 0, 4%); + --core-elevation-shadow-310: 0px -4px 8px 2px rgba(0, 0, 0, 3%), 0px -4px 8px 2px rgba(0, 0, 0, 2%); + --core-elevation-shadow-320: 4px 0px 8px 2px rgba(0, 0, 0, 3%), 4px 0px 8px 2px rgba(0, 0, 0, 2%); + --core-elevation-shadow-330: 0px 4px 8px 2px rgba(0, 0, 0, 3%), 0px 4px 8px 2px rgba(0, 0, 0, 2%); + --core-elevation-shadow-340: -4px 0px 8px 2px rgba(0, 0, 0, 3%), -4px 0px 8px 2px rgba(0, 0, 0, 2%); + --core-elevation-shadow-410: 0px -8px 16px 2px rgba(0, 0, 0, 4%), 0px -8px 16px 2px rgba(0, 0, 0, 2%); + --core-elevation-shadow-420: 8px 0px 16px 2px rgba(0, 0, 0, 4%), 8px 0px 16px 2px rgba(0, 0, 0, 2%); + --core-elevation-shadow-430: 0px 8px 16px 2px rgba(0, 0, 0, 4%), 0px 8px 16px 2px rgba(0, 0, 0, 2%); + --core-elevation-shadow-440: -8px 0px 16px 2px rgba(0, 0, 0, 4%), -8px 0px 16px 2px rgba(0, 0, 0, 2%); + --core-elevation-shadow-510: 0px -16px 24px 4px rgba(0, 0, 0, 4%), 0px -16px 24px 4px rgba(0, 0, 0, 2%); + --core-elevation-shadow-520: 16px 0px 24px 4px rgba(0, 0, 0, 4%), 16px 0px 24px 4px rgba(0, 0, 0, 2%); + --core-elevation-shadow-530: 0px 16px 24px 4px rgba(0, 0, 0, 4%), 0px 16px 24px 4px rgba(0, 0, 0, 2%); + --core-elevation-shadow-540: -16px 0px 24px 4px rgba(0, 0, 0, 4%), -16px 0px 24px 4px rgba(0, 0, 0, 2%); + --core-elevation-shadow-610: 0px -24px 48px 8px rgba(0, 0, 0, 6%), 0px -24px 48px 8px rgba(0, 0, 0, 3%); + --core-elevation-shadow-620: 24px 0px 48px 8px rgba(0, 0, 0, 6%), 24px 0px 48px 8px rgba(0, 0, 0, 3%); + --core-elevation-shadow-630: 0px 24px 48px 8px rgba(0, 0, 0, 6%), 0px 24px 48px 8px rgba(0, 0, 0, 3%); + --core-elevation-shadow-640: -24px 0px 48px 8px rgba(0, 0, 0, 6%), -24px 0px 48px 8px rgba(0, 0, 0, 3%); + --core-elevation-shadow-710: 0px -32px 64px 12px rgba(0, 0, 0, 8%), 0px -32px 64px 12px rgba(0, 0, 0, 4%); + --core-elevation-shadow-720: 32px 0px 64px 12px rgba(0, 0, 0, 8%), 32px 0px 64px 12px rgba(0, 0, 0, 4%); + --core-elevation-shadow-730: 0px 32px 64px 12px rgba(0, 0, 0, 8%), 0px 32px 64px 12px rgba(0, 0, 0, 4%); + --core-elevation-shadow-740: -32px 0px 64px 12px rgba(0, 0, 0, 8%), -32px 0px 64px 12px rgba(0, 0, 0, 4%); + --core-opacity-50: 0; + --core-opacity-75: 0.04; + --core-opacity-100: 0.08; + --core-opacity-200: 0.16; + --core-opacity-300: 0.24; + --core-opacity-400: 0.32; + --core-opacity-500: 0.4; + --core-opacity-600: 0.48; + --core-opacity-700: 0.56; + --core-opacity-800: 0.64; + --core-opacity-900: 0.72; + --core-opacity-1000: 0.8; + --core-opacity-1100: 0.88; + --core-opacity-1200: 0.96; + --core-opacity-1300: 1; + --core-spacing-50: 0px; + --core-spacing-75: 1px; + --core-spacing-100: 2px; + --core-spacing-200: 4px; + --core-spacing-300: 6px; + --core-spacing-400: 8px; + --core-spacing-500: 10px; + --core-spacing-600: 12px; + --core-spacing-700: 14px; + --core-spacing-800: 16px; + --core-spacing-900: 18px; + --core-spacing-1000: 20px; + --core-spacing-1100: 22px; + --core-spacing-1200: 24px; + --core-spacing-1300: 26px; + --core-spacing-1400: 28px; + --core-spacing-1500: 30px; + --core-spacing-1600: 32px; + --core-spacing-1700: 34px; + --core-spacing-1800: 36px; + --core-spacing-1900: 38px; + --core-spacing-2000: 40px; + --core-spacing-2100: 42px; + --core-spacing-2200: 44px; + --core-spacing-2300: 46px; + --core-spacing-2400: 48px; + --core-spacing-2500: 50px; + --core-spacing-2600: 52px; + --core-spacing-2700: 54px; + --core-spacing-2800: 56px; + --core-spacing-2900: 58px; + --core-spacing-3000: 60px; + --core-spacing-3100: 62px; + --core-spacing-3200: 64px; + --core-spacing-3300: 66px; + --core-spacing-3400: 68px; + --core-spacing-3500: 70px; + --core-spacing-3600: 72px; + --core-spacing-3700: 74px; + --core-spacing-3800: 76px; + --core-spacing-3900: 78px; + --core-spacing-4000: 80px; + --core-spacing-4100: 82px; + --core-spacing-4200: 84px; + --core-spacing-4300: 86px; + --core-spacing-4400: 88px; + --core-spacing-4500: 90px; + --core-spacing-4600: 92px; + --core-spacing-4700: 94px; + --core-spacing-4800: 96px; + --core-spacing-4900: 98px; + --core-spacing-5000: 100px; + --core-fontSize-50: 12px; + --core-fontSize-75: 14px; + --core-fontSize-100: 16px; + --core-fontSize-200: 18px; + --core-fontSize-300: 20px; + --core-fontSize-400: 24px; + --core-fontSize-500: 32px; + --core-fontSize-600: 40px; + --core-fontSize-700: 48px; + --core-fontSize-800: 64px; + --core-fontSize-900: 80px; + --core-fontSize-1000: 28px; + --core-fontSize-1100: 34px; + --core-fontFamily-ubuntu: Ubuntu; + --core-fontFamily-ibmPlex-mono: IBM Plex Mono; + --core-fontFamily-ibmPlex-sans: IBM Plex Sans; + --core-fontFamily-fontAwesome-pro: Font Awesome 6 Pro; + --core-fontFamily-fontAwesome-brands: Font Awesome 6 Brands; + --core-fontWeight-light: 300; + --core-fontWeight-regular: 400; + --core-fontWeight-bold: 700; + --core-fontWeight-italic: Italic; + --core-fontWeight-boldItalic: Bold Italic; + --core-lineHeight-100: 18px; + --core-lineHeight-200: 22px; + --core-lineHeight-300: 24px; + --core-lineHeight-400: 28px; + --core-lineHeight-500: 30px; + --core-lineHeight-600: 32px; + --core-lineHeight-700: 36px; + --core-lineHeight-800: 48px; + --core-lineHeight-900: 64px; + --core-lineHeight-1000: 96px; + --core-lineHeight-auto: auto; + --core-fontDecoration-underline: underline; + --core-paragraphSpacing-50: 12px; + --core-paragraphSpacing-75: 14px; + --core-paragraphSpacing-100: 16px; + --core-paragraphSpacing-200: 18px; + --core-paragraphSpacing-300: 20px; + --core-paragraphSpacing-400: 24px; + --core-paragraphSpacing-500: 32px; + --core-paragraphSpacing-600: 40px; + --core-paragraphSpacing-700: 48px; + --core-paragraphSpacing-800: 64px; + --core-paragraphSpacing-900: 80px; + --core-paragraphSpacing-1000: 28px; + --core-paragraphSpacing-1100: 34px; + --core-motion-ease-100: cubic-bezier(0, 0, 1, 1); + --core-motion-ease-200: cubic-bezier(1, 0, 1, 1); + --core-motion-ease-300: cubic-bezier(0, 0, 0, 1); + --core-motion-ease-400: cubic-bezier(0.72, 0, 0.24, 1); + --core-motion-duration-50: 0ms; + --core-motion-duration-100: 80ms; + --core-motion-duration-200: 160ms; + --core-motion-duration-300: 240ms; + --core-motion-duration-400: 480ms; + --core-motion-duration-500: 720ms; + --core-motion-duration-600: 960ms; + --core-motion-duration-700: 1200ms; + --core-motion-duration-800: 1440ms; + --core-motion-duration-900: 1680ms; + --core-motion-duration-1000: 1920ms; + --core-motion-duration-1100: 2400ms; + --core-motion-duration-1200: 2880ms; + --core-motion-duration-1300: 3360ms; + --core-motion-duration-1400: 3840ms; + --core-motion-duration-1500: 4320ms; + --core-size-50: 0px; + --core-size-100: 2px; + --core-size-200: 4px; + --core-size-300: 6px; + --core-size-400: 8px; + --core-size-500: 10px; + --core-size-600: 12px; + --core-size-700: 14px; + --core-size-800: 16px; + --core-size-900: 18px; + --core-size-1000: 20px; + --core-size-1100: 22px; + --core-size-1200: 24px; + --core-size-1300: 26px; + --core-size-1400: 28px; + --core-size-1500: 30px; + --core-size-1600: 32px; + --core-size-1700: 34px; + --core-size-1800: 36px; + --core-size-1900: 38px; + --core-size-2000: 40px; + --core-size-2100: 42px; + --core-size-2200: 44px; + --core-size-2300: 46px; + --core-size-2400: 48px; + --core-size-2500: 50px; + --core-size-2600: 52px; + --core-size-2700: 54px; + --core-size-2800: 56px; + --core-size-2900: 58px; + --core-size-3000: 60px; + --core-size-3100: 62px; + --core-size-3200: 64px; + --core-size-3300: 66px; + --core-size-3400: 68px; + --core-size-3500: 70px; + --core-size-3600: 72px; + --core-size-3700: 74px; + --core-size-3800: 76px; + --core-size-3900: 78px; + --core-size-4000: 80px; + --core-size-4100: 82px; + --core-size-4200: 84px; + --core-size-4300: 86px; + --core-size-4400: 88px; + --core-size-4500: 90px; + --core-size-4600: 92px; + --core-size-4700: 94px; + --core-size-4800: 96px; + --core-size-4900: 98px; + --core-size-5000: 100px; + --core-size-8100: 600px; + --core-size-9100: 1280px; + --borderWidth-none: var(--core-borderWidth-50); + --borderWidth-xs: var(--core-borderWidth-75); + --borderWidth-sm: var(--core-borderWidth-100); + --borderWidth-md: var(--core-borderWidth-200); + --borderWidth-lg: var(--core-borderWidth-300); + --size-generic-2xs: var(--core-size-400); + --size-generic-xs: var(--core-size-800); + --size-generic-sm: var(--core-size-1200); + --size-generic-md: var(--core-size-1600); + --size-generic-lg: var(--core-size-2000); + --size-generic-xl: var(--core-size-2400); + --size-generic-2xl: var(--core-size-2800); + --size-generic-3xl: var(--core-size-3200); + --size-generic-4xl: var(--core-size-3600); + --size-generic-5xl: var(--core-size-4000); + --opacity-overlay: var(--core-opacity-900); + --opacity-disabled: var(--core-opacity-600); + --motion-easing-linear: var(--core-motion-ease-100); + --motion-easing-in: var(--core-motion-ease-200); + --motion-easing-out: var(--core-motion-ease-300); + --motion-easing-inandout: var(--core-motion-ease-400); + --motion-duration-instant: var(--core-motion-duration-50); + --motion-duration-snappy: var(--core-motion-duration-300); + --motion-duration-moderate: var(--core-motion-duration-400); + --motion-duration-relax: var(--core-motion-duration-500); + --motion-duration-deliberate: var(--core-motion-duration-600); + --semantic-elevation-shadow-dialog: var(--core-elevation-shadow-730); + --semantic-elevation-shadow-notification: var(--core-elevation-shadow-630); + --semantic-elevation-shadow-menu: var(--core-elevation-shadow-530); + --semantic-elevation-shadow-card-default: var(--core-elevation-shadow-330); + --semantic-elevation-shadow-card-hover: var(--core-elevation-shadow-530); + --semantic-elevation-shadow-overflow-top: var(--core-elevation-shadow-310); + --semantic-elevation-shadow-overflow-right: var(--core-elevation-shadow-320); + --semantic-elevation-shadow-overflow-bottom: var(--core-elevation-shadow-330); + --semantic-elevation-shadow-overflow-left: var(--core-elevation-shadow-340); + --semantic-typography-heading-hero-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-hero-fontSize: var(--core-fontSize-800); + --semantic-typography-heading-hero-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-hero-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-hero-paragraphSpacing: var(--core-paragraphSpacing-800); + --semantic-typography-heading-hero-letterSpacing: normal; + --semantic-typography-heading-h1-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h1-fontSize: var(--core-fontSize-1100); + --semantic-typography-heading-h1-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h1-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h1-paragraphSpacing: var(--core-paragraphSpacing-1100); + --semantic-typography-heading-h1-letterSpacing: normal; + --semantic-typography-heading-h2-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h2-fontSize: var(--core-fontSize-1000); + --semantic-typography-heading-h2-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h2-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h2-paragraphSpacing: var(--core-paragraphSpacing-1000); + --semantic-typography-heading-h2-letterSpacing: normal; + --semantic-typography-heading-h3-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h3-fontSize: var(--core-fontSize-300); + --semantic-typography-heading-h3-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h3-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h3-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-heading-h3-letterSpacing: normal; + --semantic-typography-heading-h4-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h4-fontSize: var(--core-fontSize-200); + --semantic-typography-heading-h4-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h4-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h4-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-heading-h4-letterSpacing: normal; + --semantic-typography-heading-h5-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h5-fontSize: var(--core-fontSize-100); + --semantic-typography-heading-h5-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h5-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h5-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-heading-h5-letterSpacing: normal; + --semantic-typography-heading-h6-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h6-fontSize: var(--core-fontSize-75); + --semantic-typography-heading-h6-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h6-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h6-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-heading-h6-letterSpacing: normal; + --semantic-typography-body-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-default-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-italic-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-default-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-italic-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-default-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-default-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-italic-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-default-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-default-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-italic-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-default-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-default-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-default-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-default-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-default-letterSpacing: normal; + --semantic-typography-caption-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-letterSpacing: normal; + --semantic-typography-caption-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-underline-letterSpacing: normal; + --semantic-typography-caption-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-underline-letterSpacing: normal; + --semantic-typography-caption-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-default-letterSpacing: normal; + --semantic-typography-caption-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-letterSpacing: normal; + --semantic-typography-caption-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-underline-letterSpacing: normal; + --semantic-typography-caption-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-underline-letterSpacing: normal; + --semantic-typography-caption-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-default-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-italic-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-default-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-italic-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-default-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-default-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-italic-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-default-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-default-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-italic-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-default-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-default-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-default-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-default-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-icon-labelPaired-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-regular-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-regular-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-regular-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-regular-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-regular-caption-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-regular-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-bold-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-bold-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-bold-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-bold-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-bold-caption-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-bold-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-brand-xl-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-brand-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-brand-lg-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-brand-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-brand-md-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-brand-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-brand-sm-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-brand-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-caption-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-brand-caption-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-brand-caption-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-regular-2xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-regular-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-regular-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-regular-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-regular-md-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-regular-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-bold-2xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-bold-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-bold-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-bold-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-bold-md-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-bold-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-2xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-brand-2xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-brand-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-brand-xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-brand-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-brand-lg-fontWeight: normal; + --semantic-typography-icon-standalone-brand-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-brand-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-brand-md-fontWeight: normal; + --semantic-typography-icon-standalone-brand-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-brand-md-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-brand-sm-fontWeight: normal; + --semantic-typography-icon-standalone-brand-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-brand-sm-letterSpacing: normal; + --semantic-spacing-general-none: var(--core-spacing-50); + --semantic-spacing-general-3xs: var(--core-spacing-75); + --semantic-spacing-general-2xs: var(--core-spacing-100); + --semantic-spacing-general-xs: var(--core-spacing-200); + --semantic-spacing-general-sm: var(--core-spacing-400); + --semantic-spacing-general-md: var(--core-spacing-800); + --semantic-spacing-general-lg: var(--core-spacing-1200); + --semantic-spacing-general-xl: var(--core-spacing-1200); + --semantic-spacing-general-2xl: var(--core-spacing-1600); + --semantic-spacing-general-3xl: var(--core-spacing-1600); + --semantic-spacing-general-4xl: var(--core-spacing-2400); + --semantic-spacing-general-5xl: var(--core-spacing-2400); + --semantic-spacing-gap-none: var(--core-spacing-50); + --semantic-spacing-gap-2xs: var(--core-spacing-75); + --semantic-spacing-gap-xs: var(--core-spacing-100); + --semantic-spacing-gap-sm: var(--core-spacing-200); + --semantic-spacing-gap-md: var(--core-spacing-400); + --semantic-spacing-gap-lg: var(--core-spacing-800); + --semantic-spacing-gap-xl: var(--core-spacing-1200); + --semantic-spacing-gap-2xl: var(--core-spacing-1200); + --semantic-spacing-gap-3xl: var(--core-spacing-1600); + --semantic-spacing-gap-4xl: var(--core-spacing-1600); + --semantic-borderRadius-none: var(--core-borderRadius-50); + --semantic-borderRadius-xs: var(--core-borderRadius-100); + --semantic-borderRadius-sm: var(--core-borderRadius-200); + --semantic-borderRadius-md: var(--core-borderRadius-400); + --semantic-borderRadius-lg: var(--core-borderRadius-800); + --semantic-borderRadius-xl: var(--core-borderRadius-1200); + --semantic-borderRadius-2xl: var(--core-borderRadius-2400); + --semantic-borderRadius-pill: var(--core-borderRadius-4800); + --semantic-fontSize-heading-hero: var(--core-fontSize-800); + --semantic-fontSize-heading-h1: var(--core-fontSize-1100); + --semantic-fontSize-heading-h2: var(--core-fontSize-1000); + --semantic-fontSize-heading-h3: var(--core-fontSize-300); + --semantic-fontSize-heading-h4: var(--core-fontSize-200); + --semantic-fontSize-heading-h5: var(--core-fontSize-100); + --semantic-fontSize-heading-h6: var(--core-fontSize-75); + --semantic-fontSize-body-xl: var(--core-fontSize-300); + --semantic-fontSize-body-lg: var(--core-fontSize-200); + --semantic-fontSize-body-md: var(--core-fontSize-100); + --semantic-fontSize-body-sm: var(--core-fontSize-75); + --semantic-fontSize-caption: var(--core-fontSize-50); + --semantic-fontSize-code-xl: var(--core-fontSize-300); + --semantic-fontSize-code-lg: var(--core-fontSize-200); + --semantic-fontSize-code-md: var(--core-fontSize-100); + --semantic-fontSize-code-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-xl: var(--core-fontSize-300); + --semantic-fontSize-icon-labelPaired-lg: var(--core-fontSize-200); + --semantic-fontSize-icon-labelPaired-md: var(--core-fontSize-100); + --semantic-fontSize-icon-labelPaired-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-caption: var(--core-fontSize-50); + --semantic-fontSize-icon-standalone-2xl: var(--core-fontSize-800); + --semantic-fontSize-icon-standalone-xl: var(--core-fontSize-600); + --semantic-fontSize-icon-standalone-lg: var(--core-fontSize-500); + --semantic-fontSize-icon-standalone-md: var(--core-fontSize-300); + --semantic-fontSize-icon-standalone-sm: var(--core-fontSize-100); + --semantic-paragraphSpacing-heading-hero: var(--core-paragraphSpacing-800); + --semantic-paragraphSpacing-heading-h1: var(--core-paragraphSpacing-1100); + --semantic-paragraphSpacing-heading-h2: var(--core-paragraphSpacing-1000); + --semantic-paragraphSpacing-heading-h3: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-heading-h4: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-heading-h5: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-heading-h6: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-body-xl: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-body-lg: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-body-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-body-sm: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-caption: var(--core-paragraphSpacing-50); + --semantic-paragraphSpacing-code-xl: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-code-lg: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-code-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-code-sm: var(--core-paragraphSpacing-75); + --semantic-lineHeight-heading-hero: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h1: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h2: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h3: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h4: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h5: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h6: var(--core-lineHeight-auto); + --semantic-lineHeight-body-xl: var(--core-lineHeight-500); + --semantic-lineHeight-body-lg: var(--core-lineHeight-400); + --semantic-lineHeight-body-md: var(--core-lineHeight-300); + --semantic-lineHeight-body-sm: var(--core-lineHeight-200); + --semantic-lineHeight-caption: var(--core-lineHeight-100); + --semantic-lineHeight-code-xl: var(--core-lineHeight-500); + --semantic-lineHeight-code-lg: var(--core-lineHeight-400); + --semantic-lineHeight-code-md: var(--core-lineHeight-300); + --semantic-lineHeight-code-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-xl: var(--core-lineHeight-500); + --semantic-lineHeight-icon-labelPaired-lg: var(--core-lineHeight-400); + --semantic-lineHeight-icon-labelPaired-md: var(--core-lineHeight-300); + --semantic-lineHeight-icon-labelPaired-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-caption: var(--core-lineHeight-100); + --semantic-lineHeight-icon-standalone-2xl: var(--core-lineHeight-1000); + --semantic-lineHeight-icon-standalone-xl: var(--core-lineHeight-900); + --semantic-lineHeight-icon-standalone-lg: var(--core-lineHeight-800); + --semantic-lineHeight-icon-standalone-md: var(--core-lineHeight-600); + --semantic-lineHeight-icon-standalone-sm: var(--core-lineHeight-300); + --semantic-color-monochrome-surface-normal-lowest: var(--core-color-opacity-white-75); + --semantic-color-monochrome-surface-normal-low: var(--core-color-opacity-white-100); + --semantic-color-monochrome-surface-normal-midLow: var(--core-color-opacity-white-200); + --semantic-color-monochrome-surface-normal-midHigh: var(--core-color-opacity-white-300); + --semantic-color-monochrome-surface-normal-high: var(--core-color-opacity-white-700); + --semantic-color-monochrome-surface-normal-highest: var(--core-color-opacity-white-800); + --semantic-color-monochrome-surface-inverse-lowest: var(--core-color-opacity-black-75); + --semantic-color-monochrome-surface-inverse-low: var(--core-color-opacity-black-100); + --semantic-color-monochrome-surface-inverse-midLow: var(--core-color-opacity-black-200); + --semantic-color-monochrome-surface-inverse-midHigh: var(--core-color-opacity-black-300); + --semantic-color-monochrome-surface-inverse-high: var(--core-color-opacity-black-700); + --semantic-color-monochrome-surface-inverse-highest: var(--core-color-opacity-black-800); + --semantic-color-monochrome-surface-static-blackLowest: var(--core-color-opacity-black-75); + --semantic-color-monochrome-surface-static-blackLow: var(--core-color-opacity-black-100); + --semantic-color-monochrome-surface-static-blackMidLow: var(--core-color-opacity-black-200); + --semantic-color-monochrome-surface-static-blackMidHigh: var(--core-color-opacity-black-300); + --semantic-color-monochrome-surface-static-blackHigh: var(--core-color-opacity-black-700); + --semantic-color-monochrome-surface-static-blackHighest: var(--core-color-opacity-black-800); + --semantic-color-monochrome-surface-static-whiteLowest: var(--core-color-opacity-white-75); + --semantic-color-monochrome-surface-static-whiteLow: var(--core-color-opacity-white-100); + --semantic-color-monochrome-surface-static-whiteMidLow: var(--core-color-opacity-white-200); + --semantic-color-monochrome-surface-static-whiteMidHigh: var(--core-color-opacity-white-300); + --semantic-color-monochrome-surface-static-whiteHigh: var(--core-color-opacity-white-700); + --semantic-color-monochrome-surface-static-whiteHighest: var(--core-color-opacity-white-800); + --semantic-color-monochrome-border-normal-low: var(--core-color-opacity-white-75); + --semantic-color-monochrome-border-normal-mid: var(--core-color-opacity-white-100); + --semantic-color-monochrome-border-normal-high: var(--core-color-opacity-white-200); + --semantic-color-monochrome-border-normal-highest: var(--core-color-opacity-white-300); + --semantic-color-monochrome-border-inverse-low: var(--core-color-opacity-black-75); + --semantic-color-monochrome-border-inverse-mid: var(--core-color-opacity-black-100); + --semantic-color-monochrome-border-inverse-high: var(--core-color-opacity-black-200); + --semantic-color-monochrome-border-inverse-highest: var(--core-color-opacity-black-300); + --semantic-color-monochrome-border-static-blackLow: var(--core-color-opacity-black-75); + --semantic-color-monochrome-border-static-blackMid: var(--core-color-opacity-black-100); + --semantic-color-monochrome-border-static-blackHigh: var(--core-color-opacity-black-200); + --semantic-color-monochrome-border-static-blackHighest: var(--core-color-opacity-black-300); + --semantic-color-monochrome-border-static-whiteLow: var(--core-color-opacity-white-75); + --semantic-color-monochrome-border-static-whiteMid: var(--core-color-opacity-white-100); + --semantic-color-monochrome-border-static-whiteHigh: var(--core-color-opacity-white-200); + --semantic-color-monochrome-border-static-whiteHighest: var(--core-color-opacity-white-300); + --semantic-color-monochrome-textIcon-normal-low: var(--core-color-opacity-white-300); + --semantic-color-monochrome-textIcon-normal-mid: var(--core-color-opacity-white-400); + --semantic-color-monochrome-textIcon-normal-high: var(--core-color-opacity-white-600); + --semantic-color-monochrome-textIcon-inverse-low: var(--core-color-opacity-black-300); + --semantic-color-monochrome-textIcon-inverse-mid: var(--core-color-opacity-black-400); + --semantic-color-monochrome-textIcon-inverse-high: var(--core-color-opacity-black-600); + --semantic-color-monochrome-textIcon-static-blackLow: var(--core-color-opacity-black-300); + --semantic-color-monochrome-textIcon-static-blackMid: var(--core-color-opacity-black-400); + --semantic-color-monochrome-textIcon-static-blackHigh: var(--core-color-opacity-black-600); + --semantic-color-monochrome-textIcon-static-whiteLow: var(--core-color-opacity-white-300); + --semantic-color-monochrome-textIcon-static-whiteMid: var(--core-color-opacity-white-400); + --semantic-color-monochrome-textIcon-static-whiteHigh: var(--core-color-opacity-white-600); + --semantic-color-slate-solid-surface-normal-lowest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-surface-normal-low: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-surface-normal-midLow: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-surface-normal-midHigh: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-surface-normal-high: var(--core-color-solid-slate-800); + --semantic-color-slate-solid-surface-normal-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-surface-inverse-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-surface-inverse-low: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-surface-inverse-midLow: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-surface-inverse-midHigh: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-surface-inverse-high: var(--core-color-solid-slate-600); + --semantic-color-slate-solid-surface-inverse-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-surface-static-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-surface-static-lower: var(--core-color-solid-slate-75); + --semantic-color-slate-solid-surface-static-low: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-surface-static-midLowest: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-surface-static-midLower: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-surface-static-midLow: var(--core-color-solid-slate-600); + --semantic-color-slate-solid-surface-static-midHigh: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-surface-static-midHigher: var(--core-color-solid-slate-800); + --semantic-color-slate-solid-surface-static-midHighest: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-surface-static-high: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-surface-static-higher: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-surface-static-highest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-surface-frame-low: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-surface-frame-mid: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-border-normal-lowest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-border-normal-low: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-border-normal-mid: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-border-normal-high: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-border-normal-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-border-inverse-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-border-inverse-low: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-border-inverse-mid: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-border-inverse-high: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-border-inverse-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-border-static-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-border-static-lower: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-border-static-low: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-border-static-midLow: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-border-static-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-border-static-midHigh: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-border-static-high: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-border-static-higher: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-border-static-highest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-textIcon-normal-lowest: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-textIcon-normal-low: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-textIcon-normal-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-textIcon-normal-high: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-textIcon-normal-highest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-textIcon-inverse-lowest: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-textIcon-inverse-low: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-textIcon-inverse-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-textIcon-inverse-high: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-textIcon-inverse-highest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-textIcon-static-lowest: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-textIcon-static-low: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-textIcon-static-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-textIcon-static-high: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-textIcon-static-highest: var(--core-color-solid-slate-1200); + --semantic-color-slate-opacity-surface-lowest: var(--core-color-opacity-slate-75); + --semantic-color-slate-opacity-surface-low: var(--core-color-opacity-slate-100); + --semantic-color-slate-opacity-surface-midLow: var(--core-color-opacity-slate-200); + --semantic-color-slate-opacity-surface-midHigh: var(--core-color-opacity-slate-300); + --semantic-color-slate-opacity-surface-high: var(--core-color-opacity-slate-700); + --semantic-color-slate-opacity-surface-highest: var(--core-color-opacity-slate-800); + --semantic-color-slate-opacity-border-lowest: var(--core-color-opacity-slate-75); + --semantic-color-slate-opacity-border-lower: var(--core-color-opacity-slate-100); + --semantic-color-slate-opacity-border-low: var(--core-color-opacity-slate-200); + --semantic-color-slate-opacity-border-mid: var(--core-color-opacity-slate-300); + --semantic-color-slate-opacity-border-high: var(--core-color-opacity-slate-600); + --semantic-color-slate-opacity-border-higher: var(--core-color-opacity-slate-700); + --semantic-color-slate-opacity-border-highest: var(--core-color-opacity-slate-800); + --semantic-color-slate-opacity-textIcon-low: var(--core-color-opacity-slate-300); + --semantic-color-slate-opacity-textIcon-mid: var(--core-color-opacity-slate-400); + --semantic-color-slate-opacity-textIcon-high: var(--core-color-opacity-slate-600); + --semantic-color-red-solid-surface-normal-lowest: var(--core-color-solid-red-1300); + --semantic-color-red-solid-surface-normal-low: var(--core-color-solid-red-1200); + --semantic-color-red-solid-surface-normal-mid: var(--core-color-solid-red-900); + --semantic-color-red-solid-surface-normal-high: var(--core-color-solid-red-800); + --semantic-color-red-solid-surface-normal-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-surface-inverse-lowest: var(--core-color-solid-red-100); + --semantic-color-red-solid-surface-inverse-low: var(--core-color-solid-red-200); + --semantic-color-red-solid-surface-inverse-mid: var(--core-color-solid-red-500); + --semantic-color-red-solid-surface-inverse-high: var(--core-color-solid-red-600); + --semantic-color-red-solid-surface-inverse-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-surface-static-lowest: var(--core-color-solid-red-100); + --semantic-color-red-solid-surface-static-lower: var(--core-color-solid-red-200); + --semantic-color-red-solid-surface-static-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-surface-static-midLow: var(--core-color-solid-red-600); + --semantic-color-red-solid-surface-static-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-surface-static-midHigh: var(--core-color-solid-red-800); + --semantic-color-red-solid-surface-static-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-surface-static-higher: var(--core-color-solid-red-1200); + --semantic-color-red-solid-surface-static-highest: var(--core-color-solid-red-1300); + --semantic-color-red-solid-border-normal-low: var(--core-color-solid-red-1300); + --semantic-color-red-solid-border-normal-mid: var(--core-color-solid-red-1200); + --semantic-color-red-solid-border-normal-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-border-normal-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-border-inverse-low: var(--core-color-solid-red-100); + --semantic-color-red-solid-border-inverse-mid: var(--core-color-solid-red-200); + --semantic-color-red-solid-border-inverse-high: var(--core-color-solid-red-500); + --semantic-color-red-solid-border-inverse-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-border-static-lowest: var(--core-color-solid-red-100); + --semantic-color-red-solid-border-static-lower: var(--core-color-solid-red-200); + --semantic-color-red-solid-border-static-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-border-static-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-border-static-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-border-static-higher: var(--core-color-solid-red-1200); + --semantic-color-red-solid-border-static-highest: var(--core-color-solid-red-1300); + --semantic-color-red-solid-textIcon-normal-lowest: var(--core-color-solid-red-1200); + --semantic-color-red-solid-textIcon-normal-low: var(--core-color-solid-red-900); + --semantic-color-red-solid-textIcon-normal-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-textIcon-normal-high: var(--core-color-solid-red-500); + --semantic-color-red-solid-textIcon-inverse-lowest: var(--core-color-solid-red-200); + --semantic-color-red-solid-textIcon-inverse-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-textIcon-inverse-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-textIcon-inverse-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-textIcon-static-lowest: var(--core-color-solid-red-200); + --semantic-color-red-solid-textIcon-static-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-textIcon-static-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-textIcon-static-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-textIcon-static-highest: var(--core-color-solid-red-1200); + --semantic-color-red-opacity-surface-lowest: var(--core-color-opacity-red-75); + --semantic-color-red-opacity-surface-low: var(--core-color-opacity-red-100); + --semantic-color-red-opacity-surface-midLow: var(--core-color-opacity-red-200); + --semantic-color-red-opacity-surface-midHigh: var(--core-color-opacity-red-300); + --semantic-color-red-opacity-surface-high: var(--core-color-opacity-red-700); + --semantic-color-red-opacity-surface-highest: var(--core-color-opacity-red-800); + --semantic-color-red-opacity-border-lowest: var(--core-color-opacity-red-75); + --semantic-color-red-opacity-border-lower: var(--core-color-opacity-red-100); + --semantic-color-red-opacity-border-low: var(--core-color-opacity-red-200); + --semantic-color-red-opacity-border-mid: var(--core-color-opacity-red-300); + --semantic-color-red-opacity-border-high: var(--core-color-opacity-red-600); + --semantic-color-red-opacity-border-higher: var(--core-color-opacity-red-700); + --semantic-color-red-opacity-border-highest: var(--core-color-opacity-red-800); + --semantic-color-red-opacity-textIcon-low: var(--core-color-opacity-red-300); + --semantic-color-red-opacity-textIcon-mid: var(--core-color-opacity-red-400); + --semantic-color-red-opacity-textIcon-high: var(--core-color-opacity-red-600); + --semantic-color-orange-solid-surface-normal-lowest: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-surface-normal-low: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-surface-normal-mid: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-surface-normal-high: var(--core-color-solid-orange-800); + --semantic-color-orange-solid-surface-normal-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-surface-inverse-lowest: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-surface-inverse-low: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-surface-inverse-mid: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-surface-inverse-high: var(--core-color-solid-orange-600); + --semantic-color-orange-solid-surface-inverse-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-surface-static-lowest: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-surface-static-lower: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-surface-static-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-surface-static-midLow: var(--core-color-solid-orange-600); + --semantic-color-orange-solid-surface-static-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-surface-static-midHigh: var(--core-color-solid-orange-800); + --semantic-color-orange-solid-surface-static-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-surface-static-higher: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-surface-static-highest: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-border-normal-low: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-border-normal-mid: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-border-normal-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-border-normal-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-border-inverse-low: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-border-inverse-mid: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-border-inverse-high: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-border-inverse-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-border-static-lowest: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-border-static-lower: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-border-static-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-border-static-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-border-static-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-border-static-higher: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-border-static-highest: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-textIcon-normal-lowest: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-textIcon-normal-low: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-textIcon-normal-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-textIcon-normal-high: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-textIcon-inverse-lowest: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-textIcon-inverse-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-textIcon-inverse-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-textIcon-inverse-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-textIcon-static-lowest: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-textIcon-static-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-textIcon-static-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-textIcon-static-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-textIcon-static-highest: var(--core-color-solid-orange-1200); + --semantic-color-orange-opacity-surface-lowest: var(--core-color-opacity-orange-75); + --semantic-color-orange-opacity-surface-low: var(--core-color-opacity-orange-100); + --semantic-color-orange-opacity-surface-midLow: var(--core-color-opacity-orange-200); + --semantic-color-orange-opacity-surface-midHigh: var(--core-color-opacity-orange-300); + --semantic-color-orange-opacity-surface-high: var(--core-color-opacity-orange-700); + --semantic-color-orange-opacity-surface-highest: var(--core-color-opacity-orange-800); + --semantic-color-orange-opacity-border-lowest: var(--core-color-opacity-orange-75); + --semantic-color-orange-opacity-border-lower: var(--core-color-opacity-orange-100); + --semantic-color-orange-opacity-border-low: var(--core-color-opacity-orange-200); + --semantic-color-orange-opacity-border-mid: var(--core-color-opacity-orange-300); + --semantic-color-orange-opacity-border-high: var(--core-color-opacity-orange-600); + --semantic-color-orange-opacity-border-higher: var(--core-color-opacity-orange-700); + --semantic-color-orange-opacity-border-highest: var(--core-color-opacity-orange-800); + --semantic-color-orange-opacity-textIcon-low: var(--core-color-opacity-orange-300); + --semantic-color-orange-opacity-textIcon-mid: var(--core-color-opacity-orange-400); + --semantic-color-orange-opacity-textIcon-high: var(--core-color-opacity-orange-600); + --semantic-color-yellow-solid-surface-normal-lowest: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-surface-normal-low: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-surface-normal-mid: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-surface-normal-high: var(--core-color-solid-yellow-800); + --semantic-color-yellow-solid-surface-normal-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-surface-inverse-lowest: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-surface-inverse-low: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-surface-inverse-mid: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-surface-inverse-high: var(--core-color-solid-yellow-600); + --semantic-color-yellow-solid-surface-inverse-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-surface-static-lowest: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-surface-static-lower: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-surface-static-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-surface-static-midLow: var(--core-color-solid-yellow-600); + --semantic-color-yellow-solid-surface-static-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-surface-static-midHigh: var(--core-color-solid-yellow-800); + --semantic-color-yellow-solid-surface-static-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-surface-static-higher: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-surface-static-highest: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-border-normal-low: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-border-normal-mid: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-border-normal-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-border-normal-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-border-inverse-low: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-border-inverse-mid: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-border-inverse-high: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-border-inverse-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-border-static-lowest: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-border-static-lower: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-border-static-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-border-static-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-border-static-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-border-static-higher: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-border-static-highest: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-textIcon-normal-lowest: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-textIcon-normal-low: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-textIcon-normal-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-textIcon-normal-high: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-textIcon-inverse-lowest: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-textIcon-inverse-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-textIcon-inverse-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-textIcon-inverse-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-textIcon-static-lowest: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-textIcon-static-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-textIcon-static-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-textIcon-static-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-textIcon-static-highest: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-opacity-surface-lowest: var(--core-color-opacity-yellow-75); + --semantic-color-yellow-opacity-surface-low: var(--core-color-opacity-yellow-100); + --semantic-color-yellow-opacity-surface-midLow: var(--core-color-opacity-yellow-200); + --semantic-color-yellow-opacity-surface-midHigh: var(--core-color-opacity-yellow-300); + --semantic-color-yellow-opacity-surface-high: var(--core-color-opacity-yellow-700); + --semantic-color-yellow-opacity-surface-highest: var(--core-color-opacity-yellow-800); + --semantic-color-yellow-opacity-border-lowest: var(--core-color-opacity-yellow-75); + --semantic-color-yellow-opacity-border-lower: var(--core-color-opacity-yellow-100); + --semantic-color-yellow-opacity-border-low: var(--core-color-opacity-yellow-200); + --semantic-color-yellow-opacity-border-mid: var(--core-color-opacity-yellow-300); + --semantic-color-yellow-opacity-border-high: var(--core-color-opacity-yellow-600); + --semantic-color-yellow-opacity-border-higher: var(--core-color-opacity-yellow-700); + --semantic-color-yellow-opacity-border-highest: var(--core-color-opacity-yellow-800); + --semantic-color-yellow-opacity-textIcon-low: var(--core-color-opacity-yellow-300); + --semantic-color-yellow-opacity-textIcon-mid: var(--core-color-opacity-yellow-400); + --semantic-color-yellow-opacity-textIcon-high: var(--core-color-opacity-yellow-600); + --semantic-color-mustard-solid-surface-normal-lowest: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-surface-normal-low: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-surface-normal-mid: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-surface-normal-high: var(--core-color-solid-mustard-800); + --semantic-color-mustard-solid-surface-normal-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-surface-inverse-lowest: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-surface-inverse-low: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-surface-inverse-mid: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-surface-inverse-high: var(--core-color-solid-mustard-600); + --semantic-color-mustard-solid-surface-inverse-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-surface-static-lowest: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-surface-static-lower: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-surface-static-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-surface-static-midLow: var(--core-color-solid-mustard-600); + --semantic-color-mustard-solid-surface-static-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-surface-static-midHigh: var(--core-color-solid-mustard-800); + --semantic-color-mustard-solid-surface-static-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-surface-static-higher: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-surface-static-highest: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-border-normal-low: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-border-normal-mid: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-border-normal-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-border-normal-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-border-inverse-low: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-border-inverse-mid: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-border-inverse-high: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-border-inverse-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-border-static-lowest: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-border-static-lower: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-border-static-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-border-static-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-border-static-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-border-static-higher: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-border-static-highest: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-textIcon-normal-lowest: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-textIcon-normal-low: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-textIcon-normal-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-textIcon-normal-high: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-textIcon-inverse-lowest: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-textIcon-inverse-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-textIcon-inverse-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-textIcon-inverse-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-textIcon-static-lowest: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-textIcon-static-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-textIcon-static-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-textIcon-static-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-textIcon-static-highest: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-opacity-surface-lowest: var(--core-color-opacity-mustard-75); + --semantic-color-mustard-opacity-surface-low: var(--core-color-opacity-mustard-100); + --semantic-color-mustard-opacity-surface-midLow: var(--core-color-opacity-mustard-200); + --semantic-color-mustard-opacity-surface-midHigh: var(--core-color-opacity-mustard-300); + --semantic-color-mustard-opacity-surface-high: var(--core-color-opacity-mustard-700); + --semantic-color-mustard-opacity-surface-highest: var(--core-color-opacity-mustard-800); + --semantic-color-mustard-opacity-border-lowest: var(--core-color-opacity-mustard-75); + --semantic-color-mustard-opacity-border-lower: var(--core-color-opacity-mustard-100); + --semantic-color-mustard-opacity-border-low: var(--core-color-opacity-mustard-200); + --semantic-color-mustard-opacity-border-mid: var(--core-color-opacity-mustard-300); + --semantic-color-mustard-opacity-border-high: var(--core-color-opacity-mustard-600); + --semantic-color-mustard-opacity-border-higher: var(--core-color-opacity-mustard-700); + --semantic-color-mustard-opacity-border-highest: var(--core-color-opacity-mustard-800); + --semantic-color-mustard-opacity-textIcon-low: var(--core-color-opacity-mustard-300); + --semantic-color-mustard-opacity-textIcon-mid: var(--core-color-opacity-mustard-400); + --semantic-color-mustard-opacity-textIcon-high: var(--core-color-opacity-mustard-600); + --semantic-color-olive-solid-surface-normal-lowest: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-surface-normal-low: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-surface-normal-mid: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-surface-normal-high: var(--core-color-solid-olive-800); + --semantic-color-olive-solid-surface-normal-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-surface-inverse-lowest: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-surface-inverse-low: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-surface-inverse-mid: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-surface-inverse-high: var(--core-color-solid-olive-600); + --semantic-color-olive-solid-surface-inverse-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-surface-static-lowest: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-surface-static-lower: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-surface-static-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-surface-static-midLow: var(--core-color-solid-olive-600); + --semantic-color-olive-solid-surface-static-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-surface-static-midHigh: var(--core-color-solid-olive-800); + --semantic-color-olive-solid-surface-static-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-surface-static-higher: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-surface-static-highest: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-border-normal-low: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-border-normal-mid: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-border-normal-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-border-normal-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-border-inverse-low: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-border-inverse-mid: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-border-inverse-high: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-border-inverse-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-border-static-lowest: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-border-static-lower: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-border-static-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-border-static-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-border-static-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-border-static-higher: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-border-static-highest: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-textIcon-normal-lowest: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-textIcon-normal-low: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-textIcon-normal-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-textIcon-normal-high: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-textIcon-inverse-lowest: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-textIcon-inverse-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-textIcon-inverse-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-textIcon-inverse-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-textIcon-static-lowest: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-textIcon-static-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-textIcon-static-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-textIcon-static-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-textIcon-static-highest: var(--core-color-solid-olive-1200); + --semantic-color-olive-opacity-surface-lowest: var(--core-color-opacity-olive-75); + --semantic-color-olive-opacity-surface-low: var(--core-color-opacity-olive-100); + --semantic-color-olive-opacity-surface-midLow: var(--core-color-opacity-olive-200); + --semantic-color-olive-opacity-surface-midHigh: var(--core-color-opacity-olive-300); + --semantic-color-olive-opacity-surface-high: var(--core-color-opacity-olive-700); + --semantic-color-olive-opacity-surface-highest: var(--core-color-opacity-olive-800); + --semantic-color-olive-opacity-border-lowest: var(--core-color-opacity-olive-75); + --semantic-color-olive-opacity-border-lower: var(--core-color-opacity-olive-100); + --semantic-color-olive-opacity-border-low: var(--core-color-opacity-olive-200); + --semantic-color-olive-opacity-border-mid: var(--core-color-opacity-olive-300); + --semantic-color-olive-opacity-border-high: var(--core-color-opacity-olive-600); + --semantic-color-olive-opacity-border-higher: var(--core-color-opacity-olive-700); + --semantic-color-olive-opacity-border-highest: var(--core-color-opacity-olive-800); + --semantic-color-olive-opacity-textIcon-low: var(--core-color-opacity-olive-300); + --semantic-color-olive-opacity-textIcon-mid: var(--core-color-opacity-olive-400); + --semantic-color-olive-opacity-textIcon-high: var(--core-color-opacity-olive-600); + --semantic-color-green-solid-surface-normal-lowest: var(--core-color-solid-green-1300); + --semantic-color-green-solid-surface-normal-low: var(--core-color-solid-green-1200); + --semantic-color-green-solid-surface-normal-mid: var(--core-color-solid-green-900); + --semantic-color-green-solid-surface-normal-high: var(--core-color-solid-green-800); + --semantic-color-green-solid-surface-normal-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-surface-inverse-lowest: var(--core-color-solid-green-100); + --semantic-color-green-solid-surface-inverse-low: var(--core-color-solid-green-200); + --semantic-color-green-solid-surface-inverse-mid: var(--core-color-solid-green-500); + --semantic-color-green-solid-surface-inverse-high: var(--core-color-solid-green-600); + --semantic-color-green-solid-surface-inverse-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-surface-static-lowest: var(--core-color-solid-green-100); + --semantic-color-green-solid-surface-static-lower: var(--core-color-solid-green-200); + --semantic-color-green-solid-surface-static-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-surface-static-midLow: var(--core-color-solid-green-600); + --semantic-color-green-solid-surface-static-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-surface-static-midHigh: var(--core-color-solid-green-800); + --semantic-color-green-solid-surface-static-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-surface-static-higher: var(--core-color-solid-green-1200); + --semantic-color-green-solid-surface-static-highest: var(--core-color-solid-green-1300); + --semantic-color-green-solid-border-normal-low: var(--core-color-solid-green-1300); + --semantic-color-green-solid-border-normal-mid: var(--core-color-solid-green-1200); + --semantic-color-green-solid-border-normal-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-border-normal-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-border-inverse-low: var(--core-color-solid-green-100); + --semantic-color-green-solid-border-inverse-mid: var(--core-color-solid-green-200); + --semantic-color-green-solid-border-inverse-high: var(--core-color-solid-green-500); + --semantic-color-green-solid-border-inverse-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-border-static-lowest: var(--core-color-solid-green-100); + --semantic-color-green-solid-border-static-lower: var(--core-color-solid-green-200); + --semantic-color-green-solid-border-static-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-border-static-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-border-static-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-border-static-higher: var(--core-color-solid-green-1200); + --semantic-color-green-solid-border-static-highest: var(--core-color-solid-green-1300); + --semantic-color-green-solid-textIcon-normal-lowest: var(--core-color-solid-green-1200); + --semantic-color-green-solid-textIcon-normal-low: var(--core-color-solid-green-900); + --semantic-color-green-solid-textIcon-normal-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-textIcon-normal-high: var(--core-color-solid-green-500); + --semantic-color-green-solid-textIcon-inverse-lowest: var(--core-color-solid-green-200); + --semantic-color-green-solid-textIcon-inverse-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-textIcon-inverse-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-textIcon-inverse-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-textIcon-static-lowest: var(--core-color-solid-green-200); + --semantic-color-green-solid-textIcon-static-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-textIcon-static-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-textIcon-static-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-textIcon-static-highest: var(--core-color-solid-green-1200); + --semantic-color-green-opacity-surface-lowest: var(--core-color-opacity-green-75); + --semantic-color-green-opacity-surface-low: var(--core-color-opacity-green-100); + --semantic-color-green-opacity-surface-midLow: var(--core-color-opacity-green-200); + --semantic-color-green-opacity-surface-midHigh: var(--core-color-opacity-green-300); + --semantic-color-green-opacity-surface-high: var(--core-color-opacity-green-700); + --semantic-color-green-opacity-surface-highest: var(--core-color-opacity-green-800); + --semantic-color-green-opacity-border-lowest: var(--core-color-opacity-green-75); + --semantic-color-green-opacity-border-lower: var(--core-color-opacity-green-100); + --semantic-color-green-opacity-border-low: var(--core-color-opacity-green-200); + --semantic-color-green-opacity-border-mid: var(--core-color-opacity-green-300); + --semantic-color-green-opacity-border-high: var(--core-color-opacity-green-600); + --semantic-color-green-opacity-border-higher: var(--core-color-opacity-green-700); + --semantic-color-green-opacity-border-highest: var(--core-color-opacity-green-800); + --semantic-color-green-opacity-textIcon-low: var(--core-color-opacity-green-300); + --semantic-color-green-opacity-textIcon-mid: var(--core-color-opacity-green-400); + --semantic-color-green-opacity-textIcon-high: var(--core-color-opacity-green-600); + --semantic-color-emerald-solid-surface-normal-lowest: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-surface-normal-low: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-surface-normal-mid: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-surface-normal-high: var(--core-color-solid-emerald-800); + --semantic-color-emerald-solid-surface-normal-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-surface-inverse-lowest: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-surface-inverse-low: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-surface-inverse-mid: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-surface-inverse-high: var(--core-color-solid-emerald-600); + --semantic-color-emerald-solid-surface-inverse-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-surface-static-lowest: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-surface-static-lower: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-surface-static-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-surface-static-midLow: var(--core-color-solid-emerald-600); + --semantic-color-emerald-solid-surface-static-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-surface-static-midHigh: var(--core-color-solid-emerald-800); + --semantic-color-emerald-solid-surface-static-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-surface-static-higher: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-surface-static-highest: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-border-normal-low: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-border-normal-mid: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-border-normal-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-border-normal-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-border-inverse-low: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-border-inverse-mid: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-border-inverse-high: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-border-inverse-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-border-static-lowest: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-border-static-lower: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-border-static-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-border-static-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-border-static-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-border-static-higher: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-border-static-highest: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-textIcon-normal-lowest: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-textIcon-normal-low: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-textIcon-normal-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-textIcon-normal-high: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-textIcon-inverse-lowest: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-textIcon-inverse-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-textIcon-inverse-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-textIcon-inverse-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-textIcon-static-lowest: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-textIcon-static-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-textIcon-static-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-textIcon-static-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-textIcon-static-highest: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-opacity-surface-lowest: var(--core-color-opacity-emerald-75); + --semantic-color-emerald-opacity-surface-low: var(--core-color-opacity-emerald-100); + --semantic-color-emerald-opacity-surface-midLow: var(--core-color-opacity-emerald-200); + --semantic-color-emerald-opacity-surface-midHigh: var(--core-color-opacity-emerald-300); + --semantic-color-emerald-opacity-surface-high: var(--core-color-opacity-emerald-700); + --semantic-color-emerald-opacity-surface-highest: var(--core-color-opacity-emerald-800); + --semantic-color-emerald-opacity-border-lowest: var(--core-color-opacity-emerald-75); + --semantic-color-emerald-opacity-border-lower: var(--core-color-opacity-emerald-100); + --semantic-color-emerald-opacity-border-low: var(--core-color-opacity-emerald-200); + --semantic-color-emerald-opacity-border-mid: var(--core-color-opacity-emerald-300); + --semantic-color-emerald-opacity-border-high: var(--core-color-opacity-emerald-600); + --semantic-color-emerald-opacity-border-higher: var(--core-color-opacity-emerald-700); + --semantic-color-emerald-opacity-border-highest: var(--core-color-opacity-emerald-800); + --semantic-color-emerald-opacity-textIcon-low: var(--core-color-opacity-emerald-300); + --semantic-color-emerald-opacity-textIcon-mid: var(--core-color-opacity-emerald-400); + --semantic-color-emerald-opacity-textIcon-high: var(--core-color-opacity-emerald-600); + --semantic-color-tiffany-solid-surface-normal-lowest: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-surface-normal-low: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-surface-normal-mid: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-surface-normal-high: var(--core-color-solid-tiffany-800); + --semantic-color-tiffany-solid-surface-normal-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-surface-inverse-lowest: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-surface-inverse-low: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-surface-inverse-mid: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-surface-inverse-high: var(--core-color-solid-tiffany-600); + --semantic-color-tiffany-solid-surface-inverse-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-surface-static-lowest: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-surface-static-lower: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-surface-static-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-surface-static-midLow: var(--core-color-solid-tiffany-600); + --semantic-color-tiffany-solid-surface-static-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-surface-static-midHigh: var(--core-color-solid-tiffany-800); + --semantic-color-tiffany-solid-surface-static-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-surface-static-higher: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-surface-static-highest: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-border-normal-low: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-border-normal-mid: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-border-normal-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-border-normal-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-border-inverse-low: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-border-inverse-mid: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-border-inverse-high: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-border-inverse-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-border-static-lowest: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-border-static-lower: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-border-static-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-border-static-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-border-static-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-border-static-higher: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-border-static-highest: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-textIcon-normal-lowest: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-textIcon-normal-low: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-textIcon-normal-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-textIcon-normal-high: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-textIcon-inverse-lowest: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-textIcon-inverse-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-textIcon-inverse-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-textIcon-inverse-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-textIcon-static-lowest: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-textIcon-static-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-textIcon-static-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-textIcon-static-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-textIcon-static-highest: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-opacity-surface-lowest: var(--core-color-opacity-tiffany-75); + --semantic-color-tiffany-opacity-surface-low: var(--core-color-opacity-tiffany-100); + --semantic-color-tiffany-opacity-surface-midLow: var(--core-color-opacity-tiffany-200); + --semantic-color-tiffany-opacity-surface-midHigh: var(--core-color-opacity-tiffany-300); + --semantic-color-tiffany-opacity-surface-high: var(--core-color-opacity-tiffany-700); + --semantic-color-tiffany-opacity-surface-highest: var(--core-color-opacity-tiffany-800); + --semantic-color-tiffany-opacity-border-lowest: var(--core-color-opacity-tiffany-75); + --semantic-color-tiffany-opacity-border-lower: var(--core-color-opacity-tiffany-100); + --semantic-color-tiffany-opacity-border-low: var(--core-color-opacity-tiffany-200); + --semantic-color-tiffany-opacity-border-mid: var(--core-color-opacity-tiffany-300); + --semantic-color-tiffany-opacity-border-high: var(--core-color-opacity-tiffany-600); + --semantic-color-tiffany-opacity-border-higher: var(--core-color-opacity-tiffany-700); + --semantic-color-tiffany-opacity-border-highest: var(--core-color-opacity-tiffany-800); + --semantic-color-tiffany-opacity-textIcon-low: var(--core-color-opacity-tiffany-300); + --semantic-color-tiffany-opacity-textIcon-mid: var(--core-color-opacity-tiffany-400); + --semantic-color-tiffany-opacity-textIcon-high: var(--core-color-opacity-tiffany-600); + --semantic-color-teal-solid-surface-normal-lowest: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-surface-normal-low: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-surface-normal-mid: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-surface-normal-high: var(--core-color-solid-teal-800); + --semantic-color-teal-solid-surface-normal-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-surface-inverse-lowest: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-surface-inverse-low: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-surface-inverse-mid: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-surface-inverse-high: var(--core-color-solid-teal-600); + --semantic-color-teal-solid-surface-inverse-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-surface-static-lowest: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-surface-static-lower: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-surface-static-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-surface-static-midLow: var(--core-color-solid-teal-600); + --semantic-color-teal-solid-surface-static-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-surface-static-midHigh: var(--core-color-solid-teal-800); + --semantic-color-teal-solid-surface-static-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-surface-static-higher: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-surface-static-highest: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-border-normal-low: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-border-normal-mid: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-border-normal-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-border-normal-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-border-inverse-low: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-border-inverse-mid: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-border-inverse-high: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-border-inverse-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-border-static-lowest: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-border-static-lower: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-border-static-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-border-static-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-border-static-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-border-static-higher: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-border-static-highest: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-textIcon-normal-lowest: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-textIcon-normal-low: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-textIcon-normal-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-textIcon-normal-high: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-textIcon-inverse-lowest: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-textIcon-inverse-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-textIcon-inverse-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-textIcon-inverse-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-textIcon-static-lowest: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-textIcon-static-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-textIcon-static-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-textIcon-static-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-textIcon-static-highest: var(--core-color-solid-teal-1200); + --semantic-color-teal-opacity-surface-lowest: var(--core-color-opacity-teal-75); + --semantic-color-teal-opacity-surface-low: var(--core-color-opacity-teal-100); + --semantic-color-teal-opacity-surface-midLow: var(--core-color-opacity-teal-200); + --semantic-color-teal-opacity-surface-midHigh: var(--core-color-opacity-teal-300); + --semantic-color-teal-opacity-surface-high: var(--core-color-opacity-teal-700); + --semantic-color-teal-opacity-surface-highest: var(--core-color-opacity-teal-800); + --semantic-color-teal-opacity-border-lowest: var(--core-color-opacity-teal-75); + --semantic-color-teal-opacity-border-lower: var(--core-color-opacity-teal-100); + --semantic-color-teal-opacity-border-low: var(--core-color-opacity-teal-200); + --semantic-color-teal-opacity-border-mid: var(--core-color-opacity-teal-300); + --semantic-color-teal-opacity-border-high: var(--core-color-opacity-teal-600); + --semantic-color-teal-opacity-border-higher: var(--core-color-opacity-teal-700); + --semantic-color-teal-opacity-border-highest: var(--core-color-opacity-teal-800); + --semantic-color-teal-opacity-textIcon-low: var(--core-color-opacity-teal-300); + --semantic-color-teal-opacity-textIcon-mid: var(--core-color-opacity-teal-400); + --semantic-color-teal-opacity-textIcon-high: var(--core-color-opacity-teal-600); + --semantic-color-seawater-solid-surface-normal-lowest: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-surface-normal-low: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-surface-normal-mid: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-surface-normal-high: var(--core-color-solid-seawater-800); + --semantic-color-seawater-solid-surface-normal-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-surface-inverse-lowest: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-surface-inverse-low: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-surface-inverse-mid: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-surface-inverse-high: var(--core-color-solid-seawater-600); + --semantic-color-seawater-solid-surface-inverse-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-surface-static-lowest: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-surface-static-lower: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-surface-static-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-surface-static-midLow: var(--core-color-solid-seawater-600); + --semantic-color-seawater-solid-surface-static-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-surface-static-midHigh: var(--core-color-solid-seawater-800); + --semantic-color-seawater-solid-surface-static-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-surface-static-higher: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-surface-static-highest: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-border-normal-low: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-border-normal-mid: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-border-normal-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-border-normal-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-border-inverse-low: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-border-inverse-mid: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-border-inverse-high: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-border-inverse-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-border-static-lowest: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-border-static-lower: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-border-static-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-border-static-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-border-static-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-border-static-higher: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-border-static-highest: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-textIcon-normal-lowest: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-textIcon-normal-low: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-textIcon-normal-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-textIcon-normal-high: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-textIcon-inverse-lowest: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-textIcon-inverse-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-textIcon-inverse-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-textIcon-inverse-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-textIcon-static-lowest: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-textIcon-static-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-textIcon-static-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-textIcon-static-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-textIcon-static-highest: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-opacity-surface-lowest: var(--core-color-opacity-seawater-75); + --semantic-color-seawater-opacity-surface-low: var(--core-color-opacity-seawater-100); + --semantic-color-seawater-opacity-surface-midLow: var(--core-color-opacity-seawater-200); + --semantic-color-seawater-opacity-surface-midHigh: var(--core-color-opacity-seawater-300); + --semantic-color-seawater-opacity-surface-high: var(--core-color-opacity-seawater-700); + --semantic-color-seawater-opacity-surface-highest: var(--core-color-opacity-seawater-800); + --semantic-color-seawater-opacity-border-lowest: var(--core-color-opacity-seawater-75); + --semantic-color-seawater-opacity-border-lower: var(--core-color-opacity-seawater-100); + --semantic-color-seawater-opacity-border-low: var(--core-color-opacity-seawater-200); + --semantic-color-seawater-opacity-border-mid: var(--core-color-opacity-seawater-300); + --semantic-color-seawater-opacity-border-high: var(--core-color-opacity-seawater-600); + --semantic-color-seawater-opacity-border-higher: var(--core-color-opacity-seawater-700); + --semantic-color-seawater-opacity-border-highest: var(--core-color-opacity-seawater-800); + --semantic-color-seawater-opacity-textIcon-low: var(--core-color-opacity-seawater-300); + --semantic-color-seawater-opacity-textIcon-mid: var(--core-color-opacity-seawater-400); + --semantic-color-seawater-opacity-textIcon-high: var(--core-color-opacity-seawater-600); + --semantic-color-blue-solid-surface-normal-lowest: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-surface-normal-low: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-surface-normal-mid: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-surface-normal-high: var(--core-color-solid-blue-800); + --semantic-color-blue-solid-surface-normal-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-surface-inverse-lowest: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-surface-inverse-low: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-surface-inverse-mid: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-surface-inverse-high: var(--core-color-solid-blue-600); + --semantic-color-blue-solid-surface-inverse-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-surface-static-lowest: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-surface-static-lower: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-surface-static-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-surface-static-midLow: var(--core-color-solid-blue-600); + --semantic-color-blue-solid-surface-static-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-surface-static-midHigh: var(--core-color-solid-blue-800); + --semantic-color-blue-solid-surface-static-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-surface-static-higher: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-surface-static-highest: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-border-normal-low: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-border-normal-mid: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-border-normal-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-border-normal-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-border-inverse-low: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-border-inverse-mid: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-border-inverse-high: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-border-inverse-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-border-static-lowest: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-border-static-lower: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-border-static-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-border-static-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-border-static-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-border-static-higher: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-border-static-highest: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-textIcon-normal-lowest: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-textIcon-normal-low: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-textIcon-normal-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-textIcon-normal-high: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-textIcon-inverse-lowest: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-textIcon-inverse-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-textIcon-inverse-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-textIcon-inverse-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-textIcon-static-lowest: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-textIcon-static-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-textIcon-static-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-textIcon-static-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-textIcon-static-highest: var(--core-color-solid-blue-1200); + --semantic-color-blue-opacity-surface-lowest: var(--core-color-opacity-blue-75); + --semantic-color-blue-opacity-surface-low: var(--core-color-opacity-blue-100); + --semantic-color-blue-opacity-surface-midLow: var(--core-color-opacity-blue-200); + --semantic-color-blue-opacity-surface-midHigh: var(--core-color-opacity-blue-300); + --semantic-color-blue-opacity-surface-high: var(--core-color-opacity-blue-700); + --semantic-color-blue-opacity-surface-highest: var(--core-color-opacity-blue-800); + --semantic-color-blue-opacity-border-lowest: var(--core-color-opacity-blue-75); + --semantic-color-blue-opacity-border-lower: var(--core-color-opacity-blue-100); + --semantic-color-blue-opacity-border-low: var(--core-color-opacity-blue-200); + --semantic-color-blue-opacity-border-mid: var(--core-color-opacity-blue-300); + --semantic-color-blue-opacity-border-high: var(--core-color-opacity-blue-600); + --semantic-color-blue-opacity-border-higher: var(--core-color-opacity-blue-700); + --semantic-color-blue-opacity-border-highest: var(--core-color-opacity-blue-800); + --semantic-color-blue-opacity-textIcon-low: var(--core-color-opacity-blue-300); + --semantic-color-blue-opacity-textIcon-mid: var(--core-color-opacity-blue-400); + --semantic-color-blue-opacity-textIcon-high: var(--core-color-opacity-blue-600); + --semantic-color-sapphire-solid-surface-normal-lowest: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-surface-normal-low: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-surface-normal-mid: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-surface-normal-high: var(--core-color-solid-sapphire-800); + --semantic-color-sapphire-solid-surface-normal-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-surface-inverse-lowest: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-surface-inverse-low: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-surface-inverse-mid: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-surface-inverse-high: var(--core-color-solid-sapphire-600); + --semantic-color-sapphire-solid-surface-inverse-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-surface-static-lowest: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-surface-static-lower: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-surface-static-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-surface-static-midLow: var(--core-color-solid-sapphire-600); + --semantic-color-sapphire-solid-surface-static-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-surface-static-midHigh: var(--core-color-solid-sapphire-800); + --semantic-color-sapphire-solid-surface-static-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-surface-static-higher: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-surface-static-highest: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-border-normal-low: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-border-normal-mid: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-border-normal-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-border-normal-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-border-inverse-low: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-border-inverse-mid: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-border-inverse-high: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-border-inverse-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-border-static-lowest: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-border-static-lower: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-border-static-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-border-static-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-border-static-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-border-static-higher: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-border-static-highest: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-textIcon-normal-lowest: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-textIcon-normal-low: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-textIcon-normal-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-textIcon-normal-high: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-textIcon-inverse-lowest: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-textIcon-inverse-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-textIcon-inverse-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-textIcon-inverse-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-textIcon-static-lowest: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-textIcon-static-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-textIcon-static-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-textIcon-static-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-textIcon-static-highest: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-opacity-surface-lowest: var(--core-color-opacity-sapphire-75); + --semantic-color-sapphire-opacity-surface-low: var(--core-color-opacity-sapphire-100); + --semantic-color-sapphire-opacity-surface-midLow: var(--core-color-opacity-sapphire-200); + --semantic-color-sapphire-opacity-surface-midHigh: var(--core-color-opacity-sapphire-300); + --semantic-color-sapphire-opacity-surface-high: var(--core-color-opacity-sapphire-700); + --semantic-color-sapphire-opacity-surface-highest: var(--core-color-opacity-sapphire-800); + --semantic-color-sapphire-opacity-border-lowest: var(--core-color-opacity-sapphire-75); + --semantic-color-sapphire-opacity-border-lower: var(--core-color-opacity-sapphire-100); + --semantic-color-sapphire-opacity-border-low: var(--core-color-opacity-sapphire-200); + --semantic-color-sapphire-opacity-border-mid: var(--core-color-opacity-sapphire-300); + --semantic-color-sapphire-opacity-border-high: var(--core-color-opacity-sapphire-600); + --semantic-color-sapphire-opacity-border-higher: var(--core-color-opacity-sapphire-700); + --semantic-color-sapphire-opacity-border-highest: var(--core-color-opacity-sapphire-800); + --semantic-color-sapphire-opacity-textIcon-low: var(--core-color-opacity-sapphire-300); + --semantic-color-sapphire-opacity-textIcon-mid: var(--core-color-opacity-sapphire-400); + --semantic-color-sapphire-opacity-textIcon-high: var(--core-color-opacity-sapphire-600); + --semantic-color-blueberry-solid-surface-normal-lowest: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-surface-normal-low: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-surface-normal-mid: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-surface-normal-high: var(--core-color-solid-blueberry-800); + --semantic-color-blueberry-solid-surface-normal-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-surface-inverse-lowest: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-surface-inverse-low: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-surface-inverse-mid: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-surface-inverse-high: var(--core-color-solid-blueberry-600); + --semantic-color-blueberry-solid-surface-inverse-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-surface-static-lowest: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-surface-static-lower: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-surface-static-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-surface-static-midLow: var(--core-color-solid-blueberry-600); + --semantic-color-blueberry-solid-surface-static-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-surface-static-midHigh: var(--core-color-solid-blueberry-800); + --semantic-color-blueberry-solid-surface-static-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-surface-static-higher: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-surface-static-highest: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-border-normal-low: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-border-normal-mid: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-border-normal-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-border-normal-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-border-inverse-low: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-border-inverse-mid: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-border-inverse-high: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-border-inverse-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-border-static-lowest: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-border-static-lower: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-border-static-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-border-static-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-border-static-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-border-static-higher: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-border-static-highest: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-textIcon-normal-lowest: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-textIcon-normal-low: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-textIcon-normal-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-textIcon-normal-high: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-textIcon-inverse-lowest: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-textIcon-inverse-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-textIcon-inverse-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-textIcon-inverse-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-textIcon-static-lowest: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-textIcon-static-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-textIcon-static-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-textIcon-static-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-textIcon-static-highest: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-opacity-surface-lowest: var(--core-color-opacity-blueberry-75); + --semantic-color-blueberry-opacity-surface-low: var(--core-color-opacity-blueberry-100); + --semantic-color-blueberry-opacity-surface-midLow: var(--core-color-opacity-blueberry-200); + --semantic-color-blueberry-opacity-surface-midHigh: var(--core-color-opacity-blueberry-300); + --semantic-color-blueberry-opacity-surface-high: var(--core-color-opacity-blueberry-700); + --semantic-color-blueberry-opacity-surface-highest: var(--core-color-opacity-blueberry-800); + --semantic-color-blueberry-opacity-border-lowest: var(--core-color-opacity-blueberry-75); + --semantic-color-blueberry-opacity-border-lower: var(--core-color-opacity-blueberry-100); + --semantic-color-blueberry-opacity-border-low: var(--core-color-opacity-blueberry-200); + --semantic-color-blueberry-opacity-border-mid: var(--core-color-opacity-blueberry-300); + --semantic-color-blueberry-opacity-border-high: var(--core-color-opacity-blueberry-600); + --semantic-color-blueberry-opacity-border-higher: var(--core-color-opacity-blueberry-700); + --semantic-color-blueberry-opacity-border-highest: var(--core-color-opacity-blueberry-800); + --semantic-color-blueberry-opacity-textIcon-low: var(--core-color-opacity-blueberry-300); + --semantic-color-blueberry-opacity-textIcon-mid: var(--core-color-opacity-blueberry-400); + --semantic-color-blueberry-opacity-textIcon-high: var(--core-color-opacity-blueberry-600); + --semantic-color-grape-solid-surface-normal-lowest: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-surface-normal-low: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-surface-normal-mid: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-surface-normal-high: var(--core-color-solid-grape-800); + --semantic-color-grape-solid-surface-normal-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-surface-inverse-lowest: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-surface-inverse-low: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-surface-inverse-mid: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-surface-inverse-high: var(--core-color-solid-grape-600); + --semantic-color-grape-solid-surface-inverse-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-surface-static-lowest: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-surface-static-lower: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-surface-static-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-surface-static-midLow: var(--core-color-solid-grape-600); + --semantic-color-grape-solid-surface-static-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-surface-static-midHigh: var(--core-color-solid-grape-800); + --semantic-color-grape-solid-surface-static-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-surface-static-higher: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-surface-static-highest: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-border-normal-low: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-border-normal-mid: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-border-normal-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-border-normal-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-border-inverse-low: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-border-inverse-mid: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-border-inverse-high: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-border-inverse-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-border-static-lowest: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-border-static-lower: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-border-static-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-border-static-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-border-static-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-border-static-higher: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-border-static-highest: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-textIcon-normal-lowest: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-textIcon-normal-low: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-textIcon-normal-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-textIcon-normal-high: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-textIcon-inverse-lowest: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-textIcon-inverse-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-textIcon-inverse-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-textIcon-inverse-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-textIcon-static-lowest: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-textIcon-static-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-textIcon-static-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-textIcon-static-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-textIcon-static-highest: var(--core-color-solid-grape-1200); + --semantic-color-grape-opacity-surface-lowest: var(--core-color-opacity-grape-75); + --semantic-color-grape-opacity-surface-low: var(--core-color-opacity-grape-100); + --semantic-color-grape-opacity-surface-midLow: var(--core-color-opacity-grape-200); + --semantic-color-grape-opacity-surface-midHigh: var(--core-color-opacity-grape-300); + --semantic-color-grape-opacity-surface-high: var(--core-color-opacity-grape-700); + --semantic-color-grape-opacity-surface-highest: var(--core-color-opacity-grape-800); + --semantic-color-grape-opacity-border-lowest: var(--core-color-opacity-grape-75); + --semantic-color-grape-opacity-border-lower: var(--core-color-opacity-grape-100); + --semantic-color-grape-opacity-border-low: var(--core-color-opacity-grape-200); + --semantic-color-grape-opacity-border-mid: var(--core-color-opacity-grape-300); + --semantic-color-grape-opacity-border-high: var(--core-color-opacity-grape-600); + --semantic-color-grape-opacity-border-higher: var(--core-color-opacity-grape-700); + --semantic-color-grape-opacity-border-highest: var(--core-color-opacity-grape-800); + --semantic-color-grape-opacity-textIcon-low: var(--core-color-opacity-grape-300); + --semantic-color-grape-opacity-textIcon-mid: var(--core-color-opacity-grape-400); + --semantic-color-grape-opacity-textIcon-high: var(--core-color-opacity-grape-600); + --semantic-color-magenta-solid-surface-normal-lowest: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-surface-normal-low: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-surface-normal-mid: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-surface-normal-high: var(--core-color-solid-magenta-800); + --semantic-color-magenta-solid-surface-normal-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-surface-inverse-lowest: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-surface-inverse-low: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-surface-inverse-mid: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-surface-inverse-high: var(--core-color-solid-magenta-600); + --semantic-color-magenta-solid-surface-inverse-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-surface-static-lowest: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-surface-static-lower: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-surface-static-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-surface-static-midLow: var(--core-color-solid-magenta-600); + --semantic-color-magenta-solid-surface-static-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-surface-static-midHigh: var(--core-color-solid-magenta-800); + --semantic-color-magenta-solid-surface-static-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-surface-static-higher: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-surface-static-highest: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-border-normal-low: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-border-normal-mid: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-border-normal-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-border-normal-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-border-inverse-low: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-border-inverse-mid: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-border-inverse-high: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-border-inverse-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-border-static-lowest: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-border-static-lower: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-border-static-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-border-static-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-border-static-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-border-static-higher: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-border-static-highest: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-textIcon-normal-lowest: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-textIcon-normal-low: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-textIcon-normal-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-textIcon-normal-high: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-textIcon-inverse-lowest: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-textIcon-inverse-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-textIcon-inverse-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-textIcon-inverse-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-textIcon-static-lowest: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-textIcon-static-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-textIcon-static-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-textIcon-static-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-textIcon-static-highest: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-opacity-surface-lowest: var(--core-color-opacity-magenta-75); + --semantic-color-magenta-opacity-surface-low: var(--core-color-opacity-magenta-100); + --semantic-color-magenta-opacity-surface-midLow: var(--core-color-opacity-magenta-200); + --semantic-color-magenta-opacity-surface-midHigh: var(--core-color-opacity-magenta-300); + --semantic-color-magenta-opacity-surface-high: var(--core-color-opacity-magenta-700); + --semantic-color-magenta-opacity-surface-highest: var(--core-color-opacity-magenta-800); + --semantic-color-magenta-opacity-border-lowest: var(--core-color-opacity-magenta-75); + --semantic-color-magenta-opacity-border-lower: var(--core-color-opacity-magenta-100); + --semantic-color-magenta-opacity-border-low: var(--core-color-opacity-magenta-200); + --semantic-color-magenta-opacity-border-mid: var(--core-color-opacity-magenta-300); + --semantic-color-magenta-opacity-border-high: var(--core-color-opacity-magenta-600); + --semantic-color-magenta-opacity-border-higher: var(--core-color-opacity-magenta-700); + --semantic-color-magenta-opacity-border-highest: var(--core-color-opacity-magenta-800); + --semantic-color-magenta-opacity-textIcon-low: var(--core-color-opacity-magenta-300); + --semantic-color-magenta-opacity-textIcon-mid: var(--core-color-opacity-magenta-400); + --semantic-color-magenta-opacity-textIcon-high: var(--core-color-opacity-magenta-600); + --semantic-color-cherry-solid-surface-normal-lowest: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-surface-normal-low: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-surface-normal-mid: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-surface-normal-high: var(--core-color-solid-cherry-800); + --semantic-color-cherry-solid-surface-normal-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-surface-inverse-lowest: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-surface-inverse-low: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-surface-inverse-mid: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-surface-inverse-high: var(--core-color-solid-cherry-600); + --semantic-color-cherry-solid-surface-inverse-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-surface-static-lowest: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-surface-static-lower: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-surface-static-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-surface-static-midLow: var(--core-color-solid-cherry-600); + --semantic-color-cherry-solid-surface-static-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-surface-static-midHigh: var(--core-color-solid-cherry-800); + --semantic-color-cherry-solid-surface-static-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-surface-static-higher: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-surface-static-highest: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-border-normal-low: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-border-normal-mid: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-border-normal-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-border-normal-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-border-inverse-low: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-border-inverse-mid: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-border-inverse-high: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-border-inverse-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-border-static-lowest: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-border-static-lower: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-border-static-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-border-static-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-border-static-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-border-static-higher: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-border-static-highest: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-textIcon-normal-lowest: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-textIcon-normal-low: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-textIcon-normal-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-textIcon-normal-high: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-textIcon-inverse-lowest: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-textIcon-inverse-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-textIcon-inverse-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-textIcon-inverse-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-textIcon-static-lowest: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-textIcon-static-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-textIcon-static-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-textIcon-static-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-textIcon-static-highest: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-opacity-surface-lowest: var(--core-color-opacity-cherry-75); + --semantic-color-cherry-opacity-surface-low: var(--core-color-opacity-cherry-100); + --semantic-color-cherry-opacity-surface-midLow: var(--core-color-opacity-cherry-200); + --semantic-color-cherry-opacity-surface-midHigh: var(--core-color-opacity-cherry-300); + --semantic-color-cherry-opacity-surface-high: var(--core-color-opacity-cherry-700); + --semantic-color-cherry-opacity-surface-highest: var(--core-color-opacity-cherry-800); + --semantic-color-cherry-opacity-border-lowest: var(--core-color-opacity-cherry-75); + --semantic-color-cherry-opacity-border-lower: var(--core-color-opacity-cherry-100); + --semantic-color-cherry-opacity-border-low: var(--core-color-opacity-cherry-200); + --semantic-color-cherry-opacity-border-mid: var(--core-color-opacity-cherry-300); + --semantic-color-cherry-opacity-border-high: var(--core-color-opacity-cherry-600); + --semantic-color-cherry-opacity-border-higher: var(--core-color-opacity-cherry-700); + --semantic-color-cherry-opacity-border-highest: var(--core-color-opacity-cherry-800); + --semantic-color-cherry-opacity-textIcon-low: var(--core-color-opacity-cherry-300); + --semantic-color-cherry-opacity-textIcon-mid: var(--core-color-opacity-cherry-400); + --semantic-color-cherry-opacity-textIcon-high: var(--core-color-opacity-cherry-600); + --semantic-color-coral-solid-surface-normal-lowest: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-surface-normal-low: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-surface-normal-mid: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-surface-normal-high: var(--core-color-solid-coral-800); + --semantic-color-coral-solid-surface-normal-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-surface-inverse-lowest: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-surface-inverse-low: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-surface-inverse-mid: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-surface-inverse-high: var(--core-color-solid-coral-600); + --semantic-color-coral-solid-surface-inverse-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-surface-static-lowest: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-surface-static-lower: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-surface-static-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-surface-static-midLow: var(--core-color-solid-coral-600); + --semantic-color-coral-solid-surface-static-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-surface-static-midHigh: var(--core-color-solid-coral-800); + --semantic-color-coral-solid-surface-static-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-surface-static-higher: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-surface-static-highest: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-border-normal-low: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-border-normal-mid: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-border-normal-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-border-normal-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-border-inverse-low: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-border-inverse-mid: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-border-inverse-high: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-border-inverse-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-border-static-lowest: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-border-static-lower: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-border-static-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-border-static-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-border-static-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-border-static-higher: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-border-static-highest: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-textIcon-normal-lowest: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-textIcon-normal-low: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-textIcon-normal-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-textIcon-normal-high: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-textIcon-inverse-lowest: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-textIcon-inverse-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-textIcon-inverse-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-textIcon-inverse-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-textIcon-static-lowest: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-textIcon-static-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-textIcon-static-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-textIcon-static-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-textIcon-static-highest: var(--core-color-solid-coral-1200); + --semantic-color-coral-opacity-surface-lowest: var(--core-color-opacity-coral-75); + --semantic-color-coral-opacity-surface-low: var(--core-color-opacity-coral-100); + --semantic-color-coral-opacity-surface-midLow: var(--core-color-opacity-coral-200); + --semantic-color-coral-opacity-surface-midHigh: var(--core-color-opacity-coral-300); + --semantic-color-coral-opacity-surface-high: var(--core-color-opacity-coral-700); + --semantic-color-coral-opacity-surface-highest: var(--core-color-opacity-coral-800); + --semantic-color-coral-opacity-border-lowest: var(--core-color-opacity-coral-75); + --semantic-color-coral-opacity-border-lower: var(--core-color-opacity-coral-100); + --semantic-color-coral-opacity-border-low: var(--core-color-opacity-coral-200); + --semantic-color-coral-opacity-border-mid: var(--core-color-opacity-coral-300); + --semantic-color-coral-opacity-border-high: var(--core-color-opacity-coral-600); + --semantic-color-coral-opacity-border-higher: var(--core-color-opacity-coral-700); + --semantic-color-coral-opacity-border-highest: var(--core-color-opacity-coral-800); + --semantic-color-coral-opacity-textIcon-low: var(--core-color-opacity-coral-300); + --semantic-color-coral-opacity-textIcon-mid: var(--core-color-opacity-coral-400); + --semantic-color-coral-opacity-textIcon-high: var(--core-color-opacity-coral-600); + --semantic-color-component-segmentedControl-item-bg-selected: var(--core-color-opacity-white-200); + --component-textIcon-normal-prominent: var(--semantic-color-slate-solid-textIcon-normal-highest); + --component-textIcon-normal-default: var(--semantic-color-monochrome-textIcon-normal-high); + --component-textIcon-normal-subtle: var(--semantic-color-monochrome-textIcon-normal-mid); + --component-textIcon-normal-disabled: var(--semantic-color-monochrome-textIcon-normal-low); + --component-textIcon-inverse-prominent: var(--semantic-color-slate-solid-textIcon-inverse-highest); + --component-textIcon-inverse-default: var(--semantic-color-monochrome-textIcon-inverse-high); + --component-textIcon-inverse-subtle: var(--semantic-color-monochrome-textIcon-inverse-mid); + --component-textIcon-inverse-disabled: var(--semantic-color-monochrome-textIcon-inverse-low); + --component-textIcon-static-prominentLight: var(--semantic-color-slate-solid-textIcon-static-highest); + --component-textIcon-static-defaultLight: var(--semantic-color-monochrome-textIcon-static-blackHigh); + --component-textIcon-static-subtleLight: var(--semantic-color-monochrome-textIcon-static-blackMid); + --component-textIcon-static-disabledLight: var(--semantic-color-monochrome-textIcon-static-blackLow); + --component-textIcon-static-prominentDark: var(--core-color-solid-slate-50); + --component-textIcon-static-defaultDark: var(--core-color-opacity-white-600); + --component-textIcon-static-subtleDark: var(--core-color-opacity-white-400); + --component-textIcon-static-disabledDark: var(--core-color-opacity-white-300); + --component-textIcon-statusNormal-information: var(--semantic-color-blue-solid-textIcon-normal-high); + --component-textIcon-statusNormal-success: var(--semantic-color-green-solid-textIcon-normal-high); + --component-textIcon-statusNormal-warning: var(--semantic-color-yellow-solid-textIcon-normal-high); + --component-textIcon-statusNormal-danger: var(--semantic-color-red-solid-textIcon-normal-high); + --component-textIcon-statusInverse-information: var(--semantic-color-blue-solid-textIcon-inverse-high); + --component-textIcon-statusInverse-success: var(--semantic-color-green-solid-textIcon-inverse-high); + --component-textIcon-statusInverse-warning: var(--semantic-color-yellow-solid-textIcon-inverse-high); + --component-textIcon-statusInverse-danger: var(--semantic-color-red-solid-textIcon-inverse-high); + --component-textIcon-statusStatic-informationLight: var(--semantic-color-blue-solid-textIcon-static-high); + --component-textIcon-statusStatic-successLight: var(--semantic-color-green-solid-textIcon-static-high); + --component-textIcon-statusStatic-warningLight: var(--semantic-color-yellow-solid-textIcon-static-high); + --component-textIcon-statusStatic-dangerLight: var(--semantic-color-red-solid-textIcon-static-high); + --component-textIcon-statusStatic-informationDark: var(--semantic-color-blue-solid-textIcon-static-low); + --component-textIcon-statusStatic-successDark: var(--semantic-color-green-solid-textIcon-static-low); + --component-textIcon-statusStatic-warningDark: var(--semantic-color-yellow-solid-textIcon-static-low); + --component-textIcon-statusStatic-dangerDark: var(--semantic-color-red-solid-textIcon-static-low); + --component-handle-bg: var(--semantic-color-monochrome-surface-normal-midHigh); + --component-handle-border-radius: var(--semantic-borderRadius-pill); + --component-handle-width: var(--core-size-2400); + --component-handle-height: var(--core-size-200); + --component-selectionControl-icon-default: var(--component-textIcon-normal-subtle); + --component-selectionControl-icon-hover: var(--component-textIcon-normal-default); + --component-selectionControl-icon-active: var(--component-textIcon-normal-prominent); + --component-selectionControl-icon-selectedDefault: var(--component-textIcon-normal-prominent); + --component-selectionControl-icon-selectedHover: var(--semantic-color-monochrome-surface-normal-high); + --component-selectionControl-icon-selectedActive: var(--semantic-color-monochrome-surface-normal-highest); + --component-selectionControl-icon-disabled: var(--component-textIcon-normal-disabled); + --component-selectionControl-label-typography-sm: var(--semantic-typography-body-sm-regular-default); + --component-selectionControl-label-typography-md: var(--semantic-typography-body-md-regular-default); + --component-selectionControl-label-color-default: var(--component-textIcon-normal-default); + --component-selectionControl-label-color-hover: var(--component-textIcon-normal-default); + --component-selectionControl-label-color-active: var(--component-textIcon-normal-default); + --component-selectionControl-label-color-selectedDefault: var(--component-textIcon-normal-default); + --component-selectionControl-label-color-selectedHover: var(--component-textIcon-normal-default); + --component-selectionControl-label-color-selectedActive: var(--component-textIcon-normal-default); + --component-selectionControl-label-color-disabled: var(--component-textIcon-normal-disabled); + --component-selectionControl-spacing-gap-sm: var(--semantic-spacing-gap-md); + --component-selectionControl-spacing-gap-md: var(--semantic-spacing-gap-md); + --component-tab-icon-default: var(--component-textIcon-normal-default); + --component-tab-icon-selected: var(--component-textIcon-normal-prominent); + --component-tab-icon-disabled: var(--component-textIcon-normal-disabled); + --component-tab-label-typography-sm: var(--semantic-typography-body-sm-regular-default); + --component-tab-label-typography-md: var(--semantic-typography-body-md-regular-default); + --component-tab-label-color-default: var(--component-textIcon-normal-default); + --component-tab-label-color-selected: var(--component-textIcon-normal-prominent); + --component-tab-label-color-disabled: var(--component-textIcon-normal-disabled); + --component-tab-border-color-default: var(--semantic-color-monochrome-border-normal-mid); + --component-tab-border-color-hover: var(--semantic-color-monochrome-border-normal-high); + --component-tab-border-color-active: var(--semantic-color-monochrome-border-normal-highest); + --component-tab-border-color-selected: var(--semantic-color-slate-solid-border-inverse-lowest); + --component-tab-border-color-disabled: var(--semantic-color-monochrome-border-normal-mid); + --component-tab-border-width-item: var(--borderWidth-sm); + --component-tab-border-width-body: var(--borderWidth-xs); + --component-tab-spacing-padding-sm: var(--semantic-spacing-general-sm); + --component-tab-spacing-padding-md: var(--semantic-spacing-general-md); + --component-tab-spacing-gap-sm: var(--semantic-spacing-gap-sm); + --component-tab-spacing-gap-md: var(--semantic-spacing-gap-md); + --component-tab-height-iconTop-sm: var(--core-size-3200); + --component-tab-height-iconTop-md: var(--core-size-3600); + --component-tab-height-iconLeft-sm: var(--core-size-1600); + --component-tab-height-iconLeft-md: var(--core-size-2400); + --component-tab-height-labelOnly-sm: var(--core-size-1600); + --component-tab-height-labelOnly-md: var(--core-size-2400); + --component-field-label-typography-md-default: var(--semantic-typography-body-md-regular-default); + --component-field-label-typography-md-enabled: var(--semantic-typography-caption-regular-default); + --component-field-label-color-default: var(--component-textIcon-normal-default); + --component-field-label-color-focus: var(--component-textIcon-normal-prominent); + --component-field-label-color-enabled: var(--component-textIcon-normal-default); + --component-field-label-color-success: var(--component-textIcon-statusNormal-success); + --component-field-label-color-fail: var(--component-textIcon-statusNormal-danger); + --component-field-label-color-disabled: var(--component-textIcon-normal-disabled); + --component-field-placeholder-typography-sm: var(--semantic-typography-body-sm-regular-default); + --component-field-placeholder-typography-md: var(--semantic-typography-body-md-regular-default); + --component-field-placeholder-color: var(--component-textIcon-normal-disabled); + --component-field-input-typography-sm: var(--semantic-typography-body-sm-regular-default); + --component-field-input-typography-md: var(--semantic-typography-body-md-regular-default); + --component-field-input-color-focus: var(--component-textIcon-normal-prominent); + --component-field-input-color-enabled: var(--component-textIcon-normal-default); + --component-field-input-color-disabled: var(--component-textIcon-normal-disabled); + --component-field-message: var(--semantic-typography-caption-regular-default); + --component-field-charCount: var(--semantic-typography-caption-regular-default); + --component-field-bg-outline-default: var(--semantic-color-slate-solid-surface-frame-low); + --component-field-bg-fill-default: var(--semantic-color-monochrome-surface-normal-lowest); + --component-field-bg-fill-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-field-bg-fill-focus: var(--semantic-color-monochrome-surface-normal-lowest); + --component-field-bg-fill-successDefault: var(--semantic-color-green-opacity-surface-low); + --component-field-bg-fill-successHover: var(--semantic-color-green-opacity-surface-midLow); + --component-field-bg-fill-successFocus: var(--semantic-color-green-opacity-surface-low); + --component-field-bg-fill-failDefault: var(--semantic-color-red-opacity-surface-low); + --component-field-bg-fill-failHover: var(--semantic-color-red-opacity-surface-midLow); + --component-field-bg-fill-failFocus: var(--semantic-color-red-opacity-surface-low); + --component-field-border-radius-sm: var(--semantic-borderRadius-md); + --component-field-border-radius-md: var(--semantic-borderRadius-md); + --component-field-border-width: var(--borderWidth-xs); + --component-field-border-color-default: var(--semantic-color-monochrome-border-normal-mid); + --component-field-border-color-hover: var(--semantic-color-monochrome-border-normal-high); + --component-field-border-color-focus: var(--semantic-color-slate-solid-border-inverse-lowest); + --component-field-border-color-successDefault: var(--semantic-color-green-opacity-border-high); + --component-field-border-color-successHover: var(--semantic-color-green-opacity-border-highest); + --component-field-border-color-successFocus: var(--semantic-color-green-solid-border-inverse-high); + --component-field-border-color-failDefault: var(--semantic-color-red-opacity-border-high); + --component-field-border-color-failHover: var(--semantic-color-red-opacity-border-highest); + --component-field-border-color-failFocus: var(--semantic-color-red-solid-border-inverse-high); + --component-field-border-color-disabled: var(--semantic-color-monochrome-border-normal-mid); + --component-field-spacing-padding-sm: var(--semantic-spacing-general-sm); + --component-field-spacing-padding-md: var(--semantic-spacing-general-md); + --component-field-spacing-gap-xs: var(--semantic-spacing-gap-sm); + --component-field-spacing-gap-sm: var(--semantic-spacing-gap-md); + --component-field-height-sm: var(--core-size-1600); + --component-field-height-md: var(--core-size-2800); + --component-toggle-bg-default: var(--semantic-color-monochrome-surface-normal-midLow); + --component-toggle-bg-hover: var(--semantic-color-monochrome-surface-normal-midHigh); + --component-toggle-bg-active: var(--semantic-color-monochrome-textIcon-normal-mid); + --component-toggle-bg-disabled: var(--semantic-color-monochrome-surface-normal-midLow); + --component-toggle-bg-defaultOn: var(--semantic-color-green-opacity-surface-high); + --component-toggle-bg-hoverOn: var(--semantic-color-green-opacity-surface-highest); + --component-toggle-bg-activeOn: var(--semantic-color-green-solid-surface-inverse-mid); + --component-toggle-bg-disabledOn: var(--semantic-color-green-opacity-surface-high); + --component-toggle-knob-default: var(--semantic-color-slate-solid-surface-static-lowest); + --component-toggle-knob-disabled: var(--semantic-color-monochrome-textIcon-static-whiteMid); + --component-toggle-knob-size: var(--core-size-1000); + --component-toggle-border-radius: var(--semantic-borderRadius-pill); + --component-toggle-spacing-padding: var(--semantic-spacing-general-2xs); + --component-toggle-width: var(--core-size-2200); + --component-toggle-height: var(--core-size-1200); + --component-modal-title-typography: var(--semantic-typography-heading-h4); + --component-modal-description-typography: var(--semantic-typography-body-md-regular-default); + --component-modal-bg: var(--semantic-color-slate-solid-surface-frame-low); + --component-modal-border-radius-bottom: var(--core-borderRadius-800); + --component-modal-border-radius-overlay: var(--core-borderRadius-1600); + --component-modal-spacing-bottom-padding-sm: var(--core-spacing-1200); + --component-modal-spacing-bottom-padding-lg: var(--core-spacing-2200); + --component-modal-spacing-bottom-gap: var(--core-spacing-1200); + --component-modal-spacing-overlay-padding-sm: var(--core-spacing-1200); + --component-modal-spacing-overlay-padding-md: var(--core-spacing-1600); + --component-modal-spacing-overlay-gap: var(--core-spacing-1600); + --component-modal-width-bottom-min: 320px; + --component-modal-width-bottom-max: 800px; + --component-modal-width-overlay: 512px; + --component-button-icon-coral-primary: var(--core-color-solid-slate-50); + --component-button-icon-coral-secondary: var(--core-color-solid-coral-700); + --component-button-icon-coral-tertiary: var(--core-color-solid-coral-700); + --component-button-icon-black-primary: var(--core-color-solid-slate-50); + --component-button-icon-black-secondary: var(--core-color-solid-slate-1400); + --component-button-icon-black-tertiary: var(--core-color-solid-slate-1400); + --component-button-icon-white-primary: var(--core-color-solid-slate-1400); + --component-button-icon-white-secondary: var(--core-color-solid-slate-50); + --component-button-icon-white-tertiary: var(--core-color-solid-slate-50); + --component-button-icon-blackWhite-primary: var(--semantic-color-slate-solid-textIcon-inverse-highest); + --component-button-icon-blackWhite-secondary: var(--semantic-color-slate-solid-textIcon-normal-highest); + --component-button-icon-blackWhite-tertiary: var(--semantic-color-slate-solid-textIcon-normal-highest); + --component-button-icon-buy-primary: var(--core-color-solid-slate-50); + --component-button-icon-buy-secondary: var(--core-color-solid-emerald-700); + --component-button-icon-buy-tertiary: var(--core-color-solid-emerald-700); + --component-button-icon-sell-primary: var(--core-color-solid-slate-50); + --component-button-icon-sell-secondary: var(--core-color-solid-cherry-700); + --component-button-icon-sell-tertiary: var(--core-color-solid-cherry-700); + --component-button-icon-success-primary: var(--core-color-solid-slate-50); + --component-button-icon-success-secondary: var(--core-color-solid-green-700); + --component-button-icon-success-tertiary: var(--core-color-solid-green-700); + --component-button-icon-fail-primary: var(--core-color-solid-slate-50); + --component-button-icon-fail-secondary: var(--core-color-solid-red-700); + --component-button-icon-fail-tertiary: var(--core-color-solid-red-700); + --component-button-label-typography-primary-sm: var(--semantic-typography-caption-bold-default); + --component-button-label-typography-primary-md: var(--semantic-typography-body-sm-bold-default); + --component-button-label-typography-primary-lg: var(--semantic-typography-body-md-bold-default); + --component-button-label-typography-primary-xl: var(--semantic-typography-body-lg-bold-default); + --component-button-label-typography-secondary-sm: var(--semantic-typography-caption-bold-default); + --component-button-label-typography-secondary-md: var(--semantic-typography-body-sm-bold-default); + --component-button-label-typography-secondary-lg: var(--semantic-typography-body-md-bold-default); + --component-button-label-typography-secondary-xl: var(--semantic-typography-body-lg-bold-default); + --component-button-label-typography-tertiary-sm: var(--semantic-typography-caption-bold-underline); + --component-button-label-typography-tertiary-md: var(--semantic-typography-body-sm-bold-underline); + --component-button-label-typography-tertiary-lg: var(--semantic-typography-body-md-bold-underline); + --component-button-label-typography-tertiary-xl: var(--semantic-typography-body-lg-bold-underline); + --component-button-label-color-coral-primary: var(--core-color-solid-slate-50); + --component-button-label-color-coral-secondary: var(--core-color-solid-coral-700); + --component-button-label-color-coral-tertiary: var(--core-color-solid-coral-700); + --component-button-label-color-black-primary: var(--core-color-solid-slate-50); + --component-button-label-color-black-secondary: var(--core-color-solid-slate-1400); + --component-button-label-color-black-tertiary: var(--core-color-solid-slate-1400); + --component-button-label-color-white-primary: var(--core-color-solid-slate-1400); + --component-button-label-color-white-secondary: var(--core-color-solid-slate-50); + --component-button-label-color-white-tertiary: var(--core-color-solid-slate-50); + --component-button-label-color-blackWhite-primary: var(--component-textIcon-inverse-prominent); + --component-button-label-color-blackWhite-secondary: var(--component-textIcon-normal-prominent); + --component-button-label-color-blackWhite-tertiary: var(--component-textIcon-normal-prominent); + --component-button-label-color-buy-primary: var(--core-color-solid-slate-50); + --component-button-label-color-buy-secondary: var(--core-color-solid-emerald-700); + --component-button-label-color-buy-tertiary: var(--core-color-solid-emerald-700); + --component-button-label-color-sell-primary: var(--core-color-solid-slate-50); + --component-button-label-color-sell-secondary: var(--core-color-solid-cherry-700); + --component-button-label-color-sell-tertiary: var(--core-color-solid-cherry-700); + --component-button-label-color-success-primary: var(--core-color-solid-slate-50); + --component-button-label-color-success-secondary: var(--core-color-solid-green-700); + --component-button-label-color-success-tertiary: var(--core-color-solid-green-700); + --component-button-label-color-fail-primary: var(--core-color-solid-slate-50); + --component-button-label-color-fail-secondary: var(--core-color-solid-red-700); + --component-button-label-color-fail-tertiary: var(--core-color-solid-red-700); + --component-button-label-color-google-primary: var(--component-textIcon-normal-prominent); + --component-button-label-color-google-secondary: var(--component-textIcon-normal-prominent); + --component-button-label-color-facebook-primary: var(--core-color-solid-slate-50); + --component-button-label-color-facebook-secondary: var(--component-textIcon-normal-prominent); + --component-button-label-color-apple-primary: var(--component-textIcon-inverse-prominent); + --component-button-label-color-apple-secondary: var(--component-textIcon-normal-prominent); + --component-button-bg-coral-primary-default: var(--core-color-solid-coral-700); + --component-button-bg-coral-primary-hover: var(--core-color-solid-coral-800); + --component-button-bg-coral-primary-active: var(--core-color-solid-coral-900); + --component-button-bg-coral-primary-loading: var(--core-color-solid-coral-900); + --component-button-bg-coral-secondary-hover: var(--core-color-opacity-coral-100); + --component-button-bg-coral-secondary-active: var(--core-color-opacity-coral-200); + --component-button-bg-coral-secondary-loading: var(--core-color-opacity-coral-200); + --component-button-bg-coral-tertiary-hover: var(--core-color-opacity-coral-100); + --component-button-bg-coral-tertiary-active: var(--core-color-opacity-coral-200); + --component-button-bg-coral-tertiary-loading: var(--core-color-opacity-coral-200); + --component-button-bg-black-primary-default: var(--core-color-solid-slate-1400); + --component-button-bg-black-primary-hover: var(--core-color-opacity-black-700); + --component-button-bg-black-primary-active: var(--core-color-opacity-black-800); + --component-button-bg-black-primary-loading: var(--core-color-opacity-black-800); + --component-button-bg-black-secondary-hover: var(--core-color-opacity-black-100); + --component-button-bg-black-secondary-active: var(--core-color-opacity-black-200); + --component-button-bg-black-secondary-loading: var(--core-color-opacity-black-200); + --component-button-bg-black-tertiary-hover: var(--core-color-opacity-black-100); + --component-button-bg-black-tertiary-active: var(--core-color-opacity-black-200); + --component-button-bg-black-tertiary-loading: var(--core-color-opacity-black-200); + --component-button-bg-white-primary-default: var(--core-color-solid-slate-50); + --component-button-bg-white-primary-hover: var(--core-color-opacity-white-800); + --component-button-bg-white-primary-active: var(--core-color-opacity-white-700); + --component-button-bg-white-primary-loading: var(--core-color-opacity-white-700); + --component-button-bg-white-secondary-hover: var(--core-color-opacity-white-200); + --component-button-bg-white-secondary-active: var(--core-color-opacity-white-100); + --component-button-bg-white-secondary-loading: var(--core-color-opacity-white-100); + --component-button-bg-white-tertiary-hover: var(--core-color-opacity-white-200); + --component-button-bg-white-tertiary-active: var(--core-color-opacity-white-100); + --component-button-bg-white-tertiary-loading: var(--core-color-opacity-white-100); + --component-button-bg-blackWhite-primary-default: var(--semantic-color-slate-solid-surface-inverse-lowest); + --component-button-bg-blackWhite-primary-hover: var(--semantic-color-monochrome-surface-normal-high); + --component-button-bg-blackWhite-primary-active: var(--semantic-color-monochrome-surface-normal-highest); + --component-button-bg-blackWhite-primary-loading: var(--semantic-color-monochrome-surface-normal-highest); + --component-button-bg-blackWhite-secondary-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-button-bg-blackWhite-secondary-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-blackWhite-secondary-loading: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-blackWhite-tertiary-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-button-bg-blackWhite-tertiary-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-blackWhite-tertiary-loading: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-buy-primary-default: var(--core-color-solid-emerald-700); + --component-button-bg-buy-primary-hover: var(--core-color-solid-emerald-800); + --component-button-bg-buy-primary-active: var(--core-color-solid-emerald-900); + --component-button-bg-buy-primary-loading: var(--core-color-solid-emerald-900); + --component-button-bg-buy-secondary-hover: var(--core-color-opacity-emerald-100); + --component-button-bg-buy-secondary-active: var(--core-color-opacity-emerald-200); + --component-button-bg-buy-secondary-loading: var(--core-color-opacity-emerald-200); + --component-button-bg-buy-tertiary-hover: var(--core-color-opacity-emerald-100); + --component-button-bg-buy-tertiary-active: var(--core-color-opacity-emerald-200); + --component-button-bg-buy-tertiary-loading: var(--core-color-opacity-emerald-200); + --component-button-bg-sell-primary-default: var(--core-color-solid-cherry-700); + --component-button-bg-sell-primary-hover: var(--core-color-solid-cherry-800); + --component-button-bg-sell-primary-active: var(--core-color-solid-cherry-900); + --component-button-bg-sell-primary-loading: var(--core-color-solid-cherry-900); + --component-button-bg-sell-secondary-hover: var(--core-color-opacity-cherry-100); + --component-button-bg-sell-secondary-active: var(--core-color-opacity-cherry-200); + --component-button-bg-sell-secondary-loading: var(--core-color-opacity-cherry-200); + --component-button-bg-sell-tertiary-hover: var(--core-color-opacity-cherry-100); + --component-button-bg-sell-tertiary-active: var(--core-color-opacity-cherry-200); + --component-button-bg-sell-tertiary-loading: var(--core-color-opacity-cherry-200); + --component-button-bg-success-primary-default: var(--core-color-solid-green-700); + --component-button-bg-success-primary-hover: var(--core-color-solid-green-800); + --component-button-bg-success-primary-active: var(--core-color-solid-green-900); + --component-button-bg-success-primary-loading: var(--core-color-solid-green-900); + --component-button-bg-success-secondary-hover: var(--core-color-opacity-green-100); + --component-button-bg-success-secondary-active: var(--core-color-opacity-green-200); + --component-button-bg-success-secondary-loading: var(--core-color-opacity-green-200); + --component-button-bg-success-tertiary-hover: var(--core-color-opacity-green-100); + --component-button-bg-success-tertiary-active: var(--core-color-opacity-green-200); + --component-button-bg-success-tertiary-loading: var(--core-color-opacity-green-200); + --component-button-bg-fail-primary-default: var(--core-color-solid-red-700); + --component-button-bg-fail-primary-hover: var(--core-color-solid-red-800); + --component-button-bg-fail-primary-active: var(--core-color-solid-red-900); + --component-button-bg-fail-primary-loading: var(--core-color-solid-red-900); + --component-button-bg-fail-secondary-hover: var(--core-color-opacity-red-100); + --component-button-bg-fail-secondary-active: var(--core-color-opacity-red-200); + --component-button-bg-fail-secondary-loading: var(--core-color-opacity-red-200); + --component-button-bg-fail-tertiary-hover: var(--core-color-opacity-red-100); + --component-button-bg-fail-tertiary-active: var(--core-color-opacity-red-200); + --component-button-bg-fail-tertiary-loading: var(--core-color-opacity-red-200); + --component-button-bg-google-primary-default: var(--semantic-color-monochrome-surface-normal-lowest); + --component-button-bg-google-primary-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-button-bg-google-primary-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-google-primary-loading: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-google-secondary-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-button-bg-google-secondary-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-google-secondary-loading: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-facebook-primary-default: #1877f2; + --component-button-bg-facebook-primary-hover: #166ddf; + --component-button-bg-facebook-primary-active: #1464cb; + --component-button-bg-facebook-primary-loading: #1464cb; + --component-button-bg-facebook-secondary-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-button-bg-facebook-secondary-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-facebook-secondary-loading: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-apple-primary-default: var(--semantic-color-slate-solid-surface-inverse-lowest); + --component-button-bg-apple-primary-hover: var(--semantic-color-monochrome-surface-normal-high); + --component-button-bg-apple-primary-active: var(--semantic-color-monochrome-surface-normal-highest); + --component-button-bg-apple-primary-loading: var(--semantic-color-monochrome-surface-normal-highest); + --component-button-bg-apple-secondary-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-button-bg-apple-secondary-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-bg-apple-secondary-loading: var(--semantic-color-monochrome-surface-normal-midLow); + --component-button-border-radius-sm: var(--core-borderRadius-400); + --component-button-border-radius-md: var(--core-borderRadius-600); + --component-button-border-radius-lg: var(--core-borderRadius-800); + --component-button-border-radius-xl: var(--core-borderRadius-1200); + --component-button-border-width-sm: var(--core-borderWidth-75); + --component-button-border-width-md: var(--core-borderWidth-100); + --component-button-border-color-coral: var(--core-color-solid-coral-700); + --component-button-border-color-black: var(--core-color-solid-slate-1400); + --component-button-border-color-white: var(--core-color-solid-slate-50); + --component-button-border-color-blackWhite: var(--semantic-color-slate-solid-border-inverse-lowest); + --component-button-border-color-buy: var(--core-color-solid-emerald-700); + --component-button-border-color-sell: var(--core-color-solid-cherry-700); + --component-button-border-color-success: var(--core-color-solid-green-700); + --component-button-border-color-fail: var(--core-color-solid-red-700); + --component-button-border-color-google: var(--semantic-color-monochrome-border-normal-mid); + --component-button-border-color-facebook: var(--semantic-color-monochrome-border-normal-mid); + --component-button-border-color-apple: var(--semantic-color-monochrome-border-normal-mid); + --component-button-spacing-padding-sm: var(--core-spacing-400); + --component-button-spacing-padding-md: var(--core-spacing-600); + --component-button-spacing-padding-lg: var(--core-spacing-800); + --component-button-spacing-padding-xl: var(--core-spacing-1200); + --component-button-spacing-padding-2xl: var(--core-spacing-1600); + --component-button-spacing-padding-3xl: var(--core-spacing-2000); + --component-button-spacing-padding-4xl: var(--core-spacing-2800); + --component-button-spacing-gap-sm: var(--core-spacing-200); + --component-button-spacing-gap-md: var(--core-spacing-300); + --component-button-spacing-gap-lg: var(--core-spacing-400); + --component-button-spacing-gap-xl: var(--core-spacing-600); + --component-button-width-sm: var(--core-size-1200); + --component-button-width-md: var(--core-size-1600); + --component-button-width-lg: var(--core-size-2400); + --component-button-width-xl: var(--core-size-3200); + --component-button-width-min-sm: 48px; + --component-button-width-min-md: 64px; + --component-button-width-min-lg: 96px; + --component-button-width-min-xl: 128px; + --component-button-height-sm: var(--core-size-1200); + --component-button-height-md: var(--core-size-1600); + --component-button-height-lg: var(--core-size-2400); + --component-button-height-xl: var(--core-size-3200); + --component-segmentedControl-icon-single-default: var(--component-textIcon-normal-default); + --component-segmentedControl-icon-single-selected: var(--component-textIcon-normal-prominent); + --component-segmentedControl-icon-single-disabled: var(--component-textIcon-normal-disabled); + --component-segmentedControl-icon-multi-default: var(--component-textIcon-normal-default); + --component-segmentedControl-icon-multi-selected: var(--component-textIcon-inverse-prominent); + --component-segmentedControl-icon-multi-disabled: var(--component-textIcon-normal-disabled); + --component-segmentedControl-label-typography-sm: var(--semantic-typography-body-sm-regular-default); + --component-segmentedControl-label-typography-md: var(--semantic-typography-body-md-regular-default); + --component-segmentedControl-label-typography-lg: var(--semantic-typography-body-lg-regular-default); + --component-segmentedControl-label-single-color-default: var(--component-textIcon-normal-default); + --component-segmentedControl-label-single-color-selected: var(--component-textIcon-normal-prominent); + --component-segmentedControl-label-single-color-disabled: var(--component-textIcon-normal-disabled); + --component-segmentedControl-label-multi-color-default: var(--component-textIcon-normal-default); + --component-segmentedControl-label-multi-color-selected: var(--component-textIcon-inverse-prominent); + --component-segmentedControl-label-multi-color-disabled: var(--component-textIcon-normal-disabled); + --component-segmentedControl-bg-single-item-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-segmentedControl-bg-single-item-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-segmentedControl-bg-single-item-selected: var( + --semantic-color-component-segmentedControl-item-bg-selected + ); + --component-segmentedControl-bg-single-body: var(--semantic-color-monochrome-surface-normal-lowest); + --component-segmentedControl-bg-multi-item-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-segmentedControl-bg-multi-item-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-segmentedControl-bg-multi-item-selected: var(--semantic-color-slate-solid-surface-inverse-lowest); + --component-segmentedControl-bg-multi-body: var(--semantic-color-monochrome-surface-normal-lowest); + --component-segmentedControl-border-radius-single-item-sm: var(--semantic-spacing-general-xs); + --component-segmentedControl-border-radius-single-item-md: var(--semantic-spacing-general-sm); + --component-segmentedControl-border-radius-single-item-lg: var(--core-borderRadius-600); + --component-segmentedControl-border-radius-single-body-sm: var(--semantic-spacing-general-sm); + --component-segmentedControl-border-radius-single-body-md: var(--semantic-spacing-general-md); + --component-segmentedControl-border-radius-single-body-lg: var(--semantic-spacing-general-lg); + --component-segmentedControl-border-radius-multi-body-sm: var(--core-borderRadius-200); + --component-segmentedControl-border-radius-multi-body-md: var(--core-borderRadius-400); + --component-segmentedControl-border-radius-multi-body-lg: var(--core-borderRadius-600); + --component-segmentedControl-spacing-padding-item-sm: var(--semantic-spacing-general-sm); + --component-segmentedControl-spacing-padding-item-md: var(--semantic-spacing-general-md); + --component-segmentedControl-spacing-padding-item-lg: var(--semantic-spacing-general-lg); + --component-segmentedControl-spacing-padding-body-sm: var(--semantic-spacing-general-xs); + --component-segmentedControl-spacing-padding-body-md: var(--semantic-spacing-general-sm); + --component-segmentedControl-spacing-padding-body-lg: var(--core-spacing-600); + --component-segmentedControl-spacing-gap-item-sm: var(--semantic-spacing-gap-sm); + --component-segmentedControl-spacing-gap-item-md: var(--semantic-spacing-gap-md); + --component-segmentedControl-spacing-gap-item-lg: var(--core-borderRadius-600); + --component-segmentedControl-spacing-gap-body: var(--semantic-spacing-gap-2xs); + --component-segmentedControl-width-item-min-sm: var(--core-size-2000); + --component-segmentedControl-width-item-min-md: var(--core-size-2400); + --component-segmentedControl-width-item-min-lg: var(--core-size-2800); + --component-segmentedControl-height-item-sm: var(--core-size-1600); + --component-segmentedControl-height-item-md: var(--core-size-2000); + --component-segmentedControl-height-item-lg: var(--core-size-2400); + --component-segmentedControl-height-body-single-sm: var(--core-size-2000); + --component-segmentedControl-height-body-single-md: var(--core-size-2800); + --component-segmentedControl-height-body-single-lg: var(--core-size-3600); + --component-segmentedControl-height-body-multi-sm: var(--core-size-1600); + --component-segmentedControl-height-body-multi-md: var(--core-size-2000); + --component-segmentedControl-height-body-multi-lg: var(--core-size-2400); + --component-pagination-icon-default: var(--component-textIcon-normal-prominent); + --component-pagination-icon-disabled: var(--component-textIcon-normal-disabled); + --component-pagination-label-typography: var(--semantic-typography-body-sm-regular-default); + --component-pagination-label-color-default: var(--component-textIcon-normal-default); + --component-pagination-label-color-selected: var(--component-textIcon-inverse-prominent); + --component-pagination-label-color-disabled: var(--component-textIcon-normal-disabled); + --component-pagination-bg-default: var(--semantic-color-monochrome-surface-normal-lowest); + --component-pagination-bg-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-pagination-bg-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-pagination-bg-selected: var(--semantic-color-slate-solid-surface-inverse-lowest); + --component-pagination-border-radius-number: var(--core-borderRadius-200); + --component-pagination-border-radius-bullet: var(--semantic-borderRadius-pill); + --component-pagination-border-radius-button: var(--core-borderRadius-200); + --component-pagination-spacing-gap-body: var(--core-borderRadius-400); + --component-pagination-width-number: var(--core-size-1600); + --component-pagination-width-bullet: var(--core-size-400); + --component-pagination-width-button: var(--core-size-1600); + --component-pagination-height-number: var(--core-size-1600); + --component-pagination-height-bullet: var(--core-size-400); + --component-pagination-height-button: var(--core-size-1600); + --component-actionSheet-title-typography: var(--semantic-typography-heading-h5); + --component-actionSheet-description-typography: var(--semantic-typography-body-md-regular-default); + --component-actionSheet-bg: var(--semantic-color-slate-solid-surface-frame-low); + --component-actionSheet-border-radius: var(--core-borderRadius-800); + --component-actionSheet-spacing-padding-sm: var(--core-spacing-400); + --component-actionSheet-spacing-padding-md: var(--core-spacing-800); + --component-actionSheet-spacing-padding-lg: var(--core-spacing-1200); + --component-actionSheet-spacing-gap-sm: var(--core-spacing-400); + --component-actionSheet-spacing-gap-md: var(--core-spacing-600); + --component-actionSheet-width-bottom-min: 320px; + --component-actionSheet-width-bottom-max: 800px; + --component-actionSheet-width-side: 360px; + --component-snackbar-icon: var(--semantic-color-slate-solid-textIcon-inverse-highest); + --component-snackbar-label-typography: var(--semantic-typography-body-sm-regular-default); + --component-snackbar-label-color: var(--semantic-color-slate-solid-textIcon-inverse-highest); + --component-snackbar-bg: var(--semantic-color-slate-solid-surface-inverse-lowest); + --component-snackbar-border-radius: var(--core-borderRadius-400); + --component-snackbar-border-width: var(--core-borderWidth-75); + --component-snackbar-border-color: var(--semantic-color-monochrome-border-inverse-low); + --component-snackbar-spacing-padding-sm: var(--core-spacing-400); + --component-snackbar-spacing-padding-md: var(--core-spacing-800); + --component-snackbar-spacing-gap: var(--core-spacing-400); + --component-snackbar-width-max: 560px; + --component-snackbar-height-min: 48px; + --component-snackbar-height-max: 60px; + --component-snackbar-elevation-shadow: var(--core-elevation-shadow-330); + --component-badge-notification-label-typography-sm: var(--semantic-typography-caption-bold-default); + --component-badge-notification-label-typography-md: var(--semantic-typography-body-md-bold-default); + --component-badge-notification-label-typography-lg: var(--semantic-typography-body-xl-bold-default); + --component-badge-notification-label-color: var(--semantic-color-slate-solid-surface-static-lowest); + --component-badge-notification-bg: var(--semantic-color-red-solid-surface-static-mid); + --component-badge-notification-border-radius: var(--semantic-borderRadius-pill); + --component-badge-notification-spacing-padding-sm: 5px; + --component-badge-notification-spacing-padding-md: 7px; + --component-badge-notification-spacing-padding-lg: 10.5px; + --component-badge-status-bg-success: var(--semantic-color-green-solid-surface-static-mid); + --component-badge-status-bg-warning: var(--semantic-color-yellow-solid-surface-static-mid); + --component-badge-status-bg-danger: var(--semantic-color-red-solid-surface-static-mid); + --component-badge-status-border-radius: var(--semantic-borderRadius-pill); + --component-badge-status-width-sm: var(--core-size-400); + --component-badge-status-width-md: var(--core-size-800); + --component-badge-status-width-lg: var(--core-size-1200); + --component-badge-status-height-sm: var(--core-size-400); + --component-badge-status-height-md: var(--core-size-800); + --component-badge-status-height-lg: var(--core-size-1200); + --component-fieldMarker-label-typography-xs: var(--semantic-typography-caption-regular-default); + --component-fieldMarker-label-typography-sm: var(--semantic-typography-body-sm-regular-default); + --component-fieldMarker-label-typography-md: var(--semantic-typography-body-md-regular-default); + --component-fieldMarker-label-color-required: var(--component-textIcon-statusNormal-danger); + --component-fieldMarker-label-color-optional: var(--component-textIcon-normal-disabled); + --component-dropdownItem-icon-default: var(--component-textIcon-normal-default); + --component-dropdownItem-icon-selected: var(--component-textIcon-normal-prominent); + --component-dropdownItem-icon-selectedWhite: var(--component-textIcon-inverse-prominent); + --component-dropdownItem-icon-disabled: var(--component-textIcon-normal-disabled); + --component-dropdownItem-icon-disabledWhite: var(--component-textIcon-inverse-disabled); + --component-dropdownItem-label-typography-sm: var(--semantic-typography-body-sm-regular-default); + --component-dropdownItem-label-typography-md: var(--semantic-typography-body-md-regular-default); + --component-dropdownItem-label-color-default: var(--component-textIcon-normal-default); + --component-dropdownItem-label-color-selected: var(--component-textIcon-normal-prominent); + --component-dropdownItem-label-color-selectedWhite: var(--component-textIcon-inverse-prominent); + --component-dropdownItem-label-color-disabled: var(--component-textIcon-normal-disabled); + --component-dropdownItem-label-color-disabledWhite: var(--component-textIcon-inverse-disabled); + --component-dropdownItem-bg-default: var(--semantic-color-monochrome-surface-normal-lowest); + --component-dropdownItem-bg-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-dropdownItem-bg-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-dropdownItem-bg-selected: var(--semantic-color-slate-solid-surface-inverse-lowest); + --component-dropdownItem-bg-selectedHover: var(--semantic-color-monochrome-surface-normal-high); + --component-dropdownItem-bg-selectedActive: var(--semantic-color-monochrome-surface-normal-highest); + --component-dropdownItem-bg-selectedDisabled: var(--semantic-color-monochrome-surface-normal-midHigh); + --component-dropdownItem-border-radius: var(--core-borderRadius-200); + --component-dropdownItem-spacing-padding-sm: var(--core-spacing-600); + --component-dropdownItem-spacing-padding-md: var(--core-spacing-800); + --component-dropdownItem-spacing-gap-xs: var(--core-spacing-200); + --component-dropdownItem-spacing-gap-sm: var(--core-spacing-300); + --component-dropdownItem-spacing-gap-md: var(--core-spacing-400); + --component-dropdownItem-width-date-sm: var(--core-size-2000); + --component-dropdownItem-width-date-md: var(--core-size-2400); + --component-dropdownItem-height-item-sm: var(--core-size-1600); + --component-dropdownItem-height-item-md: var(--core-size-2400); + --component-dropdownItem-height-date-sm: var(--core-size-2000); + --component-dropdownItem-height-date-md: var(--core-size-2400); + --component-dropdownList-bg: var(--semantic-color-slate-solid-surface-frame-low); + --component-dropdownList-border-radius: var(--core-borderRadius-400); + --component-dropdownList-border-width: var(--core-borderWidth-75); + --component-dropdownList-border-color: var(--semantic-color-monochrome-border-normal-low); + --component-dropdownList-spacing-padding-sm: var(--core-spacing-200); + --component-dropdownList-spacing-padding-md: var(--core-spacing-400); + --component-dropdownList-spacing-padding-lg: var(--core-spacing-800); + --component-dropdownList-spacing-padding-xl: var(--core-spacing-1200); + --component-dropdownList-spacing-gap-sm: var(--core-spacing-800); + --component-dropdownList-spacing-gap-md: var(--core-spacing-1200); + --component-dropdownList-width-datePicker-sm: 312px; + --component-dropdownList-width-datePicker-md: 384px; + --component-dropdownList-width-dateRangePicker-sm: 312px; + --component-dropdownList-width-dateRangePicker-md: 384px; + --component-dropdownList-height-item-sm: 220px; + --component-dropdownList-height-item-md: 420px; + --component-dropdownList-height-item-lg: 660px; + --component-dropdownList-elevation-shadow: var(--semantic-elevation-shadow-menu); + --component-tag-icon-default: var(--component-textIcon-normal-default); + --component-tag-icon-information: var(--component-textIcon-statusNormal-information); + --component-tag-icon-success: var(--component-textIcon-statusNormal-success); + --component-tag-icon-warning: var(--component-textIcon-statusNormal-warning); + --component-tag-icon-danger: var(--component-textIcon-statusNormal-danger); + --component-tag-label-typography-regular-xs: var(--semantic-typography-caption-regular-default); + --component-tag-label-typography-regular-sm: var(--semantic-typography-body-sm-regular-default); + --component-tag-label-typography-regular-md: var(--semantic-typography-body-md-regular-default); + --component-tag-label-typography-bold-xs: var(--semantic-typography-caption-bold-default); + --component-tag-label-typography-bold-sm: var(--semantic-typography-body-sm-bold-default); + --component-tag-label-typography-bold-md: var(--semantic-typography-body-md-bold-default); + --component-tag-label-color-default: var(--component-textIcon-normal-default); + --component-tag-label-color-information: var(--component-textIcon-statusNormal-information); + --component-tag-label-color-success: var(--component-textIcon-statusNormal-success); + --component-tag-label-color-warning: var(--component-textIcon-statusNormal-warning); + --component-tag-label-color-danger: var(--component-textIcon-statusNormal-danger); + --component-tag-bg-default: var(--semantic-color-monochrome-surface-normal-lowest); + --component-tag-bg-information: var(--semantic-color-blue-opacity-surface-low); + --component-tag-bg-success: var(--semantic-color-green-opacity-surface-low); + --component-tag-bg-warning: var(--semantic-color-yellow-opacity-surface-low); + --component-tag-bg-danger: var(--semantic-color-red-opacity-surface-low); + --component-tag-border-radius-xs: var(--core-borderRadius-200); + --component-tag-border-radius-sm: var(--core-borderRadius-300); + --component-tag-border-radius-md: var(--core-borderRadius-400); + --component-tag-border-width: var(--core-borderWidth-75); + --component-tag-border-color-default: var(--semantic-color-monochrome-border-normal-mid); + --component-tag-border-color-information: var(--semantic-color-blue-solid-border-inverse-high); + --component-tag-border-color-success: var(--semantic-color-green-solid-border-inverse-high); + --component-tag-border-color-warning: var(--semantic-color-yellow-solid-border-inverse-high); + --component-tag-border-color-danger: var(--semantic-color-red-solid-border-inverse-high); + --component-tag-spacing-padding-xs: var(--core-spacing-200); + --component-tag-spacing-padding-sm: var(--core-spacing-400); + --component-tag-spacing-padding-md: var(--core-spacing-600); + --component-tag-spacing-padding-lg: var(--core-spacing-800); + --component-tag-spacing-gap-xs: var(--core-spacing-200); + --component-tag-spacing-gap-sm: var(--core-spacing-400); + --component-tag-spacing-gap-md: var(--core-spacing-600); + --component-tag-spacing-gap-lg: var(--core-spacing-800); + --component-tag-height-xs: var(--core-size-1100); + --component-tag-height-sm: var(--core-size-1200); + --component-tag-height-md: var(--core-size-1600); + --component-tag-height-lg: var(--core-size-2400); + --component-chip-icon-default: var(--component-textIcon-normal-default); + --component-chip-icon-selected: var(--component-textIcon-inverse-prominent); + --component-chip-icon-disabled: var(--component-textIcon-normal-disabled); + --component-chip-icon-disabledWhite: var(--component-textIcon-inverse-disabled); + --component-chip-icon-close-default: var(--component-textIcon-normal-subtle); + --component-chip-icon-close-hover: var(--component-textIcon-normal-default); + --component-chip-icon-close-active: var(--component-textIcon-normal-prominent); + --component-chip-label-typography-sm: var(--semantic-typography-caption-regular-default); + --component-chip-label-typography-md: var(--semantic-typography-body-sm-regular-default); + --component-chip-label-typography-lg: var(--semantic-typography-body-md-regular-default); + --component-chip-label-color-default: var(--component-textIcon-normal-default); + --component-chip-label-color-selected: var(--component-textIcon-inverse-prominent); + --component-chip-label-color-disabled: var(--component-textIcon-normal-disabled); + --component-chip-label-color-disabledWhite: var(--component-textIcon-inverse-disabled); + --component-chip-item-typography-sm: var(--semantic-typography-caption-regular-default); + --component-chip-item-typography-md: var(--semantic-typography-body-sm-regular-default); + --component-chip-item-typography-lg: var(--semantic-typography-body-md-regular-default); + --component-chip-item-color-default: var(--component-textIcon-inverse-prominent); + --component-chip-item-color-disabled: var(--component-textIcon-inverse-disabled); + --component-chip-tag-typography-sm: var(--semantic-typography-caption-bold-default); + --component-chip-tag-typography-md: var(--semantic-typography-body-sm-bold-default); + --component-chip-tag-typography-lg: var(--semantic-typography-body-md-bold-default); + --component-chip-tag-color-default: var(--component-textIcon-normal-default); + --component-chip-tag-color-selected: var(--component-textIcon-inverse-prominent); + --component-chip-tag-color-disabled: var(--component-textIcon-normal-disabled); + --component-chip-bg-hover: var(--semantic-color-monochrome-surface-normal-low); + --component-chip-bg-active: var(--semantic-color-monochrome-surface-normal-midLow); + --component-chip-bg-expand: var(--semantic-color-monochrome-surface-normal-midLow); + --component-chip-bg-selected: var(--semantic-color-slate-solid-surface-inverse-lowest); + --component-chip-bg-selectedHover: var(--semantic-color-monochrome-surface-normal-high); + --component-chip-bg-selectedActive: var(--semantic-color-monochrome-surface-normal-highest); + --component-chip-bg-selectedExpand: var(--semantic-color-slate-solid-surface-inverse-lowest); + --component-chip-bg-selectedDisabled: var(--semantic-color-monochrome-surface-normal-midHigh); + --component-chip-border-radius: var(--semantic-borderRadius-pill); + --component-chip-border-width: var(--core-borderWidth-75); + --component-chip-border-color: var(--semantic-color-monochrome-border-normal-mid); + --component-chip-spacing-padding-xs: var(--core-spacing-300); + --component-chip-spacing-padding-sm: var(--core-spacing-400); + --component-chip-spacing-padding-md: var(--core-spacing-600); + --component-chip-spacing-padding-lg: var(--core-spacing-800); + --component-chip-spacing-padding-xl: var(--core-spacing-1200); + --component-chip-spacing-gap-xs: var(--core-spacing-300); + --component-chip-spacing-gap-sm: var(--core-spacing-400); + --component-chip-spacing-gap-md: var(--core-spacing-600); + --component-chip-height-sm: var(--core-size-1200); + --component-chip-height-md: var(--core-size-1600); + --component-chip-height-lg: var(--core-size-2400); + --component-notification-title-typography-banner: var(--semantic-typography-body-sm-bold-default); + --component-notification-title-typography-item-unread: var(--semantic-typography-body-sm-bold-default); + --component-notification-title-typography-item-read: var(--semantic-typography-body-sm-regular-default); + --component-notification-title-color-banner: var(--component-textIcon-normal-prominent); + --component-notification-title-color-item-unread: var(--component-textIcon-normal-prominent); + --component-notification-title-color-item-read: var(--component-textIcon-normal-default); + --component-notification-message-typography-banner: var(--semantic-typography-caption-regular-default); + --component-notification-message-typography-item: var(--semantic-typography-body-sm-regular-default); + --component-notification-message-color-banner: var(--component-textIcon-normal-default); + --component-notification-message-color-item-unread: var(--component-textIcon-normal-prominent); + --component-notification-message-color-item-read: var(--component-textIcon-normal-default); + --component-notification-timestamp-typography: var(--semantic-typography-caption-regular-default); + --component-notification-timestamp-color: var(--component-textIcon-normal-subtle); + --component-notification-bg-banner: var(--semantic-color-slate-solid-surface-frame-low); + --component-notification-bg-item-default: var(--semantic-color-slate-solid-surface-frame-low); + --component-notification-bg-item-hover: var(--semantic-color-monochrome-surface-normal-lowest); + --component-notification-bg-item-active: var(--semantic-color-monochrome-surface-normal-low); + --component-notification-bg-divider: var(--semantic-color-monochrome-surface-normal-low); + --component-notification-border-radius: var(--core-borderRadius-800); + --component-notification-border-width: var(--core-borderWidth-75); + --component-notification-border-color: var(--semantic-color-monochrome-border-normal-mid); + --component-notification-spacing-padding-sm: var(--core-spacing-800); + --component-notification-spacing-padding-md: var(--core-spacing-1600); + --component-notification-spacing-gap-xs: var(--core-spacing-200); + --component-notification-spacing-gap-sm: var(--core-spacing-800); + --component-notification-spacing-gap-md: var(--core-spacing-1600); + --component-notification-sizing-banner: 360px; + --component-notification-elevation-shadow: var(--core-elevation-shadow-330); +} +@media (min-width: 640px) { + :root { + --semantic-typography-heading-hero-fontFamily: var(--core-fontFamily-ubuntu); --semantic-typography-heading-hero-fontSize: var(--core-fontSize-800); --semantic-typography-heading-hero-fontWeight: var(--core-fontWeight-bold); --semantic-typography-heading-hero-lineHeight: var(--core-lineHeight-auto); - --semantic-typography-heading-hero-paragraphSpacing: var( - --core-paragraphSpacing-800 - ); + --semantic-typography-heading-hero-paragraphSpacing: var(--core-paragraphSpacing-800); --semantic-typography-heading-hero-letterSpacing: normal; --semantic-typography-heading-h1-fontFamily: var(--core-fontFamily-ubuntu); --semantic-typography-heading-h1-fontSize: var(--core-fontSize-1100); --semantic-typography-heading-h1-fontWeight: var(--core-fontWeight-bold); --semantic-typography-heading-h1-lineHeight: var(--core-lineHeight-auto); - --semantic-typography-heading-h1-paragraphSpacing: var( - --core-paragraphSpacing-1100 - ); + --semantic-typography-heading-h1-paragraphSpacing: var(--core-paragraphSpacing-1100); --semantic-typography-heading-h1-letterSpacing: normal; --semantic-typography-heading-h2-fontFamily: var(--core-fontFamily-ubuntu); --semantic-typography-heading-h2-fontSize: var(--core-fontSize-1000); --semantic-typography-heading-h2-fontWeight: var(--core-fontWeight-bold); --semantic-typography-heading-h2-lineHeight: var(--core-lineHeight-auto); - --semantic-typography-heading-h2-paragraphSpacing: var( - --core-paragraphSpacing-1000 - ); + --semantic-typography-heading-h2-paragraphSpacing: var(--core-paragraphSpacing-1000); --semantic-typography-heading-h2-letterSpacing: normal; --semantic-typography-heading-h3-fontFamily: var(--core-fontFamily-ubuntu); --semantic-typography-heading-h3-fontSize: var(--core-fontSize-300); --semantic-typography-heading-h3-fontWeight: var(--core-fontWeight-bold); --semantic-typography-heading-h3-lineHeight: var(--core-lineHeight-auto); - --semantic-typography-heading-h3-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); + --semantic-typography-heading-h3-paragraphSpacing: var(--core-paragraphSpacing-300); --semantic-typography-heading-h3-letterSpacing: normal; --semantic-typography-heading-h4-fontFamily: var(--core-fontFamily-ubuntu); --semantic-typography-heading-h4-fontSize: var(--core-fontSize-200); --semantic-typography-heading-h4-fontWeight: var(--core-fontWeight-bold); --semantic-typography-heading-h4-lineHeight: var(--core-lineHeight-auto); - --semantic-typography-heading-h4-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); + --semantic-typography-heading-h4-paragraphSpacing: var(--core-paragraphSpacing-200); --semantic-typography-heading-h4-letterSpacing: normal; --semantic-typography-heading-h5-fontFamily: var(--core-fontFamily-ubuntu); --semantic-typography-heading-h5-fontSize: var(--core-fontSize-100); --semantic-typography-heading-h5-fontWeight: var(--core-fontWeight-bold); --semantic-typography-heading-h5-lineHeight: var(--core-lineHeight-auto); - --semantic-typography-heading-h5-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); + --semantic-typography-heading-h5-paragraphSpacing: var(--core-paragraphSpacing-100); --semantic-typography-heading-h5-letterSpacing: normal; --semantic-typography-heading-h6-fontFamily: var(--core-fontFamily-ubuntu); --semantic-typography-heading-h6-fontSize: var(--core-fontSize-75); --semantic-typography-heading-h6-fontWeight: var(--core-fontWeight-bold); --semantic-typography-heading-h6-lineHeight: var(--core-lineHeight-auto); - --semantic-typography-heading-h6-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); + --semantic-typography-heading-h6-paragraphSpacing: var(--core-paragraphSpacing-75); --semantic-typography-heading-h6-letterSpacing: normal; - --semantic-typography-body-xl-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-xl-regular-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); + --semantic-typography-body-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); --semantic-typography-body-xl-regular-default-letterSpacing: normal; - --semantic-typography-body-xl-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-xl-regular-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); + --semantic-typography-body-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); --semantic-typography-body-xl-regular-italic-letterSpacing: normal; - --semantic-typography-body-xl-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-xl-regular-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); + --semantic-typography-body-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); --semantic-typography-body-xl-regular-underline-letterSpacing: normal; - --semantic-typography-body-xl-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-xl-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-xl-regular-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); + --semantic-typography-body-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); --semantic-typography-body-xl-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-xl-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-xl-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-xl-bold-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); + --semantic-typography-body-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); --semantic-typography-body-xl-bold-default-letterSpacing: normal; - --semantic-typography-body-xl-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-xl-bold-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); + --semantic-typography-body-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); --semantic-typography-body-xl-bold-italic-letterSpacing: normal; - --semantic-typography-body-xl-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-xl-bold-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); + --semantic-typography-body-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); --semantic-typography-body-xl-bold-underline-letterSpacing: normal; - --semantic-typography-body-xl-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-xl-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-xl-bold-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); + --semantic-typography-body-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); --semantic-typography-body-xl-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-xl-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-default-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-lg-regular-default-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); + --semantic-typography-body-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-default-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-200); --semantic-typography-body-lg-regular-default-letterSpacing: normal; - --semantic-typography-body-lg-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-italic-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-lg-regular-italic-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); + --semantic-typography-body-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-200); --semantic-typography-body-lg-regular-italic-letterSpacing: normal; - --semantic-typography-body-lg-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-lg-regular-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); + --semantic-typography-body-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-200); --semantic-typography-body-lg-regular-underline-letterSpacing: normal; - --semantic-typography-body-lg-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-italic-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-lg-regular-italic-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); + --semantic-typography-body-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); --semantic-typography-body-lg-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-lg-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-default-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-lg-bold-default-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); + --semantic-typography-body-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-default-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-200); --semantic-typography-body-lg-bold-default-letterSpacing: normal; - --semantic-typography-body-lg-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-italic-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-lg-bold-italic-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); + --semantic-typography-body-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-200); --semantic-typography-body-lg-bold-italic-letterSpacing: normal; - --semantic-typography-body-lg-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-lg-bold-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); + --semantic-typography-body-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-200); --semantic-typography-body-lg-bold-underline-letterSpacing: normal; - --semantic-typography-body-lg-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-italic-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-lg-bold-italic-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); + --semantic-typography-body-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); --semantic-typography-body-lg-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-lg-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-md-regular-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); + --semantic-typography-body-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); --semantic-typography-body-md-regular-default-letterSpacing: normal; - --semantic-typography-body-md-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-md-regular-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); + --semantic-typography-body-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); --semantic-typography-body-md-regular-italic-letterSpacing: normal; - --semantic-typography-body-md-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-md-regular-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); + --semantic-typography-body-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); --semantic-typography-body-md-regular-underline-letterSpacing: normal; - --semantic-typography-body-md-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-md-regular-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); + --semantic-typography-body-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); --semantic-typography-body-md-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-md-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-md-bold-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); + --semantic-typography-body-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); --semantic-typography-body-md-bold-default-letterSpacing: normal; - --semantic-typography-body-md-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-md-bold-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); + --semantic-typography-body-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); --semantic-typography-body-md-bold-italic-letterSpacing: normal; - --semantic-typography-body-md-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-md-bold-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); + --semantic-typography-body-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); --semantic-typography-body-md-bold-underline-letterSpacing: normal; - --semantic-typography-body-md-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-md-bold-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); + --semantic-typography-body-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); --semantic-typography-body-md-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-md-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-sm-regular-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); + --semantic-typography-body-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); --semantic-typography-body-sm-regular-default-letterSpacing: normal; - --semantic-typography-body-sm-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-sm-regular-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); + --semantic-typography-body-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); --semantic-typography-body-sm-regular-italic-letterSpacing: normal; - --semantic-typography-body-sm-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-sm-regular-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); + --semantic-typography-body-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); --semantic-typography-body-sm-regular-underline-letterSpacing: normal; - --semantic-typography-body-sm-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-sm-regular-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); + --semantic-typography-body-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); --semantic-typography-body-sm-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-sm-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-sm-bold-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); + --semantic-typography-body-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); --semantic-typography-body-sm-bold-default-letterSpacing: normal; - --semantic-typography-body-sm-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); + --semantic-typography-body-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); --semantic-typography-body-sm-bold-italic-fontSize: var(--core-fontSize-75); - --semantic-typography-body-sm-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-sm-bold-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); + --semantic-typography-body-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); --semantic-typography-body-sm-bold-italic-letterSpacing: normal; - --semantic-typography-body-sm-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-sm-bold-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); + --semantic-typography-body-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); --semantic-typography-body-sm-bold-underline-letterSpacing: normal; - --semantic-typography-body-sm-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-sm-bold-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); + --semantic-typography-body-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); --semantic-typography-body-sm-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-sm-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-default-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-caption-regular-default-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); + --semantic-typography-body-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-default-paragraphSpacing: var(--core-paragraphSpacing-50); --semantic-typography-caption-regular-default-letterSpacing: normal; - --semantic-typography-caption-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-italic-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-caption-regular-italic-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); + --semantic-typography-caption-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-50); --semantic-typography-caption-regular-italic-letterSpacing: normal; - --semantic-typography-caption-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-caption-regular-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); + --semantic-typography-caption-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-50); --semantic-typography-caption-regular-underline-letterSpacing: normal; - --semantic-typography-caption-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-italic-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-caption-regular-italic-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); + --semantic-typography-caption-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); --semantic-typography-caption-regular-italic-underline-letterSpacing: normal; - --semantic-typography-caption-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-default-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-caption-bold-default-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); + --semantic-typography-caption-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-default-paragraphSpacing: var(--core-paragraphSpacing-50); --semantic-typography-caption-bold-default-letterSpacing: normal; - --semantic-typography-caption-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); + --semantic-typography-caption-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); --semantic-typography-caption-bold-italic-fontSize: var(--core-fontSize-50); - --semantic-typography-caption-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-caption-bold-italic-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); + --semantic-typography-caption-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-50); --semantic-typography-caption-bold-italic-letterSpacing: normal; - --semantic-typography-caption-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-caption-bold-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); + --semantic-typography-caption-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-50); --semantic-typography-caption-bold-underline-letterSpacing: normal; - --semantic-typography-caption-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-italic-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-caption-bold-italic-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); + --semantic-typography-caption-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); --semantic-typography-caption-bold-italic-underline-letterSpacing: normal; - --semantic-typography-caption-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-xl-regular-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); + --semantic-typography-caption-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); --semantic-typography-code-xl-regular-default-letterSpacing: normal; - --semantic-typography-code-xl-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-xl-regular-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); + --semantic-typography-code-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); --semantic-typography-code-xl-regular-italic-letterSpacing: normal; - --semantic-typography-code-xl-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-xl-regular-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); + --semantic-typography-code-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); --semantic-typography-code-xl-regular-underline-letterSpacing: normal; - --semantic-typography-code-xl-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-xl-regular-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); + --semantic-typography-code-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); --semantic-typography-code-xl-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-xl-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-xl-bold-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); + --semantic-typography-code-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); --semantic-typography-code-xl-bold-default-letterSpacing: normal; - --semantic-typography-code-xl-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-xl-bold-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); + --semantic-typography-code-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); --semantic-typography-code-xl-bold-italic-letterSpacing: normal; - --semantic-typography-code-xl-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-xl-bold-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); + --semantic-typography-code-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); --semantic-typography-code-xl-bold-underline-letterSpacing: normal; - --semantic-typography-code-xl-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-xl-bold-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); + --semantic-typography-code-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); --semantic-typography-code-xl-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-xl-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-default-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-lg-regular-default-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); + --semantic-typography-code-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-default-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-200); --semantic-typography-code-lg-regular-default-letterSpacing: normal; - --semantic-typography-code-lg-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-italic-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-lg-regular-italic-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); + --semantic-typography-code-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-200); --semantic-typography-code-lg-regular-italic-letterSpacing: normal; - --semantic-typography-code-lg-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-lg-regular-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); + --semantic-typography-code-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-200); --semantic-typography-code-lg-regular-underline-letterSpacing: normal; - --semantic-typography-code-lg-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-italic-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-lg-regular-italic-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); + --semantic-typography-code-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); --semantic-typography-code-lg-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-lg-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-default-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-lg-bold-default-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); + --semantic-typography-code-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-default-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-200); --semantic-typography-code-lg-bold-default-letterSpacing: normal; - --semantic-typography-code-lg-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-italic-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-lg-bold-italic-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); + --semantic-typography-code-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-200); --semantic-typography-code-lg-bold-italic-letterSpacing: normal; - --semantic-typography-code-lg-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-lg-bold-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); + --semantic-typography-code-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-200); --semantic-typography-code-lg-bold-underline-letterSpacing: normal; - --semantic-typography-code-lg-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-italic-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-lg-bold-italic-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); + --semantic-typography-code-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); --semantic-typography-code-lg-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-lg-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-md-regular-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); + --semantic-typography-code-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); --semantic-typography-code-md-regular-default-letterSpacing: normal; - --semantic-typography-code-md-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-md-regular-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); + --semantic-typography-code-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); --semantic-typography-code-md-regular-italic-letterSpacing: normal; - --semantic-typography-code-md-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-md-regular-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); + --semantic-typography-code-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); --semantic-typography-code-md-regular-underline-letterSpacing: normal; - --semantic-typography-code-md-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-md-regular-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); + --semantic-typography-code-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); --semantic-typography-code-md-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-md-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-md-bold-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); + --semantic-typography-code-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); --semantic-typography-code-md-bold-default-letterSpacing: normal; - --semantic-typography-code-md-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-md-bold-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); + --semantic-typography-code-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); --semantic-typography-code-md-bold-italic-letterSpacing: normal; - --semantic-typography-code-md-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-md-bold-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); + --semantic-typography-code-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); --semantic-typography-code-md-bold-underline-letterSpacing: normal; - --semantic-typography-code-md-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-md-bold-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); + --semantic-typography-code-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); --semantic-typography-code-md-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-md-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-sm-regular-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); + --semantic-typography-code-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); --semantic-typography-code-sm-regular-default-letterSpacing: normal; - --semantic-typography-code-sm-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-sm-regular-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); + --semantic-typography-code-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); --semantic-typography-code-sm-regular-italic-letterSpacing: normal; - --semantic-typography-code-sm-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-sm-regular-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); + --semantic-typography-code-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); --semantic-typography-code-sm-regular-underline-letterSpacing: normal; - --semantic-typography-code-sm-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-sm-regular-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); + --semantic-typography-code-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); --semantic-typography-code-sm-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-sm-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-sm-bold-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); + --semantic-typography-code-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); --semantic-typography-code-sm-bold-default-letterSpacing: normal; - --semantic-typography-code-sm-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); + --semantic-typography-code-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); --semantic-typography-code-sm-bold-italic-fontSize: var(--core-fontSize-75); - --semantic-typography-code-sm-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-sm-bold-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); + --semantic-typography-code-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); --semantic-typography-code-sm-bold-italic-letterSpacing: normal; - --semantic-typography-code-sm-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-sm-bold-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); + --semantic-typography-code-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); --semantic-typography-code-sm-bold-underline-letterSpacing: normal; - --semantic-typography-code-sm-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-sm-bold-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); + --semantic-typography-code-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); --semantic-typography-code-sm-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-sm-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-icon-labelPaired-regular-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-xl-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-labelPaired-regular-xl-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-xl-lineHeight: var( - --core-lineHeight-500 - ); + --semantic-typography-code-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-icon-labelPaired-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-xl-lineHeight: var(--core-lineHeight-500); --semantic-typography-icon-labelPaired-regular-xl-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-lg-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-icon-labelPaired-regular-lg-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-lg-lineHeight: var( - --core-lineHeight-400 - ); + --semantic-typography-icon-labelPaired-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-lg-lineHeight: var(--core-lineHeight-400); --semantic-typography-icon-labelPaired-regular-lg-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-md-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-labelPaired-regular-md-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-md-lineHeight: var( - --core-lineHeight-300 - ); + --semantic-typography-icon-labelPaired-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-md-lineHeight: var(--core-lineHeight-300); --semantic-typography-icon-labelPaired-regular-md-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-sm-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-icon-labelPaired-regular-sm-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-sm-lineHeight: var( - --core-lineHeight-200 - ); + --semantic-typography-icon-labelPaired-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-sm-lineHeight: var(--core-lineHeight-200); --semantic-typography-icon-labelPaired-regular-sm-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-caption-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-caption-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-icon-labelPaired-regular-caption-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-caption-lineHeight: var( - --core-lineHeight-100 - ); + --semantic-typography-icon-labelPaired-regular-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-regular-caption-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-caption-lineHeight: var(--core-lineHeight-100); --semantic-typography-icon-labelPaired-regular-caption-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-xl-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-labelPaired-bold-xl-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-xl-lineHeight: var( - --core-lineHeight-500 - ); + --semantic-typography-icon-labelPaired-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-xl-lineHeight: var(--core-lineHeight-500); --semantic-typography-icon-labelPaired-bold-xl-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-lg-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-icon-labelPaired-bold-lg-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-lg-lineHeight: var( - --core-lineHeight-400 - ); + --semantic-typography-icon-labelPaired-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-lg-lineHeight: var(--core-lineHeight-400); --semantic-typography-icon-labelPaired-bold-lg-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-md-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-labelPaired-bold-md-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-md-lineHeight: var( - --core-lineHeight-300 - ); + --semantic-typography-icon-labelPaired-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-md-lineHeight: var(--core-lineHeight-300); --semantic-typography-icon-labelPaired-bold-md-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-sm-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-icon-labelPaired-bold-sm-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-sm-lineHeight: var( - --core-lineHeight-200 - ); + --semantic-typography-icon-labelPaired-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-sm-lineHeight: var(--core-lineHeight-200); --semantic-typography-icon-labelPaired-bold-sm-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-caption-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-caption-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-icon-labelPaired-bold-caption-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-caption-lineHeight: var( - --core-lineHeight-100 - ); + --semantic-typography-icon-labelPaired-bold-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-bold-caption-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-caption-lineHeight: var(--core-lineHeight-100); --semantic-typography-icon-labelPaired-bold-caption-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-xl-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-xl-fontSize: var( - --core-fontSize-300 - ); + --semantic-typography-icon-labelPaired-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-xl-fontSize: var(--core-fontSize-300); --semantic-typography-icon-labelPaired-brand-xl-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-xl-lineHeight: var( - --core-lineHeight-500 - ); + --semantic-typography-icon-labelPaired-brand-xl-lineHeight: var(--core-lineHeight-500); --semantic-typography-icon-labelPaired-brand-xl-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-lg-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-lg-fontSize: var( - --core-fontSize-200 - ); + --semantic-typography-icon-labelPaired-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-lg-fontSize: var(--core-fontSize-200); --semantic-typography-icon-labelPaired-brand-lg-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-lg-lineHeight: var( - --core-lineHeight-400 - ); + --semantic-typography-icon-labelPaired-brand-lg-lineHeight: var(--core-lineHeight-400); --semantic-typography-icon-labelPaired-brand-lg-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-md-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-md-fontSize: var( - --core-fontSize-100 - ); + --semantic-typography-icon-labelPaired-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-md-fontSize: var(--core-fontSize-100); --semantic-typography-icon-labelPaired-brand-md-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-md-lineHeight: var( - --core-lineHeight-300 - ); + --semantic-typography-icon-labelPaired-brand-md-lineHeight: var(--core-lineHeight-300); --semantic-typography-icon-labelPaired-brand-md-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-sm-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-sm-fontSize: var( - --core-fontSize-75 - ); + --semantic-typography-icon-labelPaired-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-sm-fontSize: var(--core-fontSize-75); --semantic-typography-icon-labelPaired-brand-sm-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-sm-lineHeight: var( - --core-lineHeight-200 - ); + --semantic-typography-icon-labelPaired-brand-sm-lineHeight: var(--core-lineHeight-200); --semantic-typography-icon-labelPaired-brand-sm-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-caption-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-caption-fontSize: var( - --core-fontSize-50 - ); + --semantic-typography-icon-labelPaired-brand-caption-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-caption-fontSize: var(--core-fontSize-50); --semantic-typography-icon-labelPaired-brand-caption-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-caption-lineHeight: var( - --core-lineHeight-100 - ); + --semantic-typography-icon-labelPaired-brand-caption-lineHeight: var(--core-lineHeight-100); --semantic-typography-icon-labelPaired-brand-caption-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-2xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-2xl-fontSize: var( - --core-fontSize-800 - ); - --semantic-typography-icon-standalone-regular-2xl-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-2xl-lineHeight: var( - --core-lineHeight-1000 - ); + --semantic-typography-icon-standalone-regular-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-regular-2xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-2xl-lineHeight: var(--core-lineHeight-1000); --semantic-typography-icon-standalone-regular-2xl-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-xl-fontSize: var( - --core-fontSize-600 - ); - --semantic-typography-icon-standalone-regular-xl-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-xl-lineHeight: var( - --core-lineHeight-900 - ); + --semantic-typography-icon-standalone-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-xl-lineHeight: var(--core-lineHeight-900); --semantic-typography-icon-standalone-regular-xl-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-lg-fontSize: var( - --core-fontSize-500 - ); - --semantic-typography-icon-standalone-regular-lg-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-lg-lineHeight: var( - --core-lineHeight-800 - ); + --semantic-typography-icon-standalone-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-lg-lineHeight: var(--core-lineHeight-800); --semantic-typography-icon-standalone-regular-lg-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-md-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-standalone-regular-md-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-md-lineHeight: var( - --core-lineHeight-600 - ); + --semantic-typography-icon-standalone-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-md-lineHeight: var(--core-lineHeight-600); --semantic-typography-icon-standalone-regular-md-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-sm-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-standalone-regular-sm-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-sm-lineHeight: var( - --core-lineHeight-300 - ); + --semantic-typography-icon-standalone-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-sm-lineHeight: var(--core-lineHeight-300); --semantic-typography-icon-standalone-regular-sm-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-2xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-2xl-fontSize: var( - --core-fontSize-800 - ); - --semantic-typography-icon-standalone-bold-2xl-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-2xl-lineHeight: var( - --core-lineHeight-1000 - ); + --semantic-typography-icon-standalone-bold-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-bold-2xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-2xl-lineHeight: var(--core-lineHeight-1000); --semantic-typography-icon-standalone-bold-2xl-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-xl-fontSize: var( - --core-fontSize-600 - ); - --semantic-typography-icon-standalone-bold-xl-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-xl-lineHeight: var( - --core-lineHeight-900 - ); + --semantic-typography-icon-standalone-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-xl-lineHeight: var(--core-lineHeight-900); --semantic-typography-icon-standalone-bold-xl-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-lg-fontSize: var( - --core-fontSize-500 - ); - --semantic-typography-icon-standalone-bold-lg-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-lg-lineHeight: var( - --core-lineHeight-800 - ); + --semantic-typography-icon-standalone-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-lg-lineHeight: var(--core-lineHeight-800); --semantic-typography-icon-standalone-bold-lg-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-md-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-standalone-bold-md-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-md-lineHeight: var( - --core-lineHeight-600 - ); + --semantic-typography-icon-standalone-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-md-lineHeight: var(--core-lineHeight-600); --semantic-typography-icon-standalone-bold-md-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-sm-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-standalone-bold-sm-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-sm-lineHeight: var( - --core-lineHeight-300 - ); + --semantic-typography-icon-standalone-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-sm-lineHeight: var(--core-lineHeight-300); --semantic-typography-icon-standalone-bold-sm-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-2xl-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-2xl-fontSize: var( - --core-fontSize-800 - ); + --semantic-typography-icon-standalone-brand-2xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-2xl-fontSize: var(--core-fontSize-800); --semantic-typography-icon-standalone-brand-2xl-fontWeight: normal; - --semantic-typography-icon-standalone-brand-2xl-lineHeight: var( - --core-lineHeight-1000 - ); + --semantic-typography-icon-standalone-brand-2xl-lineHeight: var(--core-lineHeight-1000); --semantic-typography-icon-standalone-brand-2xl-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-xl-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-xl-fontSize: var( - --core-fontSize-600 - ); + --semantic-typography-icon-standalone-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-xl-fontSize: var(--core-fontSize-600); --semantic-typography-icon-standalone-brand-xl-fontWeight: normal; - --semantic-typography-icon-standalone-brand-xl-lineHeight: var( - --core-lineHeight-900 - ); + --semantic-typography-icon-standalone-brand-xl-lineHeight: var(--core-lineHeight-900); --semantic-typography-icon-standalone-brand-xl-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-lg-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-lg-fontSize: var( - --core-fontSize-500 - ); + --semantic-typography-icon-standalone-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-lg-fontSize: var(--core-fontSize-500); --semantic-typography-icon-standalone-brand-lg-fontWeight: normal; - --semantic-typography-icon-standalone-brand-lg-lineHeight: var( - --core-lineHeight-800 - ); + --semantic-typography-icon-standalone-brand-lg-lineHeight: var(--core-lineHeight-800); --semantic-typography-icon-standalone-brand-lg-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-md-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-md-fontSize: var( - --core-fontSize-300 - ); + --semantic-typography-icon-standalone-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-md-fontSize: var(--core-fontSize-300); --semantic-typography-icon-standalone-brand-md-fontWeight: normal; - --semantic-typography-icon-standalone-brand-md-lineHeight: var( - --core-lineHeight-600 - ); + --semantic-typography-icon-standalone-brand-md-lineHeight: var(--core-lineHeight-600); --semantic-typography-icon-standalone-brand-md-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-sm-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-sm-fontSize: var( - --core-fontSize-100 - ); + --semantic-typography-icon-standalone-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-sm-fontSize: var(--core-fontSize-100); --semantic-typography-icon-standalone-brand-sm-fontWeight: normal; - --semantic-typography-icon-standalone-brand-sm-lineHeight: var( - --core-lineHeight-300 - ); + --semantic-typography-icon-standalone-brand-sm-lineHeight: var(--core-lineHeight-300); --semantic-typography-icon-standalone-brand-sm-letterSpacing: normal; --semantic-spacing-general-none: var(--core-spacing-50); --semantic-spacing-general-3xs: var(--core-spacing-75); @@ -2626,21490 +4181,5457 @@ --semantic-lineHeight-icon-standalone-lg: var(--core-lineHeight-800); --semantic-lineHeight-icon-standalone-md: var(--core-lineHeight-600); --semantic-lineHeight-icon-standalone-sm: var(--core-lineHeight-300); - --semantic-color-monochrome-surface-normal-lowest: var( - --core-color-opacity-white-75 - ); - --semantic-color-monochrome-surface-normal-low: var( - --core-color-opacity-white-100 - ); - --semantic-color-monochrome-surface-normal-midLow: var( - --core-color-opacity-white-200 - ); - --semantic-color-monochrome-surface-normal-midHigh: var( - --core-color-opacity-white-300 - ); - --semantic-color-monochrome-surface-normal-high: var( - --core-color-opacity-white-700 - ); - --semantic-color-monochrome-surface-normal-highest: var( - --core-color-opacity-white-800 - ); - --semantic-color-monochrome-surface-inverse-lowest: var( - --core-color-opacity-black-75 - ); - --semantic-color-monochrome-surface-inverse-low: var( - --core-color-opacity-black-100 - ); - --semantic-color-monochrome-surface-inverse-midLow: var( - --core-color-opacity-black-200 - ); - --semantic-color-monochrome-surface-inverse-midHigh: var( - --core-color-opacity-black-300 - ); - --semantic-color-monochrome-surface-inverse-high: var( - --core-color-opacity-black-700 - ); - --semantic-color-monochrome-surface-inverse-highest: var( - --core-color-opacity-black-800 - ); - --semantic-color-monochrome-surface-static-blackLowest: var( - --core-color-opacity-black-75 - ); - --semantic-color-monochrome-surface-static-blackLow: var( - --core-color-opacity-black-100 - ); - --semantic-color-monochrome-surface-static-blackMidLow: var( - --core-color-opacity-black-200 - ); - --semantic-color-monochrome-surface-static-blackMidHigh: var( - --core-color-opacity-black-300 - ); - --semantic-color-monochrome-surface-static-blackHigh: var( - --core-color-opacity-black-700 - ); - --semantic-color-monochrome-surface-static-blackHighest: var( - --core-color-opacity-black-800 - ); - --semantic-color-monochrome-surface-static-whiteLowest: var( - --core-color-opacity-white-75 - ); - --semantic-color-monochrome-surface-static-whiteLow: var( - --core-color-opacity-white-100 - ); - --semantic-color-monochrome-surface-static-whiteMidLow: var( - --core-color-opacity-white-200 - ); - --semantic-color-monochrome-surface-static-whiteMidHigh: var( - --core-color-opacity-white-300 - ); - --semantic-color-monochrome-surface-static-whiteHigh: var( - --core-color-opacity-white-700 - ); - --semantic-color-monochrome-surface-static-whiteHighest: var( - --core-color-opacity-white-800 - ); - --semantic-color-monochrome-border-normal-low: var( - --core-color-opacity-white-75 - ); - --semantic-color-monochrome-border-normal-mid: var( - --core-color-opacity-white-100 - ); - --semantic-color-monochrome-border-normal-high: var( - --core-color-opacity-white-200 - ); - --semantic-color-monochrome-border-normal-highest: var( - --core-color-opacity-white-300 - ); - --semantic-color-monochrome-border-inverse-low: var( - --core-color-opacity-black-75 - ); - --semantic-color-monochrome-border-inverse-mid: var( - --core-color-opacity-black-100 - ); - --semantic-color-monochrome-border-inverse-high: var( - --core-color-opacity-black-200 - ); - --semantic-color-monochrome-border-inverse-highest: var( - --core-color-opacity-black-300 - ); - --semantic-color-monochrome-border-static-blackLow: var( - --core-color-opacity-black-75 - ); - --semantic-color-monochrome-border-static-blackMid: var( - --core-color-opacity-black-100 - ); - --semantic-color-monochrome-border-static-blackHigh: var( - --core-color-opacity-black-200 - ); - --semantic-color-monochrome-border-static-blackHighest: var( - --core-color-opacity-black-300 - ); - --semantic-color-monochrome-border-static-whiteLow: var( - --core-color-opacity-white-75 - ); - --semantic-color-monochrome-border-static-whiteMid: var( - --core-color-opacity-white-100 - ); - --semantic-color-monochrome-border-static-whiteHigh: var( - --core-color-opacity-white-200 - ); - --semantic-color-monochrome-border-static-whiteHighest: var( - --core-color-opacity-white-300 - ); - --semantic-color-monochrome-textIcon-normal-low: var( - --core-color-opacity-white-300 - ); - --semantic-color-monochrome-textIcon-normal-mid: var( - --core-color-opacity-white-400 - ); - --semantic-color-monochrome-textIcon-normal-high: var( - --core-color-opacity-white-600 - ); - --semantic-color-monochrome-textIcon-inverse-low: var( - --core-color-opacity-black-300 - ); - --semantic-color-monochrome-textIcon-inverse-mid: var( - --core-color-opacity-black-400 - ); - --semantic-color-monochrome-textIcon-inverse-high: var( - --core-color-opacity-black-600 - ); - --semantic-color-monochrome-textIcon-static-blackLow: var( - --core-color-opacity-black-300 - ); - --semantic-color-monochrome-textIcon-static-blackMid: var( - --core-color-opacity-black-400 - ); - --semantic-color-monochrome-textIcon-static-blackHigh: var( - --core-color-opacity-black-600 - ); - --semantic-color-monochrome-textIcon-static-whiteLow: var( - --core-color-opacity-white-300 - ); - --semantic-color-monochrome-textIcon-static-whiteMid: var( - --core-color-opacity-white-400 - ); - --semantic-color-monochrome-textIcon-static-whiteHigh: var( - --core-color-opacity-white-600 - ); - --semantic-color-slate-solid-surface-normal-lowest: var( - --core-color-solid-slate-1400 - ); - --semantic-color-slate-solid-surface-normal-low: var( - --core-color-solid-slate-1300 - ); - --semantic-color-slate-solid-surface-normal-midLow: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-solid-surface-normal-midHigh: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-surface-normal-high: var( - --core-color-solid-slate-800 - ); - --semantic-color-slate-solid-surface-normal-highest: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-surface-inverse-lowest: var( - --core-color-solid-slate-50 - ); - --semantic-color-slate-solid-surface-inverse-low: var( - --core-color-solid-slate-100 - ); - --semantic-color-slate-solid-surface-inverse-midLow: var( - --core-color-solid-slate-200 - ); - --semantic-color-slate-solid-surface-inverse-midHigh: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-surface-inverse-high: var( - --core-color-solid-slate-600 - ); - --semantic-color-slate-solid-surface-inverse-highest: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-surface-static-lowest: var( - --core-color-solid-slate-50 - ); - --semantic-color-slate-solid-surface-static-lower: var( - --core-color-solid-slate-75 - ); - --semantic-color-slate-solid-surface-static-low: var( - --core-color-solid-slate-100 - ); - --semantic-color-slate-solid-surface-static-midLowest: var( - --core-color-solid-slate-200 - ); - --semantic-color-slate-solid-surface-static-midLower: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-surface-static-midLow: var( - --core-color-solid-slate-600 - ); - --semantic-color-slate-solid-surface-static-midHigh: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-surface-static-midHigher: var( - --core-color-solid-slate-800 - ); - --semantic-color-slate-solid-surface-static-midHighest: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-surface-static-high: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-solid-surface-static-higher: var( - --core-color-solid-slate-1300 - ); - --semantic-color-slate-solid-surface-static-highest: var( - --core-color-solid-slate-1400 - ); - --semantic-color-slate-solid-surface-frame-low: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-solid-surface-frame-mid: var( - --core-color-solid-slate-1300 - ); - --semantic-color-slate-solid-border-normal-lowest: var( - --core-color-solid-slate-1400 - ); - --semantic-color-slate-solid-border-normal-low: var( - --core-color-solid-slate-1300 - ); - --semantic-color-slate-solid-border-normal-mid: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-solid-border-normal-high: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-border-normal-highest: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-border-inverse-lowest: var( - --core-color-solid-slate-50 - ); - --semantic-color-slate-solid-border-inverse-low: var( - --core-color-solid-slate-100 - ); - --semantic-color-slate-solid-border-inverse-mid: var( - --core-color-solid-slate-200 - ); - --semantic-color-slate-solid-border-inverse-high: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-border-inverse-highest: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-border-static-lowest: var( - --core-color-solid-slate-50 - ); - --semantic-color-slate-solid-border-static-lower: var( - --core-color-solid-slate-100 - ); - --semantic-color-slate-solid-border-static-low: var( - --core-color-solid-slate-200 - ); - --semantic-color-slate-solid-border-static-midLow: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-border-static-mid: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-border-static-midHigh: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-border-static-high: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-solid-border-static-higher: var( - --core-color-solid-slate-1300 - ); - --semantic-color-slate-solid-border-static-highest: var( - --core-color-solid-slate-1400 - ); - --semantic-color-slate-solid-textIcon-normal-lowest: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-solid-textIcon-normal-low: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-textIcon-normal-mid: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-textIcon-normal-high: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-textIcon-normal-highest: var( - --core-color-solid-slate-50 - ); - --semantic-color-slate-solid-textIcon-inverse-lowest: var( - --core-color-solid-slate-200 - ); - --semantic-color-slate-solid-textIcon-inverse-low: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-textIcon-inverse-mid: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-textIcon-inverse-high: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-textIcon-inverse-highest: var( - --core-color-solid-slate-1400 - ); - --semantic-color-slate-solid-textIcon-static-lowest: var( - --core-color-solid-slate-200 - ); - --semantic-color-slate-solid-textIcon-static-low: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-textIcon-static-mid: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-textIcon-static-high: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-textIcon-static-highest: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-opacity-surface-lowest: var( - --core-color-opacity-slate-75 - ); - --semantic-color-slate-opacity-surface-low: var( - --core-color-opacity-slate-100 - ); - --semantic-color-slate-opacity-surface-midLow: var( - --core-color-opacity-slate-200 - ); - --semantic-color-slate-opacity-surface-midHigh: var( - --core-color-opacity-slate-300 - ); - --semantic-color-slate-opacity-surface-high: var( - --core-color-opacity-slate-700 - ); - --semantic-color-slate-opacity-surface-highest: var( - --core-color-opacity-slate-800 - ); - --semantic-color-slate-opacity-border-lowest: var( - --core-color-opacity-slate-75 - ); - --semantic-color-slate-opacity-border-lower: var( - --core-color-opacity-slate-100 - ); - --semantic-color-slate-opacity-border-low: var( - --core-color-opacity-slate-200 - ); - --semantic-color-slate-opacity-border-mid: var( - --core-color-opacity-slate-300 - ); - --semantic-color-slate-opacity-border-high: var( - --core-color-opacity-slate-600 - ); - --semantic-color-slate-opacity-border-higher: var( - --core-color-opacity-slate-700 - ); - --semantic-color-slate-opacity-border-highest: var( - --core-color-opacity-slate-800 - ); - --semantic-color-slate-opacity-textIcon-low: var( - --core-color-opacity-slate-300 - ); - --semantic-color-slate-opacity-textIcon-mid: var( - --core-color-opacity-slate-400 - ); - --semantic-color-slate-opacity-textIcon-high: var( - --core-color-opacity-slate-600 - ); - --semantic-color-red-solid-surface-normal-lowest: var( - --core-color-solid-red-1300 - ); - --semantic-color-red-solid-surface-normal-low: var( - --core-color-solid-red-1200 - ); - --semantic-color-red-solid-surface-normal-mid: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-surface-normal-high: var( - --core-color-solid-red-800 - ); - --semantic-color-red-solid-surface-normal-highest: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-surface-inverse-lowest: var( - --core-color-solid-red-100 - ); - --semantic-color-red-solid-surface-inverse-low: var( - --core-color-solid-red-200 - ); - --semantic-color-red-solid-surface-inverse-mid: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-surface-inverse-high: var( - --core-color-solid-red-600 - ); - --semantic-color-red-solid-surface-inverse-highest: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-surface-static-lowest: var( - --core-color-solid-red-100 - ); - --semantic-color-red-solid-surface-static-lower: var( - --core-color-solid-red-200 - ); - --semantic-color-red-solid-surface-static-low: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-surface-static-midLow: var( - --core-color-solid-red-600 - ); - --semantic-color-red-solid-surface-static-mid: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-surface-static-midHigh: var( - --core-color-solid-red-800 - ); - --semantic-color-red-solid-surface-static-high: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-surface-static-higher: var( - --core-color-solid-red-1200 - ); - --semantic-color-red-solid-surface-static-highest: var( - --core-color-solid-red-1300 - ); - --semantic-color-red-solid-border-normal-low: var( - --core-color-solid-red-1300 - ); - --semantic-color-red-solid-border-normal-mid: var( - --core-color-solid-red-1200 - ); - --semantic-color-red-solid-border-normal-high: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-border-normal-highest: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-border-inverse-low: var( - --core-color-solid-red-100 - ); - --semantic-color-red-solid-border-inverse-mid: var( - --core-color-solid-red-200 - ); - --semantic-color-red-solid-border-inverse-high: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-border-inverse-highest: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-border-static-lowest: var( - --core-color-solid-red-100 - ); - --semantic-color-red-solid-border-static-lower: var( - --core-color-solid-red-200 - ); - --semantic-color-red-solid-border-static-low: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-border-static-mid: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-border-static-high: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-border-static-higher: var( - --core-color-solid-red-1200 - ); - --semantic-color-red-solid-border-static-highest: var( - --core-color-solid-red-1300 - ); - --semantic-color-red-solid-textIcon-normal-lowest: var( - --core-color-solid-red-1200 - ); - --semantic-color-red-solid-textIcon-normal-low: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-textIcon-normal-mid: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-textIcon-normal-high: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-textIcon-inverse-lowest: var( - --core-color-solid-red-200 - ); - --semantic-color-red-solid-textIcon-inverse-low: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-textIcon-inverse-mid: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-textIcon-inverse-high: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-textIcon-static-lowest: var( - --core-color-solid-red-200 - ); - --semantic-color-red-solid-textIcon-static-low: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-textIcon-static-mid: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-textIcon-static-high: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-textIcon-static-highest: var( - --core-color-solid-red-1200 - ); - --semantic-color-red-opacity-surface-lowest: var( - --core-color-opacity-red-75 - ); - --semantic-color-red-opacity-surface-low: var(--core-color-opacity-red-100); - --semantic-color-red-opacity-surface-midLow: var( - --core-color-opacity-red-200 - ); - --semantic-color-red-opacity-surface-midHigh: var( - --core-color-opacity-red-300 - ); - --semantic-color-red-opacity-surface-high: var( - --core-color-opacity-red-700 - ); - --semantic-color-red-opacity-surface-highest: var( - --core-color-opacity-red-800 - ); - --semantic-color-red-opacity-border-lowest: var( - --core-color-opacity-red-75 - ); - --semantic-color-red-opacity-border-lower: var( - --core-color-opacity-red-100 - ); - --semantic-color-red-opacity-border-low: var(--core-color-opacity-red-200); - --semantic-color-red-opacity-border-mid: var(--core-color-opacity-red-300); - --semantic-color-red-opacity-border-high: var(--core-color-opacity-red-600); - --semantic-color-red-opacity-border-higher: var( - --core-color-opacity-red-700 - ); - --semantic-color-red-opacity-border-highest: var( - --core-color-opacity-red-800 - ); - --semantic-color-red-opacity-textIcon-low: var( - --core-color-opacity-red-300 - ); - --semantic-color-red-opacity-textIcon-mid: var( - --core-color-opacity-red-400 - ); - --semantic-color-red-opacity-textIcon-high: var( - --core-color-opacity-red-600 - ); - --semantic-color-orange-solid-surface-normal-lowest: var( - --core-color-solid-orange-1300 - ); - --semantic-color-orange-solid-surface-normal-low: var( - --core-color-solid-orange-1200 - ); - --semantic-color-orange-solid-surface-normal-mid: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-surface-normal-high: var( - --core-color-solid-orange-800 - ); - --semantic-color-orange-solid-surface-normal-highest: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-surface-inverse-lowest: var( - --core-color-solid-orange-100 - ); - --semantic-color-orange-solid-surface-inverse-low: var( - --core-color-solid-orange-200 - ); - --semantic-color-orange-solid-surface-inverse-mid: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-surface-inverse-high: var( - --core-color-solid-orange-600 - ); - --semantic-color-orange-solid-surface-inverse-highest: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-surface-static-lowest: var( - --core-color-solid-orange-100 - ); - --semantic-color-orange-solid-surface-static-lower: var( - --core-color-solid-orange-200 - ); - --semantic-color-orange-solid-surface-static-low: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-surface-static-midLow: var( - --core-color-solid-orange-600 - ); - --semantic-color-orange-solid-surface-static-mid: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-surface-static-midHigh: var( - --core-color-solid-orange-800 - ); - --semantic-color-orange-solid-surface-static-high: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-surface-static-higher: var( - --core-color-solid-orange-1200 - ); - --semantic-color-orange-solid-surface-static-highest: var( - --core-color-solid-orange-1300 - ); - --semantic-color-orange-solid-border-normal-low: var( - --core-color-solid-orange-1300 - ); - --semantic-color-orange-solid-border-normal-mid: var( - --core-color-solid-orange-1200 - ); - --semantic-color-orange-solid-border-normal-high: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-border-normal-highest: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-border-inverse-low: var( - --core-color-solid-orange-100 - ); - --semantic-color-orange-solid-border-inverse-mid: var( - --core-color-solid-orange-200 - ); - --semantic-color-orange-solid-border-inverse-high: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-border-inverse-highest: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-border-static-lowest: var( - --core-color-solid-orange-100 - ); - --semantic-color-orange-solid-border-static-lower: var( - --core-color-solid-orange-200 - ); - --semantic-color-orange-solid-border-static-low: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-border-static-mid: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-border-static-high: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-border-static-higher: var( - --core-color-solid-orange-1200 - ); - --semantic-color-orange-solid-border-static-highest: var( - --core-color-solid-orange-1300 - ); - --semantic-color-orange-solid-textIcon-normal-lowest: var( - --core-color-solid-orange-1200 - ); - --semantic-color-orange-solid-textIcon-normal-low: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-textIcon-normal-mid: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-textIcon-normal-high: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-textIcon-inverse-lowest: var( - --core-color-solid-orange-200 - ); - --semantic-color-orange-solid-textIcon-inverse-low: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-textIcon-inverse-mid: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-textIcon-inverse-high: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-textIcon-static-lowest: var( - --core-color-solid-orange-200 - ); - --semantic-color-orange-solid-textIcon-static-low: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-textIcon-static-mid: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-textIcon-static-high: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-textIcon-static-highest: var( - --core-color-solid-orange-1200 - ); - --semantic-color-orange-opacity-surface-lowest: var( - --core-color-opacity-orange-75 - ); - --semantic-color-orange-opacity-surface-low: var( - --core-color-opacity-orange-100 - ); - --semantic-color-orange-opacity-surface-midLow: var( - --core-color-opacity-orange-200 - ); - --semantic-color-orange-opacity-surface-midHigh: var( - --core-color-opacity-orange-300 - ); - --semantic-color-orange-opacity-surface-high: var( - --core-color-opacity-orange-700 - ); - --semantic-color-orange-opacity-surface-highest: var( - --core-color-opacity-orange-800 - ); - --semantic-color-orange-opacity-border-lowest: var( - --core-color-opacity-orange-75 - ); - --semantic-color-orange-opacity-border-lower: var( - --core-color-opacity-orange-100 - ); - --semantic-color-orange-opacity-border-low: var( - --core-color-opacity-orange-200 - ); - --semantic-color-orange-opacity-border-mid: var( - --core-color-opacity-orange-300 - ); - --semantic-color-orange-opacity-border-high: var( - --core-color-opacity-orange-600 - ); - --semantic-color-orange-opacity-border-higher: var( - --core-color-opacity-orange-700 - ); - --semantic-color-orange-opacity-border-highest: var( - --core-color-opacity-orange-800 - ); - --semantic-color-orange-opacity-textIcon-low: var( - --core-color-opacity-orange-300 - ); - --semantic-color-orange-opacity-textIcon-mid: var( - --core-color-opacity-orange-400 - ); - --semantic-color-orange-opacity-textIcon-high: var( - --core-color-opacity-orange-600 - ); - --semantic-color-yellow-solid-surface-normal-lowest: var( - --core-color-solid-yellow-1300 - ); - --semantic-color-yellow-solid-surface-normal-low: var( - --core-color-solid-yellow-1200 - ); - --semantic-color-yellow-solid-surface-normal-mid: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-surface-normal-high: var( - --core-color-solid-yellow-800 - ); - --semantic-color-yellow-solid-surface-normal-highest: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-surface-inverse-lowest: var( - --core-color-solid-yellow-100 - ); - --semantic-color-yellow-solid-surface-inverse-low: var( - --core-color-solid-yellow-200 - ); - --semantic-color-yellow-solid-surface-inverse-mid: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-surface-inverse-high: var( - --core-color-solid-yellow-600 - ); - --semantic-color-yellow-solid-surface-inverse-highest: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-surface-static-lowest: var( - --core-color-solid-yellow-100 - ); - --semantic-color-yellow-solid-surface-static-lower: var( - --core-color-solid-yellow-200 - ); - --semantic-color-yellow-solid-surface-static-low: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-surface-static-midLow: var( - --core-color-solid-yellow-600 - ); - --semantic-color-yellow-solid-surface-static-mid: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-surface-static-midHigh: var( - --core-color-solid-yellow-800 - ); - --semantic-color-yellow-solid-surface-static-high: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-surface-static-higher: var( - --core-color-solid-yellow-1200 - ); - --semantic-color-yellow-solid-surface-static-highest: var( - --core-color-solid-yellow-1300 - ); - --semantic-color-yellow-solid-border-normal-low: var( - --core-color-solid-yellow-1300 - ); - --semantic-color-yellow-solid-border-normal-mid: var( - --core-color-solid-yellow-1200 - ); - --semantic-color-yellow-solid-border-normal-high: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-border-normal-highest: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-border-inverse-low: var( - --core-color-solid-yellow-100 - ); - --semantic-color-yellow-solid-border-inverse-mid: var( - --core-color-solid-yellow-200 - ); - --semantic-color-yellow-solid-border-inverse-high: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-border-inverse-highest: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-border-static-lowest: var( - --core-color-solid-yellow-100 - ); - --semantic-color-yellow-solid-border-static-lower: var( - --core-color-solid-yellow-200 - ); - --semantic-color-yellow-solid-border-static-low: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-border-static-mid: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-border-static-high: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-border-static-higher: var( - --core-color-solid-yellow-1200 - ); - --semantic-color-yellow-solid-border-static-highest: var( - --core-color-solid-yellow-1300 - ); - --semantic-color-yellow-solid-textIcon-normal-lowest: var( - --core-color-solid-yellow-1200 - ); - --semantic-color-yellow-solid-textIcon-normal-low: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-textIcon-normal-mid: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-textIcon-normal-high: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-textIcon-inverse-lowest: var( - --core-color-solid-yellow-200 - ); - --semantic-color-yellow-solid-textIcon-inverse-low: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-textIcon-inverse-mid: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-textIcon-inverse-high: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-textIcon-static-lowest: var( - --core-color-solid-yellow-200 - ); - --semantic-color-yellow-solid-textIcon-static-low: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-textIcon-static-mid: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-textIcon-static-high: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-textIcon-static-highest: var( - --core-color-solid-yellow-1200 - ); - --semantic-color-yellow-opacity-surface-lowest: var( - --core-color-opacity-yellow-75 - ); - --semantic-color-yellow-opacity-surface-low: var( - --core-color-opacity-yellow-100 - ); - --semantic-color-yellow-opacity-surface-midLow: var( - --core-color-opacity-yellow-200 - ); - --semantic-color-yellow-opacity-surface-midHigh: var( - --core-color-opacity-yellow-300 - ); - --semantic-color-yellow-opacity-surface-high: var( - --core-color-opacity-yellow-700 - ); - --semantic-color-yellow-opacity-surface-highest: var( - --core-color-opacity-yellow-800 - ); - --semantic-color-yellow-opacity-border-lowest: var( - --core-color-opacity-yellow-75 - ); - --semantic-color-yellow-opacity-border-lower: var( - --core-color-opacity-yellow-100 - ); - --semantic-color-yellow-opacity-border-low: var( - --core-color-opacity-yellow-200 - ); - --semantic-color-yellow-opacity-border-mid: var( - --core-color-opacity-yellow-300 - ); - --semantic-color-yellow-opacity-border-high: var( - --core-color-opacity-yellow-600 - ); - --semantic-color-yellow-opacity-border-higher: var( - --core-color-opacity-yellow-700 - ); - --semantic-color-yellow-opacity-border-highest: var( - --core-color-opacity-yellow-800 - ); - --semantic-color-yellow-opacity-textIcon-low: var( - --core-color-opacity-yellow-300 - ); - --semantic-color-yellow-opacity-textIcon-mid: var( - --core-color-opacity-yellow-400 - ); - --semantic-color-yellow-opacity-textIcon-high: var( - --core-color-opacity-yellow-600 - ); - --semantic-color-mustard-solid-surface-normal-lowest: var( - --core-color-solid-mustard-1300 - ); - --semantic-color-mustard-solid-surface-normal-low: var( - --core-color-solid-mustard-1200 - ); - --semantic-color-mustard-solid-surface-normal-mid: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-surface-normal-high: var( - --core-color-solid-mustard-800 - ); - --semantic-color-mustard-solid-surface-normal-highest: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-surface-inverse-lowest: var( - --core-color-solid-mustard-100 - ); - --semantic-color-mustard-solid-surface-inverse-low: var( - --core-color-solid-mustard-200 - ); - --semantic-color-mustard-solid-surface-inverse-mid: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-surface-inverse-high: var( - --core-color-solid-mustard-600 - ); - --semantic-color-mustard-solid-surface-inverse-highest: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-surface-static-lowest: var( - --core-color-solid-mustard-100 - ); - --semantic-color-mustard-solid-surface-static-lower: var( - --core-color-solid-mustard-200 - ); - --semantic-color-mustard-solid-surface-static-low: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-surface-static-midLow: var( - --core-color-solid-mustard-600 - ); - --semantic-color-mustard-solid-surface-static-mid: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-surface-static-midHigh: var( - --core-color-solid-mustard-800 - ); - --semantic-color-mustard-solid-surface-static-high: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-surface-static-higher: var( - --core-color-solid-mustard-1200 - ); - --semantic-color-mustard-solid-surface-static-highest: var( - --core-color-solid-mustard-1300 - ); - --semantic-color-mustard-solid-border-normal-low: var( - --core-color-solid-mustard-1300 - ); - --semantic-color-mustard-solid-border-normal-mid: var( - --core-color-solid-mustard-1200 - ); - --semantic-color-mustard-solid-border-normal-high: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-border-normal-highest: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-border-inverse-low: var( - --core-color-solid-mustard-100 - ); - --semantic-color-mustard-solid-border-inverse-mid: var( - --core-color-solid-mustard-200 - ); - --semantic-color-mustard-solid-border-inverse-high: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-border-inverse-highest: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-border-static-lowest: var( - --core-color-solid-mustard-100 - ); - --semantic-color-mustard-solid-border-static-lower: var( - --core-color-solid-mustard-200 - ); - --semantic-color-mustard-solid-border-static-low: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-border-static-mid: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-border-static-high: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-border-static-higher: var( - --core-color-solid-mustard-1200 - ); - --semantic-color-mustard-solid-border-static-highest: var( - --core-color-solid-mustard-1300 - ); - --semantic-color-mustard-solid-textIcon-normal-lowest: var( - --core-color-solid-mustard-1200 - ); - --semantic-color-mustard-solid-textIcon-normal-low: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-textIcon-normal-mid: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-textIcon-normal-high: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-textIcon-inverse-lowest: var( - --core-color-solid-mustard-200 - ); - --semantic-color-mustard-solid-textIcon-inverse-low: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-textIcon-inverse-mid: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-textIcon-inverse-high: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-textIcon-static-lowest: var( - --core-color-solid-mustard-200 - ); - --semantic-color-mustard-solid-textIcon-static-low: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-textIcon-static-mid: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-textIcon-static-high: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-textIcon-static-highest: var( - --core-color-solid-mustard-1200 - ); - --semantic-color-mustard-opacity-surface-lowest: var( - --core-color-opacity-mustard-75 - ); - --semantic-color-mustard-opacity-surface-low: var( - --core-color-opacity-mustard-100 - ); - --semantic-color-mustard-opacity-surface-midLow: var( - --core-color-opacity-mustard-200 - ); - --semantic-color-mustard-opacity-surface-midHigh: var( - --core-color-opacity-mustard-300 - ); - --semantic-color-mustard-opacity-surface-high: var( - --core-color-opacity-mustard-700 - ); - --semantic-color-mustard-opacity-surface-highest: var( - --core-color-opacity-mustard-800 - ); - --semantic-color-mustard-opacity-border-lowest: var( - --core-color-opacity-mustard-75 - ); - --semantic-color-mustard-opacity-border-lower: var( - --core-color-opacity-mustard-100 - ); - --semantic-color-mustard-opacity-border-low: var( - --core-color-opacity-mustard-200 - ); - --semantic-color-mustard-opacity-border-mid: var( - --core-color-opacity-mustard-300 - ); - --semantic-color-mustard-opacity-border-high: var( - --core-color-opacity-mustard-600 - ); - --semantic-color-mustard-opacity-border-higher: var( - --core-color-opacity-mustard-700 - ); - --semantic-color-mustard-opacity-border-highest: var( - --core-color-opacity-mustard-800 - ); - --semantic-color-mustard-opacity-textIcon-low: var( - --core-color-opacity-mustard-300 - ); - --semantic-color-mustard-opacity-textIcon-mid: var( - --core-color-opacity-mustard-400 - ); - --semantic-color-mustard-opacity-textIcon-high: var( - --core-color-opacity-mustard-600 - ); - --semantic-color-olive-solid-surface-normal-lowest: var( - --core-color-solid-olive-1300 - ); - --semantic-color-olive-solid-surface-normal-low: var( - --core-color-solid-olive-1200 - ); - --semantic-color-olive-solid-surface-normal-mid: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-surface-normal-high: var( - --core-color-solid-olive-800 - ); - --semantic-color-olive-solid-surface-normal-highest: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-surface-inverse-lowest: var( - --core-color-solid-olive-100 - ); - --semantic-color-olive-solid-surface-inverse-low: var( - --core-color-solid-olive-200 - ); - --semantic-color-olive-solid-surface-inverse-mid: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-surface-inverse-high: var( - --core-color-solid-olive-600 - ); - --semantic-color-olive-solid-surface-inverse-highest: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-surface-static-lowest: var( - --core-color-solid-olive-100 - ); - --semantic-color-olive-solid-surface-static-lower: var( - --core-color-solid-olive-200 - ); - --semantic-color-olive-solid-surface-static-low: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-surface-static-midLow: var( - --core-color-solid-olive-600 - ); - --semantic-color-olive-solid-surface-static-mid: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-surface-static-midHigh: var( - --core-color-solid-olive-800 - ); - --semantic-color-olive-solid-surface-static-high: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-surface-static-higher: var( - --core-color-solid-olive-1200 - ); - --semantic-color-olive-solid-surface-static-highest: var( - --core-color-solid-olive-1300 - ); - --semantic-color-olive-solid-border-normal-low: var( - --core-color-solid-olive-1300 - ); - --semantic-color-olive-solid-border-normal-mid: var( - --core-color-solid-olive-1200 - ); - --semantic-color-olive-solid-border-normal-high: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-border-normal-highest: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-border-inverse-low: var( - --core-color-solid-olive-100 - ); - --semantic-color-olive-solid-border-inverse-mid: var( - --core-color-solid-olive-200 - ); - --semantic-color-olive-solid-border-inverse-high: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-border-inverse-highest: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-border-static-lowest: var( - --core-color-solid-olive-100 - ); - --semantic-color-olive-solid-border-static-lower: var( - --core-color-solid-olive-200 - ); - --semantic-color-olive-solid-border-static-low: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-border-static-mid: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-border-static-high: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-border-static-higher: var( - --core-color-solid-olive-1200 - ); - --semantic-color-olive-solid-border-static-highest: var( - --core-color-solid-olive-1300 - ); - --semantic-color-olive-solid-textIcon-normal-lowest: var( - --core-color-solid-olive-1200 - ); - --semantic-color-olive-solid-textIcon-normal-low: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-textIcon-normal-mid: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-textIcon-normal-high: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-textIcon-inverse-lowest: var( - --core-color-solid-olive-200 - ); - --semantic-color-olive-solid-textIcon-inverse-low: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-textIcon-inverse-mid: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-textIcon-inverse-high: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-textIcon-static-lowest: var( - --core-color-solid-olive-200 - ); - --semantic-color-olive-solid-textIcon-static-low: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-textIcon-static-mid: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-textIcon-static-high: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-textIcon-static-highest: var( - --core-color-solid-olive-1200 - ); - --semantic-color-olive-opacity-surface-lowest: var( - --core-color-opacity-olive-75 - ); - --semantic-color-olive-opacity-surface-low: var( - --core-color-opacity-olive-100 - ); - --semantic-color-olive-opacity-surface-midLow: var( - --core-color-opacity-olive-200 - ); - --semantic-color-olive-opacity-surface-midHigh: var( - --core-color-opacity-olive-300 - ); - --semantic-color-olive-opacity-surface-high: var( - --core-color-opacity-olive-700 - ); - --semantic-color-olive-opacity-surface-highest: var( - --core-color-opacity-olive-800 - ); - --semantic-color-olive-opacity-border-lowest: var( - --core-color-opacity-olive-75 - ); - --semantic-color-olive-opacity-border-lower: var( - --core-color-opacity-olive-100 - ); - --semantic-color-olive-opacity-border-low: var( - --core-color-opacity-olive-200 - ); - --semantic-color-olive-opacity-border-mid: var( - --core-color-opacity-olive-300 - ); - --semantic-color-olive-opacity-border-high: var( - --core-color-opacity-olive-600 - ); - --semantic-color-olive-opacity-border-higher: var( - --core-color-opacity-olive-700 - ); - --semantic-color-olive-opacity-border-highest: var( - --core-color-opacity-olive-800 - ); - --semantic-color-olive-opacity-textIcon-low: var( - --core-color-opacity-olive-300 - ); - --semantic-color-olive-opacity-textIcon-mid: var( - --core-color-opacity-olive-400 - ); - --semantic-color-olive-opacity-textIcon-high: var( - --core-color-opacity-olive-600 - ); - --semantic-color-green-solid-surface-normal-lowest: var( - --core-color-solid-green-1300 - ); - --semantic-color-green-solid-surface-normal-low: var( - --core-color-solid-green-1200 - ); - --semantic-color-green-solid-surface-normal-mid: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-surface-normal-high: var( - --core-color-solid-green-800 - ); - --semantic-color-green-solid-surface-normal-highest: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-surface-inverse-lowest: var( - --core-color-solid-green-100 - ); - --semantic-color-green-solid-surface-inverse-low: var( - --core-color-solid-green-200 - ); - --semantic-color-green-solid-surface-inverse-mid: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-surface-inverse-high: var( - --core-color-solid-green-600 - ); - --semantic-color-green-solid-surface-inverse-highest: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-surface-static-lowest: var( - --core-color-solid-green-100 - ); - --semantic-color-green-solid-surface-static-lower: var( - --core-color-solid-green-200 - ); - --semantic-color-green-solid-surface-static-low: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-surface-static-midLow: var( - --core-color-solid-green-600 - ); - --semantic-color-green-solid-surface-static-mid: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-surface-static-midHigh: var( - --core-color-solid-green-800 - ); - --semantic-color-green-solid-surface-static-high: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-surface-static-higher: var( - --core-color-solid-green-1200 - ); - --semantic-color-green-solid-surface-static-highest: var( - --core-color-solid-green-1300 - ); - --semantic-color-green-solid-border-normal-low: var( - --core-color-solid-green-1300 - ); - --semantic-color-green-solid-border-normal-mid: var( - --core-color-solid-green-1200 - ); - --semantic-color-green-solid-border-normal-high: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-border-normal-highest: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-border-inverse-low: var( - --core-color-solid-green-100 - ); - --semantic-color-green-solid-border-inverse-mid: var( - --core-color-solid-green-200 - ); - --semantic-color-green-solid-border-inverse-high: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-border-inverse-highest: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-border-static-lowest: var( - --core-color-solid-green-100 - ); - --semantic-color-green-solid-border-static-lower: var( - --core-color-solid-green-200 - ); - --semantic-color-green-solid-border-static-low: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-border-static-mid: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-border-static-high: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-border-static-higher: var( - --core-color-solid-green-1200 - ); - --semantic-color-green-solid-border-static-highest: var( - --core-color-solid-green-1300 - ); - --semantic-color-green-solid-textIcon-normal-lowest: var( - --core-color-solid-green-1200 - ); - --semantic-color-green-solid-textIcon-normal-low: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-textIcon-normal-mid: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-textIcon-normal-high: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-textIcon-inverse-lowest: var( - --core-color-solid-green-200 - ); - --semantic-color-green-solid-textIcon-inverse-low: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-textIcon-inverse-mid: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-textIcon-inverse-high: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-textIcon-static-lowest: var( - --core-color-solid-green-200 - ); - --semantic-color-green-solid-textIcon-static-low: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-textIcon-static-mid: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-textIcon-static-high: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-textIcon-static-highest: var( - --core-color-solid-green-1200 - ); - --semantic-color-green-opacity-surface-lowest: var( - --core-color-opacity-green-75 - ); - --semantic-color-green-opacity-surface-low: var( - --core-color-opacity-green-100 - ); - --semantic-color-green-opacity-surface-midLow: var( - --core-color-opacity-green-200 - ); - --semantic-color-green-opacity-surface-midHigh: var( - --core-color-opacity-green-300 - ); - --semantic-color-green-opacity-surface-high: var( - --core-color-opacity-green-700 - ); - --semantic-color-green-opacity-surface-highest: var( - --core-color-opacity-green-800 - ); - --semantic-color-green-opacity-border-lowest: var( - --core-color-opacity-green-75 - ); - --semantic-color-green-opacity-border-lower: var( - --core-color-opacity-green-100 - ); - --semantic-color-green-opacity-border-low: var( - --core-color-opacity-green-200 - ); - --semantic-color-green-opacity-border-mid: var( - --core-color-opacity-green-300 - ); - --semantic-color-green-opacity-border-high: var( - --core-color-opacity-green-600 - ); - --semantic-color-green-opacity-border-higher: var( - --core-color-opacity-green-700 - ); - --semantic-color-green-opacity-border-highest: var( - --core-color-opacity-green-800 - ); - --semantic-color-green-opacity-textIcon-low: var( - --core-color-opacity-green-300 - ); - --semantic-color-green-opacity-textIcon-mid: var( - --core-color-opacity-green-400 - ); - --semantic-color-green-opacity-textIcon-high: var( - --core-color-opacity-green-600 - ); - --semantic-color-emerald-solid-surface-normal-lowest: var( - --core-color-solid-emerald-1300 - ); - --semantic-color-emerald-solid-surface-normal-low: var( - --core-color-solid-emerald-1200 - ); - --semantic-color-emerald-solid-surface-normal-mid: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-surface-normal-high: var( - --core-color-solid-emerald-800 - ); - --semantic-color-emerald-solid-surface-normal-highest: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-surface-inverse-lowest: var( - --core-color-solid-emerald-100 - ); - --semantic-color-emerald-solid-surface-inverse-low: var( - --core-color-solid-emerald-200 - ); - --semantic-color-emerald-solid-surface-inverse-mid: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-surface-inverse-high: var( - --core-color-solid-emerald-600 - ); - --semantic-color-emerald-solid-surface-inverse-highest: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-surface-static-lowest: var( - --core-color-solid-emerald-100 - ); - --semantic-color-emerald-solid-surface-static-lower: var( - --core-color-solid-emerald-200 - ); - --semantic-color-emerald-solid-surface-static-low: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-surface-static-midLow: var( - --core-color-solid-emerald-600 - ); - --semantic-color-emerald-solid-surface-static-mid: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-surface-static-midHigh: var( - --core-color-solid-emerald-800 - ); - --semantic-color-emerald-solid-surface-static-high: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-surface-static-higher: var( - --core-color-solid-emerald-1200 - ); - --semantic-color-emerald-solid-surface-static-highest: var( - --core-color-solid-emerald-1300 - ); - --semantic-color-emerald-solid-border-normal-low: var( - --core-color-solid-emerald-1300 - ); - --semantic-color-emerald-solid-border-normal-mid: var( - --core-color-solid-emerald-1200 - ); - --semantic-color-emerald-solid-border-normal-high: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-border-normal-highest: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-border-inverse-low: var( - --core-color-solid-emerald-100 - ); - --semantic-color-emerald-solid-border-inverse-mid: var( - --core-color-solid-emerald-200 - ); - --semantic-color-emerald-solid-border-inverse-high: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-border-inverse-highest: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-border-static-lowest: var( - --core-color-solid-emerald-100 - ); - --semantic-color-emerald-solid-border-static-lower: var( - --core-color-solid-emerald-200 - ); - --semantic-color-emerald-solid-border-static-low: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-border-static-mid: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-border-static-high: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-border-static-higher: var( - --core-color-solid-emerald-1200 - ); - --semantic-color-emerald-solid-border-static-highest: var( - --core-color-solid-emerald-1300 - ); - --semantic-color-emerald-solid-textIcon-normal-lowest: var( - --core-color-solid-emerald-1200 - ); - --semantic-color-emerald-solid-textIcon-normal-low: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-textIcon-normal-mid: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-textIcon-normal-high: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-textIcon-inverse-lowest: var( - --core-color-solid-emerald-200 - ); - --semantic-color-emerald-solid-textIcon-inverse-low: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-textIcon-inverse-mid: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-textIcon-inverse-high: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-textIcon-static-lowest: var( - --core-color-solid-emerald-200 - ); - --semantic-color-emerald-solid-textIcon-static-low: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-textIcon-static-mid: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-textIcon-static-high: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-textIcon-static-highest: var( - --core-color-solid-emerald-1200 - ); - --semantic-color-emerald-opacity-surface-lowest: var( - --core-color-opacity-emerald-75 - ); - --semantic-color-emerald-opacity-surface-low: var( - --core-color-opacity-emerald-100 - ); - --semantic-color-emerald-opacity-surface-midLow: var( - --core-color-opacity-emerald-200 - ); - --semantic-color-emerald-opacity-surface-midHigh: var( - --core-color-opacity-emerald-300 - ); - --semantic-color-emerald-opacity-surface-high: var( - --core-color-opacity-emerald-700 - ); - --semantic-color-emerald-opacity-surface-highest: var( - --core-color-opacity-emerald-800 - ); - --semantic-color-emerald-opacity-border-lowest: var( - --core-color-opacity-emerald-75 - ); - --semantic-color-emerald-opacity-border-lower: var( - --core-color-opacity-emerald-100 - ); - --semantic-color-emerald-opacity-border-low: var( - --core-color-opacity-emerald-200 - ); - --semantic-color-emerald-opacity-border-mid: var( - --core-color-opacity-emerald-300 - ); - --semantic-color-emerald-opacity-border-high: var( - --core-color-opacity-emerald-600 - ); - --semantic-color-emerald-opacity-border-higher: var( - --core-color-opacity-emerald-700 - ); - --semantic-color-emerald-opacity-border-highest: var( - --core-color-opacity-emerald-800 - ); - --semantic-color-emerald-opacity-textIcon-low: var( - --core-color-opacity-emerald-300 - ); - --semantic-color-emerald-opacity-textIcon-mid: var( - --core-color-opacity-emerald-400 - ); - --semantic-color-emerald-opacity-textIcon-high: var( - --core-color-opacity-emerald-600 - ); - --semantic-color-tiffany-solid-surface-normal-lowest: var( - --core-color-solid-tiffany-1300 - ); - --semantic-color-tiffany-solid-surface-normal-low: var( - --core-color-solid-tiffany-1200 - ); - --semantic-color-tiffany-solid-surface-normal-mid: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-surface-normal-high: var( - --core-color-solid-tiffany-800 - ); - --semantic-color-tiffany-solid-surface-normal-highest: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-surface-inverse-lowest: var( - --core-color-solid-tiffany-100 - ); - --semantic-color-tiffany-solid-surface-inverse-low: var( - --core-color-solid-tiffany-200 - ); - --semantic-color-tiffany-solid-surface-inverse-mid: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-surface-inverse-high: var( - --core-color-solid-tiffany-600 - ); - --semantic-color-tiffany-solid-surface-inverse-highest: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-surface-static-lowest: var( - --core-color-solid-tiffany-100 - ); - --semantic-color-tiffany-solid-surface-static-lower: var( - --core-color-solid-tiffany-200 - ); - --semantic-color-tiffany-solid-surface-static-low: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-surface-static-midLow: var( - --core-color-solid-tiffany-600 - ); - --semantic-color-tiffany-solid-surface-static-mid: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-surface-static-midHigh: var( - --core-color-solid-tiffany-800 - ); - --semantic-color-tiffany-solid-surface-static-high: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-surface-static-higher: var( - --core-color-solid-tiffany-1200 - ); - --semantic-color-tiffany-solid-surface-static-highest: var( - --core-color-solid-tiffany-1300 - ); - --semantic-color-tiffany-solid-border-normal-low: var( - --core-color-solid-tiffany-1300 - ); - --semantic-color-tiffany-solid-border-normal-mid: var( - --core-color-solid-tiffany-1200 - ); - --semantic-color-tiffany-solid-border-normal-high: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-border-normal-highest: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-border-inverse-low: var( - --core-color-solid-tiffany-100 - ); - --semantic-color-tiffany-solid-border-inverse-mid: var( - --core-color-solid-tiffany-200 - ); - --semantic-color-tiffany-solid-border-inverse-high: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-border-inverse-highest: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-border-static-lowest: var( - --core-color-solid-tiffany-100 - ); - --semantic-color-tiffany-solid-border-static-lower: var( - --core-color-solid-tiffany-200 - ); - --semantic-color-tiffany-solid-border-static-low: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-border-static-mid: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-border-static-high: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-border-static-higher: var( - --core-color-solid-tiffany-1200 - ); - --semantic-color-tiffany-solid-border-static-highest: var( - --core-color-solid-tiffany-1300 - ); - --semantic-color-tiffany-solid-textIcon-normal-lowest: var( - --core-color-solid-tiffany-1200 - ); - --semantic-color-tiffany-solid-textIcon-normal-low: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-textIcon-normal-mid: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-textIcon-normal-high: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-textIcon-inverse-lowest: var( - --core-color-solid-tiffany-200 - ); - --semantic-color-tiffany-solid-textIcon-inverse-low: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-textIcon-inverse-mid: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-textIcon-inverse-high: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-textIcon-static-lowest: var( - --core-color-solid-tiffany-200 - ); - --semantic-color-tiffany-solid-textIcon-static-low: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-textIcon-static-mid: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-textIcon-static-high: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-textIcon-static-highest: var( - --core-color-solid-tiffany-1200 - ); - --semantic-color-tiffany-opacity-surface-lowest: var( - --core-color-opacity-tiffany-75 - ); - --semantic-color-tiffany-opacity-surface-low: var( - --core-color-opacity-tiffany-100 - ); - --semantic-color-tiffany-opacity-surface-midLow: var( - --core-color-opacity-tiffany-200 - ); - --semantic-color-tiffany-opacity-surface-midHigh: var( - --core-color-opacity-tiffany-300 - ); - --semantic-color-tiffany-opacity-surface-high: var( - --core-color-opacity-tiffany-700 - ); - --semantic-color-tiffany-opacity-surface-highest: var( - --core-color-opacity-tiffany-800 - ); - --semantic-color-tiffany-opacity-border-lowest: var( - --core-color-opacity-tiffany-75 - ); - --semantic-color-tiffany-opacity-border-lower: var( - --core-color-opacity-tiffany-100 - ); - --semantic-color-tiffany-opacity-border-low: var( - --core-color-opacity-tiffany-200 - ); - --semantic-color-tiffany-opacity-border-mid: var( - --core-color-opacity-tiffany-300 - ); - --semantic-color-tiffany-opacity-border-high: var( - --core-color-opacity-tiffany-600 - ); - --semantic-color-tiffany-opacity-border-higher: var( - --core-color-opacity-tiffany-700 - ); - --semantic-color-tiffany-opacity-border-highest: var( - --core-color-opacity-tiffany-800 - ); - --semantic-color-tiffany-opacity-textIcon-low: var( - --core-color-opacity-tiffany-300 - ); - --semantic-color-tiffany-opacity-textIcon-mid: var( - --core-color-opacity-tiffany-400 - ); - --semantic-color-tiffany-opacity-textIcon-high: var( - --core-color-opacity-tiffany-600 - ); - --semantic-color-teal-solid-surface-normal-lowest: var( - --core-color-solid-teal-1300 - ); - --semantic-color-teal-solid-surface-normal-low: var( - --core-color-solid-teal-1200 - ); - --semantic-color-teal-solid-surface-normal-mid: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-surface-normal-high: var( - --core-color-solid-teal-800 - ); - --semantic-color-teal-solid-surface-normal-highest: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-surface-inverse-lowest: var( - --core-color-solid-teal-100 - ); - --semantic-color-teal-solid-surface-inverse-low: var( - --core-color-solid-teal-200 - ); - --semantic-color-teal-solid-surface-inverse-mid: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-surface-inverse-high: var( - --core-color-solid-teal-600 - ); - --semantic-color-teal-solid-surface-inverse-highest: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-surface-static-lowest: var( - --core-color-solid-teal-100 - ); - --semantic-color-teal-solid-surface-static-lower: var( - --core-color-solid-teal-200 - ); - --semantic-color-teal-solid-surface-static-low: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-surface-static-midLow: var( - --core-color-solid-teal-600 - ); - --semantic-color-teal-solid-surface-static-mid: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-surface-static-midHigh: var( - --core-color-solid-teal-800 - ); - --semantic-color-teal-solid-surface-static-high: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-surface-static-higher: var( - --core-color-solid-teal-1200 - ); - --semantic-color-teal-solid-surface-static-highest: var( - --core-color-solid-teal-1300 - ); - --semantic-color-teal-solid-border-normal-low: var( - --core-color-solid-teal-1300 - ); - --semantic-color-teal-solid-border-normal-mid: var( - --core-color-solid-teal-1200 - ); - --semantic-color-teal-solid-border-normal-high: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-border-normal-highest: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-border-inverse-low: var( - --core-color-solid-teal-100 - ); - --semantic-color-teal-solid-border-inverse-mid: var( - --core-color-solid-teal-200 - ); - --semantic-color-teal-solid-border-inverse-high: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-border-inverse-highest: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-border-static-lowest: var( - --core-color-solid-teal-100 - ); - --semantic-color-teal-solid-border-static-lower: var( - --core-color-solid-teal-200 - ); - --semantic-color-teal-solid-border-static-low: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-border-static-mid: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-border-static-high: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-border-static-higher: var( - --core-color-solid-teal-1200 - ); - --semantic-color-teal-solid-border-static-highest: var( - --core-color-solid-teal-1300 - ); - --semantic-color-teal-solid-textIcon-normal-lowest: var( - --core-color-solid-teal-1200 - ); - --semantic-color-teal-solid-textIcon-normal-low: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-textIcon-normal-mid: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-textIcon-normal-high: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-textIcon-inverse-lowest: var( - --core-color-solid-teal-200 - ); - --semantic-color-teal-solid-textIcon-inverse-low: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-textIcon-inverse-mid: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-textIcon-inverse-high: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-textIcon-static-lowest: var( - --core-color-solid-teal-200 - ); - --semantic-color-teal-solid-textIcon-static-low: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-textIcon-static-mid: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-textIcon-static-high: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-textIcon-static-highest: var( - --core-color-solid-teal-1200 - ); - --semantic-color-teal-opacity-surface-lowest: var( - --core-color-opacity-teal-75 - ); - --semantic-color-teal-opacity-surface-low: var( - --core-color-opacity-teal-100 - ); - --semantic-color-teal-opacity-surface-midLow: var( - --core-color-opacity-teal-200 - ); - --semantic-color-teal-opacity-surface-midHigh: var( - --core-color-opacity-teal-300 - ); - --semantic-color-teal-opacity-surface-high: var( - --core-color-opacity-teal-700 - ); - --semantic-color-teal-opacity-surface-highest: var( - --core-color-opacity-teal-800 - ); - --semantic-color-teal-opacity-border-lowest: var( - --core-color-opacity-teal-75 - ); - --semantic-color-teal-opacity-border-lower: var( - --core-color-opacity-teal-100 - ); - --semantic-color-teal-opacity-border-low: var( - --core-color-opacity-teal-200 - ); - --semantic-color-teal-opacity-border-mid: var( - --core-color-opacity-teal-300 - ); - --semantic-color-teal-opacity-border-high: var( - --core-color-opacity-teal-600 - ); - --semantic-color-teal-opacity-border-higher: var( - --core-color-opacity-teal-700 - ); - --semantic-color-teal-opacity-border-highest: var( - --core-color-opacity-teal-800 - ); - --semantic-color-teal-opacity-textIcon-low: var( - --core-color-opacity-teal-300 - ); - --semantic-color-teal-opacity-textIcon-mid: var( - --core-color-opacity-teal-400 - ); - --semantic-color-teal-opacity-textIcon-high: var( - --core-color-opacity-teal-600 - ); - --semantic-color-seawater-solid-surface-normal-lowest: var( - --core-color-solid-seawater-1300 - ); - --semantic-color-seawater-solid-surface-normal-low: var( - --core-color-solid-seawater-1200 - ); - --semantic-color-seawater-solid-surface-normal-mid: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-surface-normal-high: var( - --core-color-solid-seawater-800 - ); - --semantic-color-seawater-solid-surface-normal-highest: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-surface-inverse-lowest: var( - --core-color-solid-seawater-100 - ); - --semantic-color-seawater-solid-surface-inverse-low: var( - --core-color-solid-seawater-200 - ); - --semantic-color-seawater-solid-surface-inverse-mid: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-surface-inverse-high: var( - --core-color-solid-seawater-600 - ); - --semantic-color-seawater-solid-surface-inverse-highest: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-surface-static-lowest: var( - --core-color-solid-seawater-100 - ); - --semantic-color-seawater-solid-surface-static-lower: var( - --core-color-solid-seawater-200 - ); - --semantic-color-seawater-solid-surface-static-low: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-surface-static-midLow: var( - --core-color-solid-seawater-600 - ); - --semantic-color-seawater-solid-surface-static-mid: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-surface-static-midHigh: var( - --core-color-solid-seawater-800 - ); - --semantic-color-seawater-solid-surface-static-high: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-surface-static-higher: var( - --core-color-solid-seawater-1200 - ); - --semantic-color-seawater-solid-surface-static-highest: var( - --core-color-solid-seawater-1300 - ); - --semantic-color-seawater-solid-border-normal-low: var( - --core-color-solid-seawater-1300 - ); - --semantic-color-seawater-solid-border-normal-mid: var( - --core-color-solid-seawater-1200 - ); - --semantic-color-seawater-solid-border-normal-high: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-border-normal-highest: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-border-inverse-low: var( - --core-color-solid-seawater-100 - ); - --semantic-color-seawater-solid-border-inverse-mid: var( - --core-color-solid-seawater-200 - ); - --semantic-color-seawater-solid-border-inverse-high: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-border-inverse-highest: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-border-static-lowest: var( - --core-color-solid-seawater-100 - ); - --semantic-color-seawater-solid-border-static-lower: var( - --core-color-solid-seawater-200 - ); - --semantic-color-seawater-solid-border-static-low: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-border-static-mid: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-border-static-high: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-border-static-higher: var( - --core-color-solid-seawater-1200 - ); - --semantic-color-seawater-solid-border-static-highest: var( - --core-color-solid-seawater-1300 - ); - --semantic-color-seawater-solid-textIcon-normal-lowest: var( - --core-color-solid-seawater-1200 - ); - --semantic-color-seawater-solid-textIcon-normal-low: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-textIcon-normal-mid: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-textIcon-normal-high: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-textIcon-inverse-lowest: var( - --core-color-solid-seawater-200 - ); - --semantic-color-seawater-solid-textIcon-inverse-low: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-textIcon-inverse-mid: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-textIcon-inverse-high: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-textIcon-static-lowest: var( - --core-color-solid-seawater-200 - ); - --semantic-color-seawater-solid-textIcon-static-low: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-textIcon-static-mid: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-textIcon-static-high: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-textIcon-static-highest: var( - --core-color-solid-seawater-1200 - ); - --semantic-color-seawater-opacity-surface-lowest: var( - --core-color-opacity-seawater-75 - ); - --semantic-color-seawater-opacity-surface-low: var( - --core-color-opacity-seawater-100 - ); - --semantic-color-seawater-opacity-surface-midLow: var( - --core-color-opacity-seawater-200 - ); - --semantic-color-seawater-opacity-surface-midHigh: var( - --core-color-opacity-seawater-300 - ); - --semantic-color-seawater-opacity-surface-high: var( - --core-color-opacity-seawater-700 - ); - --semantic-color-seawater-opacity-surface-highest: var( - --core-color-opacity-seawater-800 - ); - --semantic-color-seawater-opacity-border-lowest: var( - --core-color-opacity-seawater-75 - ); - --semantic-color-seawater-opacity-border-lower: var( - --core-color-opacity-seawater-100 - ); - --semantic-color-seawater-opacity-border-low: var( - --core-color-opacity-seawater-200 - ); - --semantic-color-seawater-opacity-border-mid: var( - --core-color-opacity-seawater-300 - ); - --semantic-color-seawater-opacity-border-high: var( - --core-color-opacity-seawater-600 - ); - --semantic-color-seawater-opacity-border-higher: var( - --core-color-opacity-seawater-700 - ); - --semantic-color-seawater-opacity-border-highest: var( - --core-color-opacity-seawater-800 - ); - --semantic-color-seawater-opacity-textIcon-low: var( - --core-color-opacity-seawater-300 - ); - --semantic-color-seawater-opacity-textIcon-mid: var( - --core-color-opacity-seawater-400 - ); - --semantic-color-seawater-opacity-textIcon-high: var( - --core-color-opacity-seawater-600 - ); - --semantic-color-blue-solid-surface-normal-lowest: var( - --core-color-solid-blue-1300 - ); - --semantic-color-blue-solid-surface-normal-low: var( - --core-color-solid-blue-1200 - ); - --semantic-color-blue-solid-surface-normal-mid: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-surface-normal-high: var( - --core-color-solid-blue-800 - ); - --semantic-color-blue-solid-surface-normal-highest: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-surface-inverse-lowest: var( - --core-color-solid-blue-100 - ); - --semantic-color-blue-solid-surface-inverse-low: var( - --core-color-solid-blue-200 - ); - --semantic-color-blue-solid-surface-inverse-mid: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-surface-inverse-high: var( - --core-color-solid-blue-600 - ); - --semantic-color-blue-solid-surface-inverse-highest: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-surface-static-lowest: var( - --core-color-solid-blue-100 - ); - --semantic-color-blue-solid-surface-static-lower: var( - --core-color-solid-blue-200 - ); - --semantic-color-blue-solid-surface-static-low: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-surface-static-midLow: var( - --core-color-solid-blue-600 - ); - --semantic-color-blue-solid-surface-static-mid: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-surface-static-midHigh: var( - --core-color-solid-blue-800 - ); - --semantic-color-blue-solid-surface-static-high: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-surface-static-higher: var( - --core-color-solid-blue-1200 - ); - --semantic-color-blue-solid-surface-static-highest: var( - --core-color-solid-blue-1300 - ); - --semantic-color-blue-solid-border-normal-low: var( - --core-color-solid-blue-1300 - ); - --semantic-color-blue-solid-border-normal-mid: var( - --core-color-solid-blue-1200 - ); - --semantic-color-blue-solid-border-normal-high: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-border-normal-highest: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-border-inverse-low: var( - --core-color-solid-blue-100 - ); - --semantic-color-blue-solid-border-inverse-mid: var( - --core-color-solid-blue-200 - ); - --semantic-color-blue-solid-border-inverse-high: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-border-inverse-highest: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-border-static-lowest: var( - --core-color-solid-blue-100 - ); - --semantic-color-blue-solid-border-static-lower: var( - --core-color-solid-blue-200 - ); - --semantic-color-blue-solid-border-static-low: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-border-static-mid: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-border-static-high: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-border-static-higher: var( - --core-color-solid-blue-1200 - ); - --semantic-color-blue-solid-border-static-highest: var( - --core-color-solid-blue-1300 - ); - --semantic-color-blue-solid-textIcon-normal-lowest: var( - --core-color-solid-blue-1200 - ); - --semantic-color-blue-solid-textIcon-normal-low: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-textIcon-normal-mid: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-textIcon-normal-high: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-textIcon-inverse-lowest: var( - --core-color-solid-blue-200 - ); - --semantic-color-blue-solid-textIcon-inverse-low: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-textIcon-inverse-mid: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-textIcon-inverse-high: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-textIcon-static-lowest: var( - --core-color-solid-blue-200 - ); - --semantic-color-blue-solid-textIcon-static-low: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-textIcon-static-mid: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-textIcon-static-high: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-textIcon-static-highest: var( - --core-color-solid-blue-1200 - ); - --semantic-color-blue-opacity-surface-lowest: var( - --core-color-opacity-blue-75 - ); - --semantic-color-blue-opacity-surface-low: var( - --core-color-opacity-blue-100 - ); - --semantic-color-blue-opacity-surface-midLow: var( - --core-color-opacity-blue-200 - ); - --semantic-color-blue-opacity-surface-midHigh: var( - --core-color-opacity-blue-300 - ); - --semantic-color-blue-opacity-surface-high: var( - --core-color-opacity-blue-700 - ); - --semantic-color-blue-opacity-surface-highest: var( - --core-color-opacity-blue-800 - ); - --semantic-color-blue-opacity-border-lowest: var( - --core-color-opacity-blue-75 - ); - --semantic-color-blue-opacity-border-lower: var( - --core-color-opacity-blue-100 - ); - --semantic-color-blue-opacity-border-low: var( - --core-color-opacity-blue-200 - ); - --semantic-color-blue-opacity-border-mid: var( - --core-color-opacity-blue-300 - ); - --semantic-color-blue-opacity-border-high: var( - --core-color-opacity-blue-600 - ); - --semantic-color-blue-opacity-border-higher: var( - --core-color-opacity-blue-700 - ); - --semantic-color-blue-opacity-border-highest: var( - --core-color-opacity-blue-800 - ); - --semantic-color-blue-opacity-textIcon-low: var( - --core-color-opacity-blue-300 - ); - --semantic-color-blue-opacity-textIcon-mid: var( - --core-color-opacity-blue-400 - ); - --semantic-color-blue-opacity-textIcon-high: var( - --core-color-opacity-blue-600 - ); - --semantic-color-sapphire-solid-surface-normal-lowest: var( - --core-color-solid-sapphire-1300 - ); - --semantic-color-sapphire-solid-surface-normal-low: var( - --core-color-solid-sapphire-1200 - ); - --semantic-color-sapphire-solid-surface-normal-mid: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-surface-normal-high: var( - --core-color-solid-sapphire-800 - ); - --semantic-color-sapphire-solid-surface-normal-highest: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-surface-inverse-lowest: var( - --core-color-solid-sapphire-100 - ); - --semantic-color-sapphire-solid-surface-inverse-low: var( - --core-color-solid-sapphire-200 - ); - --semantic-color-sapphire-solid-surface-inverse-mid: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-surface-inverse-high: var( - --core-color-solid-sapphire-600 - ); - --semantic-color-sapphire-solid-surface-inverse-highest: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-surface-static-lowest: var( - --core-color-solid-sapphire-100 - ); - --semantic-color-sapphire-solid-surface-static-lower: var( - --core-color-solid-sapphire-200 - ); - --semantic-color-sapphire-solid-surface-static-low: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-surface-static-midLow: var( - --core-color-solid-sapphire-600 - ); - --semantic-color-sapphire-solid-surface-static-mid: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-surface-static-midHigh: var( - --core-color-solid-sapphire-800 - ); - --semantic-color-sapphire-solid-surface-static-high: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-surface-static-higher: var( - --core-color-solid-sapphire-1200 - ); - --semantic-color-sapphire-solid-surface-static-highest: var( - --core-color-solid-sapphire-1300 - ); - --semantic-color-sapphire-solid-border-normal-low: var( - --core-color-solid-sapphire-1300 - ); - --semantic-color-sapphire-solid-border-normal-mid: var( - --core-color-solid-sapphire-1200 - ); - --semantic-color-sapphire-solid-border-normal-high: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-border-normal-highest: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-border-inverse-low: var( - --core-color-solid-sapphire-100 - ); - --semantic-color-sapphire-solid-border-inverse-mid: var( - --core-color-solid-sapphire-200 - ); - --semantic-color-sapphire-solid-border-inverse-high: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-border-inverse-highest: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-border-static-lowest: var( - --core-color-solid-sapphire-100 - ); - --semantic-color-sapphire-solid-border-static-lower: var( - --core-color-solid-sapphire-200 - ); - --semantic-color-sapphire-solid-border-static-low: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-border-static-mid: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-border-static-high: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-border-static-higher: var( - --core-color-solid-sapphire-1200 - ); - --semantic-color-sapphire-solid-border-static-highest: var( - --core-color-solid-sapphire-1300 - ); - --semantic-color-sapphire-solid-textIcon-normal-lowest: var( - --core-color-solid-sapphire-1200 - ); - --semantic-color-sapphire-solid-textIcon-normal-low: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-textIcon-normal-mid: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-textIcon-normal-high: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-textIcon-inverse-lowest: var( - --core-color-solid-sapphire-200 - ); - --semantic-color-sapphire-solid-textIcon-inverse-low: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-textIcon-inverse-mid: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-textIcon-inverse-high: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-textIcon-static-lowest: var( - --core-color-solid-sapphire-200 - ); - --semantic-color-sapphire-solid-textIcon-static-low: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-textIcon-static-mid: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-textIcon-static-high: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-textIcon-static-highest: var( - --core-color-solid-sapphire-1200 - ); - --semantic-color-sapphire-opacity-surface-lowest: var( - --core-color-opacity-sapphire-75 - ); - --semantic-color-sapphire-opacity-surface-low: var( - --core-color-opacity-sapphire-100 - ); - --semantic-color-sapphire-opacity-surface-midLow: var( - --core-color-opacity-sapphire-200 - ); - --semantic-color-sapphire-opacity-surface-midHigh: var( - --core-color-opacity-sapphire-300 - ); - --semantic-color-sapphire-opacity-surface-high: var( - --core-color-opacity-sapphire-700 - ); - --semantic-color-sapphire-opacity-surface-highest: var( - --core-color-opacity-sapphire-800 - ); - --semantic-color-sapphire-opacity-border-lowest: var( - --core-color-opacity-sapphire-75 - ); - --semantic-color-sapphire-opacity-border-lower: var( - --core-color-opacity-sapphire-100 - ); - --semantic-color-sapphire-opacity-border-low: var( - --core-color-opacity-sapphire-200 - ); - --semantic-color-sapphire-opacity-border-mid: var( - --core-color-opacity-sapphire-300 - ); - --semantic-color-sapphire-opacity-border-high: var( - --core-color-opacity-sapphire-600 - ); - --semantic-color-sapphire-opacity-border-higher: var( - --core-color-opacity-sapphire-700 - ); - --semantic-color-sapphire-opacity-border-highest: var( - --core-color-opacity-sapphire-800 - ); - --semantic-color-sapphire-opacity-textIcon-low: var( - --core-color-opacity-sapphire-300 - ); - --semantic-color-sapphire-opacity-textIcon-mid: var( - --core-color-opacity-sapphire-400 - ); - --semantic-color-sapphire-opacity-textIcon-high: var( - --core-color-opacity-sapphire-600 - ); - --semantic-color-blueberry-solid-surface-normal-lowest: var( - --core-color-solid-blueberry-1300 - ); - --semantic-color-blueberry-solid-surface-normal-low: var( - --core-color-solid-blueberry-1200 - ); - --semantic-color-blueberry-solid-surface-normal-mid: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-surface-normal-high: var( - --core-color-solid-blueberry-800 - ); - --semantic-color-blueberry-solid-surface-normal-highest: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-surface-inverse-lowest: var( - --core-color-solid-blueberry-100 - ); - --semantic-color-blueberry-solid-surface-inverse-low: var( - --core-color-solid-blueberry-200 - ); - --semantic-color-blueberry-solid-surface-inverse-mid: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-surface-inverse-high: var( - --core-color-solid-blueberry-600 - ); - --semantic-color-blueberry-solid-surface-inverse-highest: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-surface-static-lowest: var( - --core-color-solid-blueberry-100 - ); - --semantic-color-blueberry-solid-surface-static-lower: var( - --core-color-solid-blueberry-200 - ); - --semantic-color-blueberry-solid-surface-static-low: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-surface-static-midLow: var( - --core-color-solid-blueberry-600 - ); - --semantic-color-blueberry-solid-surface-static-mid: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-surface-static-midHigh: var( - --core-color-solid-blueberry-800 - ); - --semantic-color-blueberry-solid-surface-static-high: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-surface-static-higher: var( - --core-color-solid-blueberry-1200 - ); - --semantic-color-blueberry-solid-surface-static-highest: var( - --core-color-solid-blueberry-1300 - ); - --semantic-color-blueberry-solid-border-normal-low: var( - --core-color-solid-blueberry-1300 - ); - --semantic-color-blueberry-solid-border-normal-mid: var( - --core-color-solid-blueberry-1200 - ); - --semantic-color-blueberry-solid-border-normal-high: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-border-normal-highest: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-border-inverse-low: var( - --core-color-solid-blueberry-100 - ); - --semantic-color-blueberry-solid-border-inverse-mid: var( - --core-color-solid-blueberry-200 - ); - --semantic-color-blueberry-solid-border-inverse-high: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-border-inverse-highest: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-border-static-lowest: var( - --core-color-solid-blueberry-100 - ); - --semantic-color-blueberry-solid-border-static-lower: var( - --core-color-solid-blueberry-200 - ); - --semantic-color-blueberry-solid-border-static-low: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-border-static-mid: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-border-static-high: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-border-static-higher: var( - --core-color-solid-blueberry-1200 - ); - --semantic-color-blueberry-solid-border-static-highest: var( - --core-color-solid-blueberry-1300 - ); - --semantic-color-blueberry-solid-textIcon-normal-lowest: var( - --core-color-solid-blueberry-1200 - ); - --semantic-color-blueberry-solid-textIcon-normal-low: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-textIcon-normal-mid: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-textIcon-normal-high: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-textIcon-inverse-lowest: var( - --core-color-solid-blueberry-200 - ); - --semantic-color-blueberry-solid-textIcon-inverse-low: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-textIcon-inverse-mid: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-textIcon-inverse-high: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-textIcon-static-lowest: var( - --core-color-solid-blueberry-200 - ); - --semantic-color-blueberry-solid-textIcon-static-low: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-textIcon-static-mid: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-textIcon-static-high: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-textIcon-static-highest: var( - --core-color-solid-blueberry-1200 - ); - --semantic-color-blueberry-opacity-surface-lowest: var( - --core-color-opacity-blueberry-75 - ); - --semantic-color-blueberry-opacity-surface-low: var( - --core-color-opacity-blueberry-100 - ); - --semantic-color-blueberry-opacity-surface-midLow: var( - --core-color-opacity-blueberry-200 - ); - --semantic-color-blueberry-opacity-surface-midHigh: var( - --core-color-opacity-blueberry-300 - ); - --semantic-color-blueberry-opacity-surface-high: var( - --core-color-opacity-blueberry-700 - ); - --semantic-color-blueberry-opacity-surface-highest: var( - --core-color-opacity-blueberry-800 - ); - --semantic-color-blueberry-opacity-border-lowest: var( - --core-color-opacity-blueberry-75 - ); - --semantic-color-blueberry-opacity-border-lower: var( - --core-color-opacity-blueberry-100 - ); - --semantic-color-blueberry-opacity-border-low: var( - --core-color-opacity-blueberry-200 - ); - --semantic-color-blueberry-opacity-border-mid: var( - --core-color-opacity-blueberry-300 - ); - --semantic-color-blueberry-opacity-border-high: var( - --core-color-opacity-blueberry-600 - ); - --semantic-color-blueberry-opacity-border-higher: var( - --core-color-opacity-blueberry-700 - ); - --semantic-color-blueberry-opacity-border-highest: var( - --core-color-opacity-blueberry-800 - ); - --semantic-color-blueberry-opacity-textIcon-low: var( - --core-color-opacity-blueberry-300 - ); - --semantic-color-blueberry-opacity-textIcon-mid: var( - --core-color-opacity-blueberry-400 - ); - --semantic-color-blueberry-opacity-textIcon-high: var( - --core-color-opacity-blueberry-600 - ); - --semantic-color-grape-solid-surface-normal-lowest: var( - --core-color-solid-grape-1300 - ); - --semantic-color-grape-solid-surface-normal-low: var( - --core-color-solid-grape-1200 - ); - --semantic-color-grape-solid-surface-normal-mid: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-surface-normal-high: var( - --core-color-solid-grape-800 - ); - --semantic-color-grape-solid-surface-normal-highest: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-surface-inverse-lowest: var( - --core-color-solid-grape-100 - ); - --semantic-color-grape-solid-surface-inverse-low: var( - --core-color-solid-grape-200 - ); - --semantic-color-grape-solid-surface-inverse-mid: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-surface-inverse-high: var( - --core-color-solid-grape-600 - ); - --semantic-color-grape-solid-surface-inverse-highest: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-surface-static-lowest: var( - --core-color-solid-grape-100 - ); - --semantic-color-grape-solid-surface-static-lower: var( - --core-color-solid-grape-200 - ); - --semantic-color-grape-solid-surface-static-low: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-surface-static-midLow: var( - --core-color-solid-grape-600 - ); - --semantic-color-grape-solid-surface-static-mid: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-surface-static-midHigh: var( - --core-color-solid-grape-800 - ); - --semantic-color-grape-solid-surface-static-high: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-surface-static-higher: var( - --core-color-solid-grape-1200 - ); - --semantic-color-grape-solid-surface-static-highest: var( - --core-color-solid-grape-1300 - ); - --semantic-color-grape-solid-border-normal-low: var( - --core-color-solid-grape-1300 - ); - --semantic-color-grape-solid-border-normal-mid: var( - --core-color-solid-grape-1200 - ); - --semantic-color-grape-solid-border-normal-high: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-border-normal-highest: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-border-inverse-low: var( - --core-color-solid-grape-100 - ); - --semantic-color-grape-solid-border-inverse-mid: var( - --core-color-solid-grape-200 - ); - --semantic-color-grape-solid-border-inverse-high: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-border-inverse-highest: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-border-static-lowest: var( - --core-color-solid-grape-100 - ); - --semantic-color-grape-solid-border-static-lower: var( - --core-color-solid-grape-200 - ); - --semantic-color-grape-solid-border-static-low: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-border-static-mid: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-border-static-high: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-border-static-higher: var( - --core-color-solid-grape-1200 - ); - --semantic-color-grape-solid-border-static-highest: var( - --core-color-solid-grape-1300 - ); - --semantic-color-grape-solid-textIcon-normal-lowest: var( - --core-color-solid-grape-1200 - ); - --semantic-color-grape-solid-textIcon-normal-low: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-textIcon-normal-mid: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-textIcon-normal-high: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-textIcon-inverse-lowest: var( - --core-color-solid-grape-200 - ); - --semantic-color-grape-solid-textIcon-inverse-low: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-textIcon-inverse-mid: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-textIcon-inverse-high: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-textIcon-static-lowest: var( - --core-color-solid-grape-200 - ); - --semantic-color-grape-solid-textIcon-static-low: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-textIcon-static-mid: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-textIcon-static-high: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-textIcon-static-highest: var( - --core-color-solid-grape-1200 - ); - --semantic-color-grape-opacity-surface-lowest: var( - --core-color-opacity-grape-75 - ); - --semantic-color-grape-opacity-surface-low: var( - --core-color-opacity-grape-100 - ); - --semantic-color-grape-opacity-surface-midLow: var( - --core-color-opacity-grape-200 - ); - --semantic-color-grape-opacity-surface-midHigh: var( - --core-color-opacity-grape-300 - ); - --semantic-color-grape-opacity-surface-high: var( - --core-color-opacity-grape-700 - ); - --semantic-color-grape-opacity-surface-highest: var( - --core-color-opacity-grape-800 - ); - --semantic-color-grape-opacity-border-lowest: var( - --core-color-opacity-grape-75 - ); - --semantic-color-grape-opacity-border-lower: var( - --core-color-opacity-grape-100 - ); - --semantic-color-grape-opacity-border-low: var( - --core-color-opacity-grape-200 - ); - --semantic-color-grape-opacity-border-mid: var( - --core-color-opacity-grape-300 - ); - --semantic-color-grape-opacity-border-high: var( - --core-color-opacity-grape-600 - ); - --semantic-color-grape-opacity-border-higher: var( - --core-color-opacity-grape-700 - ); - --semantic-color-grape-opacity-border-highest: var( - --core-color-opacity-grape-800 - ); - --semantic-color-grape-opacity-textIcon-low: var( - --core-color-opacity-grape-300 - ); - --semantic-color-grape-opacity-textIcon-mid: var( - --core-color-opacity-grape-400 - ); - --semantic-color-grape-opacity-textIcon-high: var( - --core-color-opacity-grape-600 - ); - --semantic-color-magenta-solid-surface-normal-lowest: var( - --core-color-solid-magenta-1300 - ); - --semantic-color-magenta-solid-surface-normal-low: var( - --core-color-solid-magenta-1200 - ); - --semantic-color-magenta-solid-surface-normal-mid: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-surface-normal-high: var( - --core-color-solid-magenta-800 - ); - --semantic-color-magenta-solid-surface-normal-highest: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-surface-inverse-lowest: var( - --core-color-solid-magenta-100 - ); - --semantic-color-magenta-solid-surface-inverse-low: var( - --core-color-solid-magenta-200 - ); - --semantic-color-magenta-solid-surface-inverse-mid: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-surface-inverse-high: var( - --core-color-solid-magenta-600 - ); - --semantic-color-magenta-solid-surface-inverse-highest: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-surface-static-lowest: var( - --core-color-solid-magenta-100 - ); - --semantic-color-magenta-solid-surface-static-lower: var( - --core-color-solid-magenta-200 - ); - --semantic-color-magenta-solid-surface-static-low: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-surface-static-midLow: var( - --core-color-solid-magenta-600 - ); - --semantic-color-magenta-solid-surface-static-mid: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-surface-static-midHigh: var( - --core-color-solid-magenta-800 - ); - --semantic-color-magenta-solid-surface-static-high: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-surface-static-higher: var( - --core-color-solid-magenta-1200 - ); - --semantic-color-magenta-solid-surface-static-highest: var( - --core-color-solid-magenta-1300 - ); - --semantic-color-magenta-solid-border-normal-low: var( - --core-color-solid-magenta-1300 - ); - --semantic-color-magenta-solid-border-normal-mid: var( - --core-color-solid-magenta-1200 - ); - --semantic-color-magenta-solid-border-normal-high: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-border-normal-highest: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-border-inverse-low: var( - --core-color-solid-magenta-100 - ); - --semantic-color-magenta-solid-border-inverse-mid: var( - --core-color-solid-magenta-200 - ); - --semantic-color-magenta-solid-border-inverse-high: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-border-inverse-highest: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-border-static-lowest: var( - --core-color-solid-magenta-100 - ); - --semantic-color-magenta-solid-border-static-lower: var( - --core-color-solid-magenta-200 - ); - --semantic-color-magenta-solid-border-static-low: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-border-static-mid: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-border-static-high: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-border-static-higher: var( - --core-color-solid-magenta-1200 - ); - --semantic-color-magenta-solid-border-static-highest: var( - --core-color-solid-magenta-1300 - ); - --semantic-color-magenta-solid-textIcon-normal-lowest: var( - --core-color-solid-magenta-1200 - ); - --semantic-color-magenta-solid-textIcon-normal-low: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-textIcon-normal-mid: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-textIcon-normal-high: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-textIcon-inverse-lowest: var( - --core-color-solid-magenta-200 - ); - --semantic-color-magenta-solid-textIcon-inverse-low: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-textIcon-inverse-mid: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-textIcon-inverse-high: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-textIcon-static-lowest: var( - --core-color-solid-magenta-200 - ); - --semantic-color-magenta-solid-textIcon-static-low: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-textIcon-static-mid: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-textIcon-static-high: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-textIcon-static-highest: var( - --core-color-solid-magenta-1200 - ); - --semantic-color-magenta-opacity-surface-lowest: var( - --core-color-opacity-magenta-75 - ); - --semantic-color-magenta-opacity-surface-low: var( - --core-color-opacity-magenta-100 - ); - --semantic-color-magenta-opacity-surface-midLow: var( - --core-color-opacity-magenta-200 - ); - --semantic-color-magenta-opacity-surface-midHigh: var( - --core-color-opacity-magenta-300 - ); - --semantic-color-magenta-opacity-surface-high: var( - --core-color-opacity-magenta-700 - ); - --semantic-color-magenta-opacity-surface-highest: var( - --core-color-opacity-magenta-800 - ); - --semantic-color-magenta-opacity-border-lowest: var( - --core-color-opacity-magenta-75 - ); - --semantic-color-magenta-opacity-border-lower: var( - --core-color-opacity-magenta-100 - ); - --semantic-color-magenta-opacity-border-low: var( - --core-color-opacity-magenta-200 - ); - --semantic-color-magenta-opacity-border-mid: var( - --core-color-opacity-magenta-300 - ); - --semantic-color-magenta-opacity-border-high: var( - --core-color-opacity-magenta-600 - ); - --semantic-color-magenta-opacity-border-higher: var( - --core-color-opacity-magenta-700 - ); - --semantic-color-magenta-opacity-border-highest: var( - --core-color-opacity-magenta-800 - ); - --semantic-color-magenta-opacity-textIcon-low: var( - --core-color-opacity-magenta-300 - ); - --semantic-color-magenta-opacity-textIcon-mid: var( - --core-color-opacity-magenta-400 - ); - --semantic-color-magenta-opacity-textIcon-high: var( - --core-color-opacity-magenta-600 - ); - --semantic-color-cherry-solid-surface-normal-lowest: var( - --core-color-solid-cherry-1300 - ); - --semantic-color-cherry-solid-surface-normal-low: var( - --core-color-solid-cherry-1200 - ); - --semantic-color-cherry-solid-surface-normal-mid: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-surface-normal-high: var( - --core-color-solid-cherry-800 - ); - --semantic-color-cherry-solid-surface-normal-highest: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-surface-inverse-lowest: var( - --core-color-solid-cherry-100 - ); - --semantic-color-cherry-solid-surface-inverse-low: var( - --core-color-solid-cherry-200 - ); - --semantic-color-cherry-solid-surface-inverse-mid: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-surface-inverse-high: var( - --core-color-solid-cherry-600 - ); - --semantic-color-cherry-solid-surface-inverse-highest: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-surface-static-lowest: var( - --core-color-solid-cherry-100 - ); - --semantic-color-cherry-solid-surface-static-lower: var( - --core-color-solid-cherry-200 - ); - --semantic-color-cherry-solid-surface-static-low: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-surface-static-midLow: var( - --core-color-solid-cherry-600 - ); - --semantic-color-cherry-solid-surface-static-mid: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-surface-static-midHigh: var( - --core-color-solid-cherry-800 - ); - --semantic-color-cherry-solid-surface-static-high: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-surface-static-higher: var( - --core-color-solid-cherry-1200 - ); - --semantic-color-cherry-solid-surface-static-highest: var( - --core-color-solid-cherry-1300 - ); - --semantic-color-cherry-solid-border-normal-low: var( - --core-color-solid-cherry-1300 - ); - --semantic-color-cherry-solid-border-normal-mid: var( - --core-color-solid-cherry-1200 - ); - --semantic-color-cherry-solid-border-normal-high: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-border-normal-highest: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-border-inverse-low: var( - --core-color-solid-cherry-100 - ); - --semantic-color-cherry-solid-border-inverse-mid: var( - --core-color-solid-cherry-200 - ); - --semantic-color-cherry-solid-border-inverse-high: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-border-inverse-highest: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-border-static-lowest: var( - --core-color-solid-cherry-100 - ); - --semantic-color-cherry-solid-border-static-lower: var( - --core-color-solid-cherry-200 - ); - --semantic-color-cherry-solid-border-static-low: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-border-static-mid: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-border-static-high: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-border-static-higher: var( - --core-color-solid-cherry-1200 - ); - --semantic-color-cherry-solid-border-static-highest: var( - --core-color-solid-cherry-1300 - ); - --semantic-color-cherry-solid-textIcon-normal-lowest: var( - --core-color-solid-cherry-1200 - ); - --semantic-color-cherry-solid-textIcon-normal-low: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-textIcon-normal-mid: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-textIcon-normal-high: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-textIcon-inverse-lowest: var( - --core-color-solid-cherry-200 - ); - --semantic-color-cherry-solid-textIcon-inverse-low: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-textIcon-inverse-mid: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-textIcon-inverse-high: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-textIcon-static-lowest: var( - --core-color-solid-cherry-200 - ); - --semantic-color-cherry-solid-textIcon-static-low: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-textIcon-static-mid: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-textIcon-static-high: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-textIcon-static-highest: var( - --core-color-solid-cherry-1200 - ); - --semantic-color-cherry-opacity-surface-lowest: var( - --core-color-opacity-cherry-75 - ); - --semantic-color-cherry-opacity-surface-low: var( - --core-color-opacity-cherry-100 - ); - --semantic-color-cherry-opacity-surface-midLow: var( - --core-color-opacity-cherry-200 - ); - --semantic-color-cherry-opacity-surface-midHigh: var( - --core-color-opacity-cherry-300 - ); - --semantic-color-cherry-opacity-surface-high: var( - --core-color-opacity-cherry-700 - ); - --semantic-color-cherry-opacity-surface-highest: var( - --core-color-opacity-cherry-800 - ); - --semantic-color-cherry-opacity-border-lowest: var( - --core-color-opacity-cherry-75 - ); - --semantic-color-cherry-opacity-border-lower: var( - --core-color-opacity-cherry-100 - ); - --semantic-color-cherry-opacity-border-low: var( - --core-color-opacity-cherry-200 - ); - --semantic-color-cherry-opacity-border-mid: var( - --core-color-opacity-cherry-300 - ); - --semantic-color-cherry-opacity-border-high: var( - --core-color-opacity-cherry-600 - ); - --semantic-color-cherry-opacity-border-higher: var( - --core-color-opacity-cherry-700 - ); - --semantic-color-cherry-opacity-border-highest: var( - --core-color-opacity-cherry-800 - ); - --semantic-color-cherry-opacity-textIcon-low: var( - --core-color-opacity-cherry-300 - ); - --semantic-color-cherry-opacity-textIcon-mid: var( - --core-color-opacity-cherry-400 - ); - --semantic-color-cherry-opacity-textIcon-high: var( - --core-color-opacity-cherry-600 - ); - --semantic-color-coral-solid-surface-normal-lowest: var( - --core-color-solid-coral-1300 - ); - --semantic-color-coral-solid-surface-normal-low: var( - --core-color-solid-coral-1200 - ); - --semantic-color-coral-solid-surface-normal-mid: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-surface-normal-high: var( - --core-color-solid-coral-800 - ); - --semantic-color-coral-solid-surface-normal-highest: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-surface-inverse-lowest: var( - --core-color-solid-coral-100 - ); - --semantic-color-coral-solid-surface-inverse-low: var( - --core-color-solid-coral-200 - ); - --semantic-color-coral-solid-surface-inverse-mid: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-surface-inverse-high: var( - --core-color-solid-coral-600 - ); - --semantic-color-coral-solid-surface-inverse-highest: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-surface-static-lowest: var( - --core-color-solid-coral-100 - ); - --semantic-color-coral-solid-surface-static-lower: var( - --core-color-solid-coral-200 - ); - --semantic-color-coral-solid-surface-static-low: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-surface-static-midLow: var( - --core-color-solid-coral-600 - ); - --semantic-color-coral-solid-surface-static-mid: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-surface-static-midHigh: var( - --core-color-solid-coral-800 - ); - --semantic-color-coral-solid-surface-static-high: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-surface-static-higher: var( - --core-color-solid-coral-1200 - ); - --semantic-color-coral-solid-surface-static-highest: var( - --core-color-solid-coral-1300 - ); - --semantic-color-coral-solid-border-normal-low: var( - --core-color-solid-coral-1300 - ); - --semantic-color-coral-solid-border-normal-mid: var( - --core-color-solid-coral-1200 - ); - --semantic-color-coral-solid-border-normal-high: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-border-normal-highest: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-border-inverse-low: var( - --core-color-solid-coral-100 - ); - --semantic-color-coral-solid-border-inverse-mid: var( - --core-color-solid-coral-200 - ); - --semantic-color-coral-solid-border-inverse-high: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-border-inverse-highest: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-border-static-lowest: var( - --core-color-solid-coral-100 - ); - --semantic-color-coral-solid-border-static-lower: var( - --core-color-solid-coral-200 - ); - --semantic-color-coral-solid-border-static-low: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-border-static-mid: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-border-static-high: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-border-static-higher: var( - --core-color-solid-coral-1200 - ); - --semantic-color-coral-solid-border-static-highest: var( - --core-color-solid-coral-1300 - ); - --semantic-color-coral-solid-textIcon-normal-lowest: var( - --core-color-solid-coral-1200 - ); - --semantic-color-coral-solid-textIcon-normal-low: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-textIcon-normal-mid: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-textIcon-normal-high: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-textIcon-inverse-lowest: var( - --core-color-solid-coral-200 - ); - --semantic-color-coral-solid-textIcon-inverse-low: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-textIcon-inverse-mid: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-textIcon-inverse-high: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-textIcon-static-lowest: var( - --core-color-solid-coral-200 - ); - --semantic-color-coral-solid-textIcon-static-low: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-textIcon-static-mid: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-textIcon-static-high: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-textIcon-static-highest: var( - --core-color-solid-coral-1200 - ); - --semantic-color-coral-opacity-surface-lowest: var( - --core-color-opacity-coral-75 - ); - --semantic-color-coral-opacity-surface-low: var( - --core-color-opacity-coral-100 - ); - --semantic-color-coral-opacity-surface-midLow: var( - --core-color-opacity-coral-200 - ); - --semantic-color-coral-opacity-surface-midHigh: var( - --core-color-opacity-coral-300 - ); - --semantic-color-coral-opacity-surface-high: var( - --core-color-opacity-coral-700 - ); - --semantic-color-coral-opacity-surface-highest: var( - --core-color-opacity-coral-800 - ); - --semantic-color-coral-opacity-border-lowest: var( - --core-color-opacity-coral-75 - ); - --semantic-color-coral-opacity-border-lower: var( - --core-color-opacity-coral-100 - ); - --semantic-color-coral-opacity-border-low: var( - --core-color-opacity-coral-200 - ); - --semantic-color-coral-opacity-border-mid: var( - --core-color-opacity-coral-300 - ); - --semantic-color-coral-opacity-border-high: var( - --core-color-opacity-coral-600 - ); - --semantic-color-coral-opacity-border-higher: var( - --core-color-opacity-coral-700 - ); - --semantic-color-coral-opacity-border-highest: var( - --core-color-opacity-coral-800 - ); - --semantic-color-coral-opacity-textIcon-low: var( - --core-color-opacity-coral-300 - ); - --semantic-color-coral-opacity-textIcon-mid: var( - --core-color-opacity-coral-400 - ); - --semantic-color-coral-opacity-textIcon-high: var( - --core-color-opacity-coral-600 - ); - --semantic-color-component-segmentedControl-item-bg-selected: var( - --core-color-opacity-white-200 - ); - --component-textIcon-normal-prominent: var( - --semantic-color-slate-solid-textIcon-normal-highest - ); - --component-textIcon-normal-default: var( - --semantic-color-monochrome-textIcon-normal-high - ); - --component-textIcon-normal-subtle: var( - --semantic-color-monochrome-textIcon-normal-mid - ); - --component-textIcon-normal-disabled: var( - --semantic-color-monochrome-textIcon-normal-low - ); - --component-textIcon-inverse-prominent: var( - --semantic-color-slate-solid-textIcon-inverse-highest - ); - --component-textIcon-inverse-default: var( - --semantic-color-monochrome-textIcon-inverse-high - ); - --component-textIcon-inverse-subtle: var( - --semantic-color-monochrome-textIcon-inverse-mid - ); - --component-textIcon-inverse-disabled: var( - --semantic-color-monochrome-textIcon-inverse-low - ); - --component-textIcon-static-prominentLight: var( - --semantic-color-slate-solid-textIcon-static-highest - ); - --component-textIcon-static-defaultLight: var( - --semantic-color-monochrome-textIcon-static-blackHigh - ); - --component-textIcon-static-subtleLight: var( - --semantic-color-monochrome-textIcon-static-blackMid - ); - --component-textIcon-static-disabledLight: var( - --semantic-color-monochrome-textIcon-static-blackLow - ); - --component-textIcon-static-prominentDark: var(--core-color-solid-slate-50); - --component-textIcon-static-defaultDark: var( - --core-color-opacity-white-600 - ); - --component-textIcon-static-subtleDark: var(--core-color-opacity-white-400); - --component-textIcon-static-disabledDark: var( - --core-color-opacity-white-300 - ); - --component-textIcon-statusNormal-information: var( - --semantic-color-blue-solid-textIcon-normal-high - ); - --component-textIcon-statusNormal-success: var( - --semantic-color-green-solid-textIcon-normal-high - ); - --component-textIcon-statusNormal-warning: var( - --semantic-color-yellow-solid-textIcon-normal-high - ); - --component-textIcon-statusNormal-danger: var( - --semantic-color-red-solid-textIcon-normal-high - ); - --component-textIcon-statusInverse-information: var( - --semantic-color-blue-solid-textIcon-inverse-high - ); - --component-textIcon-statusInverse-success: var( - --semantic-color-green-solid-textIcon-inverse-high - ); - --component-textIcon-statusInverse-warning: var( - --semantic-color-yellow-solid-textIcon-inverse-high - ); - --component-textIcon-statusInverse-danger: var( - --semantic-color-red-solid-textIcon-inverse-high - ); - --component-textIcon-statusStatic-informationLight: var( - --semantic-color-blue-solid-textIcon-static-high - ); - --component-textIcon-statusStatic-successLight: var( - --semantic-color-green-solid-textIcon-static-high - ); - --component-textIcon-statusStatic-warningLight: var( - --semantic-color-yellow-solid-textIcon-static-high - ); - --component-textIcon-statusStatic-dangerLight: var( - --semantic-color-red-solid-textIcon-static-high - ); - --component-textIcon-statusStatic-informationDark: var( - --semantic-color-blue-solid-textIcon-static-low - ); - --component-textIcon-statusStatic-successDark: var( - --semantic-color-green-solid-textIcon-static-low - ); - --component-textIcon-statusStatic-warningDark: var( - --semantic-color-yellow-solid-textIcon-static-low - ); - --component-textIcon-statusStatic-dangerDark: var( - --semantic-color-red-solid-textIcon-static-low - ); - --component-handle-bg: var( - --semantic-color-monochrome-surface-normal-midHigh - ); - --component-handle-border-radius: var(--semantic-borderRadius-pill); - --component-handle-width: var(--core-size-2400); - --component-handle-height: var(--core-size-200); - --component-selectionControl-icon-default: var( - --component-textIcon-normal-subtle - ); - --component-selectionControl-icon-hover: var( - --component-textIcon-normal-default - ); - --component-selectionControl-icon-active: var( - --component-textIcon-normal-prominent - ); - --component-selectionControl-icon-selectedDefault: var( - --component-textIcon-normal-prominent - ); - --component-selectionControl-icon-selectedHover: var( - --semantic-color-monochrome-surface-normal-high - ); - --component-selectionControl-icon-selectedActive: var( - --semantic-color-monochrome-surface-normal-highest - ); - --component-selectionControl-icon-disabled: var( - --component-textIcon-normal-disabled - ); - --component-selectionControl-label-typography-sm: var( - --semantic-typography-body-sm-regular-default - ); - --component-selectionControl-label-typography-md: var( - --semantic-typography-body-md-regular-default - ); - --component-selectionControl-label-color-default: var( - --component-textIcon-normal-default - ); - --component-selectionControl-label-color-hover: var( - --component-textIcon-normal-default - ); - --component-selectionControl-label-color-active: var( - --component-textIcon-normal-default - ); - --component-selectionControl-label-color-selectedDefault: var( - --component-textIcon-normal-default - ); - --component-selectionControl-label-color-selectedHover: var( - --component-textIcon-normal-default - ); - --component-selectionControl-label-color-selectedActive: var( - --component-textIcon-normal-default - ); - --component-selectionControl-label-color-disabled: var( - --component-textIcon-normal-disabled - ); - --component-selectionControl-spacing-gap-sm: var(--semantic-spacing-gap-md); - --component-selectionControl-spacing-gap-md: var(--semantic-spacing-gap-md); - --component-tab-icon-default: var(--component-textIcon-normal-default); - --component-tab-icon-selected: var(--component-textIcon-normal-prominent); - --component-tab-icon-disabled: var(--component-textIcon-normal-disabled); - --component-tab-label-typography-sm: var( - --semantic-typography-body-sm-regular-default - ); - --component-tab-label-typography-md: var( - --semantic-typography-body-md-regular-default - ); - --component-tab-label-color-default: var( - --component-textIcon-normal-default - ); - --component-tab-label-color-selected: var( - --component-textIcon-normal-prominent - ); - --component-tab-label-color-disabled: var( - --component-textIcon-normal-disabled - ); - --component-tab-border-color-default: var( - --semantic-color-monochrome-border-normal-mid - ); - --component-tab-border-color-hover: var( - --semantic-color-monochrome-border-normal-high - ); - --component-tab-border-color-active: var( - --semantic-color-monochrome-border-normal-highest - ); - --component-tab-border-color-selected: var( - --semantic-color-slate-solid-border-inverse-lowest - ); - --component-tab-border-color-disabled: var( - --semantic-color-monochrome-border-normal-mid - ); - --component-tab-border-width-item: var(--borderWidth-sm); - --component-tab-border-width-body: var(--borderWidth-xs); - --component-tab-spacing-padding-sm: var(--semantic-spacing-general-sm); - --component-tab-spacing-padding-md: var(--semantic-spacing-general-md); - --component-tab-spacing-gap-sm: var(--semantic-spacing-gap-sm); - --component-tab-spacing-gap-md: var(--semantic-spacing-gap-md); - --component-tab-height-iconTop-sm: var(--core-size-3200); - --component-tab-height-iconTop-md: var(--core-size-3600); - --component-tab-height-iconLeft-sm: var(--core-size-1600); - --component-tab-height-iconLeft-md: var(--core-size-2400); - --component-tab-height-labelOnly-sm: var(--core-size-1600); - --component-tab-height-labelOnly-md: var(--core-size-2400); - --component-field-label-typography-md-default: var( - --semantic-typography-body-md-regular-default - ); - --component-field-label-typography-md-enabled: var( - --semantic-typography-caption-regular-default - ); - --component-field-label-color-default: var( - --component-textIcon-normal-default - ); - --component-field-label-color-focus: var( - --component-textIcon-normal-prominent - ); - --component-field-label-color-enabled: var( - --component-textIcon-normal-default - ); - --component-field-label-color-success: var( - --component-textIcon-statusNormal-success - ); - --component-field-label-color-fail: var( - --component-textIcon-statusNormal-danger - ); - --component-field-label-color-disabled: var( - --component-textIcon-normal-disabled - ); - --component-field-placeholder-typography-sm: var( - --semantic-typography-body-sm-regular-default - ); - --component-field-placeholder-typography-md: var( - --semantic-typography-body-md-regular-default - ); - --component-field-placeholder-color: var( - --component-textIcon-normal-disabled - ); - --component-field-input-typography-sm: var( - --semantic-typography-body-sm-regular-default - ); - --component-field-input-typography-md: var( - --semantic-typography-body-md-regular-default - ); - --component-field-input-color-focus: var( - --component-textIcon-normal-prominent - ); - --component-field-input-color-enabled: var( - --component-textIcon-normal-default - ); - --component-field-input-color-disabled: var( - --component-textIcon-normal-disabled - ); - --component-field-message: var( - --semantic-typography-caption-regular-default - ); - --component-field-charCount: var( - --semantic-typography-caption-regular-default - ); - --component-field-bg-outline-default: var( - --semantic-color-slate-solid-surface-frame-low - ); - --component-field-bg-fill-default: var( - --semantic-color-monochrome-surface-normal-lowest - ); - --component-field-bg-fill-hover: var( - --semantic-color-monochrome-surface-normal-low - ); - --component-field-bg-fill-focus: var( - --semantic-color-monochrome-surface-normal-lowest - ); - --component-field-bg-fill-successDefault: var( - --semantic-color-green-opacity-surface-low - ); - --component-field-bg-fill-successHover: var( - --semantic-color-green-opacity-surface-midLow - ); - --component-field-bg-fill-successFocus: var( - --semantic-color-green-opacity-surface-low - ); - --component-field-bg-fill-failDefault: var( - --semantic-color-red-opacity-surface-low - ); - --component-field-bg-fill-failHover: var( - --semantic-color-red-opacity-surface-midLow - ); - --component-field-bg-fill-failFocus: var( - --semantic-color-red-opacity-surface-low - ); - --component-field-border-radius-sm: var(--semantic-borderRadius-md); - --component-field-border-radius-md: var(--semantic-borderRadius-md); - --component-field-border-width: var(--borderWidth-xs); - --component-field-border-color-default: var( - --semantic-color-monochrome-border-normal-mid - ); - --component-field-border-color-hover: var( - --semantic-color-monochrome-border-normal-high - ); - --component-field-border-color-focus: var( - --semantic-color-slate-solid-border-inverse-lowest - ); - --component-field-border-color-successDefault: var( - --semantic-color-green-opacity-border-high - ); - --component-field-border-color-successHover: var( - --semantic-color-green-opacity-border-highest - ); - --component-field-border-color-successFocus: var( - --semantic-color-green-solid-border-inverse-high - ); - --component-field-border-color-failDefault: var( - --semantic-color-red-opacity-border-high - ); - --component-field-border-color-failHover: var( - --semantic-color-red-opacity-border-highest - ); - --component-field-border-color-failFocus: var( - --semantic-color-red-solid-border-inverse-high - ); - --component-field-border-color-disabled: var( - --semantic-color-monochrome-border-normal-mid - ); - --component-field-spacing-padding-sm: var(--semantic-spacing-general-sm); - --component-field-spacing-padding-md: var(--semantic-spacing-general-md); - --component-field-spacing-gap-xs: var(--semantic-spacing-gap-sm); - --component-field-spacing-gap-sm: var(--semantic-spacing-gap-md); - --component-field-height-sm: var(--core-size-1600); - --component-field-height-md: var(--core-size-2800); - --component-toggle-bg-default: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-toggle-bg-hover: var( - --semantic-color-monochrome-surface-normal-midHigh - ); - --component-toggle-bg-active: var( - --semantic-color-monochrome-textIcon-normal-mid - ); - --component-toggle-bg-disabled: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-toggle-bg-defaultOn: var( - --semantic-color-green-opacity-surface-high - ); - --component-toggle-bg-hoverOn: var( - --semantic-color-green-opacity-surface-highest - ); - --component-toggle-bg-activeOn: var( - --semantic-color-green-solid-surface-inverse-mid - ); - --component-toggle-bg-disabledOn: var( - --semantic-color-green-opacity-surface-high - ); - --component-toggle-knob-default: var( - --semantic-color-slate-solid-surface-static-lowest - ); - --component-toggle-knob-disabled: var( - --semantic-color-monochrome-textIcon-static-whiteMid - ); - --component-toggle-knob-size: var(--core-size-1000); - --component-toggle-border-radius: var(--semantic-borderRadius-pill); - --component-toggle-spacing-padding: var(--semantic-spacing-general-2xs); - --component-toggle-width: var(--core-size-2200); - --component-toggle-height: var(--core-size-1200); - --component-modal-title-typography: var(--semantic-typography-heading-h4); - --component-modal-description-typography: var( - --semantic-typography-body-md-regular-default - ); - --component-modal-bg: var(--semantic-color-slate-solid-surface-frame-low); - --component-modal-border-radius-bottom: var(--core-borderRadius-800); - --component-modal-border-radius-overlay: var(--core-borderRadius-1600); - --component-modal-spacing-bottom-padding-sm: var(--core-spacing-1200); - --component-modal-spacing-bottom-padding-lg: var(--core-spacing-2200); - --component-modal-spacing-bottom-gap: var(--core-spacing-1200); - --component-modal-spacing-overlay-padding-sm: var(--core-spacing-1200); - --component-modal-spacing-overlay-padding-md: var(--core-spacing-1600); - --component-modal-spacing-overlay-gap: var(--core-spacing-1600); - --component-modal-width-bottom-min: 320px; - --component-modal-width-bottom-max: 800px; - --component-modal-width-overlay: 512px; - --component-button-icon-coral-primary: var(--core-color-solid-slate-50); - --component-button-icon-coral-secondary: var(--core-color-solid-coral-700); - --component-button-icon-coral-tertiary: var(--core-color-solid-coral-700); - --component-button-icon-black-primary: var(--core-color-solid-slate-50); - --component-button-icon-black-secondary: var(--core-color-solid-slate-1400); - --component-button-icon-black-tertiary: var(--core-color-solid-slate-1400); - --component-button-icon-white-primary: var(--core-color-solid-slate-1400); - --component-button-icon-white-secondary: var(--core-color-solid-slate-50); - --component-button-icon-white-tertiary: var(--core-color-solid-slate-50); - --component-button-icon-blackWhite-primary: var( - --semantic-color-slate-solid-textIcon-inverse-highest - ); - --component-button-icon-blackWhite-secondary: var( - --semantic-color-slate-solid-textIcon-normal-highest - ); - --component-button-icon-blackWhite-tertiary: var( - --semantic-color-slate-solid-textIcon-normal-highest - ); - --component-button-icon-buy-primary: var(--core-color-solid-slate-50); - --component-button-icon-buy-secondary: var(--core-color-solid-emerald-700); - --component-button-icon-buy-tertiary: var(--core-color-solid-emerald-700); - --component-button-icon-sell-primary: var(--core-color-solid-slate-50); - --component-button-icon-sell-secondary: var(--core-color-solid-cherry-700); - --component-button-icon-sell-tertiary: var(--core-color-solid-cherry-700); - --component-button-icon-success-primary: var(--core-color-solid-slate-50); - --component-button-icon-success-secondary: var( - --core-color-solid-green-700 - ); - --component-button-icon-success-tertiary: var(--core-color-solid-green-700); - --component-button-icon-fail-primary: var(--core-color-solid-slate-50); - --component-button-icon-fail-secondary: var(--core-color-solid-red-700); - --component-button-icon-fail-tertiary: var(--core-color-solid-red-700); - --component-button-label-typography-primary-sm: var( - --semantic-typography-caption-bold-default - ); - --component-button-label-typography-primary-md: var( - --semantic-typography-body-sm-bold-default - ); - --component-button-label-typography-primary-lg: var( - --semantic-typography-body-md-bold-default - ); - --component-button-label-typography-primary-xl: var( - --semantic-typography-body-lg-bold-default - ); - --component-button-label-typography-secondary-sm: var( - --semantic-typography-caption-bold-default - ); - --component-button-label-typography-secondary-md: var( - --semantic-typography-body-sm-bold-default - ); - --component-button-label-typography-secondary-lg: var( - --semantic-typography-body-md-bold-default - ); - --component-button-label-typography-secondary-xl: var( - --semantic-typography-body-lg-bold-default - ); - --component-button-label-typography-tertiary-sm: var( - --semantic-typography-caption-bold-underline - ); - --component-button-label-typography-tertiary-md: var( - --semantic-typography-body-sm-bold-underline - ); - --component-button-label-typography-tertiary-lg: var( - --semantic-typography-body-md-bold-underline - ); - --component-button-label-typography-tertiary-xl: var( - --semantic-typography-body-lg-bold-underline - ); - --component-button-label-color-coral-primary: var( - --core-color-solid-slate-50 - ); - --component-button-label-color-coral-secondary: var( - --core-color-solid-coral-700 - ); - --component-button-label-color-coral-tertiary: var( - --core-color-solid-coral-700 - ); - --component-button-label-color-black-primary: var( - --core-color-solid-slate-50 - ); - --component-button-label-color-black-secondary: var( - --core-color-solid-slate-1400 - ); - --component-button-label-color-black-tertiary: var( - --core-color-solid-slate-1400 - ); - --component-button-label-color-white-primary: var( - --core-color-solid-slate-1400 - ); - --component-button-label-color-white-secondary: var( - --core-color-solid-slate-50 - ); - --component-button-label-color-white-tertiary: var( - --core-color-solid-slate-50 - ); - --component-button-label-color-blackWhite-primary: var( - --component-textIcon-inverse-prominent - ); - --component-button-label-color-blackWhite-secondary: var( - --component-textIcon-normal-prominent - ); - --component-button-label-color-blackWhite-tertiary: var( - --component-textIcon-normal-prominent - ); - --component-button-label-color-buy-primary: var( - --core-color-solid-slate-50 - ); - --component-button-label-color-buy-secondary: var( - --core-color-solid-emerald-700 - ); - --component-button-label-color-buy-tertiary: var( - --core-color-solid-emerald-700 - ); - --component-button-label-color-sell-primary: var( - --core-color-solid-slate-50 - ); - --component-button-label-color-sell-secondary: var( - --core-color-solid-cherry-700 - ); - --component-button-label-color-sell-tertiary: var( - --core-color-solid-cherry-700 - ); - --component-button-label-color-success-primary: var( - --core-color-solid-slate-50 - ); - --component-button-label-color-success-secondary: var( - --core-color-solid-green-700 - ); - --component-button-label-color-success-tertiary: var( - --core-color-solid-green-700 - ); - --component-button-label-color-fail-primary: var( - --core-color-solid-slate-50 - ); - --component-button-label-color-fail-secondary: var( - --core-color-solid-red-700 - ); - --component-button-label-color-fail-tertiary: var( - --core-color-solid-red-700 - ); - --component-button-label-color-google-primary: var( - --component-textIcon-normal-prominent - ); - --component-button-label-color-google-secondary: var( - --component-textIcon-normal-prominent - ); - --component-button-label-color-facebook-primary: var( - --core-color-solid-slate-50 - ); - --component-button-label-color-facebook-secondary: var( - --component-textIcon-normal-prominent - ); - --component-button-label-color-apple-primary: var( - --component-textIcon-inverse-prominent - ); - --component-button-label-color-apple-secondary: var( - --component-textIcon-normal-prominent - ); - --component-button-bg-coral-primary-default: var( - --core-color-solid-coral-700 - ); - --component-button-bg-coral-primary-hover: var( - --core-color-solid-coral-800 - ); - --component-button-bg-coral-primary-active: var( - --core-color-solid-coral-900 - ); - --component-button-bg-coral-primary-loading: var( - --core-color-solid-coral-900 - ); - --component-button-bg-coral-secondary-hover: var( - --core-color-opacity-coral-100 - ); - --component-button-bg-coral-secondary-active: var( - --core-color-opacity-coral-200 - ); - --component-button-bg-coral-secondary-loading: var( - --core-color-opacity-coral-200 - ); - --component-button-bg-coral-tertiary-hover: var( - --core-color-opacity-coral-100 - ); - --component-button-bg-coral-tertiary-active: var( - --core-color-opacity-coral-200 - ); - --component-button-bg-coral-tertiary-loading: var( - --core-color-opacity-coral-200 - ); - --component-button-bg-black-primary-default: var( - --core-color-solid-slate-1400 - ); - --component-button-bg-black-primary-hover: var( - --core-color-opacity-black-700 - ); - --component-button-bg-black-primary-active: var( - --core-color-opacity-black-800 - ); - --component-button-bg-black-primary-loading: var( - --core-color-opacity-black-800 - ); - --component-button-bg-black-secondary-hover: var( - --core-color-opacity-black-100 - ); - --component-button-bg-black-secondary-active: var( - --core-color-opacity-black-200 - ); - --component-button-bg-black-secondary-loading: var( - --core-color-opacity-black-200 - ); - --component-button-bg-black-tertiary-hover: var( - --core-color-opacity-black-100 - ); - --component-button-bg-black-tertiary-active: var( - --core-color-opacity-black-200 - ); - --component-button-bg-black-tertiary-loading: var( - --core-color-opacity-black-200 - ); - --component-button-bg-white-primary-default: var( - --core-color-solid-slate-50 - ); - --component-button-bg-white-primary-hover: var( - --core-color-opacity-white-800 - ); - --component-button-bg-white-primary-active: var( - --core-color-opacity-white-700 - ); - --component-button-bg-white-primary-loading: var( - --core-color-opacity-white-700 - ); - --component-button-bg-white-secondary-hover: var( - --core-color-opacity-white-200 - ); - --component-button-bg-white-secondary-active: var( - --core-color-opacity-white-100 - ); - --component-button-bg-white-secondary-loading: var( - --core-color-opacity-white-100 - ); - --component-button-bg-white-tertiary-hover: var( - --core-color-opacity-white-200 - ); - --component-button-bg-white-tertiary-active: var( - --core-color-opacity-white-100 - ); - --component-button-bg-white-tertiary-loading: var( - --core-color-opacity-white-100 - ); - --component-button-bg-blackWhite-primary-default: var( - --semantic-color-slate-solid-surface-inverse-lowest - ); - --component-button-bg-blackWhite-primary-hover: var( - --semantic-color-monochrome-surface-normal-high - ); - --component-button-bg-blackWhite-primary-active: var( - --semantic-color-monochrome-surface-normal-highest - ); - --component-button-bg-blackWhite-primary-loading: var( - --semantic-color-monochrome-surface-normal-highest - ); - --component-button-bg-blackWhite-secondary-hover: var( - --semantic-color-monochrome-surface-normal-low - ); - --component-button-bg-blackWhite-secondary-active: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-button-bg-blackWhite-secondary-loading: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-button-bg-blackWhite-tertiary-hover: var( - --semantic-color-monochrome-surface-normal-low - ); - --component-button-bg-blackWhite-tertiary-active: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-button-bg-blackWhite-tertiary-loading: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-button-bg-buy-primary-default: var( - --core-color-solid-emerald-700 - ); - --component-button-bg-buy-primary-hover: var( - --core-color-solid-emerald-800 - ); - --component-button-bg-buy-primary-active: var( - --core-color-solid-emerald-900 - ); - --component-button-bg-buy-primary-loading: var( - --core-color-solid-emerald-900 - ); - --component-button-bg-buy-secondary-hover: var( - --core-color-opacity-emerald-100 - ); - --component-button-bg-buy-secondary-active: var( - --core-color-opacity-emerald-200 - ); - --component-button-bg-buy-secondary-loading: var( - --core-color-opacity-emerald-200 - ); - --component-button-bg-buy-tertiary-hover: var( - --core-color-opacity-emerald-100 - ); - --component-button-bg-buy-tertiary-active: var( - --core-color-opacity-emerald-200 - ); - --component-button-bg-buy-tertiary-loading: var( - --core-color-opacity-emerald-200 - ); - --component-button-bg-sell-primary-default: var( - --core-color-solid-cherry-700 - ); - --component-button-bg-sell-primary-hover: var( - --core-color-solid-cherry-800 - ); - --component-button-bg-sell-primary-active: var( - --core-color-solid-cherry-900 - ); - --component-button-bg-sell-primary-loading: var( - --core-color-solid-cherry-900 - ); - --component-button-bg-sell-secondary-hover: var( - --core-color-opacity-cherry-100 - ); - --component-button-bg-sell-secondary-active: var( - --core-color-opacity-cherry-200 - ); - --component-button-bg-sell-secondary-loading: var( - --core-color-opacity-cherry-200 - ); - --component-button-bg-sell-tertiary-hover: var( - --core-color-opacity-cherry-100 - ); - --component-button-bg-sell-tertiary-active: var( - --core-color-opacity-cherry-200 - ); - --component-button-bg-sell-tertiary-loading: var( - --core-color-opacity-cherry-200 - ); - --component-button-bg-success-primary-default: var( - --core-color-solid-green-700 - ); - --component-button-bg-success-primary-hover: var( - --core-color-solid-green-800 - ); - --component-button-bg-success-primary-active: var( - --core-color-solid-green-900 - ); - --component-button-bg-success-primary-loading: var( - --core-color-solid-green-900 - ); - --component-button-bg-success-secondary-hover: var( - --core-color-opacity-green-100 - ); - --component-button-bg-success-secondary-active: var( - --core-color-opacity-green-200 - ); - --component-button-bg-success-secondary-loading: var( - --core-color-opacity-green-200 - ); - --component-button-bg-success-tertiary-hover: var( - --core-color-opacity-green-100 - ); - --component-button-bg-success-tertiary-active: var( - --core-color-opacity-green-200 - ); - --component-button-bg-success-tertiary-loading: var( - --core-color-opacity-green-200 - ); - --component-button-bg-fail-primary-default: var(--core-color-solid-red-700); - --component-button-bg-fail-primary-hover: var(--core-color-solid-red-800); - --component-button-bg-fail-primary-active: var(--core-color-solid-red-900); - --component-button-bg-fail-primary-loading: var(--core-color-solid-red-900); - --component-button-bg-fail-secondary-hover: var( - --core-color-opacity-red-100 - ); - --component-button-bg-fail-secondary-active: var( - --core-color-opacity-red-200 - ); - --component-button-bg-fail-secondary-loading: var( - --core-color-opacity-red-200 - ); - --component-button-bg-fail-tertiary-hover: var( - --core-color-opacity-red-100 - ); - --component-button-bg-fail-tertiary-active: var( - --core-color-opacity-red-200 - ); - --component-button-bg-fail-tertiary-loading: var( - --core-color-opacity-red-200 - ); - --component-button-bg-google-primary-default: var( - --semantic-color-monochrome-surface-normal-lowest - ); - --component-button-bg-google-primary-hover: var( - --semantic-color-monochrome-surface-normal-low - ); - --component-button-bg-google-primary-active: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-button-bg-google-primary-loading: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-button-bg-google-secondary-hover: var( - --semantic-color-monochrome-surface-normal-low - ); - --component-button-bg-google-secondary-active: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-button-bg-google-secondary-loading: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-button-bg-facebook-primary-default: #1877f2; - --component-button-bg-facebook-primary-hover: #166ddf; - --component-button-bg-facebook-primary-active: #1464cb; - --component-button-bg-facebook-primary-loading: #1464cb; - --component-button-bg-facebook-secondary-hover: var( - --semantic-color-monochrome-surface-normal-low - ); - --component-button-bg-facebook-secondary-active: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-button-bg-facebook-secondary-loading: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-button-bg-apple-primary-default: var( - --semantic-color-slate-solid-surface-inverse-lowest - ); - --component-button-bg-apple-primary-hover: var( - --semantic-color-monochrome-surface-normal-high - ); - --component-button-bg-apple-primary-active: var( - --semantic-color-monochrome-surface-normal-highest - ); - --component-button-bg-apple-primary-loading: var( - --semantic-color-monochrome-surface-normal-highest - ); - --component-button-bg-apple-secondary-hover: var( - --semantic-color-monochrome-surface-normal-low - ); - --component-button-bg-apple-secondary-active: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-button-bg-apple-secondary-loading: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-button-border-radius-sm: var(--core-borderRadius-400); - --component-button-border-radius-md: var(--core-borderRadius-600); - --component-button-border-radius-lg: var(--core-borderRadius-800); - --component-button-border-radius-xl: var(--core-borderRadius-1200); - --component-button-border-width-sm: var(--core-borderWidth-75); - --component-button-border-width-md: var(--core-borderWidth-100); - --component-button-border-color-coral: var(--core-color-solid-coral-700); - --component-button-border-color-black: var(--core-color-solid-slate-1400); - --component-button-border-color-white: var(--core-color-solid-slate-50); - --component-button-border-color-blackWhite: var( - --semantic-color-slate-solid-border-inverse-lowest - ); - --component-button-border-color-buy: var(--core-color-solid-emerald-700); - --component-button-border-color-sell: var(--core-color-solid-cherry-700); - --component-button-border-color-success: var(--core-color-solid-green-700); - --component-button-border-color-fail: var(--core-color-solid-red-700); - --component-button-border-color-google: var( - --semantic-color-monochrome-border-normal-mid - ); - --component-button-border-color-facebook: var( - --semantic-color-monochrome-border-normal-mid - ); - --component-button-border-color-apple: var( - --semantic-color-monochrome-border-normal-mid - ); - --component-button-spacing-padding-sm: var(--core-spacing-400); - --component-button-spacing-padding-md: var(--core-spacing-600); - --component-button-spacing-padding-lg: var(--core-spacing-800); - --component-button-spacing-padding-xl: var(--core-spacing-1200); - --component-button-spacing-padding-2xl: var(--core-spacing-1600); - --component-button-spacing-padding-3xl: var(--core-spacing-2000); - --component-button-spacing-padding-4xl: var(--core-spacing-2800); - --component-button-spacing-gap-sm: var(--core-spacing-200); - --component-button-spacing-gap-md: var(--core-spacing-300); - --component-button-spacing-gap-lg: var(--core-spacing-400); - --component-button-spacing-gap-xl: var(--core-spacing-600); - --component-button-width-sm: var(--core-size-1200); - --component-button-width-md: var(--core-size-1600); - --component-button-width-lg: var(--core-size-2400); - --component-button-width-xl: var(--core-size-3200); - --component-button-width-min-sm: 48px; - --component-button-width-min-md: 64px; - --component-button-width-min-lg: 96px; - --component-button-width-min-xl: 128px; - --component-button-height-sm: var(--core-size-1200); - --component-button-height-md: var(--core-size-1600); - --component-button-height-lg: var(--core-size-2400); - --component-button-height-xl: var(--core-size-3200); - --component-segmentedControl-icon-single-default: var( - --component-textIcon-normal-default - ); - --component-segmentedControl-icon-single-selected: var( - --component-textIcon-normal-prominent - ); - --component-segmentedControl-icon-single-disabled: var( - --component-textIcon-normal-disabled - ); - --component-segmentedControl-icon-multi-default: var( - --component-textIcon-normal-default - ); - --component-segmentedControl-icon-multi-selected: var( - --component-textIcon-inverse-prominent - ); - --component-segmentedControl-icon-multi-disabled: var( - --component-textIcon-normal-disabled - ); - --component-segmentedControl-label-typography-sm: var( - --semantic-typography-body-sm-regular-default - ); - --component-segmentedControl-label-typography-md: var( - --semantic-typography-body-md-regular-default - ); - --component-segmentedControl-label-typography-lg: var( - --semantic-typography-body-lg-regular-default - ); - --component-segmentedControl-label-single-color-default: var( - --component-textIcon-normal-default - ); - --component-segmentedControl-label-single-color-selected: var( - --component-textIcon-normal-prominent - ); - --component-segmentedControl-label-single-color-disabled: var( - --component-textIcon-normal-disabled - ); - --component-segmentedControl-label-multi-color-default: var( - --component-textIcon-normal-default - ); - --component-segmentedControl-label-multi-color-selected: var( - --component-textIcon-inverse-prominent - ); - --component-segmentedControl-label-multi-color-disabled: var( - --component-textIcon-normal-disabled - ); - --component-segmentedControl-bg-single-item-hover: var( - --semantic-color-monochrome-surface-normal-low - ); - --component-segmentedControl-bg-single-item-active: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-segmentedControl-bg-single-item-selected: var( - --semantic-color-component-segmentedControl-item-bg-selected - ); - --component-segmentedControl-bg-single-body: var( - --semantic-color-monochrome-surface-normal-lowest - ); - --component-segmentedControl-bg-multi-item-hover: var( - --semantic-color-monochrome-surface-normal-low - ); - --component-segmentedControl-bg-multi-item-active: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-segmentedControl-bg-multi-item-selected: var( - --semantic-color-slate-solid-surface-inverse-lowest - ); - --component-segmentedControl-bg-multi-body: var( - --semantic-color-monochrome-surface-normal-lowest - ); - --component-segmentedControl-border-radius-single-item-sm: var( - --semantic-spacing-general-xs - ); - --component-segmentedControl-border-radius-single-item-md: var( - --semantic-spacing-general-sm - ); - --component-segmentedControl-border-radius-single-item-lg: var( - --core-borderRadius-600 - ); - --component-segmentedControl-border-radius-single-body-sm: var( - --semantic-spacing-general-sm - ); - --component-segmentedControl-border-radius-single-body-md: var( - --semantic-spacing-general-md - ); - --component-segmentedControl-border-radius-single-body-lg: var( - --semantic-spacing-general-lg - ); - --component-segmentedControl-border-radius-multi-body-sm: var( - --core-borderRadius-200 - ); - --component-segmentedControl-border-radius-multi-body-md: var( - --core-borderRadius-400 - ); - --component-segmentedControl-border-radius-multi-body-lg: var( - --core-borderRadius-600 - ); - --component-segmentedControl-spacing-padding-item-sm: var( - --semantic-spacing-general-sm - ); - --component-segmentedControl-spacing-padding-item-md: var( - --semantic-spacing-general-md - ); - --component-segmentedControl-spacing-padding-item-lg: var( - --semantic-spacing-general-lg - ); - --component-segmentedControl-spacing-padding-body-sm: var( - --semantic-spacing-general-xs - ); - --component-segmentedControl-spacing-padding-body-md: var( - --semantic-spacing-general-sm - ); - --component-segmentedControl-spacing-padding-body-lg: var( - --core-spacing-600 - ); - --component-segmentedControl-spacing-gap-item-sm: var( - --semantic-spacing-gap-sm - ); - --component-segmentedControl-spacing-gap-item-md: var( - --semantic-spacing-gap-md - ); - --component-segmentedControl-spacing-gap-item-lg: var( - --core-borderRadius-600 - ); - --component-segmentedControl-spacing-gap-body: var( - --semantic-spacing-gap-2xs - ); - --component-segmentedControl-width-item-min-sm: var(--core-size-2000); - --component-segmentedControl-width-item-min-md: var(--core-size-2400); - --component-segmentedControl-width-item-min-lg: var(--core-size-2800); - --component-segmentedControl-height-item-sm: var(--core-size-1600); - --component-segmentedControl-height-item-md: var(--core-size-2000); - --component-segmentedControl-height-item-lg: var(--core-size-2400); - --component-segmentedControl-height-body-single-sm: var(--core-size-2000); - --component-segmentedControl-height-body-single-md: var(--core-size-2800); - --component-segmentedControl-height-body-single-lg: var(--core-size-3600); - --component-segmentedControl-height-body-multi-sm: var(--core-size-1600); - --component-segmentedControl-height-body-multi-md: var(--core-size-2000); - --component-segmentedControl-height-body-multi-lg: var(--core-size-2400); - --component-pagination-icon-default: var( - --component-textIcon-normal-prominent - ); - --component-pagination-icon-disabled: var( - --component-textIcon-normal-disabled - ); - --component-pagination-label-typography: var( - --semantic-typography-body-sm-regular-default - ); - --component-pagination-label-color-default: var( - --component-textIcon-normal-default - ); - --component-pagination-label-color-selected: var( - --component-textIcon-inverse-prominent - ); - --component-pagination-label-color-disabled: var( - --component-textIcon-normal-disabled - ); - --component-pagination-bg-default: var( - --semantic-color-monochrome-surface-normal-lowest - ); - --component-pagination-bg-hover: var( - --semantic-color-monochrome-surface-normal-low - ); - --component-pagination-bg-active: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-pagination-bg-selected: var( - --semantic-color-slate-solid-surface-inverse-lowest - ); - --component-pagination-border-radius-number: var(--core-borderRadius-200); - --component-pagination-border-radius-bullet: var( - --semantic-borderRadius-pill - ); - --component-pagination-border-radius-button: var(--core-borderRadius-200); - --component-pagination-spacing-gap-body: var(--core-borderRadius-400); - --component-pagination-width-number: var(--core-size-1600); - --component-pagination-width-bullet: var(--core-size-400); - --component-pagination-width-button: var(--core-size-1600); - --component-pagination-height-number: var(--core-size-1600); - --component-pagination-height-bullet: var(--core-size-400); - --component-pagination-height-button: var(--core-size-1600); - --component-actionSheet-title-typography: var( - --semantic-typography-heading-h5 - ); - --component-actionSheet-description-typography: var( - --semantic-typography-body-md-regular-default - ); - --component-actionSheet-bg: var( - --semantic-color-slate-solid-surface-frame-low - ); - --component-actionSheet-border-radius: var(--core-borderRadius-800); - --component-actionSheet-spacing-padding-sm: var(--core-spacing-400); - --component-actionSheet-spacing-padding-md: var(--core-spacing-800); - --component-actionSheet-spacing-padding-lg: var(--core-spacing-1200); - --component-actionSheet-spacing-gap-sm: var(--core-spacing-400); - --component-actionSheet-spacing-gap-md: var(--core-spacing-600); - --component-actionSheet-width-bottom-min: 320px; - --component-actionSheet-width-bottom-max: 800px; - --component-actionSheet-width-side: 360px; - --component-snackbar-icon: var( - --semantic-color-slate-solid-textIcon-inverse-highest - ); - --component-snackbar-label-typography: var( - --semantic-typography-body-sm-regular-default - ); - --component-snackbar-label-color: var( - --semantic-color-slate-solid-textIcon-inverse-highest - ); - --component-snackbar-bg: var( - --semantic-color-slate-solid-surface-inverse-lowest - ); - --component-snackbar-border-radius: var(--core-borderRadius-400); - --component-snackbar-border-width: var(--core-borderWidth-75); - --component-snackbar-border-color: var( - --semantic-color-monochrome-border-inverse-low - ); - --component-snackbar-spacing-padding-sm: var(--core-spacing-400); - --component-snackbar-spacing-padding-md: var(--core-spacing-800); - --component-snackbar-spacing-gap: var(--core-spacing-400); - --component-snackbar-width-max: 560px; - --component-snackbar-height-min: 48px; - --component-snackbar-height-max: 60px; - --component-snackbar-elevation-shadow: var(--core-elevation-shadow-330); - --component-badge-notification-label-typography-sm: var( - --semantic-typography-caption-bold-default - ); - --component-badge-notification-label-typography-md: var( - --semantic-typography-body-md-bold-default - ); - --component-badge-notification-label-typography-lg: var( - --semantic-typography-body-xl-bold-default - ); - --component-badge-notification-label-color: var( - --semantic-color-slate-solid-surface-static-lowest - ); - --component-badge-notification-bg: var( - --semantic-color-red-solid-surface-static-mid - ); - --component-badge-notification-border-radius: var( - --semantic-borderRadius-pill - ); - --component-badge-notification-spacing-padding-sm: 5px; - --component-badge-notification-spacing-padding-md: 7px; - --component-badge-notification-spacing-padding-lg: 10.5px; - --component-badge-status-bg-success: var( - --semantic-color-green-solid-surface-static-mid - ); - --component-badge-status-bg-warning: var( - --semantic-color-yellow-solid-surface-static-mid - ); - --component-badge-status-bg-danger: var( - --semantic-color-red-solid-surface-static-mid - ); - --component-badge-status-border-radius: var(--semantic-borderRadius-pill); - --component-badge-status-width-sm: var(--core-size-400); - --component-badge-status-width-md: var(--core-size-800); - --component-badge-status-width-lg: var(--core-size-1200); - --component-badge-status-height-sm: var(--core-size-400); - --component-badge-status-height-md: var(--core-size-800); - --component-badge-status-height-lg: var(--core-size-1200); - --component-fieldMarker-label-typography-xs: var( - --semantic-typography-caption-regular-default - ); - --component-fieldMarker-label-typography-sm: var( - --semantic-typography-body-sm-regular-default - ); - --component-fieldMarker-label-typography-md: var( - --semantic-typography-body-md-regular-default - ); - --component-fieldMarker-label-color-required: var( - --component-textIcon-statusNormal-danger - ); - --component-fieldMarker-label-color-optional: var( - --component-textIcon-normal-disabled - ); - --component-dropdownItem-icon-default: var( - --component-textIcon-normal-default - ); - --component-dropdownItem-icon-selected: var( - --component-textIcon-normal-prominent - ); - --component-dropdownItem-icon-selectedWhite: var( - --component-textIcon-inverse-prominent - ); - --component-dropdownItem-icon-disabled: var( - --component-textIcon-normal-disabled - ); - --component-dropdownItem-icon-disabledWhite: var( - --component-textIcon-inverse-disabled - ); - --component-dropdownItem-label-typography-sm: var( - --semantic-typography-body-sm-regular-default - ); - --component-dropdownItem-label-typography-md: var( - --semantic-typography-body-md-regular-default - ); - --component-dropdownItem-label-color-default: var( - --component-textIcon-normal-default - ); - --component-dropdownItem-label-color-selected: var( - --component-textIcon-normal-prominent - ); - --component-dropdownItem-label-color-selectedWhite: var( - --component-textIcon-inverse-prominent - ); - --component-dropdownItem-label-color-disabled: var( - --component-textIcon-normal-disabled - ); - --component-dropdownItem-label-color-disabledWhite: var( - --component-textIcon-inverse-disabled - ); - --component-dropdownItem-bg-default: var( - --semantic-color-monochrome-surface-normal-lowest - ); - --component-dropdownItem-bg-hover: var( - --semantic-color-monochrome-surface-normal-low - ); - --component-dropdownItem-bg-active: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-dropdownItem-bg-selected: var( - --semantic-color-slate-solid-surface-inverse-lowest - ); - --component-dropdownItem-bg-selectedHover: var( - --semantic-color-monochrome-surface-normal-high - ); - --component-dropdownItem-bg-selectedActive: var( - --semantic-color-monochrome-surface-normal-highest - ); - --component-dropdownItem-bg-selectedDisabled: var( - --semantic-color-monochrome-surface-normal-midHigh - ); - --component-dropdownItem-border-radius: var(--core-borderRadius-200); - --component-dropdownItem-spacing-padding-sm: var(--core-spacing-600); - --component-dropdownItem-spacing-padding-md: var(--core-spacing-800); - --component-dropdownItem-spacing-gap-xs: var(--core-spacing-200); - --component-dropdownItem-spacing-gap-sm: var(--core-spacing-300); - --component-dropdownItem-spacing-gap-md: var(--core-spacing-400); - --component-dropdownItem-width-date-sm: var(--core-size-2000); - --component-dropdownItem-width-date-md: var(--core-size-2400); - --component-dropdownItem-height-item-sm: var(--core-size-1600); - --component-dropdownItem-height-item-md: var(--core-size-2400); - --component-dropdownItem-height-date-sm: var(--core-size-2000); - --component-dropdownItem-height-date-md: var(--core-size-2400); - --component-dropdownList-bg: var( - --semantic-color-slate-solid-surface-frame-low - ); - --component-dropdownList-border-radius: var(--core-borderRadius-400); - --component-dropdownList-border-width: var(--core-borderWidth-75); - --component-dropdownList-border-color: var( - --semantic-color-monochrome-border-normal-low - ); - --component-dropdownList-spacing-padding-sm: var(--core-spacing-200); - --component-dropdownList-spacing-padding-md: var(--core-spacing-400); - --component-dropdownList-spacing-padding-lg: var(--core-spacing-800); - --component-dropdownList-spacing-padding-xl: var(--core-spacing-1200); - --component-dropdownList-spacing-gap-sm: var(--core-spacing-800); - --component-dropdownList-spacing-gap-md: var(--core-spacing-1200); - --component-dropdownList-width-datePicker-sm: 312px; - --component-dropdownList-width-datePicker-md: 384px; - --component-dropdownList-width-dateRangePicker-sm: 312px; - --component-dropdownList-width-dateRangePicker-md: 384px; - --component-dropdownList-height-item-sm: 220px; - --component-dropdownList-height-item-md: 420px; - --component-dropdownList-height-item-lg: 660px; - --component-dropdownList-elevation-shadow: var( - --semantic-elevation-shadow-menu - ); - --component-tag-icon-default: var(--component-textIcon-normal-default); - --component-tag-icon-information: var( - --component-textIcon-statusNormal-information - ); - --component-tag-icon-success: var( - --component-textIcon-statusNormal-success - ); - --component-tag-icon-warning: var( - --component-textIcon-statusNormal-warning - ); - --component-tag-icon-danger: var(--component-textIcon-statusNormal-danger); - --component-tag-label-typography-regular-xs: var( - --semantic-typography-caption-regular-default - ); - --component-tag-label-typography-regular-sm: var( - --semantic-typography-body-sm-regular-default - ); - --component-tag-label-typography-regular-md: var( - --semantic-typography-body-md-regular-default - ); - --component-tag-label-typography-bold-xs: var( - --semantic-typography-caption-bold-default - ); - --component-tag-label-typography-bold-sm: var( - --semantic-typography-body-sm-bold-default - ); - --component-tag-label-typography-bold-md: var( - --semantic-typography-body-md-bold-default - ); - --component-tag-label-color-default: var( - --component-textIcon-normal-default - ); - --component-tag-label-color-information: var( - --component-textIcon-statusNormal-information - ); - --component-tag-label-color-success: var( - --component-textIcon-statusNormal-success - ); - --component-tag-label-color-warning: var( - --component-textIcon-statusNormal-warning - ); - --component-tag-label-color-danger: var( - --component-textIcon-statusNormal-danger - ); - --component-tag-bg-default: var( - --semantic-color-monochrome-surface-normal-lowest - ); - --component-tag-bg-information: var( - --semantic-color-blue-opacity-surface-low - ); - --component-tag-bg-success: var(--semantic-color-green-opacity-surface-low); - --component-tag-bg-warning: var( - --semantic-color-yellow-opacity-surface-low - ); - --component-tag-bg-danger: var(--semantic-color-red-opacity-surface-low); - --component-tag-border-radius-xs: var(--core-borderRadius-200); - --component-tag-border-radius-sm: var(--core-borderRadius-300); - --component-tag-border-radius-md: var(--core-borderRadius-400); - --component-tag-border-width: var(--core-borderWidth-75); - --component-tag-border-color-default: var( - --semantic-color-monochrome-border-normal-mid - ); - --component-tag-border-color-information: var( - --semantic-color-blue-solid-border-inverse-high - ); - --component-tag-border-color-success: var( - --semantic-color-green-solid-border-inverse-high - ); - --component-tag-border-color-warning: var( - --semantic-color-yellow-solid-border-inverse-high - ); - --component-tag-border-color-danger: var( - --semantic-color-red-solid-border-inverse-high - ); - --component-tag-spacing-padding-xs: var(--core-spacing-200); - --component-tag-spacing-padding-sm: var(--core-spacing-400); - --component-tag-spacing-padding-md: var(--core-spacing-600); - --component-tag-spacing-padding-lg: var(--core-spacing-800); - --component-tag-spacing-gap-xs: var(--core-spacing-200); - --component-tag-spacing-gap-sm: var(--core-spacing-400); - --component-tag-spacing-gap-md: var(--core-spacing-600); - --component-tag-spacing-gap-lg: var(--core-spacing-800); - --component-tag-height-xs: var(--core-size-1100); - --component-tag-height-sm: var(--core-size-1200); - --component-tag-height-md: var(--core-size-1600); - --component-tag-height-lg: var(--core-size-2400); - --component-chip-icon-default: var(--component-textIcon-normal-default); - --component-chip-icon-selected: var(--component-textIcon-inverse-prominent); - --component-chip-icon-disabled: var(--component-textIcon-normal-disabled); - --component-chip-icon-disabledWhite: var( - --component-textIcon-inverse-disabled - ); - --component-chip-icon-close-default: var( - --component-textIcon-normal-subtle - ); - --component-chip-icon-close-hover: var(--component-textIcon-normal-default); - --component-chip-icon-close-active: var( - --component-textIcon-normal-prominent - ); - --component-chip-label-typography-sm: var( - --semantic-typography-caption-regular-default - ); - --component-chip-label-typography-md: var( - --semantic-typography-body-sm-regular-default - ); - --component-chip-label-typography-lg: var( - --semantic-typography-body-md-regular-default - ); - --component-chip-label-color-default: var( - --component-textIcon-normal-default - ); - --component-chip-label-color-selected: var( - --component-textIcon-inverse-prominent - ); - --component-chip-label-color-disabled: var( - --component-textIcon-normal-disabled - ); - --component-chip-label-color-disabledWhite: var( - --component-textIcon-inverse-disabled - ); - --component-chip-item-typography-sm: var( - --semantic-typography-caption-regular-default - ); - --component-chip-item-typography-md: var( - --semantic-typography-body-sm-regular-default - ); - --component-chip-item-typography-lg: var( - --semantic-typography-body-md-regular-default - ); - --component-chip-item-color-default: var( - --component-textIcon-inverse-prominent - ); - --component-chip-item-color-disabled: var( - --component-textIcon-inverse-disabled - ); - --component-chip-tag-typography-sm: var( - --semantic-typography-caption-bold-default - ); - --component-chip-tag-typography-md: var( - --semantic-typography-body-sm-bold-default - ); - --component-chip-tag-typography-lg: var( - --semantic-typography-body-md-bold-default - ); - --component-chip-tag-color-default: var( - --component-textIcon-normal-default - ); - --component-chip-tag-color-selected: var( - --component-textIcon-inverse-prominent - ); - --component-chip-tag-color-disabled: var( - --component-textIcon-normal-disabled - ); - --component-chip-bg-hover: var( - --semantic-color-monochrome-surface-normal-low - ); - --component-chip-bg-active: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-chip-bg-expand: var( - --semantic-color-monochrome-surface-normal-midLow - ); - --component-chip-bg-selected: var( - --semantic-color-slate-solid-surface-inverse-lowest - ); - --component-chip-bg-selectedHover: var( - --semantic-color-monochrome-surface-normal-high - ); - --component-chip-bg-selectedActive: var( - --semantic-color-monochrome-surface-normal-highest - ); - --component-chip-bg-selectedExpand: var( - --semantic-color-slate-solid-surface-inverse-lowest - ); - --component-chip-bg-selectedDisabled: var( - --semantic-color-monochrome-surface-normal-midHigh - ); - --component-chip-border-radius: var(--semantic-borderRadius-pill); - --component-chip-border-width: var(--core-borderWidth-75); - --component-chip-border-color: var( - --semantic-color-monochrome-border-normal-mid - ); - --component-chip-spacing-padding-xs: var(--core-spacing-300); - --component-chip-spacing-padding-sm: var(--core-spacing-400); - --component-chip-spacing-padding-md: var(--core-spacing-600); - --component-chip-spacing-padding-lg: var(--core-spacing-800); - --component-chip-spacing-padding-xl: var(--core-spacing-1200); - --component-chip-spacing-gap-xs: var(--core-spacing-300); - --component-chip-spacing-gap-sm: var(--core-spacing-400); - --component-chip-spacing-gap-md: var(--core-spacing-600); - --component-chip-height-sm: var(--core-size-1200); - --component-chip-height-md: var(--core-size-1600); - --component-chip-height-lg: var(--core-size-2400); - --component-notification-title-typography-banner: var( - --semantic-typography-body-sm-bold-default - ); - --component-notification-title-typography-item-unread: var( - --semantic-typography-body-sm-bold-default - ); - --component-notification-title-typography-item-read: var( - --semantic-typography-body-sm-regular-default - ); - --component-notification-title-color-banner: var( - --component-textIcon-normal-prominent - ); - --component-notification-title-color-item-unread: var( - --component-textIcon-normal-prominent - ); - --component-notification-title-color-item-read: var( - --component-textIcon-normal-default - ); - --component-notification-message-typography-banner: var( - --semantic-typography-caption-regular-default - ); - --component-notification-message-typography-item: var( - --semantic-typography-body-sm-regular-default - ); - --component-notification-message-color-banner: var( - --component-textIcon-normal-default - ); - --component-notification-message-color-item-unread: var( - --component-textIcon-normal-prominent - ); - --component-notification-message-color-item-read: var( - --component-textIcon-normal-default - ); - --component-notification-timestamp-typography: var( - --semantic-typography-caption-regular-default - ); - --component-notification-timestamp-color: var( - --component-textIcon-normal-subtle - ); - --component-notification-bg-banner: var( - --semantic-color-slate-solid-surface-frame-low - ); - --component-notification-bg-item-default: var( - --semantic-color-slate-solid-surface-frame-low - ); - --component-notification-bg-item-hover: var( - --semantic-color-monochrome-surface-normal-lowest - ); - --component-notification-bg-item-active: var( - --semantic-color-monochrome-surface-normal-low - ); - --component-notification-bg-divider: var( - --semantic-color-monochrome-surface-normal-low - ); - --component-notification-border-radius: var(--core-borderRadius-800); - --component-notification-border-width: var(--core-borderWidth-75); - --component-notification-border-color: var( - --semantic-color-monochrome-border-normal-mid - ); - --component-notification-spacing-padding-sm: var(--core-spacing-800); - --component-notification-spacing-padding-md: var(--core-spacing-1600); - --component-notification-spacing-gap-xs: var(--core-spacing-200); - --component-notification-spacing-gap-sm: var(--core-spacing-800); - --component-notification-spacing-gap-md: var(--core-spacing-1600); - --component-notification-sizing-banner: 360px; - --component-notification-elevation-shadow: var(--core-elevation-shadow-330); -} -@media (min-width: 640px) { - :root { - --semantic-typography-heading-hero-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-hero-fontSize: var(--core-fontSize-800); - --semantic-typography-heading-hero-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-hero-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-hero-paragraphSpacing: var( - --core-paragraphSpacing-800 - ); - --semantic-typography-heading-hero-letterSpacing: normal; - --semantic-typography-heading-h1-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h1-fontSize: var(--core-fontSize-1100); - --semantic-typography-heading-h1-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h1-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h1-paragraphSpacing: var( - --core-paragraphSpacing-1100 - ); - --semantic-typography-heading-h1-letterSpacing: normal; - --semantic-typography-heading-h2-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h2-fontSize: var(--core-fontSize-1000); - --semantic-typography-heading-h2-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h2-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h2-paragraphSpacing: var( - --core-paragraphSpacing-1000 - ); - --semantic-typography-heading-h2-letterSpacing: normal; - --semantic-typography-heading-h3-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h3-fontSize: var(--core-fontSize-300); - --semantic-typography-heading-h3-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h3-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h3-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-heading-h3-letterSpacing: normal; - --semantic-typography-heading-h4-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h4-fontSize: var(--core-fontSize-200); - --semantic-typography-heading-h4-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h4-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h4-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-heading-h4-letterSpacing: normal; - --semantic-typography-heading-h5-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h5-fontSize: var(--core-fontSize-100); - --semantic-typography-heading-h5-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h5-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h5-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-heading-h5-letterSpacing: normal; - --semantic-typography-heading-h6-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h6-fontSize: var(--core-fontSize-75); - --semantic-typography-heading-h6-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h6-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h6-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-heading-h6-letterSpacing: normal; - --semantic-typography-body-xl-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-xl-regular-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-regular-default-letterSpacing: normal; - --semantic-typography-body-xl-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-xl-regular-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-regular-italic-letterSpacing: normal; - --semantic-typography-body-xl-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-xl-regular-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-regular-underline-letterSpacing: normal; - --semantic-typography-body-xl-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-xl-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-xl-regular-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-xl-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-xl-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-xl-bold-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-bold-default-letterSpacing: normal; - --semantic-typography-body-xl-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-xl-bold-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-bold-italic-letterSpacing: normal; - --semantic-typography-body-xl-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-xl-bold-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-bold-underline-letterSpacing: normal; - --semantic-typography-body-xl-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-xl-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-xl-bold-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-xl-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-default-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-lg-regular-default-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-regular-default-letterSpacing: normal; - --semantic-typography-body-lg-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-italic-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-lg-regular-italic-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-regular-italic-letterSpacing: normal; - --semantic-typography-body-lg-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-lg-regular-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-regular-underline-letterSpacing: normal; - --semantic-typography-body-lg-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-italic-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-lg-regular-italic-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-lg-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-default-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-lg-bold-default-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-bold-default-letterSpacing: normal; - --semantic-typography-body-lg-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-italic-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-lg-bold-italic-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-bold-italic-letterSpacing: normal; - --semantic-typography-body-lg-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-lg-bold-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-bold-underline-letterSpacing: normal; - --semantic-typography-body-lg-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-italic-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-lg-bold-italic-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-lg-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-md-regular-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-default-letterSpacing: normal; - --semantic-typography-body-md-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-md-regular-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-italic-letterSpacing: normal; - --semantic-typography-body-md-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-md-regular-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-underline-letterSpacing: normal; - --semantic-typography-body-md-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-md-regular-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-md-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-md-bold-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-default-letterSpacing: normal; - --semantic-typography-body-md-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-md-bold-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-italic-letterSpacing: normal; - --semantic-typography-body-md-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-md-bold-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-underline-letterSpacing: normal; - --semantic-typography-body-md-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-md-bold-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-md-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-sm-regular-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-default-letterSpacing: normal; - --semantic-typography-body-sm-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-sm-regular-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-italic-letterSpacing: normal; - --semantic-typography-body-sm-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-sm-regular-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-underline-letterSpacing: normal; - --semantic-typography-body-sm-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-sm-regular-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-sm-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-sm-bold-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-default-letterSpacing: normal; - --semantic-typography-body-sm-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-sm-bold-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-italic-letterSpacing: normal; - --semantic-typography-body-sm-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-sm-bold-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-underline-letterSpacing: normal; - --semantic-typography-body-sm-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-sm-bold-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-sm-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-default-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-caption-regular-default-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-default-letterSpacing: normal; - --semantic-typography-caption-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-italic-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-caption-regular-italic-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-italic-letterSpacing: normal; - --semantic-typography-caption-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-caption-regular-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-underline-letterSpacing: normal; - --semantic-typography-caption-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-italic-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-caption-regular-italic-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-italic-underline-letterSpacing: normal; - --semantic-typography-caption-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-default-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-caption-bold-default-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-default-letterSpacing: normal; - --semantic-typography-caption-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-italic-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-caption-bold-italic-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-italic-letterSpacing: normal; - --semantic-typography-caption-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-caption-bold-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-underline-letterSpacing: normal; - --semantic-typography-caption-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-italic-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-caption-bold-italic-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-italic-underline-letterSpacing: normal; - --semantic-typography-caption-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-xl-regular-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-regular-default-letterSpacing: normal; - --semantic-typography-code-xl-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-xl-regular-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-regular-italic-letterSpacing: normal; - --semantic-typography-code-xl-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-xl-regular-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-regular-underline-letterSpacing: normal; - --semantic-typography-code-xl-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-xl-regular-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-xl-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-xl-bold-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-bold-default-letterSpacing: normal; - --semantic-typography-code-xl-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-xl-bold-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-bold-italic-letterSpacing: normal; - --semantic-typography-code-xl-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-xl-bold-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-bold-underline-letterSpacing: normal; - --semantic-typography-code-xl-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-xl-bold-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-xl-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-default-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-lg-regular-default-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-regular-default-letterSpacing: normal; - --semantic-typography-code-lg-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-italic-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-lg-regular-italic-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-regular-italic-letterSpacing: normal; - --semantic-typography-code-lg-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-lg-regular-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-regular-underline-letterSpacing: normal; - --semantic-typography-code-lg-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-italic-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-lg-regular-italic-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-lg-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-default-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-lg-bold-default-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-bold-default-letterSpacing: normal; - --semantic-typography-code-lg-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-italic-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-lg-bold-italic-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-bold-italic-letterSpacing: normal; - --semantic-typography-code-lg-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-lg-bold-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-bold-underline-letterSpacing: normal; - --semantic-typography-code-lg-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-italic-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-lg-bold-italic-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-lg-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-md-regular-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-default-letterSpacing: normal; - --semantic-typography-code-md-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-md-regular-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-italic-letterSpacing: normal; - --semantic-typography-code-md-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-md-regular-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-underline-letterSpacing: normal; - --semantic-typography-code-md-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-md-regular-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-md-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-md-bold-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-default-letterSpacing: normal; - --semantic-typography-code-md-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-md-bold-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-italic-letterSpacing: normal; - --semantic-typography-code-md-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-md-bold-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-underline-letterSpacing: normal; - --semantic-typography-code-md-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-md-bold-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-md-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-sm-regular-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-default-letterSpacing: normal; - --semantic-typography-code-sm-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-sm-regular-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-italic-letterSpacing: normal; - --semantic-typography-code-sm-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-sm-regular-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-underline-letterSpacing: normal; - --semantic-typography-code-sm-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-sm-regular-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-sm-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-sm-bold-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-default-letterSpacing: normal; - --semantic-typography-code-sm-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-sm-bold-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-italic-letterSpacing: normal; - --semantic-typography-code-sm-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-sm-bold-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-underline-letterSpacing: normal; - --semantic-typography-code-sm-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-sm-bold-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-sm-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-icon-labelPaired-regular-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-xl-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-labelPaired-regular-xl-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-xl-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-icon-labelPaired-regular-xl-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-lg-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-icon-labelPaired-regular-lg-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-lg-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-icon-labelPaired-regular-lg-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-md-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-labelPaired-regular-md-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-md-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-labelPaired-regular-md-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-sm-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-icon-labelPaired-regular-sm-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-sm-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-icon-labelPaired-regular-sm-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-caption-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-caption-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-icon-labelPaired-regular-caption-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-caption-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-icon-labelPaired-regular-caption-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-xl-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-labelPaired-bold-xl-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-xl-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-icon-labelPaired-bold-xl-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-lg-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-icon-labelPaired-bold-lg-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-lg-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-icon-labelPaired-bold-lg-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-md-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-labelPaired-bold-md-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-md-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-labelPaired-bold-md-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-sm-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-icon-labelPaired-bold-sm-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-sm-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-icon-labelPaired-bold-sm-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-caption-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-caption-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-icon-labelPaired-bold-caption-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-caption-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-icon-labelPaired-bold-caption-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-xl-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-xl-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-labelPaired-brand-xl-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-xl-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-icon-labelPaired-brand-xl-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-lg-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-lg-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-icon-labelPaired-brand-lg-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-lg-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-icon-labelPaired-brand-lg-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-md-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-md-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-labelPaired-brand-md-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-md-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-labelPaired-brand-md-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-sm-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-sm-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-icon-labelPaired-brand-sm-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-sm-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-icon-labelPaired-brand-sm-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-caption-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-caption-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-icon-labelPaired-brand-caption-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-caption-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-icon-labelPaired-brand-caption-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-2xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-2xl-fontSize: var( - --core-fontSize-800 - ); - --semantic-typography-icon-standalone-regular-2xl-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-2xl-lineHeight: var( - --core-lineHeight-1000 - ); - --semantic-typography-icon-standalone-regular-2xl-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-xl-fontSize: var( - --core-fontSize-600 - ); - --semantic-typography-icon-standalone-regular-xl-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-xl-lineHeight: var( - --core-lineHeight-900 - ); - --semantic-typography-icon-standalone-regular-xl-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-lg-fontSize: var( - --core-fontSize-500 - ); - --semantic-typography-icon-standalone-regular-lg-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-lg-lineHeight: var( - --core-lineHeight-800 - ); - --semantic-typography-icon-standalone-regular-lg-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-md-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-standalone-regular-md-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-md-lineHeight: var( - --core-lineHeight-600 - ); - --semantic-typography-icon-standalone-regular-md-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-sm-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-standalone-regular-sm-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-sm-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-standalone-regular-sm-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-2xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-2xl-fontSize: var( - --core-fontSize-800 - ); - --semantic-typography-icon-standalone-bold-2xl-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-2xl-lineHeight: var( - --core-lineHeight-1000 - ); - --semantic-typography-icon-standalone-bold-2xl-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-xl-fontSize: var( - --core-fontSize-600 - ); - --semantic-typography-icon-standalone-bold-xl-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-xl-lineHeight: var( - --core-lineHeight-900 - ); - --semantic-typography-icon-standalone-bold-xl-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-lg-fontSize: var( - --core-fontSize-500 - ); - --semantic-typography-icon-standalone-bold-lg-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-lg-lineHeight: var( - --core-lineHeight-800 - ); - --semantic-typography-icon-standalone-bold-lg-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-md-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-standalone-bold-md-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-md-lineHeight: var( - --core-lineHeight-600 - ); - --semantic-typography-icon-standalone-bold-md-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-sm-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-standalone-bold-sm-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-sm-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-standalone-bold-sm-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-2xl-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-2xl-fontSize: var( - --core-fontSize-800 - ); - --semantic-typography-icon-standalone-brand-2xl-fontWeight: normal; - --semantic-typography-icon-standalone-brand-2xl-lineHeight: var( - --core-lineHeight-1000 - ); - --semantic-typography-icon-standalone-brand-2xl-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-xl-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-xl-fontSize: var( - --core-fontSize-600 - ); - --semantic-typography-icon-standalone-brand-xl-fontWeight: normal; - --semantic-typography-icon-standalone-brand-xl-lineHeight: var( - --core-lineHeight-900 - ); - --semantic-typography-icon-standalone-brand-xl-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-lg-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-lg-fontSize: var( - --core-fontSize-500 - ); - --semantic-typography-icon-standalone-brand-lg-fontWeight: normal; - --semantic-typography-icon-standalone-brand-lg-lineHeight: var( - --core-lineHeight-800 - ); - --semantic-typography-icon-standalone-brand-lg-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-md-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-md-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-standalone-brand-md-fontWeight: normal; - --semantic-typography-icon-standalone-brand-md-lineHeight: var( - --core-lineHeight-600 - ); - --semantic-typography-icon-standalone-brand-md-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-sm-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-sm-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-standalone-brand-sm-fontWeight: normal; - --semantic-typography-icon-standalone-brand-sm-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-standalone-brand-sm-letterSpacing: normal; - --semantic-spacing-general-none: var(--core-spacing-50); - --semantic-spacing-general-3xs: var(--core-spacing-75); - --semantic-spacing-general-2xs: var(--core-spacing-100); - --semantic-spacing-general-xs: var(--core-spacing-200); - --semantic-spacing-general-sm: var(--core-spacing-400); - --semantic-spacing-general-md: var(--core-spacing-800); - --semantic-spacing-general-lg: var(--core-spacing-1200); - --semantic-spacing-general-xl: var(--core-spacing-1200); - --semantic-spacing-general-2xl: var(--core-spacing-1600); - --semantic-spacing-general-3xl: var(--core-spacing-1600); - --semantic-spacing-general-4xl: var(--core-spacing-2400); - --semantic-spacing-general-5xl: var(--core-spacing-2400); - --semantic-spacing-gap-none: var(--core-spacing-50); - --semantic-spacing-gap-2xs: var(--core-spacing-75); - --semantic-spacing-gap-xs: var(--core-spacing-100); - --semantic-spacing-gap-sm: var(--core-spacing-200); - --semantic-spacing-gap-md: var(--core-spacing-400); - --semantic-spacing-gap-lg: var(--core-spacing-800); - --semantic-spacing-gap-xl: var(--core-spacing-1200); - --semantic-spacing-gap-2xl: var(--core-spacing-1200); - --semantic-spacing-gap-3xl: var(--core-spacing-1600); - --semantic-spacing-gap-4xl: var(--core-spacing-1600); - --semantic-borderRadius-none: var(--core-borderRadius-50); - --semantic-borderRadius-xs: var(--core-borderRadius-100); - --semantic-borderRadius-sm: var(--core-borderRadius-200); - --semantic-borderRadius-md: var(--core-borderRadius-400); - --semantic-borderRadius-lg: var(--core-borderRadius-800); - --semantic-borderRadius-xl: var(--core-borderRadius-1200); - --semantic-borderRadius-2xl: var(--core-borderRadius-2400); - --semantic-borderRadius-pill: var(--core-borderRadius-4800); - --semantic-fontSize-heading-hero: var(--core-fontSize-800); - --semantic-fontSize-heading-h1: var(--core-fontSize-1100); - --semantic-fontSize-heading-h2: var(--core-fontSize-1000); - --semantic-fontSize-heading-h3: var(--core-fontSize-300); - --semantic-fontSize-heading-h4: var(--core-fontSize-200); - --semantic-fontSize-heading-h5: var(--core-fontSize-100); - --semantic-fontSize-heading-h6: var(--core-fontSize-75); - --semantic-fontSize-body-xl: var(--core-fontSize-300); - --semantic-fontSize-body-lg: var(--core-fontSize-200); - --semantic-fontSize-body-md: var(--core-fontSize-100); - --semantic-fontSize-body-sm: var(--core-fontSize-75); - --semantic-fontSize-caption: var(--core-fontSize-50); - --semantic-fontSize-code-xl: var(--core-fontSize-300); - --semantic-fontSize-code-lg: var(--core-fontSize-200); - --semantic-fontSize-code-md: var(--core-fontSize-100); - --semantic-fontSize-code-sm: var(--core-fontSize-75); - --semantic-fontSize-icon-labelPaired-xl: var(--core-fontSize-300); - --semantic-fontSize-icon-labelPaired-lg: var(--core-fontSize-200); - --semantic-fontSize-icon-labelPaired-md: var(--core-fontSize-100); - --semantic-fontSize-icon-labelPaired-sm: var(--core-fontSize-75); - --semantic-fontSize-icon-labelPaired-caption: var(--core-fontSize-50); - --semantic-fontSize-icon-standalone-2xl: var(--core-fontSize-800); - --semantic-fontSize-icon-standalone-xl: var(--core-fontSize-600); - --semantic-fontSize-icon-standalone-lg: var(--core-fontSize-500); - --semantic-fontSize-icon-standalone-md: var(--core-fontSize-300); - --semantic-fontSize-icon-standalone-sm: var(--core-fontSize-100); - --semantic-paragraphSpacing-heading-hero: var( - --core-paragraphSpacing-800 - ); - --semantic-paragraphSpacing-heading-h1: var( - --core-paragraphSpacing-1100 - ); - --semantic-paragraphSpacing-heading-h2: var( - --core-paragraphSpacing-1000 - ); - --semantic-paragraphSpacing-heading-h3: var( - --core-paragraphSpacing-300 - ); - --semantic-paragraphSpacing-heading-h4: var( - --core-paragraphSpacing-200 - ); - --semantic-paragraphSpacing-heading-h5: var( - --core-paragraphSpacing-100 - ); - --semantic-paragraphSpacing-heading-h6: var(--core-paragraphSpacing-75); - --semantic-paragraphSpacing-body-xl: var(--core-paragraphSpacing-300); - --semantic-paragraphSpacing-body-lg: var(--core-paragraphSpacing-200); - --semantic-paragraphSpacing-body-md: var(--core-paragraphSpacing-100); - --semantic-paragraphSpacing-body-sm: var(--core-paragraphSpacing-75); - --semantic-paragraphSpacing-caption: var(--core-paragraphSpacing-50); - --semantic-paragraphSpacing-code-xl: var(--core-paragraphSpacing-300); - --semantic-paragraphSpacing-code-lg: var(--core-paragraphSpacing-200); - --semantic-paragraphSpacing-code-md: var(--core-paragraphSpacing-100); - --semantic-paragraphSpacing-code-sm: var(--core-paragraphSpacing-75); - --semantic-lineHeight-heading-hero: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h1: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h2: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h3: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h4: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h5: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h6: var(--core-lineHeight-auto); - --semantic-lineHeight-body-xl: var(--core-lineHeight-500); - --semantic-lineHeight-body-lg: var(--core-lineHeight-400); - --semantic-lineHeight-body-md: var(--core-lineHeight-300); - --semantic-lineHeight-body-sm: var(--core-lineHeight-200); - --semantic-lineHeight-caption: var(--core-lineHeight-100); - --semantic-lineHeight-code-xl: var(--core-lineHeight-500); - --semantic-lineHeight-code-lg: var(--core-lineHeight-400); - --semantic-lineHeight-code-md: var(--core-lineHeight-300); - --semantic-lineHeight-code-sm: var(--core-lineHeight-200); - --semantic-lineHeight-icon-labelPaired-xl: var(--core-lineHeight-500); - --semantic-lineHeight-icon-labelPaired-lg: var(--core-lineHeight-400); - --semantic-lineHeight-icon-labelPaired-md: var(--core-lineHeight-300); - --semantic-lineHeight-icon-labelPaired-sm: var(--core-lineHeight-200); - --semantic-lineHeight-icon-labelPaired-caption: var( - --core-lineHeight-100 - ); - --semantic-lineHeight-icon-standalone-2xl: var(--core-lineHeight-1000); - --semantic-lineHeight-icon-standalone-xl: var(--core-lineHeight-900); - --semantic-lineHeight-icon-standalone-lg: var(--core-lineHeight-800); - --semantic-lineHeight-icon-standalone-md: var(--core-lineHeight-600); - --semantic-lineHeight-icon-standalone-sm: var(--core-lineHeight-300); - } + } } @media (min-width: 768px) { - :root { - --semantic-typography-heading-hero-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-hero-fontSize: var(--core-fontSize-800); - --semantic-typography-heading-hero-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-hero-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-hero-paragraphSpacing: var( - --core-paragraphSpacing-800 - ); - --semantic-typography-heading-hero-letterSpacing: normal; - --semantic-typography-heading-h1-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h1-fontSize: var(--core-fontSize-1100); - --semantic-typography-heading-h1-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h1-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h1-paragraphSpacing: var( - --core-paragraphSpacing-1100 - ); - --semantic-typography-heading-h1-letterSpacing: normal; - --semantic-typography-heading-h2-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h2-fontSize: var(--core-fontSize-1000); - --semantic-typography-heading-h2-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h2-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h2-paragraphSpacing: var( - --core-paragraphSpacing-1000 - ); - --semantic-typography-heading-h2-letterSpacing: normal; - --semantic-typography-heading-h3-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h3-fontSize: var(--core-fontSize-300); - --semantic-typography-heading-h3-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h3-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h3-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-heading-h3-letterSpacing: normal; - --semantic-typography-heading-h4-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h4-fontSize: var(--core-fontSize-200); - --semantic-typography-heading-h4-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h4-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h4-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-heading-h4-letterSpacing: normal; - --semantic-typography-heading-h5-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h5-fontSize: var(--core-fontSize-100); - --semantic-typography-heading-h5-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h5-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h5-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-heading-h5-letterSpacing: normal; - --semantic-typography-heading-h6-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h6-fontSize: var(--core-fontSize-75); - --semantic-typography-heading-h6-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h6-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h6-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-heading-h6-letterSpacing: normal; - --semantic-typography-body-xl-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-xl-regular-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-regular-default-letterSpacing: normal; - --semantic-typography-body-xl-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-xl-regular-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-regular-italic-letterSpacing: normal; - --semantic-typography-body-xl-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-xl-regular-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-regular-underline-letterSpacing: normal; - --semantic-typography-body-xl-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-xl-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-xl-regular-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-xl-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-xl-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-xl-bold-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-bold-default-letterSpacing: normal; - --semantic-typography-body-xl-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-xl-bold-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-bold-italic-letterSpacing: normal; - --semantic-typography-body-xl-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-xl-bold-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-bold-underline-letterSpacing: normal; - --semantic-typography-body-xl-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-xl-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-xl-bold-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-xl-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-default-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-lg-regular-default-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-regular-default-letterSpacing: normal; - --semantic-typography-body-lg-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-italic-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-lg-regular-italic-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-regular-italic-letterSpacing: normal; - --semantic-typography-body-lg-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-lg-regular-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-regular-underline-letterSpacing: normal; - --semantic-typography-body-lg-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-italic-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-lg-regular-italic-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-lg-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-default-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-lg-bold-default-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-bold-default-letterSpacing: normal; - --semantic-typography-body-lg-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-italic-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-lg-bold-italic-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-bold-italic-letterSpacing: normal; - --semantic-typography-body-lg-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-lg-bold-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-bold-underline-letterSpacing: normal; - --semantic-typography-body-lg-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-italic-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-lg-bold-italic-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-lg-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-md-regular-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-default-letterSpacing: normal; - --semantic-typography-body-md-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-md-regular-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-italic-letterSpacing: normal; - --semantic-typography-body-md-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-md-regular-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-underline-letterSpacing: normal; - --semantic-typography-body-md-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-md-regular-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-md-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-md-bold-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-default-letterSpacing: normal; - --semantic-typography-body-md-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-md-bold-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-italic-letterSpacing: normal; - --semantic-typography-body-md-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-md-bold-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-underline-letterSpacing: normal; - --semantic-typography-body-md-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-md-bold-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-md-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-sm-regular-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-default-letterSpacing: normal; - --semantic-typography-body-sm-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-sm-regular-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-italic-letterSpacing: normal; - --semantic-typography-body-sm-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-sm-regular-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-underline-letterSpacing: normal; - --semantic-typography-body-sm-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-sm-regular-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-sm-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-sm-bold-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-default-letterSpacing: normal; - --semantic-typography-body-sm-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-sm-bold-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-italic-letterSpacing: normal; - --semantic-typography-body-sm-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-sm-bold-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-underline-letterSpacing: normal; - --semantic-typography-body-sm-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-sm-bold-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-sm-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-default-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-caption-regular-default-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-default-letterSpacing: normal; - --semantic-typography-caption-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-italic-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-caption-regular-italic-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-italic-letterSpacing: normal; - --semantic-typography-caption-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-caption-regular-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-underline-letterSpacing: normal; - --semantic-typography-caption-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-italic-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-caption-regular-italic-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-italic-underline-letterSpacing: normal; - --semantic-typography-caption-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-default-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-caption-bold-default-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-default-letterSpacing: normal; - --semantic-typography-caption-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-italic-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-caption-bold-italic-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-italic-letterSpacing: normal; - --semantic-typography-caption-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-caption-bold-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-underline-letterSpacing: normal; - --semantic-typography-caption-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-italic-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-caption-bold-italic-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-italic-underline-letterSpacing: normal; - --semantic-typography-caption-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-xl-regular-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-regular-default-letterSpacing: normal; - --semantic-typography-code-xl-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-xl-regular-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-regular-italic-letterSpacing: normal; - --semantic-typography-code-xl-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-xl-regular-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-regular-underline-letterSpacing: normal; - --semantic-typography-code-xl-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-xl-regular-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-xl-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-xl-bold-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-bold-default-letterSpacing: normal; - --semantic-typography-code-xl-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-xl-bold-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-bold-italic-letterSpacing: normal; - --semantic-typography-code-xl-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-xl-bold-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-bold-underline-letterSpacing: normal; - --semantic-typography-code-xl-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-xl-bold-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-xl-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-default-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-lg-regular-default-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-regular-default-letterSpacing: normal; - --semantic-typography-code-lg-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-italic-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-lg-regular-italic-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-regular-italic-letterSpacing: normal; - --semantic-typography-code-lg-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-lg-regular-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-regular-underline-letterSpacing: normal; - --semantic-typography-code-lg-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-italic-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-lg-regular-italic-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-lg-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-default-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-lg-bold-default-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-bold-default-letterSpacing: normal; - --semantic-typography-code-lg-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-italic-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-lg-bold-italic-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-bold-italic-letterSpacing: normal; - --semantic-typography-code-lg-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-lg-bold-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-bold-underline-letterSpacing: normal; - --semantic-typography-code-lg-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-italic-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-lg-bold-italic-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-lg-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-md-regular-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-default-letterSpacing: normal; - --semantic-typography-code-md-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-md-regular-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-italic-letterSpacing: normal; - --semantic-typography-code-md-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-md-regular-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-underline-letterSpacing: normal; - --semantic-typography-code-md-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-md-regular-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-md-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-md-bold-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-default-letterSpacing: normal; - --semantic-typography-code-md-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-md-bold-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-italic-letterSpacing: normal; - --semantic-typography-code-md-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-md-bold-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-underline-letterSpacing: normal; - --semantic-typography-code-md-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-md-bold-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-md-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-sm-regular-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-default-letterSpacing: normal; - --semantic-typography-code-sm-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-sm-regular-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-italic-letterSpacing: normal; - --semantic-typography-code-sm-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-sm-regular-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-underline-letterSpacing: normal; - --semantic-typography-code-sm-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-sm-regular-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-sm-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-sm-bold-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-default-letterSpacing: normal; - --semantic-typography-code-sm-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-sm-bold-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-italic-letterSpacing: normal; - --semantic-typography-code-sm-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-sm-bold-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-underline-letterSpacing: normal; - --semantic-typography-code-sm-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-sm-bold-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-sm-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-icon-labelPaired-regular-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-xl-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-labelPaired-regular-xl-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-xl-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-icon-labelPaired-regular-xl-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-lg-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-icon-labelPaired-regular-lg-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-lg-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-icon-labelPaired-regular-lg-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-md-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-labelPaired-regular-md-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-md-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-labelPaired-regular-md-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-sm-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-icon-labelPaired-regular-sm-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-sm-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-icon-labelPaired-regular-sm-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-caption-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-caption-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-icon-labelPaired-regular-caption-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-caption-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-icon-labelPaired-regular-caption-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-xl-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-labelPaired-bold-xl-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-xl-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-icon-labelPaired-bold-xl-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-lg-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-icon-labelPaired-bold-lg-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-lg-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-icon-labelPaired-bold-lg-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-md-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-labelPaired-bold-md-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-md-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-labelPaired-bold-md-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-sm-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-icon-labelPaired-bold-sm-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-sm-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-icon-labelPaired-bold-sm-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-caption-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-caption-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-icon-labelPaired-bold-caption-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-caption-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-icon-labelPaired-bold-caption-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-xl-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-xl-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-labelPaired-brand-xl-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-xl-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-icon-labelPaired-brand-xl-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-lg-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-lg-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-icon-labelPaired-brand-lg-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-lg-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-icon-labelPaired-brand-lg-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-md-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-md-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-labelPaired-brand-md-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-md-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-labelPaired-brand-md-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-sm-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-sm-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-icon-labelPaired-brand-sm-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-sm-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-icon-labelPaired-brand-sm-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-caption-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-caption-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-icon-labelPaired-brand-caption-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-caption-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-icon-labelPaired-brand-caption-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-2xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-2xl-fontSize: var( - --core-fontSize-800 - ); - --semantic-typography-icon-standalone-regular-2xl-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-2xl-lineHeight: var( - --core-lineHeight-1000 - ); - --semantic-typography-icon-standalone-regular-2xl-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-xl-fontSize: var( - --core-fontSize-600 - ); - --semantic-typography-icon-standalone-regular-xl-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-xl-lineHeight: var( - --core-lineHeight-900 - ); - --semantic-typography-icon-standalone-regular-xl-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-lg-fontSize: var( - --core-fontSize-500 - ); - --semantic-typography-icon-standalone-regular-lg-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-lg-lineHeight: var( - --core-lineHeight-800 - ); - --semantic-typography-icon-standalone-regular-lg-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-md-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-standalone-regular-md-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-md-lineHeight: var( - --core-lineHeight-600 - ); - --semantic-typography-icon-standalone-regular-md-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-sm-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-standalone-regular-sm-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-sm-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-standalone-regular-sm-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-2xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-2xl-fontSize: var( - --core-fontSize-800 - ); - --semantic-typography-icon-standalone-bold-2xl-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-2xl-lineHeight: var( - --core-lineHeight-1000 - ); - --semantic-typography-icon-standalone-bold-2xl-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-xl-fontSize: var( - --core-fontSize-600 - ); - --semantic-typography-icon-standalone-bold-xl-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-xl-lineHeight: var( - --core-lineHeight-900 - ); - --semantic-typography-icon-standalone-bold-xl-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-lg-fontSize: var( - --core-fontSize-500 - ); - --semantic-typography-icon-standalone-bold-lg-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-lg-lineHeight: var( - --core-lineHeight-800 - ); - --semantic-typography-icon-standalone-bold-lg-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-md-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-standalone-bold-md-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-md-lineHeight: var( - --core-lineHeight-600 - ); - --semantic-typography-icon-standalone-bold-md-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-sm-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-standalone-bold-sm-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-sm-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-standalone-bold-sm-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-2xl-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-2xl-fontSize: var( - --core-fontSize-800 - ); - --semantic-typography-icon-standalone-brand-2xl-fontWeight: normal; - --semantic-typography-icon-standalone-brand-2xl-lineHeight: var( - --core-lineHeight-1000 - ); - --semantic-typography-icon-standalone-brand-2xl-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-xl-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-xl-fontSize: var( - --core-fontSize-600 - ); - --semantic-typography-icon-standalone-brand-xl-fontWeight: normal; - --semantic-typography-icon-standalone-brand-xl-lineHeight: var( - --core-lineHeight-900 - ); - --semantic-typography-icon-standalone-brand-xl-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-lg-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-lg-fontSize: var( - --core-fontSize-500 - ); - --semantic-typography-icon-standalone-brand-lg-fontWeight: normal; - --semantic-typography-icon-standalone-brand-lg-lineHeight: var( - --core-lineHeight-800 - ); - --semantic-typography-icon-standalone-brand-lg-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-md-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-md-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-standalone-brand-md-fontWeight: normal; - --semantic-typography-icon-standalone-brand-md-lineHeight: var( - --core-lineHeight-600 - ); - --semantic-typography-icon-standalone-brand-md-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-sm-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-sm-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-standalone-brand-sm-fontWeight: normal; - --semantic-typography-icon-standalone-brand-sm-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-standalone-brand-sm-letterSpacing: normal; - --semantic-spacing-general-none: var(--core-spacing-50); - --semantic-spacing-general-3xs: var(--core-spacing-75); - --semantic-spacing-general-2xs: var(--core-spacing-100); - --semantic-spacing-general-xs: var(--core-spacing-200); - --semantic-spacing-general-sm: var(--core-spacing-400); - --semantic-spacing-general-md: var(--core-spacing-800); - --semantic-spacing-general-lg: var(--core-spacing-1200); - --semantic-spacing-general-xl: var(--core-spacing-1200); - --semantic-spacing-general-2xl: var(--core-spacing-1600); - --semantic-spacing-general-3xl: var(--core-spacing-1600); - --semantic-spacing-general-4xl: var(--core-spacing-2400); - --semantic-spacing-general-5xl: var(--core-spacing-2400); - --semantic-spacing-gap-none: var(--core-spacing-50); - --semantic-spacing-gap-2xs: var(--core-spacing-75); - --semantic-spacing-gap-xs: var(--core-spacing-100); - --semantic-spacing-gap-sm: var(--core-spacing-200); - --semantic-spacing-gap-md: var(--core-spacing-400); - --semantic-spacing-gap-lg: var(--core-spacing-800); - --semantic-spacing-gap-xl: var(--core-spacing-1200); - --semantic-spacing-gap-2xl: var(--core-spacing-1200); - --semantic-spacing-gap-3xl: var(--core-spacing-1600); - --semantic-spacing-gap-4xl: var(--core-spacing-1600); - --semantic-borderRadius-none: var(--core-borderRadius-50); - --semantic-borderRadius-xs: var(--core-borderRadius-100); - --semantic-borderRadius-sm: var(--core-borderRadius-200); - --semantic-borderRadius-md: var(--core-borderRadius-400); - --semantic-borderRadius-lg: var(--core-borderRadius-800); - --semantic-borderRadius-xl: var(--core-borderRadius-1200); - --semantic-borderRadius-2xl: var(--core-borderRadius-2400); - --semantic-borderRadius-pill: var(--core-borderRadius-4800); - --semantic-fontSize-heading-hero: var(--core-fontSize-800); - --semantic-fontSize-heading-h1: var(--core-fontSize-1100); - --semantic-fontSize-heading-h2: var(--core-fontSize-1000); - --semantic-fontSize-heading-h3: var(--core-fontSize-300); - --semantic-fontSize-heading-h4: var(--core-fontSize-200); - --semantic-fontSize-heading-h5: var(--core-fontSize-100); - --semantic-fontSize-heading-h6: var(--core-fontSize-75); - --semantic-fontSize-body-xl: var(--core-fontSize-300); - --semantic-fontSize-body-lg: var(--core-fontSize-200); - --semantic-fontSize-body-md: var(--core-fontSize-100); - --semantic-fontSize-body-sm: var(--core-fontSize-75); - --semantic-fontSize-caption: var(--core-fontSize-50); - --semantic-fontSize-code-xl: var(--core-fontSize-300); - --semantic-fontSize-code-lg: var(--core-fontSize-200); - --semantic-fontSize-code-md: var(--core-fontSize-100); - --semantic-fontSize-code-sm: var(--core-fontSize-75); - --semantic-fontSize-icon-labelPaired-xl: var(--core-fontSize-300); - --semantic-fontSize-icon-labelPaired-lg: var(--core-fontSize-200); - --semantic-fontSize-icon-labelPaired-md: var(--core-fontSize-100); - --semantic-fontSize-icon-labelPaired-sm: var(--core-fontSize-75); - --semantic-fontSize-icon-labelPaired-caption: var(--core-fontSize-50); - --semantic-fontSize-icon-standalone-2xl: var(--core-fontSize-800); - --semantic-fontSize-icon-standalone-xl: var(--core-fontSize-600); - --semantic-fontSize-icon-standalone-lg: var(--core-fontSize-500); - --semantic-fontSize-icon-standalone-md: var(--core-fontSize-300); - --semantic-fontSize-icon-standalone-sm: var(--core-fontSize-100); - --semantic-paragraphSpacing-heading-hero: var( - --core-paragraphSpacing-800 - ); - --semantic-paragraphSpacing-heading-h1: var( - --core-paragraphSpacing-1100 - ); - --semantic-paragraphSpacing-heading-h2: var( - --core-paragraphSpacing-1000 - ); - --semantic-paragraphSpacing-heading-h3: var( - --core-paragraphSpacing-300 - ); - --semantic-paragraphSpacing-heading-h4: var( - --core-paragraphSpacing-200 - ); - --semantic-paragraphSpacing-heading-h5: var( - --core-paragraphSpacing-100 - ); - --semantic-paragraphSpacing-heading-h6: var(--core-paragraphSpacing-75); - --semantic-paragraphSpacing-body-xl: var(--core-paragraphSpacing-300); - --semantic-paragraphSpacing-body-lg: var(--core-paragraphSpacing-200); - --semantic-paragraphSpacing-body-md: var(--core-paragraphSpacing-100); - --semantic-paragraphSpacing-body-sm: var(--core-paragraphSpacing-75); - --semantic-paragraphSpacing-caption: var(--core-paragraphSpacing-50); - --semantic-paragraphSpacing-code-xl: var(--core-paragraphSpacing-300); - --semantic-paragraphSpacing-code-lg: var(--core-paragraphSpacing-200); - --semantic-paragraphSpacing-code-md: var(--core-paragraphSpacing-100); - --semantic-paragraphSpacing-code-sm: var(--core-paragraphSpacing-75); - --semantic-lineHeight-heading-hero: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h1: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h2: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h3: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h4: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h5: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h6: var(--core-lineHeight-auto); - --semantic-lineHeight-body-xl: var(--core-lineHeight-500); - --semantic-lineHeight-body-lg: var(--core-lineHeight-400); - --semantic-lineHeight-body-md: var(--core-lineHeight-300); - --semantic-lineHeight-body-sm: var(--core-lineHeight-200); - --semantic-lineHeight-caption: var(--core-lineHeight-100); - --semantic-lineHeight-code-xl: var(--core-lineHeight-500); - --semantic-lineHeight-code-lg: var(--core-lineHeight-400); - --semantic-lineHeight-code-md: var(--core-lineHeight-300); - --semantic-lineHeight-code-sm: var(--core-lineHeight-200); - --semantic-lineHeight-icon-labelPaired-xl: var(--core-lineHeight-500); - --semantic-lineHeight-icon-labelPaired-lg: var(--core-lineHeight-400); - --semantic-lineHeight-icon-labelPaired-md: var(--core-lineHeight-300); - --semantic-lineHeight-icon-labelPaired-sm: var(--core-lineHeight-200); - --semantic-lineHeight-icon-labelPaired-caption: var( - --core-lineHeight-100 - ); - --semantic-lineHeight-icon-standalone-2xl: var(--core-lineHeight-1000); - --semantic-lineHeight-icon-standalone-xl: var(--core-lineHeight-900); - --semantic-lineHeight-icon-standalone-lg: var(--core-lineHeight-800); - --semantic-lineHeight-icon-standalone-md: var(--core-lineHeight-600); - --semantic-lineHeight-icon-standalone-sm: var(--core-lineHeight-300); - } + :root { + --semantic-typography-heading-hero-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-hero-fontSize: var(--core-fontSize-800); + --semantic-typography-heading-hero-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-hero-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-hero-paragraphSpacing: var(--core-paragraphSpacing-800); + --semantic-typography-heading-hero-letterSpacing: normal; + --semantic-typography-heading-h1-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h1-fontSize: var(--core-fontSize-1100); + --semantic-typography-heading-h1-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h1-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h1-paragraphSpacing: var(--core-paragraphSpacing-1100); + --semantic-typography-heading-h1-letterSpacing: normal; + --semantic-typography-heading-h2-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h2-fontSize: var(--core-fontSize-1000); + --semantic-typography-heading-h2-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h2-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h2-paragraphSpacing: var(--core-paragraphSpacing-1000); + --semantic-typography-heading-h2-letterSpacing: normal; + --semantic-typography-heading-h3-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h3-fontSize: var(--core-fontSize-300); + --semantic-typography-heading-h3-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h3-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h3-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-heading-h3-letterSpacing: normal; + --semantic-typography-heading-h4-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h4-fontSize: var(--core-fontSize-200); + --semantic-typography-heading-h4-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h4-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h4-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-heading-h4-letterSpacing: normal; + --semantic-typography-heading-h5-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h5-fontSize: var(--core-fontSize-100); + --semantic-typography-heading-h5-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h5-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h5-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-heading-h5-letterSpacing: normal; + --semantic-typography-heading-h6-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h6-fontSize: var(--core-fontSize-75); + --semantic-typography-heading-h6-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h6-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h6-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-heading-h6-letterSpacing: normal; + --semantic-typography-body-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-default-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-italic-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-default-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-italic-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-default-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-default-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-italic-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-default-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-default-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-italic-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-default-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-default-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-default-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-default-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-default-letterSpacing: normal; + --semantic-typography-caption-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-letterSpacing: normal; + --semantic-typography-caption-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-underline-letterSpacing: normal; + --semantic-typography-caption-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-underline-letterSpacing: normal; + --semantic-typography-caption-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-default-letterSpacing: normal; + --semantic-typography-caption-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-letterSpacing: normal; + --semantic-typography-caption-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-underline-letterSpacing: normal; + --semantic-typography-caption-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-underline-letterSpacing: normal; + --semantic-typography-caption-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-default-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-italic-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-default-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-italic-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-default-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-default-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-italic-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-default-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-default-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-italic-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-default-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-default-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-default-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-default-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-icon-labelPaired-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-regular-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-regular-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-regular-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-regular-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-regular-caption-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-regular-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-bold-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-bold-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-bold-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-bold-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-bold-caption-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-bold-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-brand-xl-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-brand-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-brand-lg-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-brand-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-brand-md-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-brand-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-brand-sm-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-brand-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-caption-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-brand-caption-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-brand-caption-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-regular-2xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-regular-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-regular-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-regular-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-regular-md-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-regular-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-bold-2xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-bold-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-bold-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-bold-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-bold-md-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-bold-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-2xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-brand-2xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-brand-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-brand-xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-brand-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-brand-lg-fontWeight: normal; + --semantic-typography-icon-standalone-brand-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-brand-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-brand-md-fontWeight: normal; + --semantic-typography-icon-standalone-brand-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-brand-md-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-brand-sm-fontWeight: normal; + --semantic-typography-icon-standalone-brand-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-brand-sm-letterSpacing: normal; + --semantic-spacing-general-none: var(--core-spacing-50); + --semantic-spacing-general-3xs: var(--core-spacing-75); + --semantic-spacing-general-2xs: var(--core-spacing-100); + --semantic-spacing-general-xs: var(--core-spacing-200); + --semantic-spacing-general-sm: var(--core-spacing-400); + --semantic-spacing-general-md: var(--core-spacing-800); + --semantic-spacing-general-lg: var(--core-spacing-1200); + --semantic-spacing-general-xl: var(--core-spacing-1200); + --semantic-spacing-general-2xl: var(--core-spacing-1600); + --semantic-spacing-general-3xl: var(--core-spacing-1600); + --semantic-spacing-general-4xl: var(--core-spacing-2400); + --semantic-spacing-general-5xl: var(--core-spacing-2400); + --semantic-spacing-gap-none: var(--core-spacing-50); + --semantic-spacing-gap-2xs: var(--core-spacing-75); + --semantic-spacing-gap-xs: var(--core-spacing-100); + --semantic-spacing-gap-sm: var(--core-spacing-200); + --semantic-spacing-gap-md: var(--core-spacing-400); + --semantic-spacing-gap-lg: var(--core-spacing-800); + --semantic-spacing-gap-xl: var(--core-spacing-1200); + --semantic-spacing-gap-2xl: var(--core-spacing-1200); + --semantic-spacing-gap-3xl: var(--core-spacing-1600); + --semantic-spacing-gap-4xl: var(--core-spacing-1600); + --semantic-borderRadius-none: var(--core-borderRadius-50); + --semantic-borderRadius-xs: var(--core-borderRadius-100); + --semantic-borderRadius-sm: var(--core-borderRadius-200); + --semantic-borderRadius-md: var(--core-borderRadius-400); + --semantic-borderRadius-lg: var(--core-borderRadius-800); + --semantic-borderRadius-xl: var(--core-borderRadius-1200); + --semantic-borderRadius-2xl: var(--core-borderRadius-2400); + --semantic-borderRadius-pill: var(--core-borderRadius-4800); + --semantic-fontSize-heading-hero: var(--core-fontSize-800); + --semantic-fontSize-heading-h1: var(--core-fontSize-1100); + --semantic-fontSize-heading-h2: var(--core-fontSize-1000); + --semantic-fontSize-heading-h3: var(--core-fontSize-300); + --semantic-fontSize-heading-h4: var(--core-fontSize-200); + --semantic-fontSize-heading-h5: var(--core-fontSize-100); + --semantic-fontSize-heading-h6: var(--core-fontSize-75); + --semantic-fontSize-body-xl: var(--core-fontSize-300); + --semantic-fontSize-body-lg: var(--core-fontSize-200); + --semantic-fontSize-body-md: var(--core-fontSize-100); + --semantic-fontSize-body-sm: var(--core-fontSize-75); + --semantic-fontSize-caption: var(--core-fontSize-50); + --semantic-fontSize-code-xl: var(--core-fontSize-300); + --semantic-fontSize-code-lg: var(--core-fontSize-200); + --semantic-fontSize-code-md: var(--core-fontSize-100); + --semantic-fontSize-code-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-xl: var(--core-fontSize-300); + --semantic-fontSize-icon-labelPaired-lg: var(--core-fontSize-200); + --semantic-fontSize-icon-labelPaired-md: var(--core-fontSize-100); + --semantic-fontSize-icon-labelPaired-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-caption: var(--core-fontSize-50); + --semantic-fontSize-icon-standalone-2xl: var(--core-fontSize-800); + --semantic-fontSize-icon-standalone-xl: var(--core-fontSize-600); + --semantic-fontSize-icon-standalone-lg: var(--core-fontSize-500); + --semantic-fontSize-icon-standalone-md: var(--core-fontSize-300); + --semantic-fontSize-icon-standalone-sm: var(--core-fontSize-100); + --semantic-paragraphSpacing-heading-hero: var(--core-paragraphSpacing-800); + --semantic-paragraphSpacing-heading-h1: var(--core-paragraphSpacing-1100); + --semantic-paragraphSpacing-heading-h2: var(--core-paragraphSpacing-1000); + --semantic-paragraphSpacing-heading-h3: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-heading-h4: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-heading-h5: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-heading-h6: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-body-xl: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-body-lg: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-body-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-body-sm: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-caption: var(--core-paragraphSpacing-50); + --semantic-paragraphSpacing-code-xl: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-code-lg: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-code-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-code-sm: var(--core-paragraphSpacing-75); + --semantic-lineHeight-heading-hero: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h1: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h2: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h3: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h4: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h5: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h6: var(--core-lineHeight-auto); + --semantic-lineHeight-body-xl: var(--core-lineHeight-500); + --semantic-lineHeight-body-lg: var(--core-lineHeight-400); + --semantic-lineHeight-body-md: var(--core-lineHeight-300); + --semantic-lineHeight-body-sm: var(--core-lineHeight-200); + --semantic-lineHeight-caption: var(--core-lineHeight-100); + --semantic-lineHeight-code-xl: var(--core-lineHeight-500); + --semantic-lineHeight-code-lg: var(--core-lineHeight-400); + --semantic-lineHeight-code-md: var(--core-lineHeight-300); + --semantic-lineHeight-code-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-xl: var(--core-lineHeight-500); + --semantic-lineHeight-icon-labelPaired-lg: var(--core-lineHeight-400); + --semantic-lineHeight-icon-labelPaired-md: var(--core-lineHeight-300); + --semantic-lineHeight-icon-labelPaired-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-caption: var(--core-lineHeight-100); + --semantic-lineHeight-icon-standalone-2xl: var(--core-lineHeight-1000); + --semantic-lineHeight-icon-standalone-xl: var(--core-lineHeight-900); + --semantic-lineHeight-icon-standalone-lg: var(--core-lineHeight-800); + --semantic-lineHeight-icon-standalone-md: var(--core-lineHeight-600); + --semantic-lineHeight-icon-standalone-sm: var(--core-lineHeight-300); + } } @media (min-width: 1024px) { - :root { - --semantic-typography-heading-hero-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-hero-fontSize: var(--core-fontSize-800); - --semantic-typography-heading-hero-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-hero-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-hero-paragraphSpacing: var( - --core-paragraphSpacing-800 - ); - --semantic-typography-heading-hero-letterSpacing: normal; - --semantic-typography-heading-h1-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h1-fontSize: var(--core-fontSize-1100); - --semantic-typography-heading-h1-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h1-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h1-paragraphSpacing: var( - --core-paragraphSpacing-1100 - ); - --semantic-typography-heading-h1-letterSpacing: normal; - --semantic-typography-heading-h2-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h2-fontSize: var(--core-fontSize-1000); - --semantic-typography-heading-h2-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h2-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h2-paragraphSpacing: var( - --core-paragraphSpacing-1000 - ); - --semantic-typography-heading-h2-letterSpacing: normal; - --semantic-typography-heading-h3-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h3-fontSize: var(--core-fontSize-300); - --semantic-typography-heading-h3-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h3-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h3-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-heading-h3-letterSpacing: normal; - --semantic-typography-heading-h4-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h4-fontSize: var(--core-fontSize-200); - --semantic-typography-heading-h4-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h4-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h4-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-heading-h4-letterSpacing: normal; - --semantic-typography-heading-h5-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h5-fontSize: var(--core-fontSize-100); - --semantic-typography-heading-h5-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h5-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h5-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-heading-h5-letterSpacing: normal; - --semantic-typography-heading-h6-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h6-fontSize: var(--core-fontSize-75); - --semantic-typography-heading-h6-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h6-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h6-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-heading-h6-letterSpacing: normal; - --semantic-typography-body-xl-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-xl-regular-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-regular-default-letterSpacing: normal; - --semantic-typography-body-xl-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-xl-regular-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-regular-italic-letterSpacing: normal; - --semantic-typography-body-xl-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-xl-regular-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-regular-underline-letterSpacing: normal; - --semantic-typography-body-xl-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-xl-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-xl-regular-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-xl-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-xl-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-xl-bold-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-bold-default-letterSpacing: normal; - --semantic-typography-body-xl-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-xl-bold-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-bold-italic-letterSpacing: normal; - --semantic-typography-body-xl-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-xl-bold-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-bold-underline-letterSpacing: normal; - --semantic-typography-body-xl-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-xl-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-xl-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-xl-bold-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-xl-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-xl-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-xl-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-default-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-lg-regular-default-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-regular-default-letterSpacing: normal; - --semantic-typography-body-lg-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-italic-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-lg-regular-italic-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-regular-italic-letterSpacing: normal; - --semantic-typography-body-lg-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-lg-regular-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-regular-underline-letterSpacing: normal; - --semantic-typography-body-lg-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-italic-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-lg-regular-italic-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-lg-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-default-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-lg-bold-default-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-bold-default-letterSpacing: normal; - --semantic-typography-body-lg-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-italic-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-lg-bold-italic-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-bold-italic-letterSpacing: normal; - --semantic-typography-body-lg-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-lg-bold-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-bold-underline-letterSpacing: normal; - --semantic-typography-body-lg-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-italic-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-body-lg-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-lg-bold-italic-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-body-lg-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-body-lg-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-lg-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-md-regular-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-default-letterSpacing: normal; - --semantic-typography-body-md-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-md-regular-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-italic-letterSpacing: normal; - --semantic-typography-body-md-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-md-regular-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-underline-letterSpacing: normal; - --semantic-typography-body-md-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-md-regular-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-md-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-md-bold-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-default-letterSpacing: normal; - --semantic-typography-body-md-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-md-bold-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-italic-letterSpacing: normal; - --semantic-typography-body-md-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-md-bold-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-underline-letterSpacing: normal; - --semantic-typography-body-md-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-md-bold-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-md-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-sm-regular-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-default-letterSpacing: normal; - --semantic-typography-body-sm-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-sm-regular-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-italic-letterSpacing: normal; - --semantic-typography-body-sm-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-sm-regular-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-underline-letterSpacing: normal; - --semantic-typography-body-sm-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-sm-regular-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-sm-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-sm-bold-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-default-letterSpacing: normal; - --semantic-typography-body-sm-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-sm-bold-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-italic-letterSpacing: normal; - --semantic-typography-body-sm-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-sm-bold-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-underline-letterSpacing: normal; - --semantic-typography-body-sm-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-sm-bold-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-sm-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-default-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-caption-regular-default-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-default-letterSpacing: normal; - --semantic-typography-caption-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-italic-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-caption-regular-italic-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-italic-letterSpacing: normal; - --semantic-typography-caption-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-caption-regular-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-underline-letterSpacing: normal; - --semantic-typography-caption-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-italic-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-caption-regular-italic-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-italic-underline-letterSpacing: normal; - --semantic-typography-caption-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-default-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-caption-bold-default-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-default-letterSpacing: normal; - --semantic-typography-caption-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-italic-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-caption-bold-italic-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-italic-letterSpacing: normal; - --semantic-typography-caption-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-caption-bold-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-underline-letterSpacing: normal; - --semantic-typography-caption-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-italic-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-caption-bold-italic-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-italic-underline-letterSpacing: normal; - --semantic-typography-caption-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-xl-regular-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-regular-default-letterSpacing: normal; - --semantic-typography-code-xl-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-xl-regular-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-regular-italic-letterSpacing: normal; - --semantic-typography-code-xl-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-xl-regular-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-regular-underline-letterSpacing: normal; - --semantic-typography-code-xl-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-xl-regular-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-xl-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-xl-bold-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-bold-default-letterSpacing: normal; - --semantic-typography-code-xl-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-xl-bold-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-bold-italic-letterSpacing: normal; - --semantic-typography-code-xl-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-xl-bold-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-bold-underline-letterSpacing: normal; - --semantic-typography-code-xl-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-xl-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-xl-bold-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-xl-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-xl-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-xl-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-default-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-lg-regular-default-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-regular-default-letterSpacing: normal; - --semantic-typography-code-lg-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-italic-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-lg-regular-italic-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-regular-italic-letterSpacing: normal; - --semantic-typography-code-lg-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-lg-regular-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-regular-underline-letterSpacing: normal; - --semantic-typography-code-lg-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-italic-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-lg-regular-italic-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-lg-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-default-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-lg-bold-default-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-bold-default-letterSpacing: normal; - --semantic-typography-code-lg-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-italic-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-lg-bold-italic-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-bold-italic-letterSpacing: normal; - --semantic-typography-code-lg-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-lg-bold-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-bold-underline-letterSpacing: normal; - --semantic-typography-code-lg-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-italic-underline-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-code-lg-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-lg-bold-italic-underline-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-code-lg-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-200 - ); - --semantic-typography-code-lg-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-lg-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-md-regular-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-default-letterSpacing: normal; - --semantic-typography-code-md-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-md-regular-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-italic-letterSpacing: normal; - --semantic-typography-code-md-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-md-regular-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-underline-letterSpacing: normal; - --semantic-typography-code-md-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-md-regular-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-md-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-md-bold-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-default-letterSpacing: normal; - --semantic-typography-code-md-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-md-bold-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-italic-letterSpacing: normal; - --semantic-typography-code-md-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-md-bold-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-underline-letterSpacing: normal; - --semantic-typography-code-md-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-md-bold-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-md-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-sm-regular-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-default-letterSpacing: normal; - --semantic-typography-code-sm-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-sm-regular-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-italic-letterSpacing: normal; - --semantic-typography-code-sm-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-sm-regular-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-underline-letterSpacing: normal; - --semantic-typography-code-sm-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-sm-regular-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-sm-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-sm-bold-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-default-letterSpacing: normal; - --semantic-typography-code-sm-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-sm-bold-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-italic-letterSpacing: normal; - --semantic-typography-code-sm-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-sm-bold-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-underline-letterSpacing: normal; - --semantic-typography-code-sm-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-sm-bold-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-sm-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-icon-labelPaired-regular-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-xl-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-labelPaired-regular-xl-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-xl-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-icon-labelPaired-regular-xl-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-lg-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-icon-labelPaired-regular-lg-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-lg-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-icon-labelPaired-regular-lg-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-md-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-labelPaired-regular-md-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-md-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-labelPaired-regular-md-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-sm-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-icon-labelPaired-regular-sm-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-sm-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-icon-labelPaired-regular-sm-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-caption-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-caption-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-icon-labelPaired-regular-caption-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-caption-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-icon-labelPaired-regular-caption-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-xl-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-labelPaired-bold-xl-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-xl-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-icon-labelPaired-bold-xl-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-lg-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-icon-labelPaired-bold-lg-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-lg-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-icon-labelPaired-bold-lg-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-md-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-labelPaired-bold-md-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-md-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-labelPaired-bold-md-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-sm-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-icon-labelPaired-bold-sm-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-sm-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-icon-labelPaired-bold-sm-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-caption-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-caption-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-icon-labelPaired-bold-caption-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-caption-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-icon-labelPaired-bold-caption-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-xl-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-xl-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-labelPaired-brand-xl-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-xl-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-icon-labelPaired-brand-xl-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-lg-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-lg-fontSize: var( - --core-fontSize-200 - ); - --semantic-typography-icon-labelPaired-brand-lg-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-lg-lineHeight: var( - --core-lineHeight-400 - ); - --semantic-typography-icon-labelPaired-brand-lg-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-md-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-md-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-labelPaired-brand-md-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-md-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-labelPaired-brand-md-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-sm-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-sm-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-icon-labelPaired-brand-sm-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-sm-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-icon-labelPaired-brand-sm-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-caption-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-caption-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-icon-labelPaired-brand-caption-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-caption-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-icon-labelPaired-brand-caption-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-2xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-2xl-fontSize: var( - --core-fontSize-800 - ); - --semantic-typography-icon-standalone-regular-2xl-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-2xl-lineHeight: var( - --core-lineHeight-1000 - ); - --semantic-typography-icon-standalone-regular-2xl-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-xl-fontSize: var( - --core-fontSize-600 - ); - --semantic-typography-icon-standalone-regular-xl-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-xl-lineHeight: var( - --core-lineHeight-900 - ); - --semantic-typography-icon-standalone-regular-xl-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-lg-fontSize: var( - --core-fontSize-500 - ); - --semantic-typography-icon-standalone-regular-lg-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-lg-lineHeight: var( - --core-lineHeight-800 - ); - --semantic-typography-icon-standalone-regular-lg-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-md-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-standalone-regular-md-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-md-lineHeight: var( - --core-lineHeight-600 - ); - --semantic-typography-icon-standalone-regular-md-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-sm-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-standalone-regular-sm-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-sm-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-standalone-regular-sm-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-2xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-2xl-fontSize: var( - --core-fontSize-800 - ); - --semantic-typography-icon-standalone-bold-2xl-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-2xl-lineHeight: var( - --core-lineHeight-1000 - ); - --semantic-typography-icon-standalone-bold-2xl-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-xl-fontSize: var( - --core-fontSize-600 - ); - --semantic-typography-icon-standalone-bold-xl-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-xl-lineHeight: var( - --core-lineHeight-900 - ); - --semantic-typography-icon-standalone-bold-xl-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-lg-fontSize: var( - --core-fontSize-500 - ); - --semantic-typography-icon-standalone-bold-lg-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-lg-lineHeight: var( - --core-lineHeight-800 - ); - --semantic-typography-icon-standalone-bold-lg-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-md-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-standalone-bold-md-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-md-lineHeight: var( - --core-lineHeight-600 - ); - --semantic-typography-icon-standalone-bold-md-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-sm-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-standalone-bold-sm-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-sm-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-standalone-bold-sm-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-2xl-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-2xl-fontSize: var( - --core-fontSize-800 - ); - --semantic-typography-icon-standalone-brand-2xl-fontWeight: normal; - --semantic-typography-icon-standalone-brand-2xl-lineHeight: var( - --core-lineHeight-1000 - ); - --semantic-typography-icon-standalone-brand-2xl-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-xl-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-xl-fontSize: var( - --core-fontSize-600 - ); - --semantic-typography-icon-standalone-brand-xl-fontWeight: normal; - --semantic-typography-icon-standalone-brand-xl-lineHeight: var( - --core-lineHeight-900 - ); - --semantic-typography-icon-standalone-brand-xl-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-lg-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-lg-fontSize: var( - --core-fontSize-500 - ); - --semantic-typography-icon-standalone-brand-lg-fontWeight: normal; - --semantic-typography-icon-standalone-brand-lg-lineHeight: var( - --core-lineHeight-800 - ); - --semantic-typography-icon-standalone-brand-lg-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-md-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-md-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-standalone-brand-md-fontWeight: normal; - --semantic-typography-icon-standalone-brand-md-lineHeight: var( - --core-lineHeight-600 - ); - --semantic-typography-icon-standalone-brand-md-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-sm-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-sm-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-standalone-brand-sm-fontWeight: normal; - --semantic-typography-icon-standalone-brand-sm-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-standalone-brand-sm-letterSpacing: normal; - --semantic-spacing-general-none: var(--core-spacing-50); - --semantic-spacing-general-3xs: var(--core-spacing-75); - --semantic-spacing-general-2xs: var(--core-spacing-100); - --semantic-spacing-general-xs: var(--core-spacing-200); - --semantic-spacing-general-sm: var(--core-spacing-400); - --semantic-spacing-general-md: var(--core-spacing-800); - --semantic-spacing-general-lg: var(--core-spacing-1200); - --semantic-spacing-general-xl: var(--core-spacing-1200); - --semantic-spacing-general-2xl: var(--core-spacing-1600); - --semantic-spacing-general-3xl: var(--core-spacing-1600); - --semantic-spacing-general-4xl: var(--core-spacing-2400); - --semantic-spacing-general-5xl: var(--core-spacing-2400); - --semantic-spacing-gap-none: var(--core-spacing-50); - --semantic-spacing-gap-2xs: var(--core-spacing-75); - --semantic-spacing-gap-xs: var(--core-spacing-100); - --semantic-spacing-gap-sm: var(--core-spacing-200); - --semantic-spacing-gap-md: var(--core-spacing-400); - --semantic-spacing-gap-lg: var(--core-spacing-800); - --semantic-spacing-gap-xl: var(--core-spacing-1200); - --semantic-spacing-gap-2xl: var(--core-spacing-1200); - --semantic-spacing-gap-3xl: var(--core-spacing-1600); - --semantic-spacing-gap-4xl: var(--core-spacing-1600); - --semantic-borderRadius-none: var(--core-borderRadius-50); - --semantic-borderRadius-xs: var(--core-borderRadius-100); - --semantic-borderRadius-sm: var(--core-borderRadius-200); - --semantic-borderRadius-md: var(--core-borderRadius-400); - --semantic-borderRadius-lg: var(--core-borderRadius-800); - --semantic-borderRadius-xl: var(--core-borderRadius-1200); - --semantic-borderRadius-2xl: var(--core-borderRadius-2400); - --semantic-borderRadius-pill: var(--core-borderRadius-4800); - --semantic-fontSize-heading-hero: var(--core-fontSize-800); - --semantic-fontSize-heading-h1: var(--core-fontSize-1100); - --semantic-fontSize-heading-h2: var(--core-fontSize-1000); - --semantic-fontSize-heading-h3: var(--core-fontSize-300); - --semantic-fontSize-heading-h4: var(--core-fontSize-200); - --semantic-fontSize-heading-h5: var(--core-fontSize-100); - --semantic-fontSize-heading-h6: var(--core-fontSize-75); - --semantic-fontSize-body-xl: var(--core-fontSize-300); - --semantic-fontSize-body-lg: var(--core-fontSize-200); - --semantic-fontSize-body-md: var(--core-fontSize-100); - --semantic-fontSize-body-sm: var(--core-fontSize-75); - --semantic-fontSize-caption: var(--core-fontSize-50); - --semantic-fontSize-code-xl: var(--core-fontSize-300); - --semantic-fontSize-code-lg: var(--core-fontSize-200); - --semantic-fontSize-code-md: var(--core-fontSize-100); - --semantic-fontSize-code-sm: var(--core-fontSize-75); - --semantic-fontSize-icon-labelPaired-xl: var(--core-fontSize-300); - --semantic-fontSize-icon-labelPaired-lg: var(--core-fontSize-200); - --semantic-fontSize-icon-labelPaired-md: var(--core-fontSize-100); - --semantic-fontSize-icon-labelPaired-sm: var(--core-fontSize-75); - --semantic-fontSize-icon-labelPaired-caption: var(--core-fontSize-50); - --semantic-fontSize-icon-standalone-2xl: var(--core-fontSize-800); - --semantic-fontSize-icon-standalone-xl: var(--core-fontSize-600); - --semantic-fontSize-icon-standalone-lg: var(--core-fontSize-500); - --semantic-fontSize-icon-standalone-md: var(--core-fontSize-300); - --semantic-fontSize-icon-standalone-sm: var(--core-fontSize-100); - --semantic-paragraphSpacing-heading-hero: var( - --core-paragraphSpacing-800 - ); - --semantic-paragraphSpacing-heading-h1: var( - --core-paragraphSpacing-1100 - ); - --semantic-paragraphSpacing-heading-h2: var( - --core-paragraphSpacing-1000 - ); - --semantic-paragraphSpacing-heading-h3: var( - --core-paragraphSpacing-300 - ); - --semantic-paragraphSpacing-heading-h4: var( - --core-paragraphSpacing-200 - ); - --semantic-paragraphSpacing-heading-h5: var( - --core-paragraphSpacing-100 - ); - --semantic-paragraphSpacing-heading-h6: var(--core-paragraphSpacing-75); - --semantic-paragraphSpacing-body-xl: var(--core-paragraphSpacing-300); - --semantic-paragraphSpacing-body-lg: var(--core-paragraphSpacing-200); - --semantic-paragraphSpacing-body-md: var(--core-paragraphSpacing-100); - --semantic-paragraphSpacing-body-sm: var(--core-paragraphSpacing-75); - --semantic-paragraphSpacing-caption: var(--core-paragraphSpacing-50); - --semantic-paragraphSpacing-code-xl: var(--core-paragraphSpacing-300); - --semantic-paragraphSpacing-code-lg: var(--core-paragraphSpacing-200); - --semantic-paragraphSpacing-code-md: var(--core-paragraphSpacing-100); - --semantic-paragraphSpacing-code-sm: var(--core-paragraphSpacing-75); - --semantic-lineHeight-heading-hero: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h1: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h2: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h3: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h4: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h5: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h6: var(--core-lineHeight-auto); - --semantic-lineHeight-body-xl: var(--core-lineHeight-500); - --semantic-lineHeight-body-lg: var(--core-lineHeight-400); - --semantic-lineHeight-body-md: var(--core-lineHeight-300); - --semantic-lineHeight-body-sm: var(--core-lineHeight-200); - --semantic-lineHeight-caption: var(--core-lineHeight-100); - --semantic-lineHeight-code-xl: var(--core-lineHeight-500); - --semantic-lineHeight-code-lg: var(--core-lineHeight-400); - --semantic-lineHeight-code-md: var(--core-lineHeight-300); - --semantic-lineHeight-code-sm: var(--core-lineHeight-200); - --semantic-lineHeight-icon-labelPaired-xl: var(--core-lineHeight-500); - --semantic-lineHeight-icon-labelPaired-lg: var(--core-lineHeight-400); - --semantic-lineHeight-icon-labelPaired-md: var(--core-lineHeight-300); - --semantic-lineHeight-icon-labelPaired-sm: var(--core-lineHeight-200); - --semantic-lineHeight-icon-labelPaired-caption: var( - --core-lineHeight-100 - ); - --semantic-lineHeight-icon-standalone-2xl: var(--core-lineHeight-1000); - --semantic-lineHeight-icon-standalone-xl: var(--core-lineHeight-900); - --semantic-lineHeight-icon-standalone-lg: var(--core-lineHeight-800); - --semantic-lineHeight-icon-standalone-md: var(--core-lineHeight-600); - --semantic-lineHeight-icon-standalone-sm: var(--core-lineHeight-300); - } -} -@media (min-width: 1280px) { - :root { - --semantic-typography-heading-hero-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-hero-fontSize: var(--core-fontSize-900); - --semantic-typography-heading-hero-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-hero-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-hero-paragraphSpacing: var( - --core-paragraphSpacing-900 - ); - --semantic-typography-heading-hero-letterSpacing: normal; - --semantic-typography-heading-h1-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h1-fontSize: var(--core-fontSize-800); - --semantic-typography-heading-h1-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h1-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h1-paragraphSpacing: var( - --core-paragraphSpacing-800 - ); - --semantic-typography-heading-h1-letterSpacing: normal; - --semantic-typography-heading-h2-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h2-fontSize: var(--core-fontSize-700); - --semantic-typography-heading-h2-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h2-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h2-paragraphSpacing: var( - --core-paragraphSpacing-700 - ); - --semantic-typography-heading-h2-letterSpacing: normal; - --semantic-typography-heading-h3-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h3-fontSize: var(--core-fontSize-400); - --semantic-typography-heading-h3-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h3-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h3-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-heading-h3-letterSpacing: normal; - --semantic-typography-heading-h4-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h4-fontSize: var(--core-fontSize-300); - --semantic-typography-heading-h4-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h4-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h4-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-heading-h4-letterSpacing: normal; - --semantic-typography-heading-h5-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h5-fontSize: var(--core-fontSize-100); - --semantic-typography-heading-h5-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h5-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h5-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-heading-h5-letterSpacing: normal; - --semantic-typography-heading-h6-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h6-fontSize: var(--core-fontSize-75); - --semantic-typography-heading-h6-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h6-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h6-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-heading-h6-letterSpacing: normal; - --semantic-typography-body-xl-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-default-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-body-xl-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-xl-regular-default-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-body-xl-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-body-xl-regular-default-letterSpacing: normal; - --semantic-typography-body-xl-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-italic-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-body-xl-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-xl-regular-italic-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-body-xl-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-body-xl-regular-italic-letterSpacing: normal; - --semantic-typography-body-xl-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-underline-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-body-xl-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-xl-regular-underline-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-body-xl-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-body-xl-regular-underline-letterSpacing: normal; - --semantic-typography-body-xl-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-xl-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-italic-underline-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-body-xl-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-xl-regular-italic-underline-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-body-xl-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-body-xl-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-xl-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-xl-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-default-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-body-xl-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-xl-bold-default-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-body-xl-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-body-xl-bold-default-letterSpacing: normal; - --semantic-typography-body-xl-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-italic-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-body-xl-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-xl-bold-italic-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-body-xl-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-body-xl-bold-italic-letterSpacing: normal; - --semantic-typography-body-xl-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-underline-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-body-xl-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-xl-bold-underline-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-body-xl-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-body-xl-bold-underline-letterSpacing: normal; - --semantic-typography-body-xl-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-xl-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-italic-underline-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-body-xl-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-xl-bold-italic-underline-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-body-xl-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-body-xl-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-xl-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-lg-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-lg-regular-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-lg-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-lg-regular-default-letterSpacing: normal; - --semantic-typography-body-lg-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-lg-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-lg-regular-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-lg-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-lg-regular-italic-letterSpacing: normal; - --semantic-typography-body-lg-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-lg-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-lg-regular-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-lg-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-lg-regular-underline-letterSpacing: normal; - --semantic-typography-body-lg-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-lg-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-lg-regular-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-lg-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-lg-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-lg-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-lg-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-lg-bold-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-lg-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-lg-bold-default-letterSpacing: normal; - --semantic-typography-body-lg-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-lg-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-lg-bold-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-lg-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-lg-bold-italic-letterSpacing: normal; - --semantic-typography-body-lg-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-lg-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-lg-bold-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-lg-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-lg-bold-underline-letterSpacing: normal; - --semantic-typography-body-lg-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-lg-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-lg-bold-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-lg-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-lg-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-lg-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-md-regular-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-default-letterSpacing: normal; - --semantic-typography-body-md-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-md-regular-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-italic-letterSpacing: normal; - --semantic-typography-body-md-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-md-regular-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-underline-letterSpacing: normal; - --semantic-typography-body-md-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-md-regular-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-md-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-md-bold-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-default-letterSpacing: normal; - --semantic-typography-body-md-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-md-bold-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-italic-letterSpacing: normal; - --semantic-typography-body-md-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-md-bold-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-underline-letterSpacing: normal; - --semantic-typography-body-md-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-md-bold-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-md-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-sm-regular-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-default-letterSpacing: normal; - --semantic-typography-body-sm-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-sm-regular-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-italic-letterSpacing: normal; - --semantic-typography-body-sm-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-sm-regular-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-underline-letterSpacing: normal; - --semantic-typography-body-sm-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-sm-regular-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-sm-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-sm-bold-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-default-letterSpacing: normal; - --semantic-typography-body-sm-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-sm-bold-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-italic-letterSpacing: normal; - --semantic-typography-body-sm-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-sm-bold-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-underline-letterSpacing: normal; - --semantic-typography-body-sm-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-sm-bold-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-sm-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-default-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-caption-regular-default-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-default-letterSpacing: normal; - --semantic-typography-caption-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-italic-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-caption-regular-italic-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-italic-letterSpacing: normal; - --semantic-typography-caption-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-caption-regular-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-underline-letterSpacing: normal; - --semantic-typography-caption-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-italic-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-caption-regular-italic-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-italic-underline-letterSpacing: normal; - --semantic-typography-caption-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-default-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-caption-bold-default-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-default-letterSpacing: normal; - --semantic-typography-caption-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-italic-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-caption-bold-italic-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-italic-letterSpacing: normal; - --semantic-typography-caption-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-caption-bold-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-underline-letterSpacing: normal; - --semantic-typography-caption-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-italic-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-caption-bold-italic-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-italic-underline-letterSpacing: normal; - --semantic-typography-caption-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-default-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-code-xl-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-xl-regular-default-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-code-xl-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-code-xl-regular-default-letterSpacing: normal; - --semantic-typography-code-xl-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-italic-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-code-xl-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-xl-regular-italic-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-code-xl-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-code-xl-regular-italic-letterSpacing: normal; - --semantic-typography-code-xl-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-underline-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-code-xl-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-xl-regular-underline-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-code-xl-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-code-xl-regular-underline-letterSpacing: normal; - --semantic-typography-code-xl-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-italic-underline-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-code-xl-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-xl-regular-italic-underline-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-code-xl-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-code-xl-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-xl-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-default-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-code-xl-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-xl-bold-default-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-code-xl-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-code-xl-bold-default-letterSpacing: normal; - --semantic-typography-code-xl-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-italic-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-code-xl-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-xl-bold-italic-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-code-xl-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-code-xl-bold-italic-letterSpacing: normal; - --semantic-typography-code-xl-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-underline-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-code-xl-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-xl-bold-underline-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-code-xl-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-code-xl-bold-underline-letterSpacing: normal; - --semantic-typography-code-xl-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-italic-underline-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-code-xl-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-xl-bold-italic-underline-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-code-xl-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-code-xl-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-xl-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-lg-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-lg-regular-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-lg-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-lg-regular-default-letterSpacing: normal; - --semantic-typography-code-lg-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-lg-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-lg-regular-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-lg-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-lg-regular-italic-letterSpacing: normal; - --semantic-typography-code-lg-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-lg-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-lg-regular-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-lg-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-lg-regular-underline-letterSpacing: normal; - --semantic-typography-code-lg-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-lg-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-lg-regular-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-lg-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-lg-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-lg-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-lg-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-lg-bold-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-lg-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-lg-bold-default-letterSpacing: normal; - --semantic-typography-code-lg-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-lg-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-lg-bold-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-lg-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-lg-bold-italic-letterSpacing: normal; - --semantic-typography-code-lg-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-lg-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-lg-bold-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-lg-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-lg-bold-underline-letterSpacing: normal; - --semantic-typography-code-lg-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-lg-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-lg-bold-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-lg-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-lg-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-lg-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-md-regular-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-default-letterSpacing: normal; - --semantic-typography-code-md-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-md-regular-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-italic-letterSpacing: normal; - --semantic-typography-code-md-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-md-regular-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-underline-letterSpacing: normal; - --semantic-typography-code-md-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-md-regular-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-md-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-md-bold-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-default-letterSpacing: normal; - --semantic-typography-code-md-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-md-bold-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-italic-letterSpacing: normal; - --semantic-typography-code-md-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-md-bold-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-underline-letterSpacing: normal; - --semantic-typography-code-md-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-md-bold-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-md-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-sm-regular-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-default-letterSpacing: normal; - --semantic-typography-code-sm-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-sm-regular-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-italic-letterSpacing: normal; - --semantic-typography-code-sm-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-sm-regular-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-underline-letterSpacing: normal; - --semantic-typography-code-sm-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-sm-regular-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-sm-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-sm-bold-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-default-letterSpacing: normal; - --semantic-typography-code-sm-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-sm-bold-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-italic-letterSpacing: normal; - --semantic-typography-code-sm-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-sm-bold-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-underline-letterSpacing: normal; - --semantic-typography-code-sm-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-sm-bold-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-sm-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-icon-labelPaired-regular-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-xl-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-icon-labelPaired-regular-xl-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-xl-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-icon-labelPaired-regular-xl-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-lg-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-labelPaired-regular-lg-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-lg-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-icon-labelPaired-regular-lg-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-md-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-labelPaired-regular-md-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-md-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-labelPaired-regular-md-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-sm-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-icon-labelPaired-regular-sm-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-sm-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-icon-labelPaired-regular-sm-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-caption-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-caption-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-icon-labelPaired-regular-caption-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-caption-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-icon-labelPaired-regular-caption-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-xl-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-icon-labelPaired-bold-xl-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-xl-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-icon-labelPaired-bold-xl-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-lg-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-labelPaired-bold-lg-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-lg-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-icon-labelPaired-bold-lg-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-md-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-labelPaired-bold-md-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-md-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-labelPaired-bold-md-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-sm-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-icon-labelPaired-bold-sm-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-sm-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-icon-labelPaired-bold-sm-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-caption-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-caption-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-icon-labelPaired-bold-caption-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-caption-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-icon-labelPaired-bold-caption-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-xl-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-xl-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-icon-labelPaired-brand-xl-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-xl-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-icon-labelPaired-brand-xl-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-lg-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-lg-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-labelPaired-brand-lg-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-lg-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-icon-labelPaired-brand-lg-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-md-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-md-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-labelPaired-brand-md-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-md-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-labelPaired-brand-md-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-sm-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-sm-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-icon-labelPaired-brand-sm-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-sm-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-icon-labelPaired-brand-sm-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-caption-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-caption-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-icon-labelPaired-brand-caption-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-caption-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-icon-labelPaired-brand-caption-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-2xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-2xl-fontSize: var( - --core-fontSize-800 - ); - --semantic-typography-icon-standalone-regular-2xl-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-2xl-lineHeight: var( - --core-lineHeight-1000 - ); - --semantic-typography-icon-standalone-regular-2xl-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-xl-fontSize: var( - --core-fontSize-600 - ); - --semantic-typography-icon-standalone-regular-xl-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-xl-lineHeight: var( - --core-lineHeight-900 - ); - --semantic-typography-icon-standalone-regular-xl-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-lg-fontSize: var( - --core-fontSize-500 - ); - --semantic-typography-icon-standalone-regular-lg-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-lg-lineHeight: var( - --core-lineHeight-800 - ); - --semantic-typography-icon-standalone-regular-lg-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-md-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-standalone-regular-md-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-md-lineHeight: var( - --core-lineHeight-600 - ); - --semantic-typography-icon-standalone-regular-md-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-sm-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-standalone-regular-sm-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-sm-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-standalone-regular-sm-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-2xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-2xl-fontSize: var( - --core-fontSize-800 - ); - --semantic-typography-icon-standalone-bold-2xl-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-2xl-lineHeight: var( - --core-lineHeight-1000 - ); - --semantic-typography-icon-standalone-bold-2xl-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-xl-fontSize: var( - --core-fontSize-600 - ); - --semantic-typography-icon-standalone-bold-xl-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-xl-lineHeight: var( - --core-lineHeight-900 - ); - --semantic-typography-icon-standalone-bold-xl-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-lg-fontSize: var( - --core-fontSize-500 - ); - --semantic-typography-icon-standalone-bold-lg-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-lg-lineHeight: var( - --core-lineHeight-800 - ); - --semantic-typography-icon-standalone-bold-lg-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-md-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-standalone-bold-md-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-md-lineHeight: var( - --core-lineHeight-600 - ); - --semantic-typography-icon-standalone-bold-md-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-sm-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-standalone-bold-sm-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-sm-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-standalone-bold-sm-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-2xl-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-2xl-fontSize: var( - --core-fontSize-800 - ); - --semantic-typography-icon-standalone-brand-2xl-fontWeight: normal; - --semantic-typography-icon-standalone-brand-2xl-lineHeight: var( - --core-lineHeight-1000 - ); - --semantic-typography-icon-standalone-brand-2xl-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-xl-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-xl-fontSize: var( - --core-fontSize-600 - ); - --semantic-typography-icon-standalone-brand-xl-fontWeight: normal; - --semantic-typography-icon-standalone-brand-xl-lineHeight: var( - --core-lineHeight-900 - ); - --semantic-typography-icon-standalone-brand-xl-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-lg-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-lg-fontSize: var( - --core-fontSize-500 - ); - --semantic-typography-icon-standalone-brand-lg-fontWeight: normal; - --semantic-typography-icon-standalone-brand-lg-lineHeight: var( - --core-lineHeight-800 - ); - --semantic-typography-icon-standalone-brand-lg-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-md-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-md-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-standalone-brand-md-fontWeight: normal; - --semantic-typography-icon-standalone-brand-md-lineHeight: var( - --core-lineHeight-600 - ); - --semantic-typography-icon-standalone-brand-md-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-sm-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-sm-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-standalone-brand-sm-fontWeight: normal; - --semantic-typography-icon-standalone-brand-sm-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-standalone-brand-sm-letterSpacing: normal; - --semantic-spacing-general-none: var(--core-spacing-50); - --semantic-spacing-general-3xs: var(--core-spacing-75); - --semantic-spacing-general-2xs: var(--core-spacing-100); - --semantic-spacing-general-xs: var(--core-spacing-200); - --semantic-spacing-general-sm: var(--core-spacing-400); - --semantic-spacing-general-md: var(--core-spacing-800); - --semantic-spacing-general-lg: var(--core-spacing-1200); - --semantic-spacing-general-xl: var(--core-spacing-1600); - --semantic-spacing-general-2xl: var(--core-spacing-2400); - --semantic-spacing-general-3xl: var(--core-spacing-3200); - --semantic-spacing-general-4xl: var(--core-spacing-3600); - --semantic-spacing-general-5xl: var(--core-spacing-4800); - --semantic-spacing-gap-none: var(--core-spacing-50); - --semantic-spacing-gap-2xs: var(--core-spacing-75); - --semantic-spacing-gap-xs: var(--core-spacing-100); - --semantic-spacing-gap-sm: var(--core-spacing-200); - --semantic-spacing-gap-md: var(--core-spacing-400); - --semantic-spacing-gap-lg: var(--core-spacing-800); - --semantic-spacing-gap-xl: var(--core-spacing-1200); - --semantic-spacing-gap-2xl: var(--core-spacing-1600); - --semantic-spacing-gap-3xl: var(--core-spacing-2400); - --semantic-spacing-gap-4xl: var(--core-spacing-3200); - --semantic-borderRadius-none: var(--core-borderRadius-50); - --semantic-borderRadius-xs: var(--core-borderRadius-100); - --semantic-borderRadius-sm: var(--core-borderRadius-200); - --semantic-borderRadius-md: var(--core-borderRadius-400); - --semantic-borderRadius-lg: var(--core-borderRadius-800); - --semantic-borderRadius-xl: var(--core-borderRadius-1200); - --semantic-borderRadius-2xl: var(--core-borderRadius-2400); - --semantic-borderRadius-pill: var(--core-borderRadius-4800); - --semantic-fontSize-heading-hero: var(--core-fontSize-900); - --semantic-fontSize-heading-h1: var(--core-fontSize-800); - --semantic-fontSize-heading-h2: var(--core-fontSize-700); - --semantic-fontSize-heading-h3: var(--core-fontSize-400); - --semantic-fontSize-heading-h4: var(--core-fontSize-300); - --semantic-fontSize-heading-h5: var(--core-fontSize-100); - --semantic-fontSize-heading-h6: var(--core-fontSize-75); - --semantic-fontSize-body-xl: var(--core-fontSize-400); - --semantic-fontSize-body-lg: var(--core-fontSize-300); - --semantic-fontSize-body-md: var(--core-fontSize-100); - --semantic-fontSize-body-sm: var(--core-fontSize-75); - --semantic-fontSize-caption: var(--core-fontSize-50); - --semantic-fontSize-code-xl: var(--core-fontSize-400); - --semantic-fontSize-code-lg: var(--core-fontSize-300); - --semantic-fontSize-code-md: var(--core-fontSize-100); - --semantic-fontSize-code-sm: var(--core-fontSize-75); - --semantic-fontSize-icon-labelPaired-xl: var(--core-fontSize-400); - --semantic-fontSize-icon-labelPaired-lg: var(--core-fontSize-300); - --semantic-fontSize-icon-labelPaired-md: var(--core-fontSize-100); - --semantic-fontSize-icon-labelPaired-sm: var(--core-fontSize-75); - --semantic-fontSize-icon-labelPaired-caption: var(--core-fontSize-50); - --semantic-fontSize-icon-standalone-2xl: var(--core-fontSize-800); - --semantic-fontSize-icon-standalone-xl: var(--core-fontSize-600); - --semantic-fontSize-icon-standalone-lg: var(--core-fontSize-500); - --semantic-fontSize-icon-standalone-md: var(--core-fontSize-300); - --semantic-fontSize-icon-standalone-sm: var(--core-fontSize-100); - --semantic-paragraphSpacing-heading-hero: var( - --core-paragraphSpacing-900 - ); - --semantic-paragraphSpacing-heading-h1: var( - --core-paragraphSpacing-800 - ); - --semantic-paragraphSpacing-heading-h2: var( - --core-paragraphSpacing-700 - ); - --semantic-paragraphSpacing-heading-h3: var( - --core-paragraphSpacing-400 - ); - --semantic-paragraphSpacing-heading-h4: var( - --core-paragraphSpacing-300 - ); - --semantic-paragraphSpacing-heading-h5: var( - --core-paragraphSpacing-100 - ); - --semantic-paragraphSpacing-heading-h6: var(--core-paragraphSpacing-75); - --semantic-paragraphSpacing-body-xl: var(--core-paragraphSpacing-400); - --semantic-paragraphSpacing-body-lg: var(--core-paragraphSpacing-300); - --semantic-paragraphSpacing-body-md: var(--core-paragraphSpacing-100); - --semantic-paragraphSpacing-body-sm: var(--core-paragraphSpacing-75); - --semantic-paragraphSpacing-caption: var(--core-paragraphSpacing-50); - --semantic-paragraphSpacing-code-xl: var(--core-paragraphSpacing-400); - --semantic-paragraphSpacing-code-lg: var(--core-paragraphSpacing-300); - --semantic-paragraphSpacing-code-md: var(--core-paragraphSpacing-100); - --semantic-paragraphSpacing-code-sm: var(--core-paragraphSpacing-75); - --semantic-lineHeight-heading-hero: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h1: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h2: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h3: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h4: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h5: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h6: var(--core-lineHeight-auto); - --semantic-lineHeight-body-xl: var(--core-lineHeight-700); - --semantic-lineHeight-body-lg: var(--core-lineHeight-500); - --semantic-lineHeight-body-md: var(--core-lineHeight-300); - --semantic-lineHeight-body-sm: var(--core-lineHeight-200); - --semantic-lineHeight-caption: var(--core-lineHeight-100); - --semantic-lineHeight-code-xl: var(--core-lineHeight-700); - --semantic-lineHeight-code-lg: var(--core-lineHeight-500); - --semantic-lineHeight-code-md: var(--core-lineHeight-300); - --semantic-lineHeight-code-sm: var(--core-lineHeight-200); - --semantic-lineHeight-icon-labelPaired-xl: var(--core-lineHeight-700); - --semantic-lineHeight-icon-labelPaired-lg: var(--core-lineHeight-500); - --semantic-lineHeight-icon-labelPaired-md: var(--core-lineHeight-300); - --semantic-lineHeight-icon-labelPaired-sm: var(--core-lineHeight-200); - --semantic-lineHeight-icon-labelPaired-caption: var( - --core-lineHeight-100 - ); - --semantic-lineHeight-icon-standalone-2xl: var(--core-lineHeight-1000); - --semantic-lineHeight-icon-standalone-xl: var(--core-lineHeight-900); - --semantic-lineHeight-icon-standalone-lg: var(--core-lineHeight-800); - --semantic-lineHeight-icon-standalone-md: var(--core-lineHeight-600); - --semantic-lineHeight-icon-standalone-sm: var(--core-lineHeight-300); - } -} -@media (min-width: 1440px) { - :root { - --semantic-typography-heading-hero-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-hero-fontSize: var(--core-fontSize-900); - --semantic-typography-heading-hero-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-hero-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-hero-paragraphSpacing: var( - --core-paragraphSpacing-900 - ); - --semantic-typography-heading-hero-letterSpacing: normal; - --semantic-typography-heading-h1-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h1-fontSize: var(--core-fontSize-800); - --semantic-typography-heading-h1-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h1-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h1-paragraphSpacing: var( - --core-paragraphSpacing-800 - ); - --semantic-typography-heading-h1-letterSpacing: normal; - --semantic-typography-heading-h2-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h2-fontSize: var(--core-fontSize-700); - --semantic-typography-heading-h2-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h2-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h2-paragraphSpacing: var( - --core-paragraphSpacing-700 - ); - --semantic-typography-heading-h2-letterSpacing: normal; - --semantic-typography-heading-h3-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h3-fontSize: var(--core-fontSize-400); - --semantic-typography-heading-h3-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h3-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h3-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-heading-h3-letterSpacing: normal; - --semantic-typography-heading-h4-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h4-fontSize: var(--core-fontSize-300); - --semantic-typography-heading-h4-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h4-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h4-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-heading-h4-letterSpacing: normal; - --semantic-typography-heading-h5-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h5-fontSize: var(--core-fontSize-100); - --semantic-typography-heading-h5-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h5-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h5-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-heading-h5-letterSpacing: normal; - --semantic-typography-heading-h6-fontFamily: var( - --core-fontFamily-ubuntu - ); - --semantic-typography-heading-h6-fontSize: var(--core-fontSize-75); - --semantic-typography-heading-h6-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-heading-h6-lineHeight: var( - --core-lineHeight-auto - ); - --semantic-typography-heading-h6-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-heading-h6-letterSpacing: normal; - --semantic-typography-body-xl-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-default-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-body-xl-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-xl-regular-default-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-body-xl-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-body-xl-regular-default-letterSpacing: normal; - --semantic-typography-body-xl-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-italic-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-body-xl-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-xl-regular-italic-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-body-xl-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-body-xl-regular-italic-letterSpacing: normal; - --semantic-typography-body-xl-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-underline-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-body-xl-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-xl-regular-underline-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-body-xl-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-body-xl-regular-underline-letterSpacing: normal; - --semantic-typography-body-xl-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-xl-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-regular-italic-underline-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-body-xl-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-xl-regular-italic-underline-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-body-xl-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-body-xl-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-xl-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-xl-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-default-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-body-xl-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-xl-bold-default-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-body-xl-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-body-xl-bold-default-letterSpacing: normal; - --semantic-typography-body-xl-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-italic-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-body-xl-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-xl-bold-italic-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-body-xl-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-body-xl-bold-italic-letterSpacing: normal; - --semantic-typography-body-xl-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-underline-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-body-xl-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-xl-bold-underline-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-body-xl-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-body-xl-bold-underline-letterSpacing: normal; - --semantic-typography-body-xl-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-xl-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-xl-bold-italic-underline-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-body-xl-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-xl-bold-italic-underline-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-body-xl-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-body-xl-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-xl-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-lg-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-lg-regular-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-lg-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-lg-regular-default-letterSpacing: normal; - --semantic-typography-body-lg-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-lg-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-lg-regular-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-lg-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-lg-regular-italic-letterSpacing: normal; - --semantic-typography-body-lg-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-lg-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-lg-regular-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-lg-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-lg-regular-underline-letterSpacing: normal; - --semantic-typography-body-lg-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-regular-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-lg-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-lg-regular-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-lg-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-lg-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-lg-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-lg-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-lg-bold-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-lg-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-lg-bold-default-letterSpacing: normal; - --semantic-typography-body-lg-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-lg-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-lg-bold-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-lg-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-lg-bold-italic-letterSpacing: normal; - --semantic-typography-body-lg-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-lg-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-lg-bold-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-lg-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-lg-bold-underline-letterSpacing: normal; - --semantic-typography-body-lg-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-lg-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-lg-bold-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-body-lg-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-lg-bold-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-body-lg-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-body-lg-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-lg-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-md-regular-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-default-letterSpacing: normal; - --semantic-typography-body-md-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-md-regular-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-italic-letterSpacing: normal; - --semantic-typography-body-md-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-md-regular-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-underline-letterSpacing: normal; - --semantic-typography-body-md-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-regular-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-md-regular-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-md-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-md-bold-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-default-letterSpacing: normal; - --semantic-typography-body-md-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-md-bold-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-italic-letterSpacing: normal; - --semantic-typography-body-md-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-md-bold-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-underline-letterSpacing: normal; - --semantic-typography-body-md-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-md-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-md-bold-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-body-md-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-md-bold-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-body-md-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-body-md-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-md-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-sm-regular-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-default-letterSpacing: normal; - --semantic-typography-body-sm-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-sm-regular-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-italic-letterSpacing: normal; - --semantic-typography-body-sm-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-body-sm-regular-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-underline-letterSpacing: normal; - --semantic-typography-body-sm-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-regular-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-body-sm-regular-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-regular-italic-underline-letterSpacing: normal; - --semantic-typography-body-sm-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-sm-bold-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-default-letterSpacing: normal; - --semantic-typography-body-sm-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-sm-bold-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-italic-letterSpacing: normal; - --semantic-typography-body-sm-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-body-sm-bold-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-underline-letterSpacing: normal; - --semantic-typography-body-sm-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-body-sm-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-body-sm-bold-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-body-sm-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-body-sm-bold-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-body-sm-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-body-sm-bold-italic-underline-letterSpacing: normal; - --semantic-typography-body-sm-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-default-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-caption-regular-default-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-default-letterSpacing: normal; - --semantic-typography-caption-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-italic-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-caption-regular-italic-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-italic-letterSpacing: normal; - --semantic-typography-caption-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-caption-regular-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-underline-letterSpacing: normal; - --semantic-typography-caption-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-regular-italic-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-caption-regular-italic-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-regular-italic-underline-letterSpacing: normal; - --semantic-typography-caption-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-default-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-caption-bold-default-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-default-letterSpacing: normal; - --semantic-typography-caption-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-italic-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-caption-bold-italic-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-italic-letterSpacing: normal; - --semantic-typography-caption-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-caption-bold-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-underline-letterSpacing: normal; - --semantic-typography-caption-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-caption-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-sans - ); - --semantic-typography-caption-bold-italic-underline-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-caption-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-caption-bold-italic-underline-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-caption-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-50 - ); - --semantic-typography-caption-bold-italic-underline-letterSpacing: normal; - --semantic-typography-caption-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-default-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-code-xl-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-xl-regular-default-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-code-xl-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-code-xl-regular-default-letterSpacing: normal; - --semantic-typography-code-xl-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-italic-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-code-xl-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-xl-regular-italic-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-code-xl-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-code-xl-regular-italic-letterSpacing: normal; - --semantic-typography-code-xl-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-underline-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-code-xl-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-xl-regular-underline-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-code-xl-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-code-xl-regular-underline-letterSpacing: normal; - --semantic-typography-code-xl-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-regular-italic-underline-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-code-xl-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-xl-regular-italic-underline-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-code-xl-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-code-xl-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-xl-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-default-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-code-xl-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-xl-bold-default-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-code-xl-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-code-xl-bold-default-letterSpacing: normal; - --semantic-typography-code-xl-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-italic-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-code-xl-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-xl-bold-italic-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-code-xl-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-code-xl-bold-italic-letterSpacing: normal; - --semantic-typography-code-xl-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-underline-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-code-xl-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-xl-bold-underline-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-code-xl-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-code-xl-bold-underline-letterSpacing: normal; - --semantic-typography-code-xl-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-xl-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-xl-bold-italic-underline-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-code-xl-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-xl-bold-italic-underline-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-code-xl-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-400 - ); - --semantic-typography-code-xl-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-xl-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-lg-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-lg-regular-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-lg-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-lg-regular-default-letterSpacing: normal; - --semantic-typography-code-lg-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-lg-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-lg-regular-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-lg-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-lg-regular-italic-letterSpacing: normal; - --semantic-typography-code-lg-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-lg-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-lg-regular-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-lg-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-lg-regular-underline-letterSpacing: normal; - --semantic-typography-code-lg-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-regular-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-lg-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-lg-regular-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-lg-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-lg-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-lg-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-default-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-lg-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-lg-bold-default-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-lg-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-lg-bold-default-letterSpacing: normal; - --semantic-typography-code-lg-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-italic-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-lg-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-lg-bold-italic-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-lg-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-lg-bold-italic-letterSpacing: normal; - --semantic-typography-code-lg-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-lg-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-lg-bold-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-lg-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-lg-bold-underline-letterSpacing: normal; - --semantic-typography-code-lg-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-lg-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-lg-bold-italic-underline-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-code-lg-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-lg-bold-italic-underline-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-code-lg-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-300 - ); - --semantic-typography-code-lg-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-lg-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-md-regular-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-default-letterSpacing: normal; - --semantic-typography-code-md-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-md-regular-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-italic-letterSpacing: normal; - --semantic-typography-code-md-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-md-regular-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-underline-letterSpacing: normal; - --semantic-typography-code-md-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-regular-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-md-regular-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-md-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-default-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-md-bold-default-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-default-letterSpacing: normal; - --semantic-typography-code-md-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-italic-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-md-bold-italic-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-italic-letterSpacing: normal; - --semantic-typography-code-md-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-md-bold-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-underline-letterSpacing: normal; - --semantic-typography-code-md-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-md-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-md-bold-italic-underline-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-code-md-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-md-bold-italic-underline-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-code-md-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-100 - ); - --semantic-typography-code-md-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-md-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-regular-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-default-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-sm-regular-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-default-letterSpacing: normal; - --semantic-typography-code-sm-regular-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-italic-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-sm-regular-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-italic-letterSpacing: normal; - --semantic-typography-code-sm-regular-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-underline-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-code-sm-regular-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-underline-letterSpacing: normal; - --semantic-typography-code-sm-regular-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-regular-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-regular-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-regular-italic-underline-fontWeight: var( - --core-fontWeight-italic - ); - --semantic-typography-code-sm-regular-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-regular-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-regular-italic-underline-letterSpacing: normal; - --semantic-typography-code-sm-regular-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-bold-default-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-default-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-default-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-sm-bold-default-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-default-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-default-letterSpacing: normal; - --semantic-typography-code-sm-bold-italic-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-italic-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-italic-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-sm-bold-italic-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-italic-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-italic-letterSpacing: normal; - --semantic-typography-code-sm-bold-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-underline-fontWeight: var( - --core-fontWeight-bold - ); - --semantic-typography-code-sm-bold-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-underline-letterSpacing: normal; - --semantic-typography-code-sm-bold-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-code-sm-bold-italic-underline-fontFamily: var( - --core-fontFamily-ibmPlex-mono - ); - --semantic-typography-code-sm-bold-italic-underline-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-code-sm-bold-italic-underline-fontWeight: var( - --core-fontWeight-boldItalic - ); - --semantic-typography-code-sm-bold-italic-underline-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-code-sm-bold-italic-underline-paragraphSpacing: var( - --core-paragraphSpacing-75 - ); - --semantic-typography-code-sm-bold-italic-underline-letterSpacing: normal; - --semantic-typography-code-sm-bold-italic-underline-textDecoration: var( - --core-fontDecoration-underline - ); - --semantic-typography-icon-labelPaired-regular-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-xl-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-icon-labelPaired-regular-xl-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-xl-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-icon-labelPaired-regular-xl-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-lg-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-labelPaired-regular-lg-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-lg-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-icon-labelPaired-regular-lg-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-md-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-labelPaired-regular-md-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-md-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-labelPaired-regular-md-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-sm-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-icon-labelPaired-regular-sm-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-sm-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-icon-labelPaired-regular-sm-letterSpacing: normal; - --semantic-typography-icon-labelPaired-regular-caption-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-regular-caption-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-icon-labelPaired-regular-caption-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-labelPaired-regular-caption-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-icon-labelPaired-regular-caption-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-xl-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-icon-labelPaired-bold-xl-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-xl-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-icon-labelPaired-bold-xl-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-lg-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-labelPaired-bold-lg-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-lg-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-icon-labelPaired-bold-lg-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-md-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-labelPaired-bold-md-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-md-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-labelPaired-bold-md-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-sm-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-icon-labelPaired-bold-sm-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-sm-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-icon-labelPaired-bold-sm-letterSpacing: normal; - --semantic-typography-icon-labelPaired-bold-caption-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-labelPaired-bold-caption-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-icon-labelPaired-bold-caption-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-labelPaired-bold-caption-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-icon-labelPaired-bold-caption-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-xl-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-xl-fontSize: var( - --core-fontSize-400 - ); - --semantic-typography-icon-labelPaired-brand-xl-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-xl-lineHeight: var( - --core-lineHeight-700 - ); - --semantic-typography-icon-labelPaired-brand-xl-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-lg-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-lg-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-labelPaired-brand-lg-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-lg-lineHeight: var( - --core-lineHeight-500 - ); - --semantic-typography-icon-labelPaired-brand-lg-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-md-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-md-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-labelPaired-brand-md-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-md-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-labelPaired-brand-md-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-sm-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-sm-fontSize: var( - --core-fontSize-75 - ); - --semantic-typography-icon-labelPaired-brand-sm-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-sm-lineHeight: var( - --core-lineHeight-200 - ); - --semantic-typography-icon-labelPaired-brand-sm-letterSpacing: normal; - --semantic-typography-icon-labelPaired-brand-caption-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-labelPaired-brand-caption-fontSize: var( - --core-fontSize-50 - ); - --semantic-typography-icon-labelPaired-brand-caption-fontWeight: normal; - --semantic-typography-icon-labelPaired-brand-caption-lineHeight: var( - --core-lineHeight-100 - ); - --semantic-typography-icon-labelPaired-brand-caption-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-2xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-2xl-fontSize: var( - --core-fontSize-800 - ); - --semantic-typography-icon-standalone-regular-2xl-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-2xl-lineHeight: var( - --core-lineHeight-1000 - ); - --semantic-typography-icon-standalone-regular-2xl-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-xl-fontSize: var( - --core-fontSize-600 - ); - --semantic-typography-icon-standalone-regular-xl-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-xl-lineHeight: var( - --core-lineHeight-900 - ); - --semantic-typography-icon-standalone-regular-xl-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-lg-fontSize: var( - --core-fontSize-500 - ); - --semantic-typography-icon-standalone-regular-lg-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-lg-lineHeight: var( - --core-lineHeight-800 - ); - --semantic-typography-icon-standalone-regular-lg-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-md-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-standalone-regular-md-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-md-lineHeight: var( - --core-lineHeight-600 - ); - --semantic-typography-icon-standalone-regular-md-letterSpacing: normal; - --semantic-typography-icon-standalone-regular-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-regular-sm-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-standalone-regular-sm-fontWeight: var( - --core-fontWeight-light - ); - --semantic-typography-icon-standalone-regular-sm-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-standalone-regular-sm-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-2xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-2xl-fontSize: var( - --core-fontSize-800 - ); - --semantic-typography-icon-standalone-bold-2xl-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-2xl-lineHeight: var( - --core-lineHeight-1000 - ); - --semantic-typography-icon-standalone-bold-2xl-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-xl-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-xl-fontSize: var( - --core-fontSize-600 - ); - --semantic-typography-icon-standalone-bold-xl-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-xl-lineHeight: var( - --core-lineHeight-900 - ); - --semantic-typography-icon-standalone-bold-xl-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-lg-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-lg-fontSize: var( - --core-fontSize-500 - ); - --semantic-typography-icon-standalone-bold-lg-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-lg-lineHeight: var( - --core-lineHeight-800 - ); - --semantic-typography-icon-standalone-bold-lg-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-md-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-md-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-standalone-bold-md-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-md-lineHeight: var( - --core-lineHeight-600 - ); - --semantic-typography-icon-standalone-bold-md-letterSpacing: normal; - --semantic-typography-icon-standalone-bold-sm-fontFamily: var( - --core-fontFamily-fontAwesome-pro - ); - --semantic-typography-icon-standalone-bold-sm-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-standalone-bold-sm-fontWeight: var( - --core-fontWeight-regular - ); - --semantic-typography-icon-standalone-bold-sm-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-standalone-bold-sm-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-2xl-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-2xl-fontSize: var( - --core-fontSize-800 - ); - --semantic-typography-icon-standalone-brand-2xl-fontWeight: normal; - --semantic-typography-icon-standalone-brand-2xl-lineHeight: var( - --core-lineHeight-1000 - ); - --semantic-typography-icon-standalone-brand-2xl-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-xl-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-xl-fontSize: var( - --core-fontSize-600 - ); - --semantic-typography-icon-standalone-brand-xl-fontWeight: normal; - --semantic-typography-icon-standalone-brand-xl-lineHeight: var( - --core-lineHeight-900 - ); - --semantic-typography-icon-standalone-brand-xl-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-lg-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-lg-fontSize: var( - --core-fontSize-500 - ); - --semantic-typography-icon-standalone-brand-lg-fontWeight: normal; - --semantic-typography-icon-standalone-brand-lg-lineHeight: var( - --core-lineHeight-800 - ); - --semantic-typography-icon-standalone-brand-lg-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-md-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-md-fontSize: var( - --core-fontSize-300 - ); - --semantic-typography-icon-standalone-brand-md-fontWeight: normal; - --semantic-typography-icon-standalone-brand-md-lineHeight: var( - --core-lineHeight-600 - ); - --semantic-typography-icon-standalone-brand-md-letterSpacing: normal; - --semantic-typography-icon-standalone-brand-sm-fontFamily: var( - --core-fontFamily-fontAwesome-brands - ); - --semantic-typography-icon-standalone-brand-sm-fontSize: var( - --core-fontSize-100 - ); - --semantic-typography-icon-standalone-brand-sm-fontWeight: normal; - --semantic-typography-icon-standalone-brand-sm-lineHeight: var( - --core-lineHeight-300 - ); - --semantic-typography-icon-standalone-brand-sm-letterSpacing: normal; - --semantic-spacing-general-none: var(--core-spacing-50); - --semantic-spacing-general-3xs: var(--core-spacing-75); - --semantic-spacing-general-2xs: var(--core-spacing-100); - --semantic-spacing-general-xs: var(--core-spacing-200); - --semantic-spacing-general-sm: var(--core-spacing-400); - --semantic-spacing-general-md: var(--core-spacing-800); - --semantic-spacing-general-lg: var(--core-spacing-1200); - --semantic-spacing-general-xl: var(--core-spacing-1600); - --semantic-spacing-general-2xl: var(--core-spacing-2400); - --semantic-spacing-general-3xl: var(--core-spacing-3200); - --semantic-spacing-general-4xl: var(--core-spacing-3600); - --semantic-spacing-general-5xl: var(--core-spacing-4800); - --semantic-spacing-gap-none: var(--core-spacing-50); - --semantic-spacing-gap-2xs: var(--core-spacing-75); - --semantic-spacing-gap-xs: var(--core-spacing-100); - --semantic-spacing-gap-sm: var(--core-spacing-200); - --semantic-spacing-gap-md: var(--core-spacing-400); - --semantic-spacing-gap-lg: var(--core-spacing-800); - --semantic-spacing-gap-xl: var(--core-spacing-1200); - --semantic-spacing-gap-2xl: var(--core-spacing-1600); - --semantic-spacing-gap-3xl: var(--core-spacing-2400); - --semantic-spacing-gap-4xl: var(--core-spacing-3200); - --semantic-borderRadius-none: var(--core-borderRadius-50); - --semantic-borderRadius-xs: var(--core-borderRadius-100); - --semantic-borderRadius-sm: var(--core-borderRadius-200); - --semantic-borderRadius-md: var(--core-borderRadius-400); - --semantic-borderRadius-lg: var(--core-borderRadius-800); - --semantic-borderRadius-xl: var(--core-borderRadius-1200); - --semantic-borderRadius-2xl: var(--core-borderRadius-2400); - --semantic-borderRadius-pill: var(--core-borderRadius-4800); - --semantic-fontSize-heading-hero: var(--core-fontSize-900); - --semantic-fontSize-heading-h1: var(--core-fontSize-800); - --semantic-fontSize-heading-h2: var(--core-fontSize-700); - --semantic-fontSize-heading-h3: var(--core-fontSize-400); - --semantic-fontSize-heading-h4: var(--core-fontSize-300); - --semantic-fontSize-heading-h5: var(--core-fontSize-100); - --semantic-fontSize-heading-h6: var(--core-fontSize-75); - --semantic-fontSize-body-xl: var(--core-fontSize-400); - --semantic-fontSize-body-lg: var(--core-fontSize-300); - --semantic-fontSize-body-md: var(--core-fontSize-100); - --semantic-fontSize-body-sm: var(--core-fontSize-75); - --semantic-fontSize-caption: var(--core-fontSize-50); - --semantic-fontSize-code-xl: var(--core-fontSize-400); - --semantic-fontSize-code-lg: var(--core-fontSize-300); - --semantic-fontSize-code-md: var(--core-fontSize-100); - --semantic-fontSize-code-sm: var(--core-fontSize-75); - --semantic-fontSize-icon-labelPaired-xl: var(--core-fontSize-400); - --semantic-fontSize-icon-labelPaired-lg: var(--core-fontSize-300); - --semantic-fontSize-icon-labelPaired-md: var(--core-fontSize-100); - --semantic-fontSize-icon-labelPaired-sm: var(--core-fontSize-75); - --semantic-fontSize-icon-labelPaired-caption: var(--core-fontSize-50); - --semantic-fontSize-icon-standalone-2xl: var(--core-fontSize-800); - --semantic-fontSize-icon-standalone-xl: var(--core-fontSize-600); - --semantic-fontSize-icon-standalone-lg: var(--core-fontSize-500); - --semantic-fontSize-icon-standalone-md: var(--core-fontSize-300); - --semantic-fontSize-icon-standalone-sm: var(--core-fontSize-100); - --semantic-paragraphSpacing-heading-hero: var( - --core-paragraphSpacing-900 - ); - --semantic-paragraphSpacing-heading-h1: var( - --core-paragraphSpacing-800 - ); - --semantic-paragraphSpacing-heading-h2: var( - --core-paragraphSpacing-700 - ); - --semantic-paragraphSpacing-heading-h3: var( - --core-paragraphSpacing-400 - ); - --semantic-paragraphSpacing-heading-h4: var( - --core-paragraphSpacing-300 - ); - --semantic-paragraphSpacing-heading-h5: var( - --core-paragraphSpacing-100 - ); - --semantic-paragraphSpacing-heading-h6: var(--core-paragraphSpacing-75); - --semantic-paragraphSpacing-body-xl: var(--core-paragraphSpacing-400); - --semantic-paragraphSpacing-body-lg: var(--core-paragraphSpacing-300); - --semantic-paragraphSpacing-body-md: var(--core-paragraphSpacing-100); - --semantic-paragraphSpacing-body-sm: var(--core-paragraphSpacing-75); - --semantic-paragraphSpacing-caption: var(--core-paragraphSpacing-50); - --semantic-paragraphSpacing-code-xl: var(--core-paragraphSpacing-400); - --semantic-paragraphSpacing-code-lg: var(--core-paragraphSpacing-300); - --semantic-paragraphSpacing-code-md: var(--core-paragraphSpacing-100); - --semantic-paragraphSpacing-code-sm: var(--core-paragraphSpacing-75); - --semantic-lineHeight-heading-hero: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h1: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h2: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h3: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h4: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h5: var(--core-lineHeight-auto); - --semantic-lineHeight-heading-h6: var(--core-lineHeight-auto); - --semantic-lineHeight-body-xl: var(--core-lineHeight-700); - --semantic-lineHeight-body-lg: var(--core-lineHeight-500); - --semantic-lineHeight-body-md: var(--core-lineHeight-300); - --semantic-lineHeight-body-sm: var(--core-lineHeight-200); - --semantic-lineHeight-caption: var(--core-lineHeight-100); - --semantic-lineHeight-code-xl: var(--core-lineHeight-700); - --semantic-lineHeight-code-lg: var(--core-lineHeight-500); - --semantic-lineHeight-code-md: var(--core-lineHeight-300); - --semantic-lineHeight-code-sm: var(--core-lineHeight-200); - --semantic-lineHeight-icon-labelPaired-xl: var(--core-lineHeight-700); - --semantic-lineHeight-icon-labelPaired-lg: var(--core-lineHeight-500); - --semantic-lineHeight-icon-labelPaired-md: var(--core-lineHeight-300); - --semantic-lineHeight-icon-labelPaired-sm: var(--core-lineHeight-200); - --semantic-lineHeight-icon-labelPaired-caption: var( - --core-lineHeight-100 - ); - --semantic-lineHeight-icon-standalone-2xl: var(--core-lineHeight-1000); - --semantic-lineHeight-icon-standalone-xl: var(--core-lineHeight-900); - --semantic-lineHeight-icon-standalone-lg: var(--core-lineHeight-800); - --semantic-lineHeight-icon-standalone-md: var(--core-lineHeight-600); - --semantic-lineHeight-icon-standalone-sm: var(--core-lineHeight-300); - } + :root { + --semantic-typography-heading-hero-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-hero-fontSize: var(--core-fontSize-800); + --semantic-typography-heading-hero-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-hero-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-hero-paragraphSpacing: var(--core-paragraphSpacing-800); + --semantic-typography-heading-hero-letterSpacing: normal; + --semantic-typography-heading-h1-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h1-fontSize: var(--core-fontSize-1100); + --semantic-typography-heading-h1-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h1-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h1-paragraphSpacing: var(--core-paragraphSpacing-1100); + --semantic-typography-heading-h1-letterSpacing: normal; + --semantic-typography-heading-h2-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h2-fontSize: var(--core-fontSize-1000); + --semantic-typography-heading-h2-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h2-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h2-paragraphSpacing: var(--core-paragraphSpacing-1000); + --semantic-typography-heading-h2-letterSpacing: normal; + --semantic-typography-heading-h3-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h3-fontSize: var(--core-fontSize-300); + --semantic-typography-heading-h3-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h3-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h3-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-heading-h3-letterSpacing: normal; + --semantic-typography-heading-h4-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h4-fontSize: var(--core-fontSize-200); + --semantic-typography-heading-h4-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h4-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h4-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-heading-h4-letterSpacing: normal; + --semantic-typography-heading-h5-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h5-fontSize: var(--core-fontSize-100); + --semantic-typography-heading-h5-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h5-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h5-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-heading-h5-letterSpacing: normal; + --semantic-typography-heading-h6-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h6-fontSize: var(--core-fontSize-75); + --semantic-typography-heading-h6-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h6-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h6-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-heading-h6-letterSpacing: normal; + --semantic-typography-body-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-default-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-italic-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-default-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-italic-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-default-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-default-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-italic-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-default-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-default-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-italic-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-body-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-body-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-body-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-default-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-default-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-default-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-default-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-default-letterSpacing: normal; + --semantic-typography-caption-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-letterSpacing: normal; + --semantic-typography-caption-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-underline-letterSpacing: normal; + --semantic-typography-caption-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-underline-letterSpacing: normal; + --semantic-typography-caption-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-default-letterSpacing: normal; + --semantic-typography-caption-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-letterSpacing: normal; + --semantic-typography-caption-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-underline-letterSpacing: normal; + --semantic-typography-caption-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-underline-letterSpacing: normal; + --semantic-typography-caption-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-default-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-italic-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-default-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-italic-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-default-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-default-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-italic-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-default-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-default-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-default-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-italic-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-underline-fontSize: var(--core-fontSize-200); + --semantic-typography-code-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-400); + --semantic-typography-code-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-200); + --semantic-typography-code-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-default-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-default-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-default-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-default-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-icon-labelPaired-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-regular-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-regular-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-regular-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-regular-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-regular-caption-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-regular-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-bold-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-bold-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-bold-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-bold-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-bold-caption-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-bold-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-xl-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-brand-xl-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-xl-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-brand-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-lg-fontSize: var(--core-fontSize-200); + --semantic-typography-icon-labelPaired-brand-lg-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-lg-lineHeight: var(--core-lineHeight-400); + --semantic-typography-icon-labelPaired-brand-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-brand-md-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-brand-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-brand-sm-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-brand-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-caption-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-brand-caption-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-brand-caption-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-regular-2xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-regular-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-regular-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-regular-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-regular-md-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-regular-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-bold-2xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-bold-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-bold-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-bold-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-bold-md-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-bold-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-2xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-brand-2xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-brand-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-brand-xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-brand-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-brand-lg-fontWeight: normal; + --semantic-typography-icon-standalone-brand-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-brand-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-brand-md-fontWeight: normal; + --semantic-typography-icon-standalone-brand-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-brand-md-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-brand-sm-fontWeight: normal; + --semantic-typography-icon-standalone-brand-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-brand-sm-letterSpacing: normal; + --semantic-spacing-general-none: var(--core-spacing-50); + --semantic-spacing-general-3xs: var(--core-spacing-75); + --semantic-spacing-general-2xs: var(--core-spacing-100); + --semantic-spacing-general-xs: var(--core-spacing-200); + --semantic-spacing-general-sm: var(--core-spacing-400); + --semantic-spacing-general-md: var(--core-spacing-800); + --semantic-spacing-general-lg: var(--core-spacing-1200); + --semantic-spacing-general-xl: var(--core-spacing-1200); + --semantic-spacing-general-2xl: var(--core-spacing-1600); + --semantic-spacing-general-3xl: var(--core-spacing-1600); + --semantic-spacing-general-4xl: var(--core-spacing-2400); + --semantic-spacing-general-5xl: var(--core-spacing-2400); + --semantic-spacing-gap-none: var(--core-spacing-50); + --semantic-spacing-gap-2xs: var(--core-spacing-75); + --semantic-spacing-gap-xs: var(--core-spacing-100); + --semantic-spacing-gap-sm: var(--core-spacing-200); + --semantic-spacing-gap-md: var(--core-spacing-400); + --semantic-spacing-gap-lg: var(--core-spacing-800); + --semantic-spacing-gap-xl: var(--core-spacing-1200); + --semantic-spacing-gap-2xl: var(--core-spacing-1200); + --semantic-spacing-gap-3xl: var(--core-spacing-1600); + --semantic-spacing-gap-4xl: var(--core-spacing-1600); + --semantic-borderRadius-none: var(--core-borderRadius-50); + --semantic-borderRadius-xs: var(--core-borderRadius-100); + --semantic-borderRadius-sm: var(--core-borderRadius-200); + --semantic-borderRadius-md: var(--core-borderRadius-400); + --semantic-borderRadius-lg: var(--core-borderRadius-800); + --semantic-borderRadius-xl: var(--core-borderRadius-1200); + --semantic-borderRadius-2xl: var(--core-borderRadius-2400); + --semantic-borderRadius-pill: var(--core-borderRadius-4800); + --semantic-fontSize-heading-hero: var(--core-fontSize-800); + --semantic-fontSize-heading-h1: var(--core-fontSize-1100); + --semantic-fontSize-heading-h2: var(--core-fontSize-1000); + --semantic-fontSize-heading-h3: var(--core-fontSize-300); + --semantic-fontSize-heading-h4: var(--core-fontSize-200); + --semantic-fontSize-heading-h5: var(--core-fontSize-100); + --semantic-fontSize-heading-h6: var(--core-fontSize-75); + --semantic-fontSize-body-xl: var(--core-fontSize-300); + --semantic-fontSize-body-lg: var(--core-fontSize-200); + --semantic-fontSize-body-md: var(--core-fontSize-100); + --semantic-fontSize-body-sm: var(--core-fontSize-75); + --semantic-fontSize-caption: var(--core-fontSize-50); + --semantic-fontSize-code-xl: var(--core-fontSize-300); + --semantic-fontSize-code-lg: var(--core-fontSize-200); + --semantic-fontSize-code-md: var(--core-fontSize-100); + --semantic-fontSize-code-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-xl: var(--core-fontSize-300); + --semantic-fontSize-icon-labelPaired-lg: var(--core-fontSize-200); + --semantic-fontSize-icon-labelPaired-md: var(--core-fontSize-100); + --semantic-fontSize-icon-labelPaired-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-caption: var(--core-fontSize-50); + --semantic-fontSize-icon-standalone-2xl: var(--core-fontSize-800); + --semantic-fontSize-icon-standalone-xl: var(--core-fontSize-600); + --semantic-fontSize-icon-standalone-lg: var(--core-fontSize-500); + --semantic-fontSize-icon-standalone-md: var(--core-fontSize-300); + --semantic-fontSize-icon-standalone-sm: var(--core-fontSize-100); + --semantic-paragraphSpacing-heading-hero: var(--core-paragraphSpacing-800); + --semantic-paragraphSpacing-heading-h1: var(--core-paragraphSpacing-1100); + --semantic-paragraphSpacing-heading-h2: var(--core-paragraphSpacing-1000); + --semantic-paragraphSpacing-heading-h3: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-heading-h4: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-heading-h5: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-heading-h6: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-body-xl: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-body-lg: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-body-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-body-sm: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-caption: var(--core-paragraphSpacing-50); + --semantic-paragraphSpacing-code-xl: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-code-lg: var(--core-paragraphSpacing-200); + --semantic-paragraphSpacing-code-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-code-sm: var(--core-paragraphSpacing-75); + --semantic-lineHeight-heading-hero: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h1: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h2: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h3: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h4: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h5: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h6: var(--core-lineHeight-auto); + --semantic-lineHeight-body-xl: var(--core-lineHeight-500); + --semantic-lineHeight-body-lg: var(--core-lineHeight-400); + --semantic-lineHeight-body-md: var(--core-lineHeight-300); + --semantic-lineHeight-body-sm: var(--core-lineHeight-200); + --semantic-lineHeight-caption: var(--core-lineHeight-100); + --semantic-lineHeight-code-xl: var(--core-lineHeight-500); + --semantic-lineHeight-code-lg: var(--core-lineHeight-400); + --semantic-lineHeight-code-md: var(--core-lineHeight-300); + --semantic-lineHeight-code-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-xl: var(--core-lineHeight-500); + --semantic-lineHeight-icon-labelPaired-lg: var(--core-lineHeight-400); + --semantic-lineHeight-icon-labelPaired-md: var(--core-lineHeight-300); + --semantic-lineHeight-icon-labelPaired-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-caption: var(--core-lineHeight-100); + --semantic-lineHeight-icon-standalone-2xl: var(--core-lineHeight-1000); + --semantic-lineHeight-icon-standalone-xl: var(--core-lineHeight-900); + --semantic-lineHeight-icon-standalone-lg: var(--core-lineHeight-800); + --semantic-lineHeight-icon-standalone-md: var(--core-lineHeight-600); + --semantic-lineHeight-icon-standalone-sm: var(--core-lineHeight-300); + } +} +@media (min-width: 1280px) { + :root { + --semantic-typography-heading-hero-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-hero-fontSize: var(--core-fontSize-900); + --semantic-typography-heading-hero-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-hero-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-hero-paragraphSpacing: var(--core-paragraphSpacing-900); + --semantic-typography-heading-hero-letterSpacing: normal; + --semantic-typography-heading-h1-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h1-fontSize: var(--core-fontSize-800); + --semantic-typography-heading-h1-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h1-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h1-paragraphSpacing: var(--core-paragraphSpacing-800); + --semantic-typography-heading-h1-letterSpacing: normal; + --semantic-typography-heading-h2-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h2-fontSize: var(--core-fontSize-700); + --semantic-typography-heading-h2-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h2-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h2-paragraphSpacing: var(--core-paragraphSpacing-700); + --semantic-typography-heading-h2-letterSpacing: normal; + --semantic-typography-heading-h3-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h3-fontSize: var(--core-fontSize-400); + --semantic-typography-heading-h3-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h3-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h3-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-heading-h3-letterSpacing: normal; + --semantic-typography-heading-h4-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h4-fontSize: var(--core-fontSize-300); + --semantic-typography-heading-h4-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h4-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h4-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-heading-h4-letterSpacing: normal; + --semantic-typography-heading-h5-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h5-fontSize: var(--core-fontSize-100); + --semantic-typography-heading-h5-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h5-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h5-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-heading-h5-letterSpacing: normal; + --semantic-typography-heading-h6-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h6-fontSize: var(--core-fontSize-75); + --semantic-typography-heading-h6-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h6-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h6-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-heading-h6-letterSpacing: normal; + --semantic-typography-body-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-default-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-default-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-regular-default-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-regular-italic-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-regular-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-default-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-default-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-bold-default-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-bold-italic-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-bold-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-regular-default-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-regular-italic-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-regular-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-bold-default-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-bold-italic-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-bold-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-default-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-default-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-default-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-default-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-default-letterSpacing: normal; + --semantic-typography-caption-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-letterSpacing: normal; + --semantic-typography-caption-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-underline-letterSpacing: normal; + --semantic-typography-caption-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-underline-letterSpacing: normal; + --semantic-typography-caption-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-default-letterSpacing: normal; + --semantic-typography-caption-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-letterSpacing: normal; + --semantic-typography-caption-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-underline-letterSpacing: normal; + --semantic-typography-caption-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-underline-letterSpacing: normal; + --semantic-typography-caption-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-default-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-default-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-regular-default-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-regular-italic-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-regular-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-default-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-default-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-bold-default-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-bold-italic-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-bold-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-regular-default-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-regular-italic-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-regular-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-bold-default-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-bold-italic-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-bold-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-default-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-default-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-default-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-default-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-icon-labelPaired-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-xl-fontSize: var(--core-fontSize-400); + --semantic-typography-icon-labelPaired-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-xl-lineHeight: var(--core-lineHeight-700); + --semantic-typography-icon-labelPaired-regular-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-lg-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-lg-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-regular-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-regular-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-regular-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-regular-caption-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-regular-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-xl-fontSize: var(--core-fontSize-400); + --semantic-typography-icon-labelPaired-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-xl-lineHeight: var(--core-lineHeight-700); + --semantic-typography-icon-labelPaired-bold-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-lg-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-lg-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-bold-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-bold-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-bold-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-bold-caption-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-bold-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-xl-fontSize: var(--core-fontSize-400); + --semantic-typography-icon-labelPaired-brand-xl-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-xl-lineHeight: var(--core-lineHeight-700); + --semantic-typography-icon-labelPaired-brand-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-lg-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-brand-lg-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-lg-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-brand-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-brand-md-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-brand-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-brand-sm-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-brand-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-caption-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-brand-caption-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-brand-caption-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-regular-2xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-regular-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-regular-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-regular-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-regular-md-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-regular-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-bold-2xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-bold-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-bold-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-bold-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-bold-md-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-bold-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-2xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-brand-2xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-brand-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-brand-xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-brand-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-brand-lg-fontWeight: normal; + --semantic-typography-icon-standalone-brand-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-brand-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-brand-md-fontWeight: normal; + --semantic-typography-icon-standalone-brand-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-brand-md-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-brand-sm-fontWeight: normal; + --semantic-typography-icon-standalone-brand-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-brand-sm-letterSpacing: normal; + --semantic-spacing-general-none: var(--core-spacing-50); + --semantic-spacing-general-3xs: var(--core-spacing-75); + --semantic-spacing-general-2xs: var(--core-spacing-100); + --semantic-spacing-general-xs: var(--core-spacing-200); + --semantic-spacing-general-sm: var(--core-spacing-400); + --semantic-spacing-general-md: var(--core-spacing-800); + --semantic-spacing-general-lg: var(--core-spacing-1200); + --semantic-spacing-general-xl: var(--core-spacing-1600); + --semantic-spacing-general-2xl: var(--core-spacing-2400); + --semantic-spacing-general-3xl: var(--core-spacing-3200); + --semantic-spacing-general-4xl: var(--core-spacing-3600); + --semantic-spacing-general-5xl: var(--core-spacing-4800); + --semantic-spacing-gap-none: var(--core-spacing-50); + --semantic-spacing-gap-2xs: var(--core-spacing-75); + --semantic-spacing-gap-xs: var(--core-spacing-100); + --semantic-spacing-gap-sm: var(--core-spacing-200); + --semantic-spacing-gap-md: var(--core-spacing-400); + --semantic-spacing-gap-lg: var(--core-spacing-800); + --semantic-spacing-gap-xl: var(--core-spacing-1200); + --semantic-spacing-gap-2xl: var(--core-spacing-1600); + --semantic-spacing-gap-3xl: var(--core-spacing-2400); + --semantic-spacing-gap-4xl: var(--core-spacing-3200); + --semantic-borderRadius-none: var(--core-borderRadius-50); + --semantic-borderRadius-xs: var(--core-borderRadius-100); + --semantic-borderRadius-sm: var(--core-borderRadius-200); + --semantic-borderRadius-md: var(--core-borderRadius-400); + --semantic-borderRadius-lg: var(--core-borderRadius-800); + --semantic-borderRadius-xl: var(--core-borderRadius-1200); + --semantic-borderRadius-2xl: var(--core-borderRadius-2400); + --semantic-borderRadius-pill: var(--core-borderRadius-4800); + --semantic-fontSize-heading-hero: var(--core-fontSize-900); + --semantic-fontSize-heading-h1: var(--core-fontSize-800); + --semantic-fontSize-heading-h2: var(--core-fontSize-700); + --semantic-fontSize-heading-h3: var(--core-fontSize-400); + --semantic-fontSize-heading-h4: var(--core-fontSize-300); + --semantic-fontSize-heading-h5: var(--core-fontSize-100); + --semantic-fontSize-heading-h6: var(--core-fontSize-75); + --semantic-fontSize-body-xl: var(--core-fontSize-400); + --semantic-fontSize-body-lg: var(--core-fontSize-300); + --semantic-fontSize-body-md: var(--core-fontSize-100); + --semantic-fontSize-body-sm: var(--core-fontSize-75); + --semantic-fontSize-caption: var(--core-fontSize-50); + --semantic-fontSize-code-xl: var(--core-fontSize-400); + --semantic-fontSize-code-lg: var(--core-fontSize-300); + --semantic-fontSize-code-md: var(--core-fontSize-100); + --semantic-fontSize-code-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-xl: var(--core-fontSize-400); + --semantic-fontSize-icon-labelPaired-lg: var(--core-fontSize-300); + --semantic-fontSize-icon-labelPaired-md: var(--core-fontSize-100); + --semantic-fontSize-icon-labelPaired-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-caption: var(--core-fontSize-50); + --semantic-fontSize-icon-standalone-2xl: var(--core-fontSize-800); + --semantic-fontSize-icon-standalone-xl: var(--core-fontSize-600); + --semantic-fontSize-icon-standalone-lg: var(--core-fontSize-500); + --semantic-fontSize-icon-standalone-md: var(--core-fontSize-300); + --semantic-fontSize-icon-standalone-sm: var(--core-fontSize-100); + --semantic-paragraphSpacing-heading-hero: var(--core-paragraphSpacing-900); + --semantic-paragraphSpacing-heading-h1: var(--core-paragraphSpacing-800); + --semantic-paragraphSpacing-heading-h2: var(--core-paragraphSpacing-700); + --semantic-paragraphSpacing-heading-h3: var(--core-paragraphSpacing-400); + --semantic-paragraphSpacing-heading-h4: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-heading-h5: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-heading-h6: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-body-xl: var(--core-paragraphSpacing-400); + --semantic-paragraphSpacing-body-lg: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-body-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-body-sm: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-caption: var(--core-paragraphSpacing-50); + --semantic-paragraphSpacing-code-xl: var(--core-paragraphSpacing-400); + --semantic-paragraphSpacing-code-lg: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-code-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-code-sm: var(--core-paragraphSpacing-75); + --semantic-lineHeight-heading-hero: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h1: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h2: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h3: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h4: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h5: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h6: var(--core-lineHeight-auto); + --semantic-lineHeight-body-xl: var(--core-lineHeight-700); + --semantic-lineHeight-body-lg: var(--core-lineHeight-500); + --semantic-lineHeight-body-md: var(--core-lineHeight-300); + --semantic-lineHeight-body-sm: var(--core-lineHeight-200); + --semantic-lineHeight-caption: var(--core-lineHeight-100); + --semantic-lineHeight-code-xl: var(--core-lineHeight-700); + --semantic-lineHeight-code-lg: var(--core-lineHeight-500); + --semantic-lineHeight-code-md: var(--core-lineHeight-300); + --semantic-lineHeight-code-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-xl: var(--core-lineHeight-700); + --semantic-lineHeight-icon-labelPaired-lg: var(--core-lineHeight-500); + --semantic-lineHeight-icon-labelPaired-md: var(--core-lineHeight-300); + --semantic-lineHeight-icon-labelPaired-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-caption: var(--core-lineHeight-100); + --semantic-lineHeight-icon-standalone-2xl: var(--core-lineHeight-1000); + --semantic-lineHeight-icon-standalone-xl: var(--core-lineHeight-900); + --semantic-lineHeight-icon-standalone-lg: var(--core-lineHeight-800); + --semantic-lineHeight-icon-standalone-md: var(--core-lineHeight-600); + --semantic-lineHeight-icon-standalone-sm: var(--core-lineHeight-300); + } +} +@media (min-width: 1440px) { + :root { + --semantic-typography-heading-hero-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-hero-fontSize: var(--core-fontSize-900); + --semantic-typography-heading-hero-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-hero-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-hero-paragraphSpacing: var(--core-paragraphSpacing-900); + --semantic-typography-heading-hero-letterSpacing: normal; + --semantic-typography-heading-h1-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h1-fontSize: var(--core-fontSize-800); + --semantic-typography-heading-h1-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h1-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h1-paragraphSpacing: var(--core-paragraphSpacing-800); + --semantic-typography-heading-h1-letterSpacing: normal; + --semantic-typography-heading-h2-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h2-fontSize: var(--core-fontSize-700); + --semantic-typography-heading-h2-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h2-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h2-paragraphSpacing: var(--core-paragraphSpacing-700); + --semantic-typography-heading-h2-letterSpacing: normal; + --semantic-typography-heading-h3-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h3-fontSize: var(--core-fontSize-400); + --semantic-typography-heading-h3-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h3-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h3-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-heading-h3-letterSpacing: normal; + --semantic-typography-heading-h4-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h4-fontSize: var(--core-fontSize-300); + --semantic-typography-heading-h4-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h4-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h4-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-heading-h4-letterSpacing: normal; + --semantic-typography-heading-h5-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h5-fontSize: var(--core-fontSize-100); + --semantic-typography-heading-h5-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h5-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h5-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-heading-h5-letterSpacing: normal; + --semantic-typography-heading-h6-fontFamily: var(--core-fontFamily-ubuntu); + --semantic-typography-heading-h6-fontSize: var(--core-fontSize-75); + --semantic-typography-heading-h6-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-heading-h6-lineHeight: var(--core-lineHeight-auto); + --semantic-typography-heading-h6-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-heading-h6-letterSpacing: normal; + --semantic-typography-body-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-default-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-default-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-regular-default-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-regular-italic-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-xl-regular-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-regular-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-regular-italic-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-default-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-default-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-bold-default-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-bold-italic-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-xl-bold-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-bold-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-xl-bold-italic-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-body-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-body-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-body-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-regular-default-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-regular-italic-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-lg-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-regular-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-bold-default-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-bold-italic-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-lg-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-bold-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-lg-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-body-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-body-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-body-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-default-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-default-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-body-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-body-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-body-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-default-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-body-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-body-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-default-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-body-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-body-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-body-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-body-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-body-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-body-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-body-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-body-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-default-letterSpacing: normal; + --semantic-typography-caption-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-letterSpacing: normal; + --semantic-typography-caption-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-caption-regular-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-underline-letterSpacing: normal; + --semantic-typography-caption-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-regular-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-caption-regular-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-regular-italic-underline-letterSpacing: normal; + --semantic-typography-caption-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-default-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-default-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-default-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-default-letterSpacing: normal; + --semantic-typography-caption-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-letterSpacing: normal; + --semantic-typography-caption-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-caption-bold-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-underline-letterSpacing: normal; + --semantic-typography-caption-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-caption-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-sans); + --semantic-typography-caption-bold-italic-underline-fontSize: var(--core-fontSize-50); + --semantic-typography-caption-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-caption-bold-italic-underline-lineHeight: var(--core-lineHeight-100); + --semantic-typography-caption-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-50); + --semantic-typography-caption-bold-italic-underline-letterSpacing: normal; + --semantic-typography-caption-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-default-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-default-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-regular-default-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-regular-default-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-regular-italic-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-xl-regular-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-regular-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-regular-italic-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-xl-regular-italic-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-default-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-default-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-bold-default-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-bold-default-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-bold-italic-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-xl-bold-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-bold-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-xl-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-xl-bold-italic-underline-fontSize: var(--core-fontSize-400); + --semantic-typography-code-xl-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-xl-bold-italic-underline-lineHeight: var(--core-lineHeight-700); + --semantic-typography-code-xl-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-400); + --semantic-typography-code-xl-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-xl-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-regular-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-regular-default-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-regular-italic-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-lg-regular-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-regular-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-regular-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-lg-regular-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-default-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-default-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-bold-default-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-bold-default-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-bold-italic-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-lg-bold-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-bold-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-lg-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-lg-bold-italic-underline-fontSize: var(--core-fontSize-300); + --semantic-typography-code-lg-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-lg-bold-italic-underline-lineHeight: var(--core-lineHeight-500); + --semantic-typography-code-lg-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-300); + --semantic-typography-code-lg-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-lg-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-default-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-md-regular-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-regular-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-md-regular-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-default-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-default-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-default-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-default-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-md-bold-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-md-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-md-bold-italic-underline-fontSize: var(--core-fontSize-100); + --semantic-typography-code-md-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-md-bold-italic-underline-lineHeight: var(--core-lineHeight-300); + --semantic-typography-code-md-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-100); + --semantic-typography-code-md-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-md-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-default-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-default-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-underline-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-code-sm-regular-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-regular-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-regular-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-regular-italic-underline-fontWeight: var(--core-fontWeight-italic); + --semantic-typography-code-sm-regular-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-regular-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-regular-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-regular-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-default-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-default-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-default-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-default-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-default-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-default-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-underline-fontWeight: var(--core-fontWeight-bold); + --semantic-typography-code-sm-bold-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-code-sm-bold-italic-underline-fontFamily: var(--core-fontFamily-ibmPlex-mono); + --semantic-typography-code-sm-bold-italic-underline-fontSize: var(--core-fontSize-75); + --semantic-typography-code-sm-bold-italic-underline-fontWeight: var(--core-fontWeight-boldItalic); + --semantic-typography-code-sm-bold-italic-underline-lineHeight: var(--core-lineHeight-200); + --semantic-typography-code-sm-bold-italic-underline-paragraphSpacing: var(--core-paragraphSpacing-75); + --semantic-typography-code-sm-bold-italic-underline-letterSpacing: normal; + --semantic-typography-code-sm-bold-italic-underline-textDecoration: var(--core-fontDecoration-underline); + --semantic-typography-icon-labelPaired-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-xl-fontSize: var(--core-fontSize-400); + --semantic-typography-icon-labelPaired-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-xl-lineHeight: var(--core-lineHeight-700); + --semantic-typography-icon-labelPaired-regular-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-lg-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-lg-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-regular-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-regular-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-regular-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-regular-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-regular-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-regular-caption-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-labelPaired-regular-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-regular-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-xl-fontSize: var(--core-fontSize-400); + --semantic-typography-icon-labelPaired-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-xl-lineHeight: var(--core-lineHeight-700); + --semantic-typography-icon-labelPaired-bold-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-lg-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-lg-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-bold-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-bold-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-bold-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-bold-caption-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-labelPaired-bold-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-bold-caption-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-labelPaired-bold-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-bold-caption-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-xl-fontSize: var(--core-fontSize-400); + --semantic-typography-icon-labelPaired-brand-xl-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-xl-lineHeight: var(--core-lineHeight-700); + --semantic-typography-icon-labelPaired-brand-xl-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-lg-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-labelPaired-brand-lg-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-lg-lineHeight: var(--core-lineHeight-500); + --semantic-typography-icon-labelPaired-brand-lg-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-md-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-labelPaired-brand-md-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-md-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-labelPaired-brand-md-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-sm-fontSize: var(--core-fontSize-75); + --semantic-typography-icon-labelPaired-brand-sm-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-sm-lineHeight: var(--core-lineHeight-200); + --semantic-typography-icon-labelPaired-brand-sm-letterSpacing: normal; + --semantic-typography-icon-labelPaired-brand-caption-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-labelPaired-brand-caption-fontSize: var(--core-fontSize-50); + --semantic-typography-icon-labelPaired-brand-caption-fontWeight: normal; + --semantic-typography-icon-labelPaired-brand-caption-lineHeight: var(--core-lineHeight-100); + --semantic-typography-icon-labelPaired-brand-caption-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-regular-2xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-regular-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-regular-xl-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-regular-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-regular-lg-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-regular-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-regular-md-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-regular-md-letterSpacing: normal; + --semantic-typography-icon-standalone-regular-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-regular-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-regular-sm-fontWeight: var(--core-fontWeight-light); + --semantic-typography-icon-standalone-regular-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-regular-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-2xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-bold-2xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-bold-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-xl-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-bold-xl-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-bold-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-lg-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-bold-lg-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-bold-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-md-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-bold-md-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-bold-md-letterSpacing: normal; + --semantic-typography-icon-standalone-bold-sm-fontFamily: var(--core-fontFamily-fontAwesome-pro); + --semantic-typography-icon-standalone-bold-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-bold-sm-fontWeight: var(--core-fontWeight-regular); + --semantic-typography-icon-standalone-bold-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-bold-sm-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-2xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-2xl-fontSize: var(--core-fontSize-800); + --semantic-typography-icon-standalone-brand-2xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-2xl-lineHeight: var(--core-lineHeight-1000); + --semantic-typography-icon-standalone-brand-2xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-xl-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-xl-fontSize: var(--core-fontSize-600); + --semantic-typography-icon-standalone-brand-xl-fontWeight: normal; + --semantic-typography-icon-standalone-brand-xl-lineHeight: var(--core-lineHeight-900); + --semantic-typography-icon-standalone-brand-xl-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-lg-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-lg-fontSize: var(--core-fontSize-500); + --semantic-typography-icon-standalone-brand-lg-fontWeight: normal; + --semantic-typography-icon-standalone-brand-lg-lineHeight: var(--core-lineHeight-800); + --semantic-typography-icon-standalone-brand-lg-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-md-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-md-fontSize: var(--core-fontSize-300); + --semantic-typography-icon-standalone-brand-md-fontWeight: normal; + --semantic-typography-icon-standalone-brand-md-lineHeight: var(--core-lineHeight-600); + --semantic-typography-icon-standalone-brand-md-letterSpacing: normal; + --semantic-typography-icon-standalone-brand-sm-fontFamily: var(--core-fontFamily-fontAwesome-brands); + --semantic-typography-icon-standalone-brand-sm-fontSize: var(--core-fontSize-100); + --semantic-typography-icon-standalone-brand-sm-fontWeight: normal; + --semantic-typography-icon-standalone-brand-sm-lineHeight: var(--core-lineHeight-300); + --semantic-typography-icon-standalone-brand-sm-letterSpacing: normal; + --semantic-spacing-general-none: var(--core-spacing-50); + --semantic-spacing-general-3xs: var(--core-spacing-75); + --semantic-spacing-general-2xs: var(--core-spacing-100); + --semantic-spacing-general-xs: var(--core-spacing-200); + --semantic-spacing-general-sm: var(--core-spacing-400); + --semantic-spacing-general-md: var(--core-spacing-800); + --semantic-spacing-general-lg: var(--core-spacing-1200); + --semantic-spacing-general-xl: var(--core-spacing-1600); + --semantic-spacing-general-2xl: var(--core-spacing-2400); + --semantic-spacing-general-3xl: var(--core-spacing-3200); + --semantic-spacing-general-4xl: var(--core-spacing-3600); + --semantic-spacing-general-5xl: var(--core-spacing-4800); + --semantic-spacing-gap-none: var(--core-spacing-50); + --semantic-spacing-gap-2xs: var(--core-spacing-75); + --semantic-spacing-gap-xs: var(--core-spacing-100); + --semantic-spacing-gap-sm: var(--core-spacing-200); + --semantic-spacing-gap-md: var(--core-spacing-400); + --semantic-spacing-gap-lg: var(--core-spacing-800); + --semantic-spacing-gap-xl: var(--core-spacing-1200); + --semantic-spacing-gap-2xl: var(--core-spacing-1600); + --semantic-spacing-gap-3xl: var(--core-spacing-2400); + --semantic-spacing-gap-4xl: var(--core-spacing-3200); + --semantic-borderRadius-none: var(--core-borderRadius-50); + --semantic-borderRadius-xs: var(--core-borderRadius-100); + --semantic-borderRadius-sm: var(--core-borderRadius-200); + --semantic-borderRadius-md: var(--core-borderRadius-400); + --semantic-borderRadius-lg: var(--core-borderRadius-800); + --semantic-borderRadius-xl: var(--core-borderRadius-1200); + --semantic-borderRadius-2xl: var(--core-borderRadius-2400); + --semantic-borderRadius-pill: var(--core-borderRadius-4800); + --semantic-fontSize-heading-hero: var(--core-fontSize-900); + --semantic-fontSize-heading-h1: var(--core-fontSize-800); + --semantic-fontSize-heading-h2: var(--core-fontSize-700); + --semantic-fontSize-heading-h3: var(--core-fontSize-400); + --semantic-fontSize-heading-h4: var(--core-fontSize-300); + --semantic-fontSize-heading-h5: var(--core-fontSize-100); + --semantic-fontSize-heading-h6: var(--core-fontSize-75); + --semantic-fontSize-body-xl: var(--core-fontSize-400); + --semantic-fontSize-body-lg: var(--core-fontSize-300); + --semantic-fontSize-body-md: var(--core-fontSize-100); + --semantic-fontSize-body-sm: var(--core-fontSize-75); + --semantic-fontSize-caption: var(--core-fontSize-50); + --semantic-fontSize-code-xl: var(--core-fontSize-400); + --semantic-fontSize-code-lg: var(--core-fontSize-300); + --semantic-fontSize-code-md: var(--core-fontSize-100); + --semantic-fontSize-code-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-xl: var(--core-fontSize-400); + --semantic-fontSize-icon-labelPaired-lg: var(--core-fontSize-300); + --semantic-fontSize-icon-labelPaired-md: var(--core-fontSize-100); + --semantic-fontSize-icon-labelPaired-sm: var(--core-fontSize-75); + --semantic-fontSize-icon-labelPaired-caption: var(--core-fontSize-50); + --semantic-fontSize-icon-standalone-2xl: var(--core-fontSize-800); + --semantic-fontSize-icon-standalone-xl: var(--core-fontSize-600); + --semantic-fontSize-icon-standalone-lg: var(--core-fontSize-500); + --semantic-fontSize-icon-standalone-md: var(--core-fontSize-300); + --semantic-fontSize-icon-standalone-sm: var(--core-fontSize-100); + --semantic-paragraphSpacing-heading-hero: var(--core-paragraphSpacing-900); + --semantic-paragraphSpacing-heading-h1: var(--core-paragraphSpacing-800); + --semantic-paragraphSpacing-heading-h2: var(--core-paragraphSpacing-700); + --semantic-paragraphSpacing-heading-h3: var(--core-paragraphSpacing-400); + --semantic-paragraphSpacing-heading-h4: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-heading-h5: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-heading-h6: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-body-xl: var(--core-paragraphSpacing-400); + --semantic-paragraphSpacing-body-lg: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-body-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-body-sm: var(--core-paragraphSpacing-75); + --semantic-paragraphSpacing-caption: var(--core-paragraphSpacing-50); + --semantic-paragraphSpacing-code-xl: var(--core-paragraphSpacing-400); + --semantic-paragraphSpacing-code-lg: var(--core-paragraphSpacing-300); + --semantic-paragraphSpacing-code-md: var(--core-paragraphSpacing-100); + --semantic-paragraphSpacing-code-sm: var(--core-paragraphSpacing-75); + --semantic-lineHeight-heading-hero: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h1: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h2: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h3: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h4: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h5: var(--core-lineHeight-auto); + --semantic-lineHeight-heading-h6: var(--core-lineHeight-auto); + --semantic-lineHeight-body-xl: var(--core-lineHeight-700); + --semantic-lineHeight-body-lg: var(--core-lineHeight-500); + --semantic-lineHeight-body-md: var(--core-lineHeight-300); + --semantic-lineHeight-body-sm: var(--core-lineHeight-200); + --semantic-lineHeight-caption: var(--core-lineHeight-100); + --semantic-lineHeight-code-xl: var(--core-lineHeight-700); + --semantic-lineHeight-code-lg: var(--core-lineHeight-500); + --semantic-lineHeight-code-md: var(--core-lineHeight-300); + --semantic-lineHeight-code-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-xl: var(--core-lineHeight-700); + --semantic-lineHeight-icon-labelPaired-lg: var(--core-lineHeight-500); + --semantic-lineHeight-icon-labelPaired-md: var(--core-lineHeight-300); + --semantic-lineHeight-icon-labelPaired-sm: var(--core-lineHeight-200); + --semantic-lineHeight-icon-labelPaired-caption: var(--core-lineHeight-100); + --semantic-lineHeight-icon-standalone-2xl: var(--core-lineHeight-1000); + --semantic-lineHeight-icon-standalone-xl: var(--core-lineHeight-900); + --semantic-lineHeight-icon-standalone-lg: var(--core-lineHeight-800); + --semantic-lineHeight-icon-standalone-md: var(--core-lineHeight-600); + --semantic-lineHeight-icon-standalone-sm: var(--core-lineHeight-300); + } } html.light { - --semantic-color-monochrome-surface-normal-lowest: var( - --core-color-opacity-black-75 - ); - --semantic-color-monochrome-surface-normal-low: var( - --core-color-opacity-black-100 - ); - --semantic-color-monochrome-surface-normal-midLow: var( - --core-color-opacity-black-200 - ); - --semantic-color-monochrome-surface-normal-midHigh: var( - --core-color-opacity-black-300 - ); - --semantic-color-monochrome-surface-normal-high: var( - --core-color-opacity-black-700 - ); - --semantic-color-monochrome-surface-normal-highest: var( - --core-color-opacity-black-800 - ); - --semantic-color-monochrome-surface-inverse-lowest: var( - --core-color-opacity-white-75 - ); - --semantic-color-monochrome-surface-inverse-low: var( - --core-color-opacity-white-100 - ); - --semantic-color-monochrome-surface-inverse-midLow: var( - --core-color-opacity-white-200 - ); - --semantic-color-monochrome-surface-inverse-midHigh: var( - --core-color-opacity-white-300 - ); - --semantic-color-monochrome-surface-inverse-high: var( - --core-color-opacity-white-700 - ); - --semantic-color-monochrome-surface-inverse-highest: var( - --core-color-opacity-white-800 - ); - --semantic-color-monochrome-surface-static-blackLowest: var( - --core-color-opacity-black-75 - ); - --semantic-color-monochrome-surface-static-blackLow: var( - --core-color-opacity-black-100 - ); - --semantic-color-monochrome-surface-static-blackMidLow: var( - --core-color-opacity-black-200 - ); - --semantic-color-monochrome-surface-static-blackMidHigh: var( - --core-color-opacity-black-300 - ); - --semantic-color-monochrome-surface-static-blackHigh: var( - --core-color-opacity-black-700 - ); - --semantic-color-monochrome-surface-static-blackHighest: var( - --core-color-opacity-black-800 - ); - --semantic-color-monochrome-surface-static-whiteLowest: var( - --core-color-opacity-white-75 - ); - --semantic-color-monochrome-surface-static-whiteLow: var( - --core-color-opacity-white-100 - ); - --semantic-color-monochrome-surface-static-whiteMidLow: var( - --core-color-opacity-white-200 - ); - --semantic-color-monochrome-surface-static-whiteMidHigh: var( - --core-color-opacity-white-300 - ); - --semantic-color-monochrome-surface-static-whiteHigh: var( - --core-color-opacity-white-700 - ); - --semantic-color-monochrome-surface-static-whiteHighest: var( - --core-color-opacity-white-800 - ); - --semantic-color-monochrome-border-normal-low: var( - --core-color-opacity-black-75 - ); - --semantic-color-monochrome-border-normal-mid: var( - --core-color-opacity-black-100 - ); - --semantic-color-monochrome-border-normal-high: var( - --core-color-opacity-black-200 - ); - --semantic-color-monochrome-border-normal-highest: var( - --core-color-opacity-black-300 - ); - --semantic-color-monochrome-border-inverse-low: var( - --core-color-opacity-white-75 - ); - --semantic-color-monochrome-border-inverse-mid: var( - --core-color-opacity-white-100 - ); - --semantic-color-monochrome-border-inverse-high: var( - --core-color-opacity-white-200 - ); - --semantic-color-monochrome-border-inverse-highest: var( - --core-color-opacity-white-300 - ); - --semantic-color-monochrome-border-static-blackLow: var( - --core-color-opacity-black-75 - ); - --semantic-color-monochrome-border-static-blackMid: var( - --core-color-opacity-black-100 - ); - --semantic-color-monochrome-border-static-blackHigh: var( - --core-color-opacity-black-200 - ); - --semantic-color-monochrome-border-static-blackHighest: var( - --core-color-opacity-black-300 - ); - --semantic-color-monochrome-border-static-whiteLow: var( - --core-color-opacity-white-75 - ); - --semantic-color-monochrome-border-static-whiteMid: var( - --core-color-opacity-white-100 - ); - --semantic-color-monochrome-border-static-whiteHigh: var( - --core-color-opacity-white-200 - ); - --semantic-color-monochrome-border-static-whiteHighest: var( - --core-color-opacity-white-300 - ); - --semantic-color-monochrome-textIcon-normal-low: var( - --core-color-opacity-black-300 - ); - --semantic-color-monochrome-textIcon-normal-mid: var( - --core-color-opacity-black-400 - ); - --semantic-color-monochrome-textIcon-normal-high: var( - --core-color-opacity-black-600 - ); - --semantic-color-monochrome-textIcon-inverse-low: var( - --core-color-opacity-white-300 - ); - --semantic-color-monochrome-textIcon-inverse-mid: var( - --core-color-opacity-white-400 - ); - --semantic-color-monochrome-textIcon-inverse-high: var( - --core-color-opacity-white-600 - ); - --semantic-color-monochrome-textIcon-static-blackLow: var( - --core-color-opacity-black-300 - ); - --semantic-color-monochrome-textIcon-static-blackMid: var( - --core-color-opacity-black-400 - ); - --semantic-color-monochrome-textIcon-static-blackHigh: var( - --core-color-opacity-black-600 - ); - --semantic-color-monochrome-textIcon-static-whiteLow: var( - --core-color-opacity-white-300 - ); - --semantic-color-monochrome-textIcon-static-whiteMid: var( - --core-color-opacity-white-400 - ); - --semantic-color-monochrome-textIcon-static-whiteHigh: var( - --core-color-opacity-white-600 - ); - --semantic-color-slate-solid-surface-normal-lowest: var( - --core-color-solid-slate-50 - ); - --semantic-color-slate-solid-surface-normal-low: var( - --core-color-solid-slate-100 - ); - --semantic-color-slate-solid-surface-normal-midLow: var( - --core-color-solid-slate-200 - ); - --semantic-color-slate-solid-surface-normal-midHigh: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-surface-normal-high: var( - --core-color-solid-slate-600 - ); - --semantic-color-slate-solid-surface-normal-highest: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-surface-inverse-lowest: var( - --core-color-solid-slate-1400 - ); - --semantic-color-slate-solid-surface-inverse-low: var( - --core-color-solid-slate-1300 - ); - --semantic-color-slate-solid-surface-inverse-midLow: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-solid-surface-inverse-midHigh: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-surface-inverse-high: var( - --core-color-solid-slate-800 - ); - --semantic-color-slate-solid-surface-inverse-highest: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-surface-static-lowest: var( - --core-color-solid-slate-50 - ); - --semantic-color-slate-solid-surface-static-lower: var( - --core-color-solid-slate-75 - ); - --semantic-color-slate-solid-surface-static-low: var( - --core-color-solid-slate-100 - ); - --semantic-color-slate-solid-surface-static-midLowest: var( - --core-color-solid-slate-200 - ); - --semantic-color-slate-solid-surface-static-midLower: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-surface-static-midLow: var( - --core-color-solid-slate-600 - ); - --semantic-color-slate-solid-surface-static-midHigh: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-surface-static-midHigher: var( - --core-color-solid-slate-800 - ); - --semantic-color-slate-solid-surface-static-midHighest: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-surface-static-high: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-solid-surface-static-higher: var( - --core-color-solid-slate-1300 - ); - --semantic-color-slate-solid-surface-static-highest: var( - --core-color-solid-slate-1400 - ); - --semantic-color-slate-solid-surface-frame-low: var( - --core-color-solid-slate-50 - ); - --semantic-color-slate-solid-surface-frame-mid: var( - --core-color-solid-slate-75 - ); - --semantic-color-slate-solid-border-normal-lowest: var( - --core-color-solid-slate-50 - ); - --semantic-color-slate-solid-border-normal-low: var( - --core-color-solid-slate-100 - ); - --semantic-color-slate-solid-border-normal-mid: var( - --core-color-solid-slate-200 - ); - --semantic-color-slate-solid-border-normal-high: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-border-normal-highest: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-border-inverse-lowest: var( - --core-color-solid-slate-1400 - ); - --semantic-color-slate-solid-border-inverse-low: var( - --core-color-solid-slate-1300 - ); - --semantic-color-slate-solid-border-inverse-mid: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-solid-border-inverse-high: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-border-inverse-highest: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-border-static-lowest: var( - --core-color-solid-slate-50 - ); - --semantic-color-slate-solid-border-static-lower: var( - --core-color-solid-slate-100 - ); - --semantic-color-slate-solid-border-static-low: var( - --core-color-solid-slate-200 - ); - --semantic-color-slate-solid-border-static-midLow: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-border-static-mid: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-border-static-midHigh: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-border-static-high: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-solid-border-static-higher: var( - --core-color-solid-slate-1300 - ); - --semantic-color-slate-solid-border-static-highest: var( - --core-color-solid-slate-1400 - ); - --semantic-color-slate-solid-textIcon-normal-lowest: var( - --core-color-solid-slate-200 - ); - --semantic-color-slate-solid-textIcon-normal-low: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-textIcon-normal-mid: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-textIcon-normal-high: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-textIcon-normal-highest: var( - --core-color-solid-slate-1400 - ); - --semantic-color-slate-solid-textIcon-inverse-lowest: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-solid-textIcon-inverse-low: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-textIcon-inverse-mid: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-textIcon-inverse-high: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-textIcon-inverse-highest: var( - --core-color-solid-slate-50 - ); - --semantic-color-slate-solid-textIcon-static-lowest: var( - --core-color-solid-slate-200 - ); - --semantic-color-slate-solid-textIcon-static-low: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-textIcon-static-mid: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-textIcon-static-high: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-textIcon-static-highest: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-opacity-surface-lowest: var( - --core-color-opacity-slate-75 - ); - --semantic-color-slate-opacity-surface-low: var( - --core-color-opacity-slate-100 - ); - --semantic-color-slate-opacity-surface-midLow: var( - --core-color-opacity-slate-200 - ); - --semantic-color-slate-opacity-surface-midHigh: var( - --core-color-opacity-slate-300 - ); - --semantic-color-slate-opacity-surface-high: var( - --core-color-opacity-slate-700 - ); - --semantic-color-slate-opacity-surface-highest: var( - --core-color-opacity-slate-800 - ); - --semantic-color-slate-opacity-border-lowest: var( - --core-color-opacity-slate-75 - ); - --semantic-color-slate-opacity-border-lower: var( - --core-color-opacity-slate-100 - ); - --semantic-color-slate-opacity-border-low: var( - --core-color-opacity-slate-200 - ); - --semantic-color-slate-opacity-border-mid: var( - --core-color-opacity-slate-300 - ); - --semantic-color-slate-opacity-border-high: var( - --core-color-opacity-slate-600 - ); - --semantic-color-slate-opacity-border-higher: var( - --core-color-opacity-slate-700 - ); - --semantic-color-slate-opacity-border-highest: var( - --core-color-opacity-slate-800 - ); - --semantic-color-slate-opacity-textIcon-low: var( - --core-color-opacity-slate-300 - ); - --semantic-color-slate-opacity-textIcon-mid: var( - --core-color-opacity-slate-400 - ); - --semantic-color-slate-opacity-textIcon-high: var( - --core-color-opacity-slate-600 - ); - --semantic-color-red-solid-surface-normal-lowest: var( - --core-color-solid-red-100 - ); - --semantic-color-red-solid-surface-normal-low: var( - --core-color-solid-red-200 - ); - --semantic-color-red-solid-surface-normal-mid: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-surface-normal-high: var( - --core-color-solid-red-600 - ); - --semantic-color-red-solid-surface-normal-highest: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-surface-inverse-lowest: var( - --core-color-solid-red-1300 - ); - --semantic-color-red-solid-surface-inverse-low: var( - --core-color-solid-red-1200 - ); - --semantic-color-red-solid-surface-inverse-mid: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-surface-inverse-high: var( - --core-color-solid-red-800 - ); - --semantic-color-red-solid-surface-inverse-highest: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-surface-static-lowest: var( - --core-color-solid-red-100 - ); - --semantic-color-red-solid-surface-static-lower: var( - --core-color-solid-red-200 - ); - --semantic-color-red-solid-surface-static-low: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-surface-static-midLow: var( - --core-color-solid-red-600 - ); - --semantic-color-red-solid-surface-static-mid: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-surface-static-midHigh: var( - --core-color-solid-red-800 - ); - --semantic-color-red-solid-surface-static-high: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-surface-static-higher: var( - --core-color-solid-red-1200 - ); - --semantic-color-red-solid-surface-static-highest: var( - --core-color-solid-red-1300 - ); - --semantic-color-red-solid-border-normal-low: var( - --core-color-solid-red-100 - ); - --semantic-color-red-solid-border-normal-mid: var( - --core-color-solid-red-200 - ); - --semantic-color-red-solid-border-normal-high: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-border-normal-highest: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-border-inverse-low: var( - --core-color-solid-red-1300 - ); - --semantic-color-red-solid-border-inverse-mid: var( - --core-color-solid-red-1200 - ); - --semantic-color-red-solid-border-inverse-high: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-border-inverse-highest: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-border-static-lowest: var( - --core-color-solid-red-100 - ); - --semantic-color-red-solid-border-static-lower: var( - --core-color-solid-red-200 - ); - --semantic-color-red-solid-border-static-low: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-border-static-mid: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-border-static-high: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-border-static-higher: var( - --core-color-solid-red-1200 - ); - --semantic-color-red-solid-border-static-highest: var( - --core-color-solid-red-1300 - ); - --semantic-color-red-solid-textIcon-normal-lowest: var( - --core-color-solid-red-200 - ); - --semantic-color-red-solid-textIcon-normal-low: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-textIcon-normal-mid: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-textIcon-normal-high: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-textIcon-inverse-lowest: var( - --core-color-solid-red-1200 - ); - --semantic-color-red-solid-textIcon-inverse-low: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-textIcon-inverse-mid: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-textIcon-inverse-high: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-textIcon-static-lowest: var( - --core-color-solid-red-200 - ); - --semantic-color-red-solid-textIcon-static-low: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-textIcon-static-mid: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-textIcon-static-high: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-textIcon-static-highest: var( - --core-color-solid-red-1200 - ); - --semantic-color-red-opacity-surface-lowest: var( - --core-color-opacity-red-75 - ); - --semantic-color-red-opacity-surface-low: var(--core-color-opacity-red-100); - --semantic-color-red-opacity-surface-midLow: var( - --core-color-opacity-red-200 - ); - --semantic-color-red-opacity-surface-midHigh: var( - --core-color-opacity-red-300 - ); - --semantic-color-red-opacity-surface-high: var( - --core-color-opacity-red-700 - ); - --semantic-color-red-opacity-surface-highest: var( - --core-color-opacity-red-800 - ); - --semantic-color-red-opacity-border-lowest: var( - --core-color-opacity-red-75 - ); - --semantic-color-red-opacity-border-lower: var( - --core-color-opacity-red-100 - ); - --semantic-color-red-opacity-border-low: var(--core-color-opacity-red-200); - --semantic-color-red-opacity-border-mid: var(--core-color-opacity-red-300); - --semantic-color-red-opacity-border-high: var(--core-color-opacity-red-600); - --semantic-color-red-opacity-border-higher: var( - --core-color-opacity-red-700 - ); - --semantic-color-red-opacity-border-highest: var( - --core-color-opacity-red-800 - ); - --semantic-color-red-opacity-textIcon-low: var( - --core-color-opacity-red-300 - ); - --semantic-color-red-opacity-textIcon-mid: var( - --core-color-opacity-red-400 - ); - --semantic-color-red-opacity-textIcon-high: var( - --core-color-opacity-red-600 - ); - --semantic-color-orange-solid-surface-normal-lowest: var( - --core-color-solid-orange-100 - ); - --semantic-color-orange-solid-surface-normal-low: var( - --core-color-solid-orange-200 - ); - --semantic-color-orange-solid-surface-normal-mid: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-surface-normal-high: var( - --core-color-solid-orange-600 - ); - --semantic-color-orange-solid-surface-normal-highest: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-surface-inverse-lowest: var( - --core-color-solid-orange-1300 - ); - --semantic-color-orange-solid-surface-inverse-low: var( - --core-color-solid-orange-1200 - ); - --semantic-color-orange-solid-surface-inverse-mid: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-surface-inverse-high: var( - --core-color-solid-orange-800 - ); - --semantic-color-orange-solid-surface-inverse-highest: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-surface-static-lowest: var( - --core-color-solid-orange-100 - ); - --semantic-color-orange-solid-surface-static-lower: var( - --core-color-solid-orange-200 - ); - --semantic-color-orange-solid-surface-static-low: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-surface-static-midLow: var( - --core-color-solid-orange-600 - ); - --semantic-color-orange-solid-surface-static-mid: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-surface-static-midHigh: var( - --core-color-solid-orange-800 - ); - --semantic-color-orange-solid-surface-static-high: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-surface-static-higher: var( - --core-color-solid-orange-1200 - ); - --semantic-color-orange-solid-surface-static-highest: var( - --core-color-solid-orange-1300 - ); - --semantic-color-orange-solid-border-normal-low: var( - --core-color-solid-orange-100 - ); - --semantic-color-orange-solid-border-normal-mid: var( - --core-color-solid-orange-200 - ); - --semantic-color-orange-solid-border-normal-high: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-border-normal-highest: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-border-inverse-low: var( - --core-color-solid-orange-1300 - ); - --semantic-color-orange-solid-border-inverse-mid: var( - --core-color-solid-orange-1200 - ); - --semantic-color-orange-solid-border-inverse-high: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-border-inverse-highest: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-border-static-lowest: var( - --core-color-solid-orange-100 - ); - --semantic-color-orange-solid-border-static-lower: var( - --core-color-solid-orange-200 - ); - --semantic-color-orange-solid-border-static-low: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-border-static-mid: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-border-static-high: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-border-static-higher: var( - --core-color-solid-orange-1200 - ); - --semantic-color-orange-solid-border-static-highest: var( - --core-color-solid-orange-1300 - ); - --semantic-color-orange-solid-textIcon-normal-lowest: var( - --core-color-solid-orange-200 - ); - --semantic-color-orange-solid-textIcon-normal-low: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-textIcon-normal-mid: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-textIcon-normal-high: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-textIcon-inverse-lowest: var( - --core-color-solid-orange-1200 - ); - --semantic-color-orange-solid-textIcon-inverse-low: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-textIcon-inverse-mid: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-textIcon-inverse-high: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-textIcon-static-lowest: var( - --core-color-solid-orange-200 - ); - --semantic-color-orange-solid-textIcon-static-low: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-textIcon-static-mid: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-textIcon-static-high: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-textIcon-static-highest: var( - --core-color-solid-orange-1200 - ); - --semantic-color-orange-opacity-surface-lowest: var( - --core-color-opacity-orange-75 - ); - --semantic-color-orange-opacity-surface-low: var( - --core-color-opacity-orange-100 - ); - --semantic-color-orange-opacity-surface-midLow: var( - --core-color-opacity-orange-200 - ); - --semantic-color-orange-opacity-surface-midHigh: var( - --core-color-opacity-orange-300 - ); - --semantic-color-orange-opacity-surface-high: var( - --core-color-opacity-orange-700 - ); - --semantic-color-orange-opacity-surface-highest: var( - --core-color-opacity-orange-800 - ); - --semantic-color-orange-opacity-border-lowest: var( - --core-color-opacity-orange-75 - ); - --semantic-color-orange-opacity-border-lower: var( - --core-color-opacity-orange-100 - ); - --semantic-color-orange-opacity-border-low: var( - --core-color-opacity-orange-200 - ); - --semantic-color-orange-opacity-border-mid: var( - --core-color-opacity-orange-300 - ); - --semantic-color-orange-opacity-border-high: var( - --core-color-opacity-orange-600 - ); - --semantic-color-orange-opacity-border-higher: var( - --core-color-opacity-orange-700 - ); - --semantic-color-orange-opacity-border-highest: var( - --core-color-opacity-orange-800 - ); - --semantic-color-orange-opacity-textIcon-low: var( - --core-color-opacity-orange-300 - ); - --semantic-color-orange-opacity-textIcon-mid: var( - --core-color-opacity-orange-400 - ); - --semantic-color-orange-opacity-textIcon-high: var( - --core-color-opacity-orange-600 - ); - --semantic-color-yellow-solid-surface-normal-lowest: var( - --core-color-solid-yellow-100 - ); - --semantic-color-yellow-solid-surface-normal-low: var( - --core-color-solid-yellow-200 - ); - --semantic-color-yellow-solid-surface-normal-mid: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-surface-normal-high: var( - --core-color-solid-yellow-600 - ); - --semantic-color-yellow-solid-surface-normal-highest: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-surface-inverse-lowest: var( - --core-color-solid-yellow-1300 - ); - --semantic-color-yellow-solid-surface-inverse-low: var( - --core-color-solid-yellow-1200 - ); - --semantic-color-yellow-solid-surface-inverse-mid: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-surface-inverse-high: var( - --core-color-solid-yellow-800 - ); - --semantic-color-yellow-solid-surface-inverse-highest: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-surface-static-lowest: var( - --core-color-solid-yellow-100 - ); - --semantic-color-yellow-solid-surface-static-lower: var( - --core-color-solid-yellow-200 - ); - --semantic-color-yellow-solid-surface-static-low: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-surface-static-midLow: var( - --core-color-solid-yellow-600 - ); - --semantic-color-yellow-solid-surface-static-mid: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-surface-static-midHigh: var( - --core-color-solid-yellow-800 - ); - --semantic-color-yellow-solid-surface-static-high: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-surface-static-higher: var( - --core-color-solid-yellow-1200 - ); - --semantic-color-yellow-solid-surface-static-highest: var( - --core-color-solid-yellow-1300 - ); - --semantic-color-yellow-solid-border-normal-low: var( - --core-color-solid-yellow-100 - ); - --semantic-color-yellow-solid-border-normal-mid: var( - --core-color-solid-yellow-200 - ); - --semantic-color-yellow-solid-border-normal-high: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-border-normal-highest: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-border-inverse-low: var( - --core-color-solid-yellow-1300 - ); - --semantic-color-yellow-solid-border-inverse-mid: var( - --core-color-solid-yellow-1200 - ); - --semantic-color-yellow-solid-border-inverse-high: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-border-inverse-highest: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-border-static-lowest: var( - --core-color-solid-yellow-100 - ); - --semantic-color-yellow-solid-border-static-lower: var( - --core-color-solid-yellow-200 - ); - --semantic-color-yellow-solid-border-static-low: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-border-static-mid: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-border-static-high: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-border-static-higher: var( - --core-color-solid-yellow-1200 - ); - --semantic-color-yellow-solid-border-static-highest: var( - --core-color-solid-yellow-1300 - ); - --semantic-color-yellow-solid-textIcon-normal-lowest: var( - --core-color-solid-yellow-200 - ); - --semantic-color-yellow-solid-textIcon-normal-low: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-textIcon-normal-mid: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-textIcon-normal-high: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-textIcon-inverse-lowest: var( - --core-color-solid-yellow-1200 - ); - --semantic-color-yellow-solid-textIcon-inverse-low: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-textIcon-inverse-mid: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-textIcon-inverse-high: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-textIcon-static-lowest: var( - --core-color-solid-yellow-200 - ); - --semantic-color-yellow-solid-textIcon-static-low: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-textIcon-static-mid: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-textIcon-static-high: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-textIcon-static-highest: var( - --core-color-solid-yellow-1200 - ); - --semantic-color-yellow-opacity-surface-lowest: var( - --core-color-opacity-yellow-75 - ); - --semantic-color-yellow-opacity-surface-low: var( - --core-color-opacity-yellow-100 - ); - --semantic-color-yellow-opacity-surface-midLow: var( - --core-color-opacity-yellow-200 - ); - --semantic-color-yellow-opacity-surface-midHigh: var( - --core-color-opacity-yellow-300 - ); - --semantic-color-yellow-opacity-surface-high: var( - --core-color-opacity-yellow-700 - ); - --semantic-color-yellow-opacity-surface-highest: var( - --core-color-opacity-yellow-800 - ); - --semantic-color-yellow-opacity-border-lowest: var( - --core-color-opacity-yellow-75 - ); - --semantic-color-yellow-opacity-border-lower: var( - --core-color-opacity-yellow-100 - ); - --semantic-color-yellow-opacity-border-low: var( - --core-color-opacity-yellow-200 - ); - --semantic-color-yellow-opacity-border-mid: var( - --core-color-opacity-yellow-300 - ); - --semantic-color-yellow-opacity-border-high: var( - --core-color-opacity-yellow-600 - ); - --semantic-color-yellow-opacity-border-higher: var( - --core-color-opacity-yellow-700 - ); - --semantic-color-yellow-opacity-border-highest: var( - --core-color-opacity-yellow-800 - ); - --semantic-color-yellow-opacity-textIcon-low: var( - --core-color-opacity-yellow-300 - ); - --semantic-color-yellow-opacity-textIcon-mid: var( - --core-color-opacity-yellow-400 - ); - --semantic-color-yellow-opacity-textIcon-high: var( - --core-color-opacity-yellow-600 - ); - --semantic-color-mustard-solid-surface-normal-lowest: var( - --core-color-solid-mustard-100 - ); - --semantic-color-mustard-solid-surface-normal-low: var( - --core-color-solid-mustard-200 - ); - --semantic-color-mustard-solid-surface-normal-mid: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-surface-normal-high: var( - --core-color-solid-mustard-600 - ); - --semantic-color-mustard-solid-surface-normal-highest: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-surface-inverse-lowest: var( - --core-color-solid-mustard-1300 - ); - --semantic-color-mustard-solid-surface-inverse-low: var( - --core-color-solid-mustard-1200 - ); - --semantic-color-mustard-solid-surface-inverse-mid: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-surface-inverse-high: var( - --core-color-solid-mustard-800 - ); - --semantic-color-mustard-solid-surface-inverse-highest: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-surface-static-lowest: var( - --core-color-solid-mustard-100 - ); - --semantic-color-mustard-solid-surface-static-lower: var( - --core-color-solid-mustard-200 - ); - --semantic-color-mustard-solid-surface-static-low: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-surface-static-midLow: var( - --core-color-solid-mustard-600 - ); - --semantic-color-mustard-solid-surface-static-mid: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-surface-static-midHigh: var( - --core-color-solid-mustard-800 - ); - --semantic-color-mustard-solid-surface-static-high: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-surface-static-higher: var( - --core-color-solid-mustard-1200 - ); - --semantic-color-mustard-solid-surface-static-highest: var( - --core-color-solid-mustard-1300 - ); - --semantic-color-mustard-solid-border-normal-low: var( - --core-color-solid-mustard-100 - ); - --semantic-color-mustard-solid-border-normal-mid: var( - --core-color-solid-mustard-200 - ); - --semantic-color-mustard-solid-border-normal-high: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-border-normal-highest: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-border-inverse-low: var( - --core-color-solid-mustard-1300 - ); - --semantic-color-mustard-solid-border-inverse-mid: var( - --core-color-solid-mustard-1200 - ); - --semantic-color-mustard-solid-border-inverse-high: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-border-inverse-highest: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-border-static-lowest: var( - --core-color-solid-mustard-100 - ); - --semantic-color-mustard-solid-border-static-lower: var( - --core-color-solid-mustard-200 - ); - --semantic-color-mustard-solid-border-static-low: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-border-static-mid: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-border-static-high: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-border-static-higher: var( - --core-color-solid-mustard-1200 - ); - --semantic-color-mustard-solid-border-static-highest: var( - --core-color-solid-mustard-1300 - ); - --semantic-color-mustard-solid-textIcon-normal-lowest: var( - --core-color-solid-mustard-200 - ); - --semantic-color-mustard-solid-textIcon-normal-low: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-textIcon-normal-mid: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-textIcon-normal-high: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-textIcon-inverse-lowest: var( - --core-color-solid-mustard-1200 - ); - --semantic-color-mustard-solid-textIcon-inverse-low: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-textIcon-inverse-mid: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-textIcon-inverse-high: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-textIcon-static-lowest: var( - --core-color-solid-mustard-200 - ); - --semantic-color-mustard-solid-textIcon-static-low: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-textIcon-static-mid: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-textIcon-static-high: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-textIcon-static-highest: var( - --core-color-solid-mustard-1200 - ); - --semantic-color-mustard-opacity-surface-lowest: var( - --core-color-opacity-mustard-75 - ); - --semantic-color-mustard-opacity-surface-low: var( - --core-color-opacity-mustard-100 - ); - --semantic-color-mustard-opacity-surface-midLow: var( - --core-color-opacity-mustard-200 - ); - --semantic-color-mustard-opacity-surface-midHigh: var( - --core-color-opacity-mustard-300 - ); - --semantic-color-mustard-opacity-surface-high: var( - --core-color-opacity-mustard-700 - ); - --semantic-color-mustard-opacity-surface-highest: var( - --core-color-opacity-mustard-800 - ); - --semantic-color-mustard-opacity-border-lowest: var( - --core-color-opacity-mustard-75 - ); - --semantic-color-mustard-opacity-border-lower: var( - --core-color-opacity-mustard-100 - ); - --semantic-color-mustard-opacity-border-low: var( - --core-color-opacity-mustard-200 - ); - --semantic-color-mustard-opacity-border-mid: var( - --core-color-opacity-mustard-300 - ); - --semantic-color-mustard-opacity-border-high: var( - --core-color-opacity-mustard-600 - ); - --semantic-color-mustard-opacity-border-higher: var( - --core-color-opacity-mustard-700 - ); - --semantic-color-mustard-opacity-border-highest: var( - --core-color-opacity-mustard-800 - ); - --semantic-color-mustard-opacity-textIcon-low: var( - --core-color-opacity-mustard-300 - ); - --semantic-color-mustard-opacity-textIcon-mid: var( - --core-color-opacity-mustard-400 - ); - --semantic-color-mustard-opacity-textIcon-high: var( - --core-color-opacity-mustard-600 - ); - --semantic-color-olive-solid-surface-normal-lowest: var( - --core-color-solid-olive-100 - ); - --semantic-color-olive-solid-surface-normal-low: var( - --core-color-solid-olive-200 - ); - --semantic-color-olive-solid-surface-normal-mid: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-surface-normal-high: var( - --core-color-solid-olive-600 - ); - --semantic-color-olive-solid-surface-normal-highest: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-surface-inverse-lowest: var( - --core-color-solid-olive-1300 - ); - --semantic-color-olive-solid-surface-inverse-low: var( - --core-color-solid-olive-1200 - ); - --semantic-color-olive-solid-surface-inverse-mid: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-surface-inverse-high: var( - --core-color-solid-olive-800 - ); - --semantic-color-olive-solid-surface-inverse-highest: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-surface-static-lowest: var( - --core-color-solid-olive-100 - ); - --semantic-color-olive-solid-surface-static-lower: var( - --core-color-solid-olive-200 - ); - --semantic-color-olive-solid-surface-static-low: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-surface-static-midLow: var( - --core-color-solid-olive-600 - ); - --semantic-color-olive-solid-surface-static-mid: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-surface-static-midHigh: var( - --core-color-solid-olive-800 - ); - --semantic-color-olive-solid-surface-static-high: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-surface-static-higher: var( - --core-color-solid-olive-1200 - ); - --semantic-color-olive-solid-surface-static-highest: var( - --core-color-solid-olive-1300 - ); - --semantic-color-olive-solid-border-normal-low: var( - --core-color-solid-olive-100 - ); - --semantic-color-olive-solid-border-normal-mid: var( - --core-color-solid-olive-200 - ); - --semantic-color-olive-solid-border-normal-high: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-border-normal-highest: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-border-inverse-low: var( - --core-color-solid-olive-1300 - ); - --semantic-color-olive-solid-border-inverse-mid: var( - --core-color-solid-olive-1200 - ); - --semantic-color-olive-solid-border-inverse-high: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-border-inverse-highest: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-border-static-lowest: var( - --core-color-solid-olive-100 - ); - --semantic-color-olive-solid-border-static-lower: var( - --core-color-solid-olive-200 - ); - --semantic-color-olive-solid-border-static-low: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-border-static-mid: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-border-static-high: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-border-static-higher: var( - --core-color-solid-olive-1200 - ); - --semantic-color-olive-solid-border-static-highest: var( - --core-color-solid-olive-1300 - ); - --semantic-color-olive-solid-textIcon-normal-lowest: var( - --core-color-solid-olive-200 - ); - --semantic-color-olive-solid-textIcon-normal-low: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-textIcon-normal-mid: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-textIcon-normal-high: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-textIcon-inverse-lowest: var( - --core-color-solid-olive-1200 - ); - --semantic-color-olive-solid-textIcon-inverse-low: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-textIcon-inverse-mid: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-textIcon-inverse-high: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-textIcon-static-lowest: var( - --core-color-solid-olive-200 - ); - --semantic-color-olive-solid-textIcon-static-low: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-textIcon-static-mid: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-textIcon-static-high: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-textIcon-static-highest: var( - --core-color-solid-olive-1200 - ); - --semantic-color-olive-opacity-surface-lowest: var( - --core-color-opacity-olive-75 - ); - --semantic-color-olive-opacity-surface-low: var( - --core-color-opacity-olive-100 - ); - --semantic-color-olive-opacity-surface-midLow: var( - --core-color-opacity-olive-200 - ); - --semantic-color-olive-opacity-surface-midHigh: var( - --core-color-opacity-olive-300 - ); - --semantic-color-olive-opacity-surface-high: var( - --core-color-opacity-olive-700 - ); - --semantic-color-olive-opacity-surface-highest: var( - --core-color-opacity-olive-800 - ); - --semantic-color-olive-opacity-border-lowest: var( - --core-color-opacity-olive-75 - ); - --semantic-color-olive-opacity-border-lower: var( - --core-color-opacity-olive-100 - ); - --semantic-color-olive-opacity-border-low: var( - --core-color-opacity-olive-200 - ); - --semantic-color-olive-opacity-border-mid: var( - --core-color-opacity-olive-300 - ); - --semantic-color-olive-opacity-border-high: var( - --core-color-opacity-olive-600 - ); - --semantic-color-olive-opacity-border-higher: var( - --core-color-opacity-olive-700 - ); - --semantic-color-olive-opacity-border-highest: var( - --core-color-opacity-olive-800 - ); - --semantic-color-olive-opacity-textIcon-low: var( - --core-color-opacity-olive-300 - ); - --semantic-color-olive-opacity-textIcon-mid: var( - --core-color-opacity-olive-400 - ); - --semantic-color-olive-opacity-textIcon-high: var( - --core-color-opacity-olive-600 - ); - --semantic-color-green-solid-surface-normal-lowest: var( - --core-color-solid-green-100 - ); - --semantic-color-green-solid-surface-normal-low: var( - --core-color-solid-green-200 - ); - --semantic-color-green-solid-surface-normal-mid: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-surface-normal-high: var( - --core-color-solid-green-600 - ); - --semantic-color-green-solid-surface-normal-highest: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-surface-inverse-lowest: var( - --core-color-solid-green-1300 - ); - --semantic-color-green-solid-surface-inverse-low: var( - --core-color-solid-green-1200 - ); - --semantic-color-green-solid-surface-inverse-mid: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-surface-inverse-high: var( - --core-color-solid-green-800 - ); - --semantic-color-green-solid-surface-inverse-highest: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-surface-static-lowest: var( - --core-color-solid-green-100 - ); - --semantic-color-green-solid-surface-static-lower: var( - --core-color-solid-green-200 - ); - --semantic-color-green-solid-surface-static-low: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-surface-static-midLow: var( - --core-color-solid-green-600 - ); - --semantic-color-green-solid-surface-static-mid: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-surface-static-midHigh: var( - --core-color-solid-green-800 - ); - --semantic-color-green-solid-surface-static-high: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-surface-static-higher: var( - --core-color-solid-green-1200 - ); - --semantic-color-green-solid-surface-static-highest: var( - --core-color-solid-green-1300 - ); - --semantic-color-green-solid-border-normal-low: var( - --core-color-solid-green-100 - ); - --semantic-color-green-solid-border-normal-mid: var( - --core-color-solid-green-200 - ); - --semantic-color-green-solid-border-normal-high: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-border-normal-highest: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-border-inverse-low: var( - --core-color-solid-green-1300 - ); - --semantic-color-green-solid-border-inverse-mid: var( - --core-color-solid-green-1200 - ); - --semantic-color-green-solid-border-inverse-high: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-border-inverse-highest: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-border-static-lowest: var( - --core-color-solid-green-100 - ); - --semantic-color-green-solid-border-static-lower: var( - --core-color-solid-green-200 - ); - --semantic-color-green-solid-border-static-low: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-border-static-mid: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-border-static-high: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-border-static-higher: var( - --core-color-solid-green-1200 - ); - --semantic-color-green-solid-border-static-highest: var( - --core-color-solid-green-1300 - ); - --semantic-color-green-solid-textIcon-normal-lowest: var( - --core-color-solid-green-200 - ); - --semantic-color-green-solid-textIcon-normal-low: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-textIcon-normal-mid: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-textIcon-normal-high: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-textIcon-inverse-lowest: var( - --core-color-solid-green-1200 - ); - --semantic-color-green-solid-textIcon-inverse-low: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-textIcon-inverse-mid: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-textIcon-inverse-high: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-textIcon-static-lowest: var( - --core-color-solid-green-200 - ); - --semantic-color-green-solid-textIcon-static-low: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-textIcon-static-mid: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-textIcon-static-high: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-textIcon-static-highest: var( - --core-color-solid-green-1200 - ); - --semantic-color-green-opacity-surface-lowest: var( - --core-color-opacity-green-75 - ); - --semantic-color-green-opacity-surface-low: var( - --core-color-opacity-green-100 - ); - --semantic-color-green-opacity-surface-midLow: var( - --core-color-opacity-green-200 - ); - --semantic-color-green-opacity-surface-midHigh: var( - --core-color-opacity-green-300 - ); - --semantic-color-green-opacity-surface-high: var( - --core-color-opacity-green-700 - ); - --semantic-color-green-opacity-surface-highest: var( - --core-color-opacity-green-800 - ); - --semantic-color-green-opacity-border-lowest: var( - --core-color-opacity-green-75 - ); - --semantic-color-green-opacity-border-lower: var( - --core-color-opacity-green-100 - ); - --semantic-color-green-opacity-border-low: var( - --core-color-opacity-green-200 - ); - --semantic-color-green-opacity-border-mid: var( - --core-color-opacity-green-300 - ); - --semantic-color-green-opacity-border-high: var( - --core-color-opacity-green-600 - ); - --semantic-color-green-opacity-border-higher: var( - --core-color-opacity-green-700 - ); - --semantic-color-green-opacity-border-highest: var( - --core-color-opacity-green-800 - ); - --semantic-color-green-opacity-textIcon-low: var( - --core-color-opacity-green-300 - ); - --semantic-color-green-opacity-textIcon-mid: var( - --core-color-opacity-green-400 - ); - --semantic-color-green-opacity-textIcon-high: var( - --core-color-opacity-green-600 - ); - --semantic-color-emerald-solid-surface-normal-lowest: var( - --core-color-solid-emerald-100 - ); - --semantic-color-emerald-solid-surface-normal-low: var( - --core-color-solid-emerald-200 - ); - --semantic-color-emerald-solid-surface-normal-mid: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-surface-normal-high: var( - --core-color-solid-emerald-600 - ); - --semantic-color-emerald-solid-surface-normal-highest: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-surface-inverse-lowest: var( - --core-color-solid-emerald-1300 - ); - --semantic-color-emerald-solid-surface-inverse-low: var( - --core-color-solid-emerald-1200 - ); - --semantic-color-emerald-solid-surface-inverse-mid: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-surface-inverse-high: var( - --core-color-solid-emerald-800 - ); - --semantic-color-emerald-solid-surface-inverse-highest: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-surface-static-lowest: var( - --core-color-solid-emerald-100 - ); - --semantic-color-emerald-solid-surface-static-lower: var( - --core-color-solid-emerald-200 - ); - --semantic-color-emerald-solid-surface-static-low: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-surface-static-midLow: var( - --core-color-solid-emerald-600 - ); - --semantic-color-emerald-solid-surface-static-mid: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-surface-static-midHigh: var( - --core-color-solid-emerald-800 - ); - --semantic-color-emerald-solid-surface-static-high: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-surface-static-higher: var( - --core-color-solid-emerald-1200 - ); - --semantic-color-emerald-solid-surface-static-highest: var( - --core-color-solid-emerald-1300 - ); - --semantic-color-emerald-solid-border-normal-low: var( - --core-color-solid-emerald-100 - ); - --semantic-color-emerald-solid-border-normal-mid: var( - --core-color-solid-emerald-200 - ); - --semantic-color-emerald-solid-border-normal-high: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-border-normal-highest: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-border-inverse-low: var( - --core-color-solid-emerald-1300 - ); - --semantic-color-emerald-solid-border-inverse-mid: var( - --core-color-solid-emerald-1200 - ); - --semantic-color-emerald-solid-border-inverse-high: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-border-inverse-highest: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-border-static-lowest: var( - --core-color-solid-emerald-100 - ); - --semantic-color-emerald-solid-border-static-lower: var( - --core-color-solid-emerald-200 - ); - --semantic-color-emerald-solid-border-static-low: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-border-static-mid: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-border-static-high: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-border-static-higher: var( - --core-color-solid-emerald-1200 - ); - --semantic-color-emerald-solid-border-static-highest: var( - --core-color-solid-emerald-1300 - ); - --semantic-color-emerald-solid-textIcon-normal-lowest: var( - --core-color-solid-emerald-200 - ); - --semantic-color-emerald-solid-textIcon-normal-low: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-textIcon-normal-mid: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-textIcon-normal-high: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-textIcon-inverse-lowest: var( - --core-color-solid-emerald-1200 - ); - --semantic-color-emerald-solid-textIcon-inverse-low: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-textIcon-inverse-mid: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-textIcon-inverse-high: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-textIcon-static-lowest: var( - --core-color-solid-emerald-200 - ); - --semantic-color-emerald-solid-textIcon-static-low: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-textIcon-static-mid: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-textIcon-static-high: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-textIcon-static-highest: var( - --core-color-solid-emerald-1200 - ); - --semantic-color-emerald-opacity-surface-lowest: var( - --core-color-opacity-emerald-75 - ); - --semantic-color-emerald-opacity-surface-low: var( - --core-color-opacity-emerald-100 - ); - --semantic-color-emerald-opacity-surface-midLow: var( - --core-color-opacity-emerald-200 - ); - --semantic-color-emerald-opacity-surface-midHigh: var( - --core-color-opacity-emerald-300 - ); - --semantic-color-emerald-opacity-surface-high: var( - --core-color-opacity-emerald-700 - ); - --semantic-color-emerald-opacity-surface-highest: var( - --core-color-opacity-emerald-800 - ); - --semantic-color-emerald-opacity-border-lowest: var( - --core-color-opacity-emerald-75 - ); - --semantic-color-emerald-opacity-border-lower: var( - --core-color-opacity-emerald-100 - ); - --semantic-color-emerald-opacity-border-low: var( - --core-color-opacity-emerald-200 - ); - --semantic-color-emerald-opacity-border-mid: var( - --core-color-opacity-emerald-300 - ); - --semantic-color-emerald-opacity-border-high: var( - --core-color-opacity-emerald-600 - ); - --semantic-color-emerald-opacity-border-higher: var( - --core-color-opacity-emerald-700 - ); - --semantic-color-emerald-opacity-border-highest: var( - --core-color-opacity-emerald-800 - ); - --semantic-color-emerald-opacity-textIcon-low: var( - --core-color-opacity-emerald-300 - ); - --semantic-color-emerald-opacity-textIcon-mid: var( - --core-color-opacity-emerald-400 - ); - --semantic-color-emerald-opacity-textIcon-high: var( - --core-color-opacity-emerald-600 - ); - --semantic-color-tiffany-solid-surface-normal-lowest: var( - --core-color-solid-tiffany-100 - ); - --semantic-color-tiffany-solid-surface-normal-low: var( - --core-color-solid-tiffany-200 - ); - --semantic-color-tiffany-solid-surface-normal-mid: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-surface-normal-high: var( - --core-color-solid-tiffany-600 - ); - --semantic-color-tiffany-solid-surface-normal-highest: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-surface-inverse-lowest: var( - --core-color-solid-tiffany-1300 - ); - --semantic-color-tiffany-solid-surface-inverse-low: var( - --core-color-solid-tiffany-1200 - ); - --semantic-color-tiffany-solid-surface-inverse-mid: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-surface-inverse-high: var( - --core-color-solid-tiffany-800 - ); - --semantic-color-tiffany-solid-surface-inverse-highest: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-surface-static-lowest: var( - --core-color-solid-tiffany-100 - ); - --semantic-color-tiffany-solid-surface-static-lower: var( - --core-color-solid-tiffany-200 - ); - --semantic-color-tiffany-solid-surface-static-low: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-surface-static-midLow: var( - --core-color-solid-tiffany-600 - ); - --semantic-color-tiffany-solid-surface-static-mid: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-surface-static-midHigh: var( - --core-color-solid-tiffany-800 - ); - --semantic-color-tiffany-solid-surface-static-high: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-surface-static-higher: var( - --core-color-solid-tiffany-1200 - ); - --semantic-color-tiffany-solid-surface-static-highest: var( - --core-color-solid-tiffany-1300 - ); - --semantic-color-tiffany-solid-border-normal-low: var( - --core-color-solid-tiffany-100 - ); - --semantic-color-tiffany-solid-border-normal-mid: var( - --core-color-solid-tiffany-200 - ); - --semantic-color-tiffany-solid-border-normal-high: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-border-normal-highest: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-border-inverse-low: var( - --core-color-solid-tiffany-1300 - ); - --semantic-color-tiffany-solid-border-inverse-mid: var( - --core-color-solid-tiffany-1200 - ); - --semantic-color-tiffany-solid-border-inverse-high: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-border-inverse-highest: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-border-static-lowest: var( - --core-color-solid-tiffany-100 - ); - --semantic-color-tiffany-solid-border-static-lower: var( - --core-color-solid-tiffany-200 - ); - --semantic-color-tiffany-solid-border-static-low: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-border-static-mid: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-border-static-high: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-border-static-higher: var( - --core-color-solid-tiffany-1200 - ); - --semantic-color-tiffany-solid-border-static-highest: var( - --core-color-solid-tiffany-1300 - ); - --semantic-color-tiffany-solid-textIcon-normal-lowest: var( - --core-color-solid-tiffany-200 - ); - --semantic-color-tiffany-solid-textIcon-normal-low: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-textIcon-normal-mid: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-textIcon-normal-high: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-textIcon-inverse-lowest: var( - --core-color-solid-tiffany-1200 - ); - --semantic-color-tiffany-solid-textIcon-inverse-low: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-textIcon-inverse-mid: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-textIcon-inverse-high: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-textIcon-static-lowest: var( - --core-color-solid-tiffany-200 - ); - --semantic-color-tiffany-solid-textIcon-static-low: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-textIcon-static-mid: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-textIcon-static-high: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-textIcon-static-highest: var( - --core-color-solid-tiffany-1200 - ); - --semantic-color-tiffany-opacity-surface-lowest: var( - --core-color-opacity-tiffany-75 - ); - --semantic-color-tiffany-opacity-surface-low: var( - --core-color-opacity-tiffany-100 - ); - --semantic-color-tiffany-opacity-surface-midLow: var( - --core-color-opacity-tiffany-200 - ); - --semantic-color-tiffany-opacity-surface-midHigh: var( - --core-color-opacity-tiffany-300 - ); - --semantic-color-tiffany-opacity-surface-high: var( - --core-color-opacity-tiffany-700 - ); - --semantic-color-tiffany-opacity-surface-highest: var( - --core-color-opacity-tiffany-800 - ); - --semantic-color-tiffany-opacity-border-lowest: var( - --core-color-opacity-tiffany-75 - ); - --semantic-color-tiffany-opacity-border-lower: var( - --core-color-opacity-tiffany-100 - ); - --semantic-color-tiffany-opacity-border-low: var( - --core-color-opacity-tiffany-200 - ); - --semantic-color-tiffany-opacity-border-mid: var( - --core-color-opacity-tiffany-300 - ); - --semantic-color-tiffany-opacity-border-high: var( - --core-color-opacity-tiffany-600 - ); - --semantic-color-tiffany-opacity-border-higher: var( - --core-color-opacity-tiffany-700 - ); - --semantic-color-tiffany-opacity-border-highest: var( - --core-color-opacity-tiffany-800 - ); - --semantic-color-tiffany-opacity-textIcon-low: var( - --core-color-opacity-tiffany-300 - ); - --semantic-color-tiffany-opacity-textIcon-mid: var( - --core-color-opacity-tiffany-400 - ); - --semantic-color-tiffany-opacity-textIcon-high: var( - --core-color-opacity-tiffany-600 - ); - --semantic-color-teal-solid-surface-normal-lowest: var( - --core-color-solid-teal-100 - ); - --semantic-color-teal-solid-surface-normal-low: var( - --core-color-solid-teal-200 - ); - --semantic-color-teal-solid-surface-normal-mid: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-surface-normal-high: var( - --core-color-solid-teal-600 - ); - --semantic-color-teal-solid-surface-normal-highest: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-surface-inverse-lowest: var( - --core-color-solid-teal-1300 - ); - --semantic-color-teal-solid-surface-inverse-low: var( - --core-color-solid-teal-1200 - ); - --semantic-color-teal-solid-surface-inverse-mid: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-surface-inverse-high: var( - --core-color-solid-teal-800 - ); - --semantic-color-teal-solid-surface-inverse-highest: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-surface-static-lowest: var( - --core-color-solid-teal-100 - ); - --semantic-color-teal-solid-surface-static-lower: var( - --core-color-solid-teal-200 - ); - --semantic-color-teal-solid-surface-static-low: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-surface-static-midLow: var( - --core-color-solid-teal-600 - ); - --semantic-color-teal-solid-surface-static-mid: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-surface-static-midHigh: var( - --core-color-solid-teal-800 - ); - --semantic-color-teal-solid-surface-static-high: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-surface-static-higher: var( - --core-color-solid-teal-1200 - ); - --semantic-color-teal-solid-surface-static-highest: var( - --core-color-solid-teal-1300 - ); - --semantic-color-teal-solid-border-normal-low: var( - --core-color-solid-teal-100 - ); - --semantic-color-teal-solid-border-normal-mid: var( - --core-color-solid-teal-200 - ); - --semantic-color-teal-solid-border-normal-high: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-border-normal-highest: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-border-inverse-low: var( - --core-color-solid-teal-1300 - ); - --semantic-color-teal-solid-border-inverse-mid: var( - --core-color-solid-teal-1200 - ); - --semantic-color-teal-solid-border-inverse-high: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-border-inverse-highest: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-border-static-lowest: var( - --core-color-solid-teal-100 - ); - --semantic-color-teal-solid-border-static-lower: var( - --core-color-solid-teal-200 - ); - --semantic-color-teal-solid-border-static-low: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-border-static-mid: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-border-static-high: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-border-static-higher: var( - --core-color-solid-teal-1200 - ); - --semantic-color-teal-solid-border-static-highest: var( - --core-color-solid-teal-1300 - ); - --semantic-color-teal-solid-textIcon-normal-lowest: var( - --core-color-solid-teal-200 - ); - --semantic-color-teal-solid-textIcon-normal-low: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-textIcon-normal-mid: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-textIcon-normal-high: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-textIcon-inverse-lowest: var( - --core-color-solid-teal-1200 - ); - --semantic-color-teal-solid-textIcon-inverse-low: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-textIcon-inverse-mid: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-textIcon-inverse-high: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-textIcon-static-lowest: var( - --core-color-solid-teal-200 - ); - --semantic-color-teal-solid-textIcon-static-low: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-textIcon-static-mid: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-textIcon-static-high: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-textIcon-static-highest: var( - --core-color-solid-teal-1200 - ); - --semantic-color-teal-opacity-surface-lowest: var( - --core-color-opacity-teal-75 - ); - --semantic-color-teal-opacity-surface-low: var( - --core-color-opacity-teal-100 - ); - --semantic-color-teal-opacity-surface-midLow: var( - --core-color-opacity-teal-200 - ); - --semantic-color-teal-opacity-surface-midHigh: var( - --core-color-opacity-teal-300 - ); - --semantic-color-teal-opacity-surface-high: var( - --core-color-opacity-teal-700 - ); - --semantic-color-teal-opacity-surface-highest: var( - --core-color-opacity-teal-800 - ); - --semantic-color-teal-opacity-border-lowest: var( - --core-color-opacity-teal-75 - ); - --semantic-color-teal-opacity-border-lower: var( - --core-color-opacity-teal-100 - ); - --semantic-color-teal-opacity-border-low: var( - --core-color-opacity-teal-200 - ); - --semantic-color-teal-opacity-border-mid: var( - --core-color-opacity-teal-300 - ); - --semantic-color-teal-opacity-border-high: var( - --core-color-opacity-teal-600 - ); - --semantic-color-teal-opacity-border-higher: var( - --core-color-opacity-teal-700 - ); - --semantic-color-teal-opacity-border-highest: var( - --core-color-opacity-teal-800 - ); - --semantic-color-teal-opacity-textIcon-low: var( - --core-color-opacity-teal-300 - ); - --semantic-color-teal-opacity-textIcon-mid: var( - --core-color-opacity-teal-400 - ); - --semantic-color-teal-opacity-textIcon-high: var( - --core-color-opacity-teal-600 - ); - --semantic-color-seawater-solid-surface-normal-lowest: var( - --core-color-solid-seawater-100 - ); - --semantic-color-seawater-solid-surface-normal-low: var( - --core-color-solid-seawater-200 - ); - --semantic-color-seawater-solid-surface-normal-mid: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-surface-normal-high: var( - --core-color-solid-seawater-600 - ); - --semantic-color-seawater-solid-surface-normal-highest: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-surface-inverse-lowest: var( - --core-color-solid-seawater-1300 - ); - --semantic-color-seawater-solid-surface-inverse-low: var( - --core-color-solid-seawater-1200 - ); - --semantic-color-seawater-solid-surface-inverse-mid: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-surface-inverse-high: var( - --core-color-solid-seawater-800 - ); - --semantic-color-seawater-solid-surface-inverse-highest: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-surface-static-lowest: var( - --core-color-solid-seawater-100 - ); - --semantic-color-seawater-solid-surface-static-lower: var( - --core-color-solid-seawater-200 - ); - --semantic-color-seawater-solid-surface-static-low: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-surface-static-midLow: var( - --core-color-solid-seawater-600 - ); - --semantic-color-seawater-solid-surface-static-mid: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-surface-static-midHigh: var( - --core-color-solid-seawater-800 - ); - --semantic-color-seawater-solid-surface-static-high: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-surface-static-higher: var( - --core-color-solid-seawater-1200 - ); - --semantic-color-seawater-solid-surface-static-highest: var( - --core-color-solid-seawater-1300 - ); - --semantic-color-seawater-solid-border-normal-low: var( - --core-color-solid-seawater-100 - ); - --semantic-color-seawater-solid-border-normal-mid: var( - --core-color-solid-seawater-200 - ); - --semantic-color-seawater-solid-border-normal-high: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-border-normal-highest: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-border-inverse-low: var( - --core-color-solid-seawater-1300 - ); - --semantic-color-seawater-solid-border-inverse-mid: var( - --core-color-solid-seawater-1200 - ); - --semantic-color-seawater-solid-border-inverse-high: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-border-inverse-highest: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-border-static-lowest: var( - --core-color-solid-seawater-100 - ); - --semantic-color-seawater-solid-border-static-lower: var( - --core-color-solid-seawater-200 - ); - --semantic-color-seawater-solid-border-static-low: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-border-static-mid: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-border-static-high: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-border-static-higher: var( - --core-color-solid-seawater-1200 - ); - --semantic-color-seawater-solid-border-static-highest: var( - --core-color-solid-seawater-1300 - ); - --semantic-color-seawater-solid-textIcon-normal-lowest: var( - --core-color-solid-seawater-200 - ); - --semantic-color-seawater-solid-textIcon-normal-low: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-textIcon-normal-mid: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-textIcon-normal-high: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-textIcon-inverse-lowest: var( - --core-color-solid-seawater-1200 - ); - --semantic-color-seawater-solid-textIcon-inverse-low: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-textIcon-inverse-mid: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-textIcon-inverse-high: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-textIcon-static-lowest: var( - --core-color-solid-seawater-200 - ); - --semantic-color-seawater-solid-textIcon-static-low: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-textIcon-static-mid: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-textIcon-static-high: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-textIcon-static-highest: var( - --core-color-solid-seawater-1200 - ); - --semantic-color-seawater-opacity-surface-lowest: var( - --core-color-opacity-seawater-75 - ); - --semantic-color-seawater-opacity-surface-low: var( - --core-color-opacity-seawater-100 - ); - --semantic-color-seawater-opacity-surface-midLow: var( - --core-color-opacity-seawater-200 - ); - --semantic-color-seawater-opacity-surface-midHigh: var( - --core-color-opacity-seawater-300 - ); - --semantic-color-seawater-opacity-surface-high: var( - --core-color-opacity-seawater-700 - ); - --semantic-color-seawater-opacity-surface-highest: var( - --core-color-opacity-seawater-800 - ); - --semantic-color-seawater-opacity-border-lowest: var( - --core-color-opacity-seawater-75 - ); - --semantic-color-seawater-opacity-border-lower: var( - --core-color-opacity-seawater-100 - ); - --semantic-color-seawater-opacity-border-low: var( - --core-color-opacity-seawater-200 - ); - --semantic-color-seawater-opacity-border-mid: var( - --core-color-opacity-seawater-300 - ); - --semantic-color-seawater-opacity-border-high: var( - --core-color-opacity-seawater-600 - ); - --semantic-color-seawater-opacity-border-higher: var( - --core-color-opacity-seawater-700 - ); - --semantic-color-seawater-opacity-border-highest: var( - --core-color-opacity-seawater-800 - ); - --semantic-color-seawater-opacity-textIcon-low: var( - --core-color-opacity-seawater-300 - ); - --semantic-color-seawater-opacity-textIcon-mid: var( - --core-color-opacity-seawater-400 - ); - --semantic-color-seawater-opacity-textIcon-high: var( - --core-color-opacity-seawater-600 - ); - --semantic-color-blue-solid-surface-normal-lowest: var( - --core-color-solid-blue-100 - ); - --semantic-color-blue-solid-surface-normal-low: var( - --core-color-solid-blue-200 - ); - --semantic-color-blue-solid-surface-normal-mid: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-surface-normal-high: var( - --core-color-solid-blue-600 - ); - --semantic-color-blue-solid-surface-normal-highest: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-surface-inverse-lowest: var( - --core-color-solid-blue-1300 - ); - --semantic-color-blue-solid-surface-inverse-low: var( - --core-color-solid-blue-1200 - ); - --semantic-color-blue-solid-surface-inverse-mid: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-surface-inverse-high: var( - --core-color-solid-blue-800 - ); - --semantic-color-blue-solid-surface-inverse-highest: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-surface-static-lowest: var( - --core-color-solid-blue-100 - ); - --semantic-color-blue-solid-surface-static-lower: var( - --core-color-solid-blue-200 - ); - --semantic-color-blue-solid-surface-static-low: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-surface-static-midLow: var( - --core-color-solid-blue-600 - ); - --semantic-color-blue-solid-surface-static-mid: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-surface-static-midHigh: var( - --core-color-solid-blue-800 - ); - --semantic-color-blue-solid-surface-static-high: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-surface-static-higher: var( - --core-color-solid-blue-1200 - ); - --semantic-color-blue-solid-surface-static-highest: var( - --core-color-solid-blue-1300 - ); - --semantic-color-blue-solid-border-normal-low: var( - --core-color-solid-blue-100 - ); - --semantic-color-blue-solid-border-normal-mid: var( - --core-color-solid-blue-200 - ); - --semantic-color-blue-solid-border-normal-high: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-border-normal-highest: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-border-inverse-low: var( - --core-color-solid-blue-1300 - ); - --semantic-color-blue-solid-border-inverse-mid: var( - --core-color-solid-blue-1200 - ); - --semantic-color-blue-solid-border-inverse-high: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-border-inverse-highest: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-border-static-lowest: var( - --core-color-solid-blue-100 - ); - --semantic-color-blue-solid-border-static-lower: var( - --core-color-solid-blue-200 - ); - --semantic-color-blue-solid-border-static-low: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-border-static-mid: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-border-static-high: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-border-static-higher: var( - --core-color-solid-blue-1200 - ); - --semantic-color-blue-solid-border-static-highest: var( - --core-color-solid-blue-1300 - ); - --semantic-color-blue-solid-textIcon-normal-lowest: var( - --core-color-solid-blue-200 - ); - --semantic-color-blue-solid-textIcon-normal-low: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-textIcon-normal-mid: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-textIcon-normal-high: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-textIcon-inverse-lowest: var( - --core-color-solid-blue-1200 - ); - --semantic-color-blue-solid-textIcon-inverse-low: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-textIcon-inverse-mid: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-textIcon-inverse-high: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-textIcon-static-lowest: var( - --core-color-solid-blue-200 - ); - --semantic-color-blue-solid-textIcon-static-low: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-textIcon-static-mid: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-textIcon-static-high: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-textIcon-static-highest: var( - --core-color-solid-blue-1200 - ); - --semantic-color-blue-opacity-surface-lowest: var( - --core-color-opacity-blue-75 - ); - --semantic-color-blue-opacity-surface-low: var( - --core-color-opacity-blue-100 - ); - --semantic-color-blue-opacity-surface-midLow: var( - --core-color-opacity-blue-200 - ); - --semantic-color-blue-opacity-surface-midHigh: var( - --core-color-opacity-blue-300 - ); - --semantic-color-blue-opacity-surface-high: var( - --core-color-opacity-blue-700 - ); - --semantic-color-blue-opacity-surface-highest: var( - --core-color-opacity-blue-800 - ); - --semantic-color-blue-opacity-border-lowest: var( - --core-color-opacity-blue-75 - ); - --semantic-color-blue-opacity-border-lower: var( - --core-color-opacity-blue-100 - ); - --semantic-color-blue-opacity-border-low: var( - --core-color-opacity-blue-200 - ); - --semantic-color-blue-opacity-border-mid: var( - --core-color-opacity-blue-300 - ); - --semantic-color-blue-opacity-border-high: var( - --core-color-opacity-blue-600 - ); - --semantic-color-blue-opacity-border-higher: var( - --core-color-opacity-blue-700 - ); - --semantic-color-blue-opacity-border-highest: var( - --core-color-opacity-blue-800 - ); - --semantic-color-blue-opacity-textIcon-low: var( - --core-color-opacity-blue-300 - ); - --semantic-color-blue-opacity-textIcon-mid: var( - --core-color-opacity-blue-400 - ); - --semantic-color-blue-opacity-textIcon-high: var( - --core-color-opacity-blue-600 - ); - --semantic-color-sapphire-solid-surface-normal-lowest: var( - --core-color-solid-sapphire-100 - ); - --semantic-color-sapphire-solid-surface-normal-low: var( - --core-color-solid-sapphire-200 - ); - --semantic-color-sapphire-solid-surface-normal-mid: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-surface-normal-high: var( - --core-color-solid-sapphire-600 - ); - --semantic-color-sapphire-solid-surface-normal-highest: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-surface-inverse-lowest: var( - --core-color-solid-sapphire-1300 - ); - --semantic-color-sapphire-solid-surface-inverse-low: var( - --core-color-solid-sapphire-1200 - ); - --semantic-color-sapphire-solid-surface-inverse-mid: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-surface-inverse-high: var( - --core-color-solid-sapphire-800 - ); - --semantic-color-sapphire-solid-surface-inverse-highest: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-surface-static-lowest: var( - --core-color-solid-sapphire-100 - ); - --semantic-color-sapphire-solid-surface-static-lower: var( - --core-color-solid-sapphire-200 - ); - --semantic-color-sapphire-solid-surface-static-low: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-surface-static-midLow: var( - --core-color-solid-sapphire-600 - ); - --semantic-color-sapphire-solid-surface-static-mid: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-surface-static-midHigh: var( - --core-color-solid-sapphire-800 - ); - --semantic-color-sapphire-solid-surface-static-high: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-surface-static-higher: var( - --core-color-solid-sapphire-1200 - ); - --semantic-color-sapphire-solid-surface-static-highest: var( - --core-color-solid-sapphire-1300 - ); - --semantic-color-sapphire-solid-border-normal-low: var( - --core-color-solid-sapphire-100 - ); - --semantic-color-sapphire-solid-border-normal-mid: var( - --core-color-solid-sapphire-200 - ); - --semantic-color-sapphire-solid-border-normal-high: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-border-normal-highest: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-border-inverse-low: var( - --core-color-solid-sapphire-1300 - ); - --semantic-color-sapphire-solid-border-inverse-mid: var( - --core-color-solid-sapphire-1200 - ); - --semantic-color-sapphire-solid-border-inverse-high: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-border-inverse-highest: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-border-static-lowest: var( - --core-color-solid-sapphire-100 - ); - --semantic-color-sapphire-solid-border-static-lower: var( - --core-color-solid-sapphire-200 - ); - --semantic-color-sapphire-solid-border-static-low: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-border-static-mid: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-border-static-high: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-border-static-higher: var( - --core-color-solid-sapphire-1200 - ); - --semantic-color-sapphire-solid-border-static-highest: var( - --core-color-solid-sapphire-1300 - ); - --semantic-color-sapphire-solid-textIcon-normal-lowest: var( - --core-color-solid-sapphire-200 - ); - --semantic-color-sapphire-solid-textIcon-normal-low: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-textIcon-normal-mid: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-textIcon-normal-high: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-textIcon-inverse-lowest: var( - --core-color-solid-sapphire-1200 - ); - --semantic-color-sapphire-solid-textIcon-inverse-low: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-textIcon-inverse-mid: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-textIcon-inverse-high: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-textIcon-static-lowest: var( - --core-color-solid-sapphire-200 - ); - --semantic-color-sapphire-solid-textIcon-static-low: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-textIcon-static-mid: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-textIcon-static-high: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-textIcon-static-highest: var( - --core-color-solid-sapphire-1200 - ); - --semantic-color-sapphire-opacity-surface-lowest: var( - --core-color-opacity-sapphire-75 - ); - --semantic-color-sapphire-opacity-surface-low: var( - --core-color-opacity-sapphire-100 - ); - --semantic-color-sapphire-opacity-surface-midLow: var( - --core-color-opacity-sapphire-200 - ); - --semantic-color-sapphire-opacity-surface-midHigh: var( - --core-color-opacity-sapphire-300 - ); - --semantic-color-sapphire-opacity-surface-high: var( - --core-color-opacity-sapphire-700 - ); - --semantic-color-sapphire-opacity-surface-highest: var( - --core-color-opacity-sapphire-800 - ); - --semantic-color-sapphire-opacity-border-lowest: var( - --core-color-opacity-sapphire-75 - ); - --semantic-color-sapphire-opacity-border-lower: var( - --core-color-opacity-sapphire-100 - ); - --semantic-color-sapphire-opacity-border-low: var( - --core-color-opacity-sapphire-200 - ); - --semantic-color-sapphire-opacity-border-mid: var( - --core-color-opacity-sapphire-300 - ); - --semantic-color-sapphire-opacity-border-high: var( - --core-color-opacity-sapphire-600 - ); - --semantic-color-sapphire-opacity-border-higher: var( - --core-color-opacity-sapphire-700 - ); - --semantic-color-sapphire-opacity-border-highest: var( - --core-color-opacity-sapphire-800 - ); - --semantic-color-sapphire-opacity-textIcon-low: var( - --core-color-opacity-sapphire-300 - ); - --semantic-color-sapphire-opacity-textIcon-mid: var( - --core-color-opacity-sapphire-400 - ); - --semantic-color-sapphire-opacity-textIcon-high: var( - --core-color-opacity-sapphire-600 - ); - --semantic-color-blueberry-solid-surface-normal-lowest: var( - --core-color-solid-blueberry-100 - ); - --semantic-color-blueberry-solid-surface-normal-low: var( - --core-color-solid-blueberry-200 - ); - --semantic-color-blueberry-solid-surface-normal-mid: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-surface-normal-high: var( - --core-color-solid-blueberry-600 - ); - --semantic-color-blueberry-solid-surface-normal-highest: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-surface-inverse-lowest: var( - --core-color-solid-blueberry-1300 - ); - --semantic-color-blueberry-solid-surface-inverse-low: var( - --core-color-solid-blueberry-1200 - ); - --semantic-color-blueberry-solid-surface-inverse-mid: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-surface-inverse-high: var( - --core-color-solid-blueberry-800 - ); - --semantic-color-blueberry-solid-surface-inverse-highest: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-surface-static-lowest: var( - --core-color-solid-blueberry-100 - ); - --semantic-color-blueberry-solid-surface-static-lower: var( - --core-color-solid-blueberry-200 - ); - --semantic-color-blueberry-solid-surface-static-low: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-surface-static-midLow: var( - --core-color-solid-blueberry-600 - ); - --semantic-color-blueberry-solid-surface-static-mid: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-surface-static-midHigh: var( - --core-color-solid-blueberry-800 - ); - --semantic-color-blueberry-solid-surface-static-high: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-surface-static-higher: var( - --core-color-solid-blueberry-1200 - ); - --semantic-color-blueberry-solid-surface-static-highest: var( - --core-color-solid-blueberry-1300 - ); - --semantic-color-blueberry-solid-border-normal-low: var( - --core-color-solid-blueberry-100 - ); - --semantic-color-blueberry-solid-border-normal-mid: var( - --core-color-solid-blueberry-200 - ); - --semantic-color-blueberry-solid-border-normal-high: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-border-normal-highest: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-border-inverse-low: var( - --core-color-solid-blueberry-1300 - ); - --semantic-color-blueberry-solid-border-inverse-mid: var( - --core-color-solid-blueberry-1200 - ); - --semantic-color-blueberry-solid-border-inverse-high: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-border-inverse-highest: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-border-static-lowest: var( - --core-color-solid-blueberry-100 - ); - --semantic-color-blueberry-solid-border-static-lower: var( - --core-color-solid-blueberry-200 - ); - --semantic-color-blueberry-solid-border-static-low: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-border-static-mid: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-border-static-high: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-border-static-higher: var( - --core-color-solid-blueberry-1200 - ); - --semantic-color-blueberry-solid-border-static-highest: var( - --core-color-solid-blueberry-1300 - ); - --semantic-color-blueberry-solid-textIcon-normal-lowest: var( - --core-color-solid-blueberry-200 - ); - --semantic-color-blueberry-solid-textIcon-normal-low: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-textIcon-normal-mid: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-textIcon-normal-high: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-textIcon-inverse-lowest: var( - --core-color-solid-blueberry-1200 - ); - --semantic-color-blueberry-solid-textIcon-inverse-low: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-textIcon-inverse-mid: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-textIcon-inverse-high: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-textIcon-static-lowest: var( - --core-color-solid-blueberry-200 - ); - --semantic-color-blueberry-solid-textIcon-static-low: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-textIcon-static-mid: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-textIcon-static-high: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-textIcon-static-highest: var( - --core-color-solid-blueberry-1200 - ); - --semantic-color-blueberry-opacity-surface-lowest: var( - --core-color-opacity-blueberry-75 - ); - --semantic-color-blueberry-opacity-surface-low: var( - --core-color-opacity-blueberry-100 - ); - --semantic-color-blueberry-opacity-surface-midLow: var( - --core-color-opacity-blueberry-200 - ); - --semantic-color-blueberry-opacity-surface-midHigh: var( - --core-color-opacity-blueberry-300 - ); - --semantic-color-blueberry-opacity-surface-high: var( - --core-color-opacity-blueberry-700 - ); - --semantic-color-blueberry-opacity-surface-highest: var( - --core-color-opacity-blueberry-800 - ); - --semantic-color-blueberry-opacity-border-lowest: var( - --core-color-opacity-blueberry-75 - ); - --semantic-color-blueberry-opacity-border-lower: var( - --core-color-opacity-blueberry-100 - ); - --semantic-color-blueberry-opacity-border-low: var( - --core-color-opacity-blueberry-200 - ); - --semantic-color-blueberry-opacity-border-mid: var( - --core-color-opacity-blueberry-300 - ); - --semantic-color-blueberry-opacity-border-high: var( - --core-color-opacity-blueberry-600 - ); - --semantic-color-blueberry-opacity-border-higher: var( - --core-color-opacity-blueberry-700 - ); - --semantic-color-blueberry-opacity-border-highest: var( - --core-color-opacity-blueberry-800 - ); - --semantic-color-blueberry-opacity-textIcon-low: var( - --core-color-opacity-blueberry-300 - ); - --semantic-color-blueberry-opacity-textIcon-mid: var( - --core-color-opacity-blueberry-400 - ); - --semantic-color-blueberry-opacity-textIcon-high: var( - --core-color-opacity-blueberry-600 - ); - --semantic-color-grape-solid-surface-normal-lowest: var( - --core-color-solid-grape-100 - ); - --semantic-color-grape-solid-surface-normal-low: var( - --core-color-solid-grape-200 - ); - --semantic-color-grape-solid-surface-normal-mid: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-surface-normal-high: var( - --core-color-solid-grape-600 - ); - --semantic-color-grape-solid-surface-normal-highest: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-surface-inverse-lowest: var( - --core-color-solid-grape-1300 - ); - --semantic-color-grape-solid-surface-inverse-low: var( - --core-color-solid-grape-1200 - ); - --semantic-color-grape-solid-surface-inverse-mid: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-surface-inverse-high: var( - --core-color-solid-grape-800 - ); - --semantic-color-grape-solid-surface-inverse-highest: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-surface-static-lowest: var( - --core-color-solid-grape-100 - ); - --semantic-color-grape-solid-surface-static-lower: var( - --core-color-solid-grape-200 - ); - --semantic-color-grape-solid-surface-static-low: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-surface-static-midLow: var( - --core-color-solid-grape-600 - ); - --semantic-color-grape-solid-surface-static-mid: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-surface-static-midHigh: var( - --core-color-solid-grape-800 - ); - --semantic-color-grape-solid-surface-static-high: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-surface-static-higher: var( - --core-color-solid-grape-1200 - ); - --semantic-color-grape-solid-surface-static-highest: var( - --core-color-solid-grape-1300 - ); - --semantic-color-grape-solid-border-normal-low: var( - --core-color-solid-grape-100 - ); - --semantic-color-grape-solid-border-normal-mid: var( - --core-color-solid-grape-200 - ); - --semantic-color-grape-solid-border-normal-high: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-border-normal-highest: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-border-inverse-low: var( - --core-color-solid-grape-1300 - ); - --semantic-color-grape-solid-border-inverse-mid: var( - --core-color-solid-grape-1200 - ); - --semantic-color-grape-solid-border-inverse-high: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-border-inverse-highest: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-border-static-lowest: var( - --core-color-solid-grape-100 - ); - --semantic-color-grape-solid-border-static-lower: var( - --core-color-solid-grape-200 - ); - --semantic-color-grape-solid-border-static-low: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-border-static-mid: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-border-static-high: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-border-static-higher: var( - --core-color-solid-grape-1200 - ); - --semantic-color-grape-solid-border-static-highest: var( - --core-color-solid-grape-1300 - ); - --semantic-color-grape-solid-textIcon-normal-lowest: var( - --core-color-solid-grape-200 - ); - --semantic-color-grape-solid-textIcon-normal-low: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-textIcon-normal-mid: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-textIcon-normal-high: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-textIcon-inverse-lowest: var( - --core-color-solid-grape-1200 - ); - --semantic-color-grape-solid-textIcon-inverse-low: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-textIcon-inverse-mid: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-textIcon-inverse-high: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-textIcon-static-lowest: var( - --core-color-solid-grape-200 - ); - --semantic-color-grape-solid-textIcon-static-low: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-textIcon-static-mid: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-textIcon-static-high: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-textIcon-static-highest: var( - --core-color-solid-grape-1200 - ); - --semantic-color-grape-opacity-surface-lowest: var( - --core-color-opacity-grape-75 - ); - --semantic-color-grape-opacity-surface-low: var( - --core-color-opacity-grape-100 - ); - --semantic-color-grape-opacity-surface-midLow: var( - --core-color-opacity-grape-200 - ); - --semantic-color-grape-opacity-surface-midHigh: var( - --core-color-opacity-grape-300 - ); - --semantic-color-grape-opacity-surface-high: var( - --core-color-opacity-grape-700 - ); - --semantic-color-grape-opacity-surface-highest: var( - --core-color-opacity-grape-800 - ); - --semantic-color-grape-opacity-border-lowest: var( - --core-color-opacity-grape-75 - ); - --semantic-color-grape-opacity-border-lower: var( - --core-color-opacity-grape-100 - ); - --semantic-color-grape-opacity-border-low: var( - --core-color-opacity-grape-200 - ); - --semantic-color-grape-opacity-border-mid: var( - --core-color-opacity-grape-300 - ); - --semantic-color-grape-opacity-border-high: var( - --core-color-opacity-grape-600 - ); - --semantic-color-grape-opacity-border-higher: var( - --core-color-opacity-grape-700 - ); - --semantic-color-grape-opacity-border-highest: var( - --core-color-opacity-grape-800 - ); - --semantic-color-grape-opacity-textIcon-low: var( - --core-color-opacity-grape-300 - ); - --semantic-color-grape-opacity-textIcon-mid: var( - --core-color-opacity-grape-400 - ); - --semantic-color-grape-opacity-textIcon-high: var( - --core-color-opacity-grape-600 - ); - --semantic-color-magenta-solid-surface-normal-lowest: var( - --core-color-solid-magenta-100 - ); - --semantic-color-magenta-solid-surface-normal-low: var( - --core-color-solid-magenta-200 - ); - --semantic-color-magenta-solid-surface-normal-mid: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-surface-normal-high: var( - --core-color-solid-magenta-600 - ); - --semantic-color-magenta-solid-surface-normal-highest: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-surface-inverse-lowest: var( - --core-color-solid-magenta-1300 - ); - --semantic-color-magenta-solid-surface-inverse-low: var( - --core-color-solid-magenta-1200 - ); - --semantic-color-magenta-solid-surface-inverse-mid: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-surface-inverse-high: var( - --core-color-solid-magenta-800 - ); - --semantic-color-magenta-solid-surface-inverse-highest: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-surface-static-lowest: var( - --core-color-solid-magenta-100 - ); - --semantic-color-magenta-solid-surface-static-lower: var( - --core-color-solid-magenta-200 - ); - --semantic-color-magenta-solid-surface-static-low: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-surface-static-midLow: var( - --core-color-solid-magenta-600 - ); - --semantic-color-magenta-solid-surface-static-mid: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-surface-static-midHigh: var( - --core-color-solid-magenta-800 - ); - --semantic-color-magenta-solid-surface-static-high: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-surface-static-higher: var( - --core-color-solid-magenta-1200 - ); - --semantic-color-magenta-solid-surface-static-highest: var( - --core-color-solid-magenta-1300 - ); - --semantic-color-magenta-solid-border-normal-low: var( - --core-color-solid-magenta-100 - ); - --semantic-color-magenta-solid-border-normal-mid: var( - --core-color-solid-magenta-200 - ); - --semantic-color-magenta-solid-border-normal-high: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-border-normal-highest: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-border-inverse-low: var( - --core-color-solid-magenta-1300 - ); - --semantic-color-magenta-solid-border-inverse-mid: var( - --core-color-solid-magenta-1200 - ); - --semantic-color-magenta-solid-border-inverse-high: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-border-inverse-highest: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-border-static-lowest: var( - --core-color-solid-magenta-100 - ); - --semantic-color-magenta-solid-border-static-lower: var( - --core-color-solid-magenta-200 - ); - --semantic-color-magenta-solid-border-static-low: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-border-static-mid: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-border-static-high: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-border-static-higher: var( - --core-color-solid-magenta-1200 - ); - --semantic-color-magenta-solid-border-static-highest: var( - --core-color-solid-magenta-1300 - ); - --semantic-color-magenta-solid-textIcon-normal-lowest: var( - --core-color-solid-magenta-200 - ); - --semantic-color-magenta-solid-textIcon-normal-low: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-textIcon-normal-mid: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-textIcon-normal-high: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-textIcon-inverse-lowest: var( - --core-color-solid-magenta-1200 - ); - --semantic-color-magenta-solid-textIcon-inverse-low: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-textIcon-inverse-mid: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-textIcon-inverse-high: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-textIcon-static-lowest: var( - --core-color-solid-magenta-200 - ); - --semantic-color-magenta-solid-textIcon-static-low: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-textIcon-static-mid: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-textIcon-static-high: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-textIcon-static-highest: var( - --core-color-solid-magenta-1200 - ); - --semantic-color-magenta-opacity-surface-lowest: var( - --core-color-opacity-magenta-75 - ); - --semantic-color-magenta-opacity-surface-low: var( - --core-color-opacity-magenta-100 - ); - --semantic-color-magenta-opacity-surface-midLow: var( - --core-color-opacity-magenta-200 - ); - --semantic-color-magenta-opacity-surface-midHigh: var( - --core-color-opacity-magenta-300 - ); - --semantic-color-magenta-opacity-surface-high: var( - --core-color-opacity-magenta-700 - ); - --semantic-color-magenta-opacity-surface-highest: var( - --core-color-opacity-magenta-800 - ); - --semantic-color-magenta-opacity-border-lowest: var( - --core-color-opacity-magenta-75 - ); - --semantic-color-magenta-opacity-border-lower: var( - --core-color-opacity-magenta-100 - ); - --semantic-color-magenta-opacity-border-low: var( - --core-color-opacity-magenta-200 - ); - --semantic-color-magenta-opacity-border-mid: var( - --core-color-opacity-magenta-300 - ); - --semantic-color-magenta-opacity-border-high: var( - --core-color-opacity-magenta-600 - ); - --semantic-color-magenta-opacity-border-higher: var( - --core-color-opacity-magenta-700 - ); - --semantic-color-magenta-opacity-border-highest: var( - --core-color-opacity-magenta-800 - ); - --semantic-color-magenta-opacity-textIcon-low: var( - --core-color-opacity-magenta-300 - ); - --semantic-color-magenta-opacity-textIcon-mid: var( - --core-color-opacity-magenta-400 - ); - --semantic-color-magenta-opacity-textIcon-high: var( - --core-color-opacity-magenta-600 - ); - --semantic-color-cherry-solid-surface-normal-lowest: var( - --core-color-solid-cherry-100 - ); - --semantic-color-cherry-solid-surface-normal-low: var( - --core-color-solid-cherry-200 - ); - --semantic-color-cherry-solid-surface-normal-mid: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-surface-normal-high: var( - --core-color-solid-cherry-600 - ); - --semantic-color-cherry-solid-surface-normal-highest: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-surface-inverse-lowest: var( - --core-color-solid-cherry-1300 - ); - --semantic-color-cherry-solid-surface-inverse-low: var( - --core-color-solid-cherry-1200 - ); - --semantic-color-cherry-solid-surface-inverse-mid: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-surface-inverse-high: var( - --core-color-solid-cherry-800 - ); - --semantic-color-cherry-solid-surface-inverse-highest: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-surface-static-lowest: var( - --core-color-solid-cherry-100 - ); - --semantic-color-cherry-solid-surface-static-lower: var( - --core-color-solid-cherry-200 - ); - --semantic-color-cherry-solid-surface-static-low: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-surface-static-midLow: var( - --core-color-solid-cherry-600 - ); - --semantic-color-cherry-solid-surface-static-mid: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-surface-static-midHigh: var( - --core-color-solid-cherry-800 - ); - --semantic-color-cherry-solid-surface-static-high: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-surface-static-higher: var( - --core-color-solid-cherry-1200 - ); - --semantic-color-cherry-solid-surface-static-highest: var( - --core-color-solid-cherry-1300 - ); - --semantic-color-cherry-solid-border-normal-low: var( - --core-color-solid-cherry-100 - ); - --semantic-color-cherry-solid-border-normal-mid: var( - --core-color-solid-cherry-200 - ); - --semantic-color-cherry-solid-border-normal-high: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-border-normal-highest: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-border-inverse-low: var( - --core-color-solid-cherry-1300 - ); - --semantic-color-cherry-solid-border-inverse-mid: var( - --core-color-solid-cherry-1200 - ); - --semantic-color-cherry-solid-border-inverse-high: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-border-inverse-highest: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-border-static-lowest: var( - --core-color-solid-cherry-100 - ); - --semantic-color-cherry-solid-border-static-lower: var( - --core-color-solid-cherry-200 - ); - --semantic-color-cherry-solid-border-static-low: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-border-static-mid: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-border-static-high: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-border-static-higher: var( - --core-color-solid-cherry-1200 - ); - --semantic-color-cherry-solid-border-static-highest: var( - --core-color-solid-cherry-1300 - ); - --semantic-color-cherry-solid-textIcon-normal-lowest: var( - --core-color-solid-cherry-200 - ); - --semantic-color-cherry-solid-textIcon-normal-low: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-textIcon-normal-mid: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-textIcon-normal-high: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-textIcon-inverse-lowest: var( - --core-color-solid-cherry-1200 - ); - --semantic-color-cherry-solid-textIcon-inverse-low: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-textIcon-inverse-mid: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-textIcon-inverse-high: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-textIcon-static-lowest: var( - --core-color-solid-cherry-200 - ); - --semantic-color-cherry-solid-textIcon-static-low: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-textIcon-static-mid: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-textIcon-static-high: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-textIcon-static-highest: var( - --core-color-solid-cherry-1200 - ); - --semantic-color-cherry-opacity-surface-lowest: var( - --core-color-opacity-cherry-75 - ); - --semantic-color-cherry-opacity-surface-low: var( - --core-color-opacity-cherry-100 - ); - --semantic-color-cherry-opacity-surface-midLow: var( - --core-color-opacity-cherry-200 - ); - --semantic-color-cherry-opacity-surface-midHigh: var( - --core-color-opacity-cherry-300 - ); - --semantic-color-cherry-opacity-surface-high: var( - --core-color-opacity-cherry-700 - ); - --semantic-color-cherry-opacity-surface-highest: var( - --core-color-opacity-cherry-800 - ); - --semantic-color-cherry-opacity-border-lowest: var( - --core-color-opacity-cherry-75 - ); - --semantic-color-cherry-opacity-border-lower: var( - --core-color-opacity-cherry-100 - ); - --semantic-color-cherry-opacity-border-low: var( - --core-color-opacity-cherry-200 - ); - --semantic-color-cherry-opacity-border-mid: var( - --core-color-opacity-cherry-300 - ); - --semantic-color-cherry-opacity-border-high: var( - --core-color-opacity-cherry-600 - ); - --semantic-color-cherry-opacity-border-higher: var( - --core-color-opacity-cherry-700 - ); - --semantic-color-cherry-opacity-border-highest: var( - --core-color-opacity-cherry-800 - ); - --semantic-color-cherry-opacity-textIcon-low: var( - --core-color-opacity-cherry-300 - ); - --semantic-color-cherry-opacity-textIcon-mid: var( - --core-color-opacity-cherry-400 - ); - --semantic-color-cherry-opacity-textIcon-high: var( - --core-color-opacity-cherry-600 - ); - --semantic-color-coral-solid-surface-normal-lowest: var( - --core-color-solid-coral-100 - ); - --semantic-color-coral-solid-surface-normal-low: var( - --core-color-solid-coral-200 - ); - --semantic-color-coral-solid-surface-normal-mid: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-surface-normal-high: var( - --core-color-solid-coral-600 - ); - --semantic-color-coral-solid-surface-normal-highest: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-surface-inverse-lowest: var( - --core-color-solid-coral-1300 - ); - --semantic-color-coral-solid-surface-inverse-low: var( - --core-color-solid-coral-1200 - ); - --semantic-color-coral-solid-surface-inverse-mid: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-surface-inverse-high: var( - --core-color-solid-coral-800 - ); - --semantic-color-coral-solid-surface-inverse-highest: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-surface-static-lowest: var( - --core-color-solid-coral-100 - ); - --semantic-color-coral-solid-surface-static-lower: var( - --core-color-solid-coral-200 - ); - --semantic-color-coral-solid-surface-static-low: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-surface-static-midLow: var( - --core-color-solid-coral-600 - ); - --semantic-color-coral-solid-surface-static-mid: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-surface-static-midHigh: var( - --core-color-solid-coral-800 - ); - --semantic-color-coral-solid-surface-static-high: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-surface-static-higher: var( - --core-color-solid-coral-1200 - ); - --semantic-color-coral-solid-surface-static-highest: var( - --core-color-solid-coral-1300 - ); - --semantic-color-coral-solid-border-normal-low: var( - --core-color-solid-coral-100 - ); - --semantic-color-coral-solid-border-normal-mid: var( - --core-color-solid-coral-200 - ); - --semantic-color-coral-solid-border-normal-high: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-border-normal-highest: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-border-inverse-low: var( - --core-color-solid-coral-1300 - ); - --semantic-color-coral-solid-border-inverse-mid: var( - --core-color-solid-coral-1200 - ); - --semantic-color-coral-solid-border-inverse-high: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-border-inverse-highest: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-border-static-lowest: var( - --core-color-solid-coral-100 - ); - --semantic-color-coral-solid-border-static-lower: var( - --core-color-solid-coral-200 - ); - --semantic-color-coral-solid-border-static-low: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-border-static-mid: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-border-static-high: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-border-static-higher: var( - --core-color-solid-coral-1200 - ); - --semantic-color-coral-solid-border-static-highest: var( - --core-color-solid-coral-1300 - ); - --semantic-color-coral-solid-textIcon-normal-lowest: var( - --core-color-solid-coral-200 - ); - --semantic-color-coral-solid-textIcon-normal-low: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-textIcon-normal-mid: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-textIcon-normal-high: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-textIcon-inverse-lowest: var( - --core-color-solid-coral-1200 - ); - --semantic-color-coral-solid-textIcon-inverse-low: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-textIcon-inverse-mid: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-textIcon-inverse-high: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-textIcon-static-lowest: var( - --core-color-solid-coral-200 - ); - --semantic-color-coral-solid-textIcon-static-low: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-textIcon-static-mid: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-textIcon-static-high: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-textIcon-static-highest: var( - --core-color-solid-coral-1200 - ); - --semantic-color-coral-opacity-surface-lowest: var( - --core-color-opacity-coral-75 - ); - --semantic-color-coral-opacity-surface-low: var( - --core-color-opacity-coral-100 - ); - --semantic-color-coral-opacity-surface-midLow: var( - --core-color-opacity-coral-200 - ); - --semantic-color-coral-opacity-surface-midHigh: var( - --core-color-opacity-coral-300 - ); - --semantic-color-coral-opacity-surface-high: var( - --core-color-opacity-coral-700 - ); - --semantic-color-coral-opacity-surface-highest: var( - --core-color-opacity-coral-800 - ); - --semantic-color-coral-opacity-border-lowest: var( - --core-color-opacity-coral-75 - ); - --semantic-color-coral-opacity-border-lower: var( - --core-color-opacity-coral-100 - ); - --semantic-color-coral-opacity-border-low: var( - --core-color-opacity-coral-200 - ); - --semantic-color-coral-opacity-border-mid: var( - --core-color-opacity-coral-300 - ); - --semantic-color-coral-opacity-border-high: var( - --core-color-opacity-coral-600 - ); - --semantic-color-coral-opacity-border-higher: var( - --core-color-opacity-coral-700 - ); - --semantic-color-coral-opacity-border-highest: var( - --core-color-opacity-coral-800 - ); - --semantic-color-coral-opacity-textIcon-low: var( - --core-color-opacity-coral-300 - ); - --semantic-color-coral-opacity-textIcon-mid: var( - --core-color-opacity-coral-400 - ); - --semantic-color-coral-opacity-textIcon-high: var( - --core-color-opacity-coral-600 - ); - --semantic-color-component-segmentedControl-item-bg-selected: var( - --core-color-solid-slate-50 - ); + --semantic-color-monochrome-surface-normal-lowest: var(--core-color-opacity-black-75); + --semantic-color-monochrome-surface-normal-low: var(--core-color-opacity-black-100); + --semantic-color-monochrome-surface-normal-midLow: var(--core-color-opacity-black-200); + --semantic-color-monochrome-surface-normal-midHigh: var(--core-color-opacity-black-300); + --semantic-color-monochrome-surface-normal-high: var(--core-color-opacity-black-700); + --semantic-color-monochrome-surface-normal-highest: var(--core-color-opacity-black-800); + --semantic-color-monochrome-surface-inverse-lowest: var(--core-color-opacity-white-75); + --semantic-color-monochrome-surface-inverse-low: var(--core-color-opacity-white-100); + --semantic-color-monochrome-surface-inverse-midLow: var(--core-color-opacity-white-200); + --semantic-color-monochrome-surface-inverse-midHigh: var(--core-color-opacity-white-300); + --semantic-color-monochrome-surface-inverse-high: var(--core-color-opacity-white-700); + --semantic-color-monochrome-surface-inverse-highest: var(--core-color-opacity-white-800); + --semantic-color-monochrome-surface-static-blackLowest: var(--core-color-opacity-black-75); + --semantic-color-monochrome-surface-static-blackLow: var(--core-color-opacity-black-100); + --semantic-color-monochrome-surface-static-blackMidLow: var(--core-color-opacity-black-200); + --semantic-color-monochrome-surface-static-blackMidHigh: var(--core-color-opacity-black-300); + --semantic-color-monochrome-surface-static-blackHigh: var(--core-color-opacity-black-700); + --semantic-color-monochrome-surface-static-blackHighest: var(--core-color-opacity-black-800); + --semantic-color-monochrome-surface-static-whiteLowest: var(--core-color-opacity-white-75); + --semantic-color-monochrome-surface-static-whiteLow: var(--core-color-opacity-white-100); + --semantic-color-monochrome-surface-static-whiteMidLow: var(--core-color-opacity-white-200); + --semantic-color-monochrome-surface-static-whiteMidHigh: var(--core-color-opacity-white-300); + --semantic-color-monochrome-surface-static-whiteHigh: var(--core-color-opacity-white-700); + --semantic-color-monochrome-surface-static-whiteHighest: var(--core-color-opacity-white-800); + --semantic-color-monochrome-border-normal-low: var(--core-color-opacity-black-75); + --semantic-color-monochrome-border-normal-mid: var(--core-color-opacity-black-100); + --semantic-color-monochrome-border-normal-high: var(--core-color-opacity-black-200); + --semantic-color-monochrome-border-normal-highest: var(--core-color-opacity-black-300); + --semantic-color-monochrome-border-inverse-low: var(--core-color-opacity-white-75); + --semantic-color-monochrome-border-inverse-mid: var(--core-color-opacity-white-100); + --semantic-color-monochrome-border-inverse-high: var(--core-color-opacity-white-200); + --semantic-color-monochrome-border-inverse-highest: var(--core-color-opacity-white-300); + --semantic-color-monochrome-border-static-blackLow: var(--core-color-opacity-black-75); + --semantic-color-monochrome-border-static-blackMid: var(--core-color-opacity-black-100); + --semantic-color-monochrome-border-static-blackHigh: var(--core-color-opacity-black-200); + --semantic-color-monochrome-border-static-blackHighest: var(--core-color-opacity-black-300); + --semantic-color-monochrome-border-static-whiteLow: var(--core-color-opacity-white-75); + --semantic-color-monochrome-border-static-whiteMid: var(--core-color-opacity-white-100); + --semantic-color-monochrome-border-static-whiteHigh: var(--core-color-opacity-white-200); + --semantic-color-monochrome-border-static-whiteHighest: var(--core-color-opacity-white-300); + --semantic-color-monochrome-textIcon-normal-low: var(--core-color-opacity-black-300); + --semantic-color-monochrome-textIcon-normal-mid: var(--core-color-opacity-black-400); + --semantic-color-monochrome-textIcon-normal-high: var(--core-color-opacity-black-600); + --semantic-color-monochrome-textIcon-inverse-low: var(--core-color-opacity-white-300); + --semantic-color-monochrome-textIcon-inverse-mid: var(--core-color-opacity-white-400); + --semantic-color-monochrome-textIcon-inverse-high: var(--core-color-opacity-white-600); + --semantic-color-monochrome-textIcon-static-blackLow: var(--core-color-opacity-black-300); + --semantic-color-monochrome-textIcon-static-blackMid: var(--core-color-opacity-black-400); + --semantic-color-monochrome-textIcon-static-blackHigh: var(--core-color-opacity-black-600); + --semantic-color-monochrome-textIcon-static-whiteLow: var(--core-color-opacity-white-300); + --semantic-color-monochrome-textIcon-static-whiteMid: var(--core-color-opacity-white-400); + --semantic-color-monochrome-textIcon-static-whiteHigh: var(--core-color-opacity-white-600); + --semantic-color-slate-solid-surface-normal-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-surface-normal-low: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-surface-normal-midLow: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-surface-normal-midHigh: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-surface-normal-high: var(--core-color-solid-slate-600); + --semantic-color-slate-solid-surface-normal-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-surface-inverse-lowest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-surface-inverse-low: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-surface-inverse-midLow: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-surface-inverse-midHigh: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-surface-inverse-high: var(--core-color-solid-slate-800); + --semantic-color-slate-solid-surface-inverse-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-surface-static-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-surface-static-lower: var(--core-color-solid-slate-75); + --semantic-color-slate-solid-surface-static-low: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-surface-static-midLowest: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-surface-static-midLower: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-surface-static-midLow: var(--core-color-solid-slate-600); + --semantic-color-slate-solid-surface-static-midHigh: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-surface-static-midHigher: var(--core-color-solid-slate-800); + --semantic-color-slate-solid-surface-static-midHighest: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-surface-static-high: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-surface-static-higher: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-surface-static-highest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-surface-frame-low: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-surface-frame-mid: var(--core-color-solid-slate-75); + --semantic-color-slate-solid-border-normal-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-border-normal-low: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-border-normal-mid: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-border-normal-high: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-border-normal-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-border-inverse-lowest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-border-inverse-low: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-border-inverse-mid: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-border-inverse-high: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-border-inverse-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-border-static-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-border-static-lower: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-border-static-low: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-border-static-midLow: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-border-static-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-border-static-midHigh: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-border-static-high: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-border-static-higher: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-border-static-highest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-textIcon-normal-lowest: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-textIcon-normal-low: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-textIcon-normal-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-textIcon-normal-high: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-textIcon-normal-highest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-textIcon-inverse-lowest: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-textIcon-inverse-low: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-textIcon-inverse-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-textIcon-inverse-high: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-textIcon-inverse-highest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-textIcon-static-lowest: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-textIcon-static-low: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-textIcon-static-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-textIcon-static-high: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-textIcon-static-highest: var(--core-color-solid-slate-1200); + --semantic-color-slate-opacity-surface-lowest: var(--core-color-opacity-slate-75); + --semantic-color-slate-opacity-surface-low: var(--core-color-opacity-slate-100); + --semantic-color-slate-opacity-surface-midLow: var(--core-color-opacity-slate-200); + --semantic-color-slate-opacity-surface-midHigh: var(--core-color-opacity-slate-300); + --semantic-color-slate-opacity-surface-high: var(--core-color-opacity-slate-700); + --semantic-color-slate-opacity-surface-highest: var(--core-color-opacity-slate-800); + --semantic-color-slate-opacity-border-lowest: var(--core-color-opacity-slate-75); + --semantic-color-slate-opacity-border-lower: var(--core-color-opacity-slate-100); + --semantic-color-slate-opacity-border-low: var(--core-color-opacity-slate-200); + --semantic-color-slate-opacity-border-mid: var(--core-color-opacity-slate-300); + --semantic-color-slate-opacity-border-high: var(--core-color-opacity-slate-600); + --semantic-color-slate-opacity-border-higher: var(--core-color-opacity-slate-700); + --semantic-color-slate-opacity-border-highest: var(--core-color-opacity-slate-800); + --semantic-color-slate-opacity-textIcon-low: var(--core-color-opacity-slate-300); + --semantic-color-slate-opacity-textIcon-mid: var(--core-color-opacity-slate-400); + --semantic-color-slate-opacity-textIcon-high: var(--core-color-opacity-slate-600); + --semantic-color-red-solid-surface-normal-lowest: var(--core-color-solid-red-100); + --semantic-color-red-solid-surface-normal-low: var(--core-color-solid-red-200); + --semantic-color-red-solid-surface-normal-mid: var(--core-color-solid-red-500); + --semantic-color-red-solid-surface-normal-high: var(--core-color-solid-red-600); + --semantic-color-red-solid-surface-normal-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-surface-inverse-lowest: var(--core-color-solid-red-1300); + --semantic-color-red-solid-surface-inverse-low: var(--core-color-solid-red-1200); + --semantic-color-red-solid-surface-inverse-mid: var(--core-color-solid-red-900); + --semantic-color-red-solid-surface-inverse-high: var(--core-color-solid-red-800); + --semantic-color-red-solid-surface-inverse-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-surface-static-lowest: var(--core-color-solid-red-100); + --semantic-color-red-solid-surface-static-lower: var(--core-color-solid-red-200); + --semantic-color-red-solid-surface-static-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-surface-static-midLow: var(--core-color-solid-red-600); + --semantic-color-red-solid-surface-static-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-surface-static-midHigh: var(--core-color-solid-red-800); + --semantic-color-red-solid-surface-static-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-surface-static-higher: var(--core-color-solid-red-1200); + --semantic-color-red-solid-surface-static-highest: var(--core-color-solid-red-1300); + --semantic-color-red-solid-border-normal-low: var(--core-color-solid-red-100); + --semantic-color-red-solid-border-normal-mid: var(--core-color-solid-red-200); + --semantic-color-red-solid-border-normal-high: var(--core-color-solid-red-500); + --semantic-color-red-solid-border-normal-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-border-inverse-low: var(--core-color-solid-red-1300); + --semantic-color-red-solid-border-inverse-mid: var(--core-color-solid-red-1200); + --semantic-color-red-solid-border-inverse-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-border-inverse-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-border-static-lowest: var(--core-color-solid-red-100); + --semantic-color-red-solid-border-static-lower: var(--core-color-solid-red-200); + --semantic-color-red-solid-border-static-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-border-static-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-border-static-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-border-static-higher: var(--core-color-solid-red-1200); + --semantic-color-red-solid-border-static-highest: var(--core-color-solid-red-1300); + --semantic-color-red-solid-textIcon-normal-lowest: var(--core-color-solid-red-200); + --semantic-color-red-solid-textIcon-normal-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-textIcon-normal-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-textIcon-normal-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-textIcon-inverse-lowest: var(--core-color-solid-red-1200); + --semantic-color-red-solid-textIcon-inverse-low: var(--core-color-solid-red-900); + --semantic-color-red-solid-textIcon-inverse-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-textIcon-inverse-high: var(--core-color-solid-red-500); + --semantic-color-red-solid-textIcon-static-lowest: var(--core-color-solid-red-200); + --semantic-color-red-solid-textIcon-static-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-textIcon-static-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-textIcon-static-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-textIcon-static-highest: var(--core-color-solid-red-1200); + --semantic-color-red-opacity-surface-lowest: var(--core-color-opacity-red-75); + --semantic-color-red-opacity-surface-low: var(--core-color-opacity-red-100); + --semantic-color-red-opacity-surface-midLow: var(--core-color-opacity-red-200); + --semantic-color-red-opacity-surface-midHigh: var(--core-color-opacity-red-300); + --semantic-color-red-opacity-surface-high: var(--core-color-opacity-red-700); + --semantic-color-red-opacity-surface-highest: var(--core-color-opacity-red-800); + --semantic-color-red-opacity-border-lowest: var(--core-color-opacity-red-75); + --semantic-color-red-opacity-border-lower: var(--core-color-opacity-red-100); + --semantic-color-red-opacity-border-low: var(--core-color-opacity-red-200); + --semantic-color-red-opacity-border-mid: var(--core-color-opacity-red-300); + --semantic-color-red-opacity-border-high: var(--core-color-opacity-red-600); + --semantic-color-red-opacity-border-higher: var(--core-color-opacity-red-700); + --semantic-color-red-opacity-border-highest: var(--core-color-opacity-red-800); + --semantic-color-red-opacity-textIcon-low: var(--core-color-opacity-red-300); + --semantic-color-red-opacity-textIcon-mid: var(--core-color-opacity-red-400); + --semantic-color-red-opacity-textIcon-high: var(--core-color-opacity-red-600); + --semantic-color-orange-solid-surface-normal-lowest: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-surface-normal-low: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-surface-normal-mid: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-surface-normal-high: var(--core-color-solid-orange-600); + --semantic-color-orange-solid-surface-normal-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-surface-inverse-lowest: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-surface-inverse-low: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-surface-inverse-mid: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-surface-inverse-high: var(--core-color-solid-orange-800); + --semantic-color-orange-solid-surface-inverse-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-surface-static-lowest: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-surface-static-lower: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-surface-static-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-surface-static-midLow: var(--core-color-solid-orange-600); + --semantic-color-orange-solid-surface-static-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-surface-static-midHigh: var(--core-color-solid-orange-800); + --semantic-color-orange-solid-surface-static-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-surface-static-higher: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-surface-static-highest: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-border-normal-low: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-border-normal-mid: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-border-normal-high: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-border-normal-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-border-inverse-low: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-border-inverse-mid: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-border-inverse-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-border-inverse-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-border-static-lowest: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-border-static-lower: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-border-static-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-border-static-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-border-static-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-border-static-higher: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-border-static-highest: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-textIcon-normal-lowest: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-textIcon-normal-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-textIcon-normal-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-textIcon-normal-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-textIcon-inverse-lowest: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-textIcon-inverse-low: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-textIcon-inverse-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-textIcon-inverse-high: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-textIcon-static-lowest: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-textIcon-static-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-textIcon-static-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-textIcon-static-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-textIcon-static-highest: var(--core-color-solid-orange-1200); + --semantic-color-orange-opacity-surface-lowest: var(--core-color-opacity-orange-75); + --semantic-color-orange-opacity-surface-low: var(--core-color-opacity-orange-100); + --semantic-color-orange-opacity-surface-midLow: var(--core-color-opacity-orange-200); + --semantic-color-orange-opacity-surface-midHigh: var(--core-color-opacity-orange-300); + --semantic-color-orange-opacity-surface-high: var(--core-color-opacity-orange-700); + --semantic-color-orange-opacity-surface-highest: var(--core-color-opacity-orange-800); + --semantic-color-orange-opacity-border-lowest: var(--core-color-opacity-orange-75); + --semantic-color-orange-opacity-border-lower: var(--core-color-opacity-orange-100); + --semantic-color-orange-opacity-border-low: var(--core-color-opacity-orange-200); + --semantic-color-orange-opacity-border-mid: var(--core-color-opacity-orange-300); + --semantic-color-orange-opacity-border-high: var(--core-color-opacity-orange-600); + --semantic-color-orange-opacity-border-higher: var(--core-color-opacity-orange-700); + --semantic-color-orange-opacity-border-highest: var(--core-color-opacity-orange-800); + --semantic-color-orange-opacity-textIcon-low: var(--core-color-opacity-orange-300); + --semantic-color-orange-opacity-textIcon-mid: var(--core-color-opacity-orange-400); + --semantic-color-orange-opacity-textIcon-high: var(--core-color-opacity-orange-600); + --semantic-color-yellow-solid-surface-normal-lowest: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-surface-normal-low: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-surface-normal-mid: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-surface-normal-high: var(--core-color-solid-yellow-600); + --semantic-color-yellow-solid-surface-normal-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-surface-inverse-lowest: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-surface-inverse-low: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-surface-inverse-mid: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-surface-inverse-high: var(--core-color-solid-yellow-800); + --semantic-color-yellow-solid-surface-inverse-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-surface-static-lowest: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-surface-static-lower: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-surface-static-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-surface-static-midLow: var(--core-color-solid-yellow-600); + --semantic-color-yellow-solid-surface-static-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-surface-static-midHigh: var(--core-color-solid-yellow-800); + --semantic-color-yellow-solid-surface-static-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-surface-static-higher: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-surface-static-highest: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-border-normal-low: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-border-normal-mid: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-border-normal-high: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-border-normal-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-border-inverse-low: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-border-inverse-mid: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-border-inverse-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-border-inverse-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-border-static-lowest: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-border-static-lower: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-border-static-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-border-static-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-border-static-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-border-static-higher: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-border-static-highest: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-textIcon-normal-lowest: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-textIcon-normal-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-textIcon-normal-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-textIcon-normal-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-textIcon-inverse-lowest: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-textIcon-inverse-low: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-textIcon-inverse-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-textIcon-inverse-high: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-textIcon-static-lowest: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-textIcon-static-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-textIcon-static-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-textIcon-static-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-textIcon-static-highest: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-opacity-surface-lowest: var(--core-color-opacity-yellow-75); + --semantic-color-yellow-opacity-surface-low: var(--core-color-opacity-yellow-100); + --semantic-color-yellow-opacity-surface-midLow: var(--core-color-opacity-yellow-200); + --semantic-color-yellow-opacity-surface-midHigh: var(--core-color-opacity-yellow-300); + --semantic-color-yellow-opacity-surface-high: var(--core-color-opacity-yellow-700); + --semantic-color-yellow-opacity-surface-highest: var(--core-color-opacity-yellow-800); + --semantic-color-yellow-opacity-border-lowest: var(--core-color-opacity-yellow-75); + --semantic-color-yellow-opacity-border-lower: var(--core-color-opacity-yellow-100); + --semantic-color-yellow-opacity-border-low: var(--core-color-opacity-yellow-200); + --semantic-color-yellow-opacity-border-mid: var(--core-color-opacity-yellow-300); + --semantic-color-yellow-opacity-border-high: var(--core-color-opacity-yellow-600); + --semantic-color-yellow-opacity-border-higher: var(--core-color-opacity-yellow-700); + --semantic-color-yellow-opacity-border-highest: var(--core-color-opacity-yellow-800); + --semantic-color-yellow-opacity-textIcon-low: var(--core-color-opacity-yellow-300); + --semantic-color-yellow-opacity-textIcon-mid: var(--core-color-opacity-yellow-400); + --semantic-color-yellow-opacity-textIcon-high: var(--core-color-opacity-yellow-600); + --semantic-color-mustard-solid-surface-normal-lowest: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-surface-normal-low: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-surface-normal-mid: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-surface-normal-high: var(--core-color-solid-mustard-600); + --semantic-color-mustard-solid-surface-normal-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-surface-inverse-lowest: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-surface-inverse-low: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-surface-inverse-mid: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-surface-inverse-high: var(--core-color-solid-mustard-800); + --semantic-color-mustard-solid-surface-inverse-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-surface-static-lowest: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-surface-static-lower: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-surface-static-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-surface-static-midLow: var(--core-color-solid-mustard-600); + --semantic-color-mustard-solid-surface-static-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-surface-static-midHigh: var(--core-color-solid-mustard-800); + --semantic-color-mustard-solid-surface-static-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-surface-static-higher: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-surface-static-highest: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-border-normal-low: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-border-normal-mid: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-border-normal-high: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-border-normal-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-border-inverse-low: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-border-inverse-mid: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-border-inverse-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-border-inverse-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-border-static-lowest: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-border-static-lower: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-border-static-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-border-static-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-border-static-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-border-static-higher: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-border-static-highest: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-textIcon-normal-lowest: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-textIcon-normal-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-textIcon-normal-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-textIcon-normal-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-textIcon-inverse-lowest: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-textIcon-inverse-low: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-textIcon-inverse-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-textIcon-inverse-high: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-textIcon-static-lowest: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-textIcon-static-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-textIcon-static-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-textIcon-static-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-textIcon-static-highest: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-opacity-surface-lowest: var(--core-color-opacity-mustard-75); + --semantic-color-mustard-opacity-surface-low: var(--core-color-opacity-mustard-100); + --semantic-color-mustard-opacity-surface-midLow: var(--core-color-opacity-mustard-200); + --semantic-color-mustard-opacity-surface-midHigh: var(--core-color-opacity-mustard-300); + --semantic-color-mustard-opacity-surface-high: var(--core-color-opacity-mustard-700); + --semantic-color-mustard-opacity-surface-highest: var(--core-color-opacity-mustard-800); + --semantic-color-mustard-opacity-border-lowest: var(--core-color-opacity-mustard-75); + --semantic-color-mustard-opacity-border-lower: var(--core-color-opacity-mustard-100); + --semantic-color-mustard-opacity-border-low: var(--core-color-opacity-mustard-200); + --semantic-color-mustard-opacity-border-mid: var(--core-color-opacity-mustard-300); + --semantic-color-mustard-opacity-border-high: var(--core-color-opacity-mustard-600); + --semantic-color-mustard-opacity-border-higher: var(--core-color-opacity-mustard-700); + --semantic-color-mustard-opacity-border-highest: var(--core-color-opacity-mustard-800); + --semantic-color-mustard-opacity-textIcon-low: var(--core-color-opacity-mustard-300); + --semantic-color-mustard-opacity-textIcon-mid: var(--core-color-opacity-mustard-400); + --semantic-color-mustard-opacity-textIcon-high: var(--core-color-opacity-mustard-600); + --semantic-color-olive-solid-surface-normal-lowest: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-surface-normal-low: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-surface-normal-mid: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-surface-normal-high: var(--core-color-solid-olive-600); + --semantic-color-olive-solid-surface-normal-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-surface-inverse-lowest: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-surface-inverse-low: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-surface-inverse-mid: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-surface-inverse-high: var(--core-color-solid-olive-800); + --semantic-color-olive-solid-surface-inverse-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-surface-static-lowest: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-surface-static-lower: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-surface-static-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-surface-static-midLow: var(--core-color-solid-olive-600); + --semantic-color-olive-solid-surface-static-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-surface-static-midHigh: var(--core-color-solid-olive-800); + --semantic-color-olive-solid-surface-static-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-surface-static-higher: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-surface-static-highest: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-border-normal-low: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-border-normal-mid: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-border-normal-high: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-border-normal-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-border-inverse-low: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-border-inverse-mid: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-border-inverse-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-border-inverse-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-border-static-lowest: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-border-static-lower: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-border-static-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-border-static-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-border-static-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-border-static-higher: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-border-static-highest: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-textIcon-normal-lowest: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-textIcon-normal-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-textIcon-normal-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-textIcon-normal-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-textIcon-inverse-lowest: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-textIcon-inverse-low: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-textIcon-inverse-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-textIcon-inverse-high: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-textIcon-static-lowest: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-textIcon-static-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-textIcon-static-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-textIcon-static-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-textIcon-static-highest: var(--core-color-solid-olive-1200); + --semantic-color-olive-opacity-surface-lowest: var(--core-color-opacity-olive-75); + --semantic-color-olive-opacity-surface-low: var(--core-color-opacity-olive-100); + --semantic-color-olive-opacity-surface-midLow: var(--core-color-opacity-olive-200); + --semantic-color-olive-opacity-surface-midHigh: var(--core-color-opacity-olive-300); + --semantic-color-olive-opacity-surface-high: var(--core-color-opacity-olive-700); + --semantic-color-olive-opacity-surface-highest: var(--core-color-opacity-olive-800); + --semantic-color-olive-opacity-border-lowest: var(--core-color-opacity-olive-75); + --semantic-color-olive-opacity-border-lower: var(--core-color-opacity-olive-100); + --semantic-color-olive-opacity-border-low: var(--core-color-opacity-olive-200); + --semantic-color-olive-opacity-border-mid: var(--core-color-opacity-olive-300); + --semantic-color-olive-opacity-border-high: var(--core-color-opacity-olive-600); + --semantic-color-olive-opacity-border-higher: var(--core-color-opacity-olive-700); + --semantic-color-olive-opacity-border-highest: var(--core-color-opacity-olive-800); + --semantic-color-olive-opacity-textIcon-low: var(--core-color-opacity-olive-300); + --semantic-color-olive-opacity-textIcon-mid: var(--core-color-opacity-olive-400); + --semantic-color-olive-opacity-textIcon-high: var(--core-color-opacity-olive-600); + --semantic-color-green-solid-surface-normal-lowest: var(--core-color-solid-green-100); + --semantic-color-green-solid-surface-normal-low: var(--core-color-solid-green-200); + --semantic-color-green-solid-surface-normal-mid: var(--core-color-solid-green-500); + --semantic-color-green-solid-surface-normal-high: var(--core-color-solid-green-600); + --semantic-color-green-solid-surface-normal-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-surface-inverse-lowest: var(--core-color-solid-green-1300); + --semantic-color-green-solid-surface-inverse-low: var(--core-color-solid-green-1200); + --semantic-color-green-solid-surface-inverse-mid: var(--core-color-solid-green-900); + --semantic-color-green-solid-surface-inverse-high: var(--core-color-solid-green-800); + --semantic-color-green-solid-surface-inverse-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-surface-static-lowest: var(--core-color-solid-green-100); + --semantic-color-green-solid-surface-static-lower: var(--core-color-solid-green-200); + --semantic-color-green-solid-surface-static-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-surface-static-midLow: var(--core-color-solid-green-600); + --semantic-color-green-solid-surface-static-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-surface-static-midHigh: var(--core-color-solid-green-800); + --semantic-color-green-solid-surface-static-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-surface-static-higher: var(--core-color-solid-green-1200); + --semantic-color-green-solid-surface-static-highest: var(--core-color-solid-green-1300); + --semantic-color-green-solid-border-normal-low: var(--core-color-solid-green-100); + --semantic-color-green-solid-border-normal-mid: var(--core-color-solid-green-200); + --semantic-color-green-solid-border-normal-high: var(--core-color-solid-green-500); + --semantic-color-green-solid-border-normal-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-border-inverse-low: var(--core-color-solid-green-1300); + --semantic-color-green-solid-border-inverse-mid: var(--core-color-solid-green-1200); + --semantic-color-green-solid-border-inverse-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-border-inverse-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-border-static-lowest: var(--core-color-solid-green-100); + --semantic-color-green-solid-border-static-lower: var(--core-color-solid-green-200); + --semantic-color-green-solid-border-static-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-border-static-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-border-static-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-border-static-higher: var(--core-color-solid-green-1200); + --semantic-color-green-solid-border-static-highest: var(--core-color-solid-green-1300); + --semantic-color-green-solid-textIcon-normal-lowest: var(--core-color-solid-green-200); + --semantic-color-green-solid-textIcon-normal-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-textIcon-normal-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-textIcon-normal-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-textIcon-inverse-lowest: var(--core-color-solid-green-1200); + --semantic-color-green-solid-textIcon-inverse-low: var(--core-color-solid-green-900); + --semantic-color-green-solid-textIcon-inverse-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-textIcon-inverse-high: var(--core-color-solid-green-500); + --semantic-color-green-solid-textIcon-static-lowest: var(--core-color-solid-green-200); + --semantic-color-green-solid-textIcon-static-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-textIcon-static-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-textIcon-static-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-textIcon-static-highest: var(--core-color-solid-green-1200); + --semantic-color-green-opacity-surface-lowest: var(--core-color-opacity-green-75); + --semantic-color-green-opacity-surface-low: var(--core-color-opacity-green-100); + --semantic-color-green-opacity-surface-midLow: var(--core-color-opacity-green-200); + --semantic-color-green-opacity-surface-midHigh: var(--core-color-opacity-green-300); + --semantic-color-green-opacity-surface-high: var(--core-color-opacity-green-700); + --semantic-color-green-opacity-surface-highest: var(--core-color-opacity-green-800); + --semantic-color-green-opacity-border-lowest: var(--core-color-opacity-green-75); + --semantic-color-green-opacity-border-lower: var(--core-color-opacity-green-100); + --semantic-color-green-opacity-border-low: var(--core-color-opacity-green-200); + --semantic-color-green-opacity-border-mid: var(--core-color-opacity-green-300); + --semantic-color-green-opacity-border-high: var(--core-color-opacity-green-600); + --semantic-color-green-opacity-border-higher: var(--core-color-opacity-green-700); + --semantic-color-green-opacity-border-highest: var(--core-color-opacity-green-800); + --semantic-color-green-opacity-textIcon-low: var(--core-color-opacity-green-300); + --semantic-color-green-opacity-textIcon-mid: var(--core-color-opacity-green-400); + --semantic-color-green-opacity-textIcon-high: var(--core-color-opacity-green-600); + --semantic-color-emerald-solid-surface-normal-lowest: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-surface-normal-low: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-surface-normal-mid: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-surface-normal-high: var(--core-color-solid-emerald-600); + --semantic-color-emerald-solid-surface-normal-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-surface-inverse-lowest: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-surface-inverse-low: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-surface-inverse-mid: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-surface-inverse-high: var(--core-color-solid-emerald-800); + --semantic-color-emerald-solid-surface-inverse-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-surface-static-lowest: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-surface-static-lower: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-surface-static-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-surface-static-midLow: var(--core-color-solid-emerald-600); + --semantic-color-emerald-solid-surface-static-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-surface-static-midHigh: var(--core-color-solid-emerald-800); + --semantic-color-emerald-solid-surface-static-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-surface-static-higher: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-surface-static-highest: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-border-normal-low: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-border-normal-mid: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-border-normal-high: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-border-normal-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-border-inverse-low: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-border-inverse-mid: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-border-inverse-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-border-inverse-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-border-static-lowest: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-border-static-lower: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-border-static-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-border-static-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-border-static-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-border-static-higher: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-border-static-highest: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-textIcon-normal-lowest: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-textIcon-normal-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-textIcon-normal-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-textIcon-normal-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-textIcon-inverse-lowest: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-textIcon-inverse-low: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-textIcon-inverse-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-textIcon-inverse-high: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-textIcon-static-lowest: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-textIcon-static-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-textIcon-static-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-textIcon-static-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-textIcon-static-highest: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-opacity-surface-lowest: var(--core-color-opacity-emerald-75); + --semantic-color-emerald-opacity-surface-low: var(--core-color-opacity-emerald-100); + --semantic-color-emerald-opacity-surface-midLow: var(--core-color-opacity-emerald-200); + --semantic-color-emerald-opacity-surface-midHigh: var(--core-color-opacity-emerald-300); + --semantic-color-emerald-opacity-surface-high: var(--core-color-opacity-emerald-700); + --semantic-color-emerald-opacity-surface-highest: var(--core-color-opacity-emerald-800); + --semantic-color-emerald-opacity-border-lowest: var(--core-color-opacity-emerald-75); + --semantic-color-emerald-opacity-border-lower: var(--core-color-opacity-emerald-100); + --semantic-color-emerald-opacity-border-low: var(--core-color-opacity-emerald-200); + --semantic-color-emerald-opacity-border-mid: var(--core-color-opacity-emerald-300); + --semantic-color-emerald-opacity-border-high: var(--core-color-opacity-emerald-600); + --semantic-color-emerald-opacity-border-higher: var(--core-color-opacity-emerald-700); + --semantic-color-emerald-opacity-border-highest: var(--core-color-opacity-emerald-800); + --semantic-color-emerald-opacity-textIcon-low: var(--core-color-opacity-emerald-300); + --semantic-color-emerald-opacity-textIcon-mid: var(--core-color-opacity-emerald-400); + --semantic-color-emerald-opacity-textIcon-high: var(--core-color-opacity-emerald-600); + --semantic-color-tiffany-solid-surface-normal-lowest: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-surface-normal-low: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-surface-normal-mid: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-surface-normal-high: var(--core-color-solid-tiffany-600); + --semantic-color-tiffany-solid-surface-normal-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-surface-inverse-lowest: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-surface-inverse-low: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-surface-inverse-mid: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-surface-inverse-high: var(--core-color-solid-tiffany-800); + --semantic-color-tiffany-solid-surface-inverse-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-surface-static-lowest: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-surface-static-lower: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-surface-static-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-surface-static-midLow: var(--core-color-solid-tiffany-600); + --semantic-color-tiffany-solid-surface-static-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-surface-static-midHigh: var(--core-color-solid-tiffany-800); + --semantic-color-tiffany-solid-surface-static-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-surface-static-higher: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-surface-static-highest: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-border-normal-low: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-border-normal-mid: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-border-normal-high: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-border-normal-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-border-inverse-low: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-border-inverse-mid: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-border-inverse-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-border-inverse-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-border-static-lowest: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-border-static-lower: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-border-static-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-border-static-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-border-static-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-border-static-higher: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-border-static-highest: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-textIcon-normal-lowest: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-textIcon-normal-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-textIcon-normal-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-textIcon-normal-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-textIcon-inverse-lowest: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-textIcon-inverse-low: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-textIcon-inverse-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-textIcon-inverse-high: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-textIcon-static-lowest: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-textIcon-static-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-textIcon-static-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-textIcon-static-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-textIcon-static-highest: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-opacity-surface-lowest: var(--core-color-opacity-tiffany-75); + --semantic-color-tiffany-opacity-surface-low: var(--core-color-opacity-tiffany-100); + --semantic-color-tiffany-opacity-surface-midLow: var(--core-color-opacity-tiffany-200); + --semantic-color-tiffany-opacity-surface-midHigh: var(--core-color-opacity-tiffany-300); + --semantic-color-tiffany-opacity-surface-high: var(--core-color-opacity-tiffany-700); + --semantic-color-tiffany-opacity-surface-highest: var(--core-color-opacity-tiffany-800); + --semantic-color-tiffany-opacity-border-lowest: var(--core-color-opacity-tiffany-75); + --semantic-color-tiffany-opacity-border-lower: var(--core-color-opacity-tiffany-100); + --semantic-color-tiffany-opacity-border-low: var(--core-color-opacity-tiffany-200); + --semantic-color-tiffany-opacity-border-mid: var(--core-color-opacity-tiffany-300); + --semantic-color-tiffany-opacity-border-high: var(--core-color-opacity-tiffany-600); + --semantic-color-tiffany-opacity-border-higher: var(--core-color-opacity-tiffany-700); + --semantic-color-tiffany-opacity-border-highest: var(--core-color-opacity-tiffany-800); + --semantic-color-tiffany-opacity-textIcon-low: var(--core-color-opacity-tiffany-300); + --semantic-color-tiffany-opacity-textIcon-mid: var(--core-color-opacity-tiffany-400); + --semantic-color-tiffany-opacity-textIcon-high: var(--core-color-opacity-tiffany-600); + --semantic-color-teal-solid-surface-normal-lowest: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-surface-normal-low: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-surface-normal-mid: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-surface-normal-high: var(--core-color-solid-teal-600); + --semantic-color-teal-solid-surface-normal-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-surface-inverse-lowest: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-surface-inverse-low: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-surface-inverse-mid: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-surface-inverse-high: var(--core-color-solid-teal-800); + --semantic-color-teal-solid-surface-inverse-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-surface-static-lowest: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-surface-static-lower: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-surface-static-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-surface-static-midLow: var(--core-color-solid-teal-600); + --semantic-color-teal-solid-surface-static-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-surface-static-midHigh: var(--core-color-solid-teal-800); + --semantic-color-teal-solid-surface-static-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-surface-static-higher: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-surface-static-highest: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-border-normal-low: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-border-normal-mid: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-border-normal-high: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-border-normal-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-border-inverse-low: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-border-inverse-mid: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-border-inverse-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-border-inverse-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-border-static-lowest: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-border-static-lower: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-border-static-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-border-static-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-border-static-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-border-static-higher: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-border-static-highest: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-textIcon-normal-lowest: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-textIcon-normal-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-textIcon-normal-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-textIcon-normal-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-textIcon-inverse-lowest: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-textIcon-inverse-low: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-textIcon-inverse-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-textIcon-inverse-high: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-textIcon-static-lowest: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-textIcon-static-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-textIcon-static-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-textIcon-static-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-textIcon-static-highest: var(--core-color-solid-teal-1200); + --semantic-color-teal-opacity-surface-lowest: var(--core-color-opacity-teal-75); + --semantic-color-teal-opacity-surface-low: var(--core-color-opacity-teal-100); + --semantic-color-teal-opacity-surface-midLow: var(--core-color-opacity-teal-200); + --semantic-color-teal-opacity-surface-midHigh: var(--core-color-opacity-teal-300); + --semantic-color-teal-opacity-surface-high: var(--core-color-opacity-teal-700); + --semantic-color-teal-opacity-surface-highest: var(--core-color-opacity-teal-800); + --semantic-color-teal-opacity-border-lowest: var(--core-color-opacity-teal-75); + --semantic-color-teal-opacity-border-lower: var(--core-color-opacity-teal-100); + --semantic-color-teal-opacity-border-low: var(--core-color-opacity-teal-200); + --semantic-color-teal-opacity-border-mid: var(--core-color-opacity-teal-300); + --semantic-color-teal-opacity-border-high: var(--core-color-opacity-teal-600); + --semantic-color-teal-opacity-border-higher: var(--core-color-opacity-teal-700); + --semantic-color-teal-opacity-border-highest: var(--core-color-opacity-teal-800); + --semantic-color-teal-opacity-textIcon-low: var(--core-color-opacity-teal-300); + --semantic-color-teal-opacity-textIcon-mid: var(--core-color-opacity-teal-400); + --semantic-color-teal-opacity-textIcon-high: var(--core-color-opacity-teal-600); + --semantic-color-seawater-solid-surface-normal-lowest: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-surface-normal-low: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-surface-normal-mid: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-surface-normal-high: var(--core-color-solid-seawater-600); + --semantic-color-seawater-solid-surface-normal-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-surface-inverse-lowest: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-surface-inverse-low: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-surface-inverse-mid: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-surface-inverse-high: var(--core-color-solid-seawater-800); + --semantic-color-seawater-solid-surface-inverse-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-surface-static-lowest: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-surface-static-lower: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-surface-static-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-surface-static-midLow: var(--core-color-solid-seawater-600); + --semantic-color-seawater-solid-surface-static-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-surface-static-midHigh: var(--core-color-solid-seawater-800); + --semantic-color-seawater-solid-surface-static-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-surface-static-higher: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-surface-static-highest: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-border-normal-low: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-border-normal-mid: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-border-normal-high: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-border-normal-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-border-inverse-low: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-border-inverse-mid: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-border-inverse-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-border-inverse-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-border-static-lowest: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-border-static-lower: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-border-static-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-border-static-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-border-static-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-border-static-higher: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-border-static-highest: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-textIcon-normal-lowest: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-textIcon-normal-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-textIcon-normal-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-textIcon-normal-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-textIcon-inverse-lowest: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-textIcon-inverse-low: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-textIcon-inverse-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-textIcon-inverse-high: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-textIcon-static-lowest: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-textIcon-static-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-textIcon-static-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-textIcon-static-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-textIcon-static-highest: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-opacity-surface-lowest: var(--core-color-opacity-seawater-75); + --semantic-color-seawater-opacity-surface-low: var(--core-color-opacity-seawater-100); + --semantic-color-seawater-opacity-surface-midLow: var(--core-color-opacity-seawater-200); + --semantic-color-seawater-opacity-surface-midHigh: var(--core-color-opacity-seawater-300); + --semantic-color-seawater-opacity-surface-high: var(--core-color-opacity-seawater-700); + --semantic-color-seawater-opacity-surface-highest: var(--core-color-opacity-seawater-800); + --semantic-color-seawater-opacity-border-lowest: var(--core-color-opacity-seawater-75); + --semantic-color-seawater-opacity-border-lower: var(--core-color-opacity-seawater-100); + --semantic-color-seawater-opacity-border-low: var(--core-color-opacity-seawater-200); + --semantic-color-seawater-opacity-border-mid: var(--core-color-opacity-seawater-300); + --semantic-color-seawater-opacity-border-high: var(--core-color-opacity-seawater-600); + --semantic-color-seawater-opacity-border-higher: var(--core-color-opacity-seawater-700); + --semantic-color-seawater-opacity-border-highest: var(--core-color-opacity-seawater-800); + --semantic-color-seawater-opacity-textIcon-low: var(--core-color-opacity-seawater-300); + --semantic-color-seawater-opacity-textIcon-mid: var(--core-color-opacity-seawater-400); + --semantic-color-seawater-opacity-textIcon-high: var(--core-color-opacity-seawater-600); + --semantic-color-blue-solid-surface-normal-lowest: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-surface-normal-low: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-surface-normal-mid: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-surface-normal-high: var(--core-color-solid-blue-600); + --semantic-color-blue-solid-surface-normal-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-surface-inverse-lowest: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-surface-inverse-low: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-surface-inverse-mid: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-surface-inverse-high: var(--core-color-solid-blue-800); + --semantic-color-blue-solid-surface-inverse-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-surface-static-lowest: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-surface-static-lower: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-surface-static-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-surface-static-midLow: var(--core-color-solid-blue-600); + --semantic-color-blue-solid-surface-static-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-surface-static-midHigh: var(--core-color-solid-blue-800); + --semantic-color-blue-solid-surface-static-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-surface-static-higher: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-surface-static-highest: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-border-normal-low: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-border-normal-mid: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-border-normal-high: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-border-normal-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-border-inverse-low: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-border-inverse-mid: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-border-inverse-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-border-inverse-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-border-static-lowest: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-border-static-lower: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-border-static-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-border-static-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-border-static-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-border-static-higher: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-border-static-highest: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-textIcon-normal-lowest: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-textIcon-normal-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-textIcon-normal-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-textIcon-normal-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-textIcon-inverse-lowest: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-textIcon-inverse-low: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-textIcon-inverse-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-textIcon-inverse-high: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-textIcon-static-lowest: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-textIcon-static-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-textIcon-static-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-textIcon-static-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-textIcon-static-highest: var(--core-color-solid-blue-1200); + --semantic-color-blue-opacity-surface-lowest: var(--core-color-opacity-blue-75); + --semantic-color-blue-opacity-surface-low: var(--core-color-opacity-blue-100); + --semantic-color-blue-opacity-surface-midLow: var(--core-color-opacity-blue-200); + --semantic-color-blue-opacity-surface-midHigh: var(--core-color-opacity-blue-300); + --semantic-color-blue-opacity-surface-high: var(--core-color-opacity-blue-700); + --semantic-color-blue-opacity-surface-highest: var(--core-color-opacity-blue-800); + --semantic-color-blue-opacity-border-lowest: var(--core-color-opacity-blue-75); + --semantic-color-blue-opacity-border-lower: var(--core-color-opacity-blue-100); + --semantic-color-blue-opacity-border-low: var(--core-color-opacity-blue-200); + --semantic-color-blue-opacity-border-mid: var(--core-color-opacity-blue-300); + --semantic-color-blue-opacity-border-high: var(--core-color-opacity-blue-600); + --semantic-color-blue-opacity-border-higher: var(--core-color-opacity-blue-700); + --semantic-color-blue-opacity-border-highest: var(--core-color-opacity-blue-800); + --semantic-color-blue-opacity-textIcon-low: var(--core-color-opacity-blue-300); + --semantic-color-blue-opacity-textIcon-mid: var(--core-color-opacity-blue-400); + --semantic-color-blue-opacity-textIcon-high: var(--core-color-opacity-blue-600); + --semantic-color-sapphire-solid-surface-normal-lowest: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-surface-normal-low: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-surface-normal-mid: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-surface-normal-high: var(--core-color-solid-sapphire-600); + --semantic-color-sapphire-solid-surface-normal-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-surface-inverse-lowest: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-surface-inverse-low: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-surface-inverse-mid: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-surface-inverse-high: var(--core-color-solid-sapphire-800); + --semantic-color-sapphire-solid-surface-inverse-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-surface-static-lowest: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-surface-static-lower: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-surface-static-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-surface-static-midLow: var(--core-color-solid-sapphire-600); + --semantic-color-sapphire-solid-surface-static-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-surface-static-midHigh: var(--core-color-solid-sapphire-800); + --semantic-color-sapphire-solid-surface-static-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-surface-static-higher: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-surface-static-highest: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-border-normal-low: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-border-normal-mid: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-border-normal-high: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-border-normal-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-border-inverse-low: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-border-inverse-mid: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-border-inverse-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-border-inverse-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-border-static-lowest: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-border-static-lower: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-border-static-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-border-static-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-border-static-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-border-static-higher: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-border-static-highest: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-textIcon-normal-lowest: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-textIcon-normal-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-textIcon-normal-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-textIcon-normal-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-textIcon-inverse-lowest: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-textIcon-inverse-low: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-textIcon-inverse-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-textIcon-inverse-high: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-textIcon-static-lowest: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-textIcon-static-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-textIcon-static-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-textIcon-static-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-textIcon-static-highest: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-opacity-surface-lowest: var(--core-color-opacity-sapphire-75); + --semantic-color-sapphire-opacity-surface-low: var(--core-color-opacity-sapphire-100); + --semantic-color-sapphire-opacity-surface-midLow: var(--core-color-opacity-sapphire-200); + --semantic-color-sapphire-opacity-surface-midHigh: var(--core-color-opacity-sapphire-300); + --semantic-color-sapphire-opacity-surface-high: var(--core-color-opacity-sapphire-700); + --semantic-color-sapphire-opacity-surface-highest: var(--core-color-opacity-sapphire-800); + --semantic-color-sapphire-opacity-border-lowest: var(--core-color-opacity-sapphire-75); + --semantic-color-sapphire-opacity-border-lower: var(--core-color-opacity-sapphire-100); + --semantic-color-sapphire-opacity-border-low: var(--core-color-opacity-sapphire-200); + --semantic-color-sapphire-opacity-border-mid: var(--core-color-opacity-sapphire-300); + --semantic-color-sapphire-opacity-border-high: var(--core-color-opacity-sapphire-600); + --semantic-color-sapphire-opacity-border-higher: var(--core-color-opacity-sapphire-700); + --semantic-color-sapphire-opacity-border-highest: var(--core-color-opacity-sapphire-800); + --semantic-color-sapphire-opacity-textIcon-low: var(--core-color-opacity-sapphire-300); + --semantic-color-sapphire-opacity-textIcon-mid: var(--core-color-opacity-sapphire-400); + --semantic-color-sapphire-opacity-textIcon-high: var(--core-color-opacity-sapphire-600); + --semantic-color-blueberry-solid-surface-normal-lowest: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-surface-normal-low: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-surface-normal-mid: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-surface-normal-high: var(--core-color-solid-blueberry-600); + --semantic-color-blueberry-solid-surface-normal-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-surface-inverse-lowest: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-surface-inverse-low: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-surface-inverse-mid: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-surface-inverse-high: var(--core-color-solid-blueberry-800); + --semantic-color-blueberry-solid-surface-inverse-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-surface-static-lowest: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-surface-static-lower: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-surface-static-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-surface-static-midLow: var(--core-color-solid-blueberry-600); + --semantic-color-blueberry-solid-surface-static-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-surface-static-midHigh: var(--core-color-solid-blueberry-800); + --semantic-color-blueberry-solid-surface-static-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-surface-static-higher: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-surface-static-highest: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-border-normal-low: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-border-normal-mid: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-border-normal-high: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-border-normal-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-border-inverse-low: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-border-inverse-mid: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-border-inverse-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-border-inverse-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-border-static-lowest: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-border-static-lower: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-border-static-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-border-static-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-border-static-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-border-static-higher: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-border-static-highest: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-textIcon-normal-lowest: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-textIcon-normal-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-textIcon-normal-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-textIcon-normal-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-textIcon-inverse-lowest: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-textIcon-inverse-low: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-textIcon-inverse-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-textIcon-inverse-high: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-textIcon-static-lowest: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-textIcon-static-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-textIcon-static-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-textIcon-static-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-textIcon-static-highest: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-opacity-surface-lowest: var(--core-color-opacity-blueberry-75); + --semantic-color-blueberry-opacity-surface-low: var(--core-color-opacity-blueberry-100); + --semantic-color-blueberry-opacity-surface-midLow: var(--core-color-opacity-blueberry-200); + --semantic-color-blueberry-opacity-surface-midHigh: var(--core-color-opacity-blueberry-300); + --semantic-color-blueberry-opacity-surface-high: var(--core-color-opacity-blueberry-700); + --semantic-color-blueberry-opacity-surface-highest: var(--core-color-opacity-blueberry-800); + --semantic-color-blueberry-opacity-border-lowest: var(--core-color-opacity-blueberry-75); + --semantic-color-blueberry-opacity-border-lower: var(--core-color-opacity-blueberry-100); + --semantic-color-blueberry-opacity-border-low: var(--core-color-opacity-blueberry-200); + --semantic-color-blueberry-opacity-border-mid: var(--core-color-opacity-blueberry-300); + --semantic-color-blueberry-opacity-border-high: var(--core-color-opacity-blueberry-600); + --semantic-color-blueberry-opacity-border-higher: var(--core-color-opacity-blueberry-700); + --semantic-color-blueberry-opacity-border-highest: var(--core-color-opacity-blueberry-800); + --semantic-color-blueberry-opacity-textIcon-low: var(--core-color-opacity-blueberry-300); + --semantic-color-blueberry-opacity-textIcon-mid: var(--core-color-opacity-blueberry-400); + --semantic-color-blueberry-opacity-textIcon-high: var(--core-color-opacity-blueberry-600); + --semantic-color-grape-solid-surface-normal-lowest: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-surface-normal-low: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-surface-normal-mid: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-surface-normal-high: var(--core-color-solid-grape-600); + --semantic-color-grape-solid-surface-normal-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-surface-inverse-lowest: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-surface-inverse-low: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-surface-inverse-mid: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-surface-inverse-high: var(--core-color-solid-grape-800); + --semantic-color-grape-solid-surface-inverse-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-surface-static-lowest: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-surface-static-lower: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-surface-static-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-surface-static-midLow: var(--core-color-solid-grape-600); + --semantic-color-grape-solid-surface-static-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-surface-static-midHigh: var(--core-color-solid-grape-800); + --semantic-color-grape-solid-surface-static-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-surface-static-higher: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-surface-static-highest: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-border-normal-low: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-border-normal-mid: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-border-normal-high: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-border-normal-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-border-inverse-low: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-border-inverse-mid: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-border-inverse-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-border-inverse-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-border-static-lowest: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-border-static-lower: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-border-static-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-border-static-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-border-static-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-border-static-higher: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-border-static-highest: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-textIcon-normal-lowest: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-textIcon-normal-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-textIcon-normal-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-textIcon-normal-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-textIcon-inverse-lowest: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-textIcon-inverse-low: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-textIcon-inverse-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-textIcon-inverse-high: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-textIcon-static-lowest: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-textIcon-static-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-textIcon-static-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-textIcon-static-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-textIcon-static-highest: var(--core-color-solid-grape-1200); + --semantic-color-grape-opacity-surface-lowest: var(--core-color-opacity-grape-75); + --semantic-color-grape-opacity-surface-low: var(--core-color-opacity-grape-100); + --semantic-color-grape-opacity-surface-midLow: var(--core-color-opacity-grape-200); + --semantic-color-grape-opacity-surface-midHigh: var(--core-color-opacity-grape-300); + --semantic-color-grape-opacity-surface-high: var(--core-color-opacity-grape-700); + --semantic-color-grape-opacity-surface-highest: var(--core-color-opacity-grape-800); + --semantic-color-grape-opacity-border-lowest: var(--core-color-opacity-grape-75); + --semantic-color-grape-opacity-border-lower: var(--core-color-opacity-grape-100); + --semantic-color-grape-opacity-border-low: var(--core-color-opacity-grape-200); + --semantic-color-grape-opacity-border-mid: var(--core-color-opacity-grape-300); + --semantic-color-grape-opacity-border-high: var(--core-color-opacity-grape-600); + --semantic-color-grape-opacity-border-higher: var(--core-color-opacity-grape-700); + --semantic-color-grape-opacity-border-highest: var(--core-color-opacity-grape-800); + --semantic-color-grape-opacity-textIcon-low: var(--core-color-opacity-grape-300); + --semantic-color-grape-opacity-textIcon-mid: var(--core-color-opacity-grape-400); + --semantic-color-grape-opacity-textIcon-high: var(--core-color-opacity-grape-600); + --semantic-color-magenta-solid-surface-normal-lowest: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-surface-normal-low: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-surface-normal-mid: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-surface-normal-high: var(--core-color-solid-magenta-600); + --semantic-color-magenta-solid-surface-normal-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-surface-inverse-lowest: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-surface-inverse-low: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-surface-inverse-mid: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-surface-inverse-high: var(--core-color-solid-magenta-800); + --semantic-color-magenta-solid-surface-inverse-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-surface-static-lowest: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-surface-static-lower: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-surface-static-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-surface-static-midLow: var(--core-color-solid-magenta-600); + --semantic-color-magenta-solid-surface-static-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-surface-static-midHigh: var(--core-color-solid-magenta-800); + --semantic-color-magenta-solid-surface-static-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-surface-static-higher: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-surface-static-highest: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-border-normal-low: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-border-normal-mid: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-border-normal-high: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-border-normal-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-border-inverse-low: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-border-inverse-mid: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-border-inverse-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-border-inverse-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-border-static-lowest: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-border-static-lower: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-border-static-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-border-static-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-border-static-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-border-static-higher: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-border-static-highest: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-textIcon-normal-lowest: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-textIcon-normal-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-textIcon-normal-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-textIcon-normal-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-textIcon-inverse-lowest: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-textIcon-inverse-low: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-textIcon-inverse-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-textIcon-inverse-high: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-textIcon-static-lowest: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-textIcon-static-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-textIcon-static-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-textIcon-static-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-textIcon-static-highest: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-opacity-surface-lowest: var(--core-color-opacity-magenta-75); + --semantic-color-magenta-opacity-surface-low: var(--core-color-opacity-magenta-100); + --semantic-color-magenta-opacity-surface-midLow: var(--core-color-opacity-magenta-200); + --semantic-color-magenta-opacity-surface-midHigh: var(--core-color-opacity-magenta-300); + --semantic-color-magenta-opacity-surface-high: var(--core-color-opacity-magenta-700); + --semantic-color-magenta-opacity-surface-highest: var(--core-color-opacity-magenta-800); + --semantic-color-magenta-opacity-border-lowest: var(--core-color-opacity-magenta-75); + --semantic-color-magenta-opacity-border-lower: var(--core-color-opacity-magenta-100); + --semantic-color-magenta-opacity-border-low: var(--core-color-opacity-magenta-200); + --semantic-color-magenta-opacity-border-mid: var(--core-color-opacity-magenta-300); + --semantic-color-magenta-opacity-border-high: var(--core-color-opacity-magenta-600); + --semantic-color-magenta-opacity-border-higher: var(--core-color-opacity-magenta-700); + --semantic-color-magenta-opacity-border-highest: var(--core-color-opacity-magenta-800); + --semantic-color-magenta-opacity-textIcon-low: var(--core-color-opacity-magenta-300); + --semantic-color-magenta-opacity-textIcon-mid: var(--core-color-opacity-magenta-400); + --semantic-color-magenta-opacity-textIcon-high: var(--core-color-opacity-magenta-600); + --semantic-color-cherry-solid-surface-normal-lowest: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-surface-normal-low: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-surface-normal-mid: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-surface-normal-high: var(--core-color-solid-cherry-600); + --semantic-color-cherry-solid-surface-normal-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-surface-inverse-lowest: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-surface-inverse-low: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-surface-inverse-mid: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-surface-inverse-high: var(--core-color-solid-cherry-800); + --semantic-color-cherry-solid-surface-inverse-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-surface-static-lowest: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-surface-static-lower: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-surface-static-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-surface-static-midLow: var(--core-color-solid-cherry-600); + --semantic-color-cherry-solid-surface-static-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-surface-static-midHigh: var(--core-color-solid-cherry-800); + --semantic-color-cherry-solid-surface-static-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-surface-static-higher: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-surface-static-highest: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-border-normal-low: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-border-normal-mid: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-border-normal-high: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-border-normal-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-border-inverse-low: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-border-inverse-mid: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-border-inverse-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-border-inverse-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-border-static-lowest: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-border-static-lower: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-border-static-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-border-static-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-border-static-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-border-static-higher: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-border-static-highest: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-textIcon-normal-lowest: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-textIcon-normal-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-textIcon-normal-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-textIcon-normal-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-textIcon-inverse-lowest: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-textIcon-inverse-low: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-textIcon-inverse-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-textIcon-inverse-high: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-textIcon-static-lowest: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-textIcon-static-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-textIcon-static-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-textIcon-static-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-textIcon-static-highest: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-opacity-surface-lowest: var(--core-color-opacity-cherry-75); + --semantic-color-cherry-opacity-surface-low: var(--core-color-opacity-cherry-100); + --semantic-color-cherry-opacity-surface-midLow: var(--core-color-opacity-cherry-200); + --semantic-color-cherry-opacity-surface-midHigh: var(--core-color-opacity-cherry-300); + --semantic-color-cherry-opacity-surface-high: var(--core-color-opacity-cherry-700); + --semantic-color-cherry-opacity-surface-highest: var(--core-color-opacity-cherry-800); + --semantic-color-cherry-opacity-border-lowest: var(--core-color-opacity-cherry-75); + --semantic-color-cherry-opacity-border-lower: var(--core-color-opacity-cherry-100); + --semantic-color-cherry-opacity-border-low: var(--core-color-opacity-cherry-200); + --semantic-color-cherry-opacity-border-mid: var(--core-color-opacity-cherry-300); + --semantic-color-cherry-opacity-border-high: var(--core-color-opacity-cherry-600); + --semantic-color-cherry-opacity-border-higher: var(--core-color-opacity-cherry-700); + --semantic-color-cherry-opacity-border-highest: var(--core-color-opacity-cherry-800); + --semantic-color-cherry-opacity-textIcon-low: var(--core-color-opacity-cherry-300); + --semantic-color-cherry-opacity-textIcon-mid: var(--core-color-opacity-cherry-400); + --semantic-color-cherry-opacity-textIcon-high: var(--core-color-opacity-cherry-600); + --semantic-color-coral-solid-surface-normal-lowest: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-surface-normal-low: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-surface-normal-mid: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-surface-normal-high: var(--core-color-solid-coral-600); + --semantic-color-coral-solid-surface-normal-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-surface-inverse-lowest: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-surface-inverse-low: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-surface-inverse-mid: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-surface-inverse-high: var(--core-color-solid-coral-800); + --semantic-color-coral-solid-surface-inverse-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-surface-static-lowest: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-surface-static-lower: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-surface-static-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-surface-static-midLow: var(--core-color-solid-coral-600); + --semantic-color-coral-solid-surface-static-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-surface-static-midHigh: var(--core-color-solid-coral-800); + --semantic-color-coral-solid-surface-static-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-surface-static-higher: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-surface-static-highest: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-border-normal-low: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-border-normal-mid: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-border-normal-high: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-border-normal-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-border-inverse-low: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-border-inverse-mid: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-border-inverse-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-border-inverse-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-border-static-lowest: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-border-static-lower: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-border-static-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-border-static-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-border-static-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-border-static-higher: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-border-static-highest: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-textIcon-normal-lowest: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-textIcon-normal-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-textIcon-normal-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-textIcon-normal-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-textIcon-inverse-lowest: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-textIcon-inverse-low: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-textIcon-inverse-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-textIcon-inverse-high: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-textIcon-static-lowest: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-textIcon-static-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-textIcon-static-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-textIcon-static-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-textIcon-static-highest: var(--core-color-solid-coral-1200); + --semantic-color-coral-opacity-surface-lowest: var(--core-color-opacity-coral-75); + --semantic-color-coral-opacity-surface-low: var(--core-color-opacity-coral-100); + --semantic-color-coral-opacity-surface-midLow: var(--core-color-opacity-coral-200); + --semantic-color-coral-opacity-surface-midHigh: var(--core-color-opacity-coral-300); + --semantic-color-coral-opacity-surface-high: var(--core-color-opacity-coral-700); + --semantic-color-coral-opacity-surface-highest: var(--core-color-opacity-coral-800); + --semantic-color-coral-opacity-border-lowest: var(--core-color-opacity-coral-75); + --semantic-color-coral-opacity-border-lower: var(--core-color-opacity-coral-100); + --semantic-color-coral-opacity-border-low: var(--core-color-opacity-coral-200); + --semantic-color-coral-opacity-border-mid: var(--core-color-opacity-coral-300); + --semantic-color-coral-opacity-border-high: var(--core-color-opacity-coral-600); + --semantic-color-coral-opacity-border-higher: var(--core-color-opacity-coral-700); + --semantic-color-coral-opacity-border-highest: var(--core-color-opacity-coral-800); + --semantic-color-coral-opacity-textIcon-low: var(--core-color-opacity-coral-300); + --semantic-color-coral-opacity-textIcon-mid: var(--core-color-opacity-coral-400); + --semantic-color-coral-opacity-textIcon-high: var(--core-color-opacity-coral-600); + --semantic-color-component-segmentedControl-item-bg-selected: var(--core-color-solid-slate-50); } html.dark { - --semantic-color-monochrome-surface-normal-lowest: var( - --core-color-opacity-white-75 - ); - --semantic-color-monochrome-surface-normal-low: var( - --core-color-opacity-white-100 - ); - --semantic-color-monochrome-surface-normal-midLow: var( - --core-color-opacity-white-200 - ); - --semantic-color-monochrome-surface-normal-midHigh: var( - --core-color-opacity-white-300 - ); - --semantic-color-monochrome-surface-normal-high: var( - --core-color-opacity-white-700 - ); - --semantic-color-monochrome-surface-normal-highest: var( - --core-color-opacity-white-800 - ); - --semantic-color-monochrome-surface-inverse-lowest: var( - --core-color-opacity-black-75 - ); - --semantic-color-monochrome-surface-inverse-low: var( - --core-color-opacity-black-100 - ); - --semantic-color-monochrome-surface-inverse-midLow: var( - --core-color-opacity-black-200 - ); - --semantic-color-monochrome-surface-inverse-midHigh: var( - --core-color-opacity-black-300 - ); - --semantic-color-monochrome-surface-inverse-high: var( - --core-color-opacity-black-700 - ); - --semantic-color-monochrome-surface-inverse-highest: var( - --core-color-opacity-black-800 - ); - --semantic-color-monochrome-surface-static-blackLowest: var( - --core-color-opacity-black-75 - ); - --semantic-color-monochrome-surface-static-blackLow: var( - --core-color-opacity-black-100 - ); - --semantic-color-monochrome-surface-static-blackMidLow: var( - --core-color-opacity-black-200 - ); - --semantic-color-monochrome-surface-static-blackMidHigh: var( - --core-color-opacity-black-300 - ); - --semantic-color-monochrome-surface-static-blackHigh: var( - --core-color-opacity-black-700 - ); - --semantic-color-monochrome-surface-static-blackHighest: var( - --core-color-opacity-black-800 - ); - --semantic-color-monochrome-surface-static-whiteLowest: var( - --core-color-opacity-white-75 - ); - --semantic-color-monochrome-surface-static-whiteLow: var( - --core-color-opacity-white-100 - ); - --semantic-color-monochrome-surface-static-whiteMidLow: var( - --core-color-opacity-white-200 - ); - --semantic-color-monochrome-surface-static-whiteMidHigh: var( - --core-color-opacity-white-300 - ); - --semantic-color-monochrome-surface-static-whiteHigh: var( - --core-color-opacity-white-700 - ); - --semantic-color-monochrome-surface-static-whiteHighest: var( - --core-color-opacity-white-800 - ); - --semantic-color-monochrome-border-normal-low: var( - --core-color-opacity-white-75 - ); - --semantic-color-monochrome-border-normal-mid: var( - --core-color-opacity-white-100 - ); - --semantic-color-monochrome-border-normal-high: var( - --core-color-opacity-white-200 - ); - --semantic-color-monochrome-border-normal-highest: var( - --core-color-opacity-white-300 - ); - --semantic-color-monochrome-border-inverse-low: var( - --core-color-opacity-black-75 - ); - --semantic-color-monochrome-border-inverse-mid: var( - --core-color-opacity-black-100 - ); - --semantic-color-monochrome-border-inverse-high: var( - --core-color-opacity-black-200 - ); - --semantic-color-monochrome-border-inverse-highest: var( - --core-color-opacity-black-300 - ); - --semantic-color-monochrome-border-static-blackLow: var( - --core-color-opacity-black-75 - ); - --semantic-color-monochrome-border-static-blackMid: var( - --core-color-opacity-black-100 - ); - --semantic-color-monochrome-border-static-blackHigh: var( - --core-color-opacity-black-200 - ); - --semantic-color-monochrome-border-static-blackHighest: var( - --core-color-opacity-black-300 - ); - --semantic-color-monochrome-border-static-whiteLow: var( - --core-color-opacity-white-75 - ); - --semantic-color-monochrome-border-static-whiteMid: var( - --core-color-opacity-white-100 - ); - --semantic-color-monochrome-border-static-whiteHigh: var( - --core-color-opacity-white-200 - ); - --semantic-color-monochrome-border-static-whiteHighest: var( - --core-color-opacity-white-300 - ); - --semantic-color-monochrome-textIcon-normal-low: var( - --core-color-opacity-white-300 - ); - --semantic-color-monochrome-textIcon-normal-mid: var( - --core-color-opacity-white-400 - ); - --semantic-color-monochrome-textIcon-normal-high: var( - --core-color-opacity-white-600 - ); - --semantic-color-monochrome-textIcon-inverse-low: var( - --core-color-opacity-black-300 - ); - --semantic-color-monochrome-textIcon-inverse-mid: var( - --core-color-opacity-black-400 - ); - --semantic-color-monochrome-textIcon-inverse-high: var( - --core-color-opacity-black-600 - ); - --semantic-color-monochrome-textIcon-static-blackLow: var( - --core-color-opacity-black-300 - ); - --semantic-color-monochrome-textIcon-static-blackMid: var( - --core-color-opacity-black-400 - ); - --semantic-color-monochrome-textIcon-static-blackHigh: var( - --core-color-opacity-black-600 - ); - --semantic-color-monochrome-textIcon-static-whiteLow: var( - --core-color-opacity-white-300 - ); - --semantic-color-monochrome-textIcon-static-whiteMid: var( - --core-color-opacity-white-400 - ); - --semantic-color-monochrome-textIcon-static-whiteHigh: var( - --core-color-opacity-white-600 - ); - --semantic-color-slate-solid-surface-normal-lowest: var( - --core-color-solid-slate-1400 - ); - --semantic-color-slate-solid-surface-normal-low: var( - --core-color-solid-slate-1300 - ); - --semantic-color-slate-solid-surface-normal-midLow: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-solid-surface-normal-midHigh: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-surface-normal-high: var( - --core-color-solid-slate-800 - ); - --semantic-color-slate-solid-surface-normal-highest: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-surface-inverse-lowest: var( - --core-color-solid-slate-50 - ); - --semantic-color-slate-solid-surface-inverse-low: var( - --core-color-solid-slate-100 - ); - --semantic-color-slate-solid-surface-inverse-midLow: var( - --core-color-solid-slate-200 - ); - --semantic-color-slate-solid-surface-inverse-midHigh: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-surface-inverse-high: var( - --core-color-solid-slate-600 - ); - --semantic-color-slate-solid-surface-inverse-highest: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-surface-static-lowest: var( - --core-color-solid-slate-50 - ); - --semantic-color-slate-solid-surface-static-lower: var( - --core-color-solid-slate-75 - ); - --semantic-color-slate-solid-surface-static-low: var( - --core-color-solid-slate-100 - ); - --semantic-color-slate-solid-surface-static-midLowest: var( - --core-color-solid-slate-200 - ); - --semantic-color-slate-solid-surface-static-midLower: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-surface-static-midLow: var( - --core-color-solid-slate-600 - ); - --semantic-color-slate-solid-surface-static-midHigh: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-surface-static-midHigher: var( - --core-color-solid-slate-800 - ); - --semantic-color-slate-solid-surface-static-midHighest: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-surface-static-high: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-solid-surface-static-higher: var( - --core-color-solid-slate-1300 - ); - --semantic-color-slate-solid-surface-static-highest: var( - --core-color-solid-slate-1400 - ); - --semantic-color-slate-solid-surface-frame-low: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-solid-surface-frame-mid: var( - --core-color-solid-slate-1300 - ); - --semantic-color-slate-solid-border-normal-lowest: var( - --core-color-solid-slate-1400 - ); - --semantic-color-slate-solid-border-normal-low: var( - --core-color-solid-slate-1300 - ); - --semantic-color-slate-solid-border-normal-mid: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-solid-border-normal-high: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-border-normal-highest: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-border-inverse-lowest: var( - --core-color-solid-slate-50 - ); - --semantic-color-slate-solid-border-inverse-low: var( - --core-color-solid-slate-100 - ); - --semantic-color-slate-solid-border-inverse-mid: var( - --core-color-solid-slate-200 - ); - --semantic-color-slate-solid-border-inverse-high: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-border-inverse-highest: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-border-static-lowest: var( - --core-color-solid-slate-50 - ); - --semantic-color-slate-solid-border-static-lower: var( - --core-color-solid-slate-100 - ); - --semantic-color-slate-solid-border-static-low: var( - --core-color-solid-slate-200 - ); - --semantic-color-slate-solid-border-static-midLow: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-border-static-mid: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-border-static-midHigh: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-border-static-high: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-solid-border-static-higher: var( - --core-color-solid-slate-1300 - ); - --semantic-color-slate-solid-border-static-highest: var( - --core-color-solid-slate-1400 - ); - --semantic-color-slate-solid-textIcon-normal-lowest: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-solid-textIcon-normal-low: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-textIcon-normal-mid: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-textIcon-normal-high: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-textIcon-normal-highest: var( - --core-color-solid-slate-50 - ); - --semantic-color-slate-solid-textIcon-inverse-lowest: var( - --core-color-solid-slate-200 - ); - --semantic-color-slate-solid-textIcon-inverse-low: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-textIcon-inverse-mid: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-textIcon-inverse-high: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-textIcon-inverse-highest: var( - --core-color-solid-slate-1400 - ); - --semantic-color-slate-solid-textIcon-static-lowest: var( - --core-color-solid-slate-200 - ); - --semantic-color-slate-solid-textIcon-static-low: var( - --core-color-solid-slate-500 - ); - --semantic-color-slate-solid-textIcon-static-mid: var( - --core-color-solid-slate-700 - ); - --semantic-color-slate-solid-textIcon-static-high: var( - --core-color-solid-slate-900 - ); - --semantic-color-slate-solid-textIcon-static-highest: var( - --core-color-solid-slate-1200 - ); - --semantic-color-slate-opacity-surface-lowest: var( - --core-color-opacity-slate-75 - ); - --semantic-color-slate-opacity-surface-low: var( - --core-color-opacity-slate-100 - ); - --semantic-color-slate-opacity-surface-midLow: var( - --core-color-opacity-slate-200 - ); - --semantic-color-slate-opacity-surface-midHigh: var( - --core-color-opacity-slate-300 - ); - --semantic-color-slate-opacity-surface-high: var( - --core-color-opacity-slate-700 - ); - --semantic-color-slate-opacity-surface-highest: var( - --core-color-opacity-slate-800 - ); - --semantic-color-slate-opacity-border-lowest: var( - --core-color-opacity-slate-75 - ); - --semantic-color-slate-opacity-border-lower: var( - --core-color-opacity-slate-100 - ); - --semantic-color-slate-opacity-border-low: var( - --core-color-opacity-slate-200 - ); - --semantic-color-slate-opacity-border-mid: var( - --core-color-opacity-slate-300 - ); - --semantic-color-slate-opacity-border-high: var( - --core-color-opacity-slate-600 - ); - --semantic-color-slate-opacity-border-higher: var( - --core-color-opacity-slate-700 - ); - --semantic-color-slate-opacity-border-highest: var( - --core-color-opacity-slate-800 - ); - --semantic-color-slate-opacity-textIcon-low: var( - --core-color-opacity-slate-300 - ); - --semantic-color-slate-opacity-textIcon-mid: var( - --core-color-opacity-slate-400 - ); - --semantic-color-slate-opacity-textIcon-high: var( - --core-color-opacity-slate-600 - ); - --semantic-color-red-solid-surface-normal-lowest: var( - --core-color-solid-red-1300 - ); - --semantic-color-red-solid-surface-normal-low: var( - --core-color-solid-red-1200 - ); - --semantic-color-red-solid-surface-normal-mid: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-surface-normal-high: var( - --core-color-solid-red-800 - ); - --semantic-color-red-solid-surface-normal-highest: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-surface-inverse-lowest: var( - --core-color-solid-red-100 - ); - --semantic-color-red-solid-surface-inverse-low: var( - --core-color-solid-red-200 - ); - --semantic-color-red-solid-surface-inverse-mid: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-surface-inverse-high: var( - --core-color-solid-red-600 - ); - --semantic-color-red-solid-surface-inverse-highest: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-surface-static-lowest: var( - --core-color-solid-red-100 - ); - --semantic-color-red-solid-surface-static-lower: var( - --core-color-solid-red-200 - ); - --semantic-color-red-solid-surface-static-low: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-surface-static-midLow: var( - --core-color-solid-red-600 - ); - --semantic-color-red-solid-surface-static-mid: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-surface-static-midHigh: var( - --core-color-solid-red-800 - ); - --semantic-color-red-solid-surface-static-high: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-surface-static-higher: var( - --core-color-solid-red-1200 - ); - --semantic-color-red-solid-surface-static-highest: var( - --core-color-solid-red-1300 - ); - --semantic-color-red-solid-border-normal-low: var( - --core-color-solid-red-1300 - ); - --semantic-color-red-solid-border-normal-mid: var( - --core-color-solid-red-1200 - ); - --semantic-color-red-solid-border-normal-high: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-border-normal-highest: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-border-inverse-low: var( - --core-color-solid-red-100 - ); - --semantic-color-red-solid-border-inverse-mid: var( - --core-color-solid-red-200 - ); - --semantic-color-red-solid-border-inverse-high: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-border-inverse-highest: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-border-static-lowest: var( - --core-color-solid-red-100 - ); - --semantic-color-red-solid-border-static-lower: var( - --core-color-solid-red-200 - ); - --semantic-color-red-solid-border-static-low: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-border-static-mid: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-border-static-high: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-border-static-higher: var( - --core-color-solid-red-1200 - ); - --semantic-color-red-solid-border-static-highest: var( - --core-color-solid-red-1300 - ); - --semantic-color-red-solid-textIcon-normal-lowest: var( - --core-color-solid-red-1200 - ); - --semantic-color-red-solid-textIcon-normal-low: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-textIcon-normal-mid: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-textIcon-normal-high: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-textIcon-inverse-lowest: var( - --core-color-solid-red-200 - ); - --semantic-color-red-solid-textIcon-inverse-low: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-textIcon-inverse-mid: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-textIcon-inverse-high: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-textIcon-static-lowest: var( - --core-color-solid-red-200 - ); - --semantic-color-red-solid-textIcon-static-low: var( - --core-color-solid-red-500 - ); - --semantic-color-red-solid-textIcon-static-mid: var( - --core-color-solid-red-700 - ); - --semantic-color-red-solid-textIcon-static-high: var( - --core-color-solid-red-900 - ); - --semantic-color-red-solid-textIcon-static-highest: var( - --core-color-solid-red-1200 - ); - --semantic-color-red-opacity-surface-lowest: var( - --core-color-opacity-red-75 - ); - --semantic-color-red-opacity-surface-low: var(--core-color-opacity-red-100); - --semantic-color-red-opacity-surface-midLow: var( - --core-color-opacity-red-200 - ); - --semantic-color-red-opacity-surface-midHigh: var( - --core-color-opacity-red-300 - ); - --semantic-color-red-opacity-surface-high: var( - --core-color-opacity-red-700 - ); - --semantic-color-red-opacity-surface-highest: var( - --core-color-opacity-red-800 - ); - --semantic-color-red-opacity-border-lowest: var( - --core-color-opacity-red-75 - ); - --semantic-color-red-opacity-border-lower: var( - --core-color-opacity-red-100 - ); - --semantic-color-red-opacity-border-low: var(--core-color-opacity-red-200); - --semantic-color-red-opacity-border-mid: var(--core-color-opacity-red-300); - --semantic-color-red-opacity-border-high: var(--core-color-opacity-red-600); - --semantic-color-red-opacity-border-higher: var( - --core-color-opacity-red-700 - ); - --semantic-color-red-opacity-border-highest: var( - --core-color-opacity-red-800 - ); - --semantic-color-red-opacity-textIcon-low: var( - --core-color-opacity-red-300 - ); - --semantic-color-red-opacity-textIcon-mid: var( - --core-color-opacity-red-400 - ); - --semantic-color-red-opacity-textIcon-high: var( - --core-color-opacity-red-600 - ); - --semantic-color-orange-solid-surface-normal-lowest: var( - --core-color-solid-orange-1300 - ); - --semantic-color-orange-solid-surface-normal-low: var( - --core-color-solid-orange-1200 - ); - --semantic-color-orange-solid-surface-normal-mid: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-surface-normal-high: var( - --core-color-solid-orange-800 - ); - --semantic-color-orange-solid-surface-normal-highest: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-surface-inverse-lowest: var( - --core-color-solid-orange-100 - ); - --semantic-color-orange-solid-surface-inverse-low: var( - --core-color-solid-orange-200 - ); - --semantic-color-orange-solid-surface-inverse-mid: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-surface-inverse-high: var( - --core-color-solid-orange-600 - ); - --semantic-color-orange-solid-surface-inverse-highest: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-surface-static-lowest: var( - --core-color-solid-orange-100 - ); - --semantic-color-orange-solid-surface-static-lower: var( - --core-color-solid-orange-200 - ); - --semantic-color-orange-solid-surface-static-low: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-surface-static-midLow: var( - --core-color-solid-orange-600 - ); - --semantic-color-orange-solid-surface-static-mid: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-surface-static-midHigh: var( - --core-color-solid-orange-800 - ); - --semantic-color-orange-solid-surface-static-high: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-surface-static-higher: var( - --core-color-solid-orange-1200 - ); - --semantic-color-orange-solid-surface-static-highest: var( - --core-color-solid-orange-1300 - ); - --semantic-color-orange-solid-border-normal-low: var( - --core-color-solid-orange-1300 - ); - --semantic-color-orange-solid-border-normal-mid: var( - --core-color-solid-orange-1200 - ); - --semantic-color-orange-solid-border-normal-high: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-border-normal-highest: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-border-inverse-low: var( - --core-color-solid-orange-100 - ); - --semantic-color-orange-solid-border-inverse-mid: var( - --core-color-solid-orange-200 - ); - --semantic-color-orange-solid-border-inverse-high: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-border-inverse-highest: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-border-static-lowest: var( - --core-color-solid-orange-100 - ); - --semantic-color-orange-solid-border-static-lower: var( - --core-color-solid-orange-200 - ); - --semantic-color-orange-solid-border-static-low: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-border-static-mid: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-border-static-high: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-border-static-higher: var( - --core-color-solid-orange-1200 - ); - --semantic-color-orange-solid-border-static-highest: var( - --core-color-solid-orange-1300 - ); - --semantic-color-orange-solid-textIcon-normal-lowest: var( - --core-color-solid-orange-1200 - ); - --semantic-color-orange-solid-textIcon-normal-low: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-textIcon-normal-mid: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-textIcon-normal-high: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-textIcon-inverse-lowest: var( - --core-color-solid-orange-200 - ); - --semantic-color-orange-solid-textIcon-inverse-low: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-textIcon-inverse-mid: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-textIcon-inverse-high: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-textIcon-static-lowest: var( - --core-color-solid-orange-200 - ); - --semantic-color-orange-solid-textIcon-static-low: var( - --core-color-solid-orange-500 - ); - --semantic-color-orange-solid-textIcon-static-mid: var( - --core-color-solid-orange-700 - ); - --semantic-color-orange-solid-textIcon-static-high: var( - --core-color-solid-orange-900 - ); - --semantic-color-orange-solid-textIcon-static-highest: var( - --core-color-solid-orange-1200 - ); - --semantic-color-orange-opacity-surface-lowest: var( - --core-color-opacity-orange-75 - ); - --semantic-color-orange-opacity-surface-low: var( - --core-color-opacity-orange-100 - ); - --semantic-color-orange-opacity-surface-midLow: var( - --core-color-opacity-orange-200 - ); - --semantic-color-orange-opacity-surface-midHigh: var( - --core-color-opacity-orange-300 - ); - --semantic-color-orange-opacity-surface-high: var( - --core-color-opacity-orange-700 - ); - --semantic-color-orange-opacity-surface-highest: var( - --core-color-opacity-orange-800 - ); - --semantic-color-orange-opacity-border-lowest: var( - --core-color-opacity-orange-75 - ); - --semantic-color-orange-opacity-border-lower: var( - --core-color-opacity-orange-100 - ); - --semantic-color-orange-opacity-border-low: var( - --core-color-opacity-orange-200 - ); - --semantic-color-orange-opacity-border-mid: var( - --core-color-opacity-orange-300 - ); - --semantic-color-orange-opacity-border-high: var( - --core-color-opacity-orange-600 - ); - --semantic-color-orange-opacity-border-higher: var( - --core-color-opacity-orange-700 - ); - --semantic-color-orange-opacity-border-highest: var( - --core-color-opacity-orange-800 - ); - --semantic-color-orange-opacity-textIcon-low: var( - --core-color-opacity-orange-300 - ); - --semantic-color-orange-opacity-textIcon-mid: var( - --core-color-opacity-orange-400 - ); - --semantic-color-orange-opacity-textIcon-high: var( - --core-color-opacity-orange-600 - ); - --semantic-color-yellow-solid-surface-normal-lowest: var( - --core-color-solid-yellow-1300 - ); - --semantic-color-yellow-solid-surface-normal-low: var( - --core-color-solid-yellow-1200 - ); - --semantic-color-yellow-solid-surface-normal-mid: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-surface-normal-high: var( - --core-color-solid-yellow-800 - ); - --semantic-color-yellow-solid-surface-normal-highest: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-surface-inverse-lowest: var( - --core-color-solid-yellow-100 - ); - --semantic-color-yellow-solid-surface-inverse-low: var( - --core-color-solid-yellow-200 - ); - --semantic-color-yellow-solid-surface-inverse-mid: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-surface-inverse-high: var( - --core-color-solid-yellow-600 - ); - --semantic-color-yellow-solid-surface-inverse-highest: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-surface-static-lowest: var( - --core-color-solid-yellow-100 - ); - --semantic-color-yellow-solid-surface-static-lower: var( - --core-color-solid-yellow-200 - ); - --semantic-color-yellow-solid-surface-static-low: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-surface-static-midLow: var( - --core-color-solid-yellow-600 - ); - --semantic-color-yellow-solid-surface-static-mid: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-surface-static-midHigh: var( - --core-color-solid-yellow-800 - ); - --semantic-color-yellow-solid-surface-static-high: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-surface-static-higher: var( - --core-color-solid-yellow-1200 - ); - --semantic-color-yellow-solid-surface-static-highest: var( - --core-color-solid-yellow-1300 - ); - --semantic-color-yellow-solid-border-normal-low: var( - --core-color-solid-yellow-1300 - ); - --semantic-color-yellow-solid-border-normal-mid: var( - --core-color-solid-yellow-1200 - ); - --semantic-color-yellow-solid-border-normal-high: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-border-normal-highest: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-border-inverse-low: var( - --core-color-solid-yellow-100 - ); - --semantic-color-yellow-solid-border-inverse-mid: var( - --core-color-solid-yellow-200 - ); - --semantic-color-yellow-solid-border-inverse-high: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-border-inverse-highest: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-border-static-lowest: var( - --core-color-solid-yellow-100 - ); - --semantic-color-yellow-solid-border-static-lower: var( - --core-color-solid-yellow-200 - ); - --semantic-color-yellow-solid-border-static-low: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-border-static-mid: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-border-static-high: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-border-static-higher: var( - --core-color-solid-yellow-1200 - ); - --semantic-color-yellow-solid-border-static-highest: var( - --core-color-solid-yellow-1300 - ); - --semantic-color-yellow-solid-textIcon-normal-lowest: var( - --core-color-solid-yellow-1200 - ); - --semantic-color-yellow-solid-textIcon-normal-low: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-textIcon-normal-mid: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-textIcon-normal-high: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-textIcon-inverse-lowest: var( - --core-color-solid-yellow-200 - ); - --semantic-color-yellow-solid-textIcon-inverse-low: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-textIcon-inverse-mid: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-textIcon-inverse-high: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-textIcon-static-lowest: var( - --core-color-solid-yellow-200 - ); - --semantic-color-yellow-solid-textIcon-static-low: var( - --core-color-solid-yellow-500 - ); - --semantic-color-yellow-solid-textIcon-static-mid: var( - --core-color-solid-yellow-700 - ); - --semantic-color-yellow-solid-textIcon-static-high: var( - --core-color-solid-yellow-900 - ); - --semantic-color-yellow-solid-textIcon-static-highest: var( - --core-color-solid-yellow-1200 - ); - --semantic-color-yellow-opacity-surface-lowest: var( - --core-color-opacity-yellow-75 - ); - --semantic-color-yellow-opacity-surface-low: var( - --core-color-opacity-yellow-100 - ); - --semantic-color-yellow-opacity-surface-midLow: var( - --core-color-opacity-yellow-200 - ); - --semantic-color-yellow-opacity-surface-midHigh: var( - --core-color-opacity-yellow-300 - ); - --semantic-color-yellow-opacity-surface-high: var( - --core-color-opacity-yellow-700 - ); - --semantic-color-yellow-opacity-surface-highest: var( - --core-color-opacity-yellow-800 - ); - --semantic-color-yellow-opacity-border-lowest: var( - --core-color-opacity-yellow-75 - ); - --semantic-color-yellow-opacity-border-lower: var( - --core-color-opacity-yellow-100 - ); - --semantic-color-yellow-opacity-border-low: var( - --core-color-opacity-yellow-200 - ); - --semantic-color-yellow-opacity-border-mid: var( - --core-color-opacity-yellow-300 - ); - --semantic-color-yellow-opacity-border-high: var( - --core-color-opacity-yellow-600 - ); - --semantic-color-yellow-opacity-border-higher: var( - --core-color-opacity-yellow-700 - ); - --semantic-color-yellow-opacity-border-highest: var( - --core-color-opacity-yellow-800 - ); - --semantic-color-yellow-opacity-textIcon-low: var( - --core-color-opacity-yellow-300 - ); - --semantic-color-yellow-opacity-textIcon-mid: var( - --core-color-opacity-yellow-400 - ); - --semantic-color-yellow-opacity-textIcon-high: var( - --core-color-opacity-yellow-600 - ); - --semantic-color-mustard-solid-surface-normal-lowest: var( - --core-color-solid-mustard-1300 - ); - --semantic-color-mustard-solid-surface-normal-low: var( - --core-color-solid-mustard-1200 - ); - --semantic-color-mustard-solid-surface-normal-mid: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-surface-normal-high: var( - --core-color-solid-mustard-800 - ); - --semantic-color-mustard-solid-surface-normal-highest: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-surface-inverse-lowest: var( - --core-color-solid-mustard-100 - ); - --semantic-color-mustard-solid-surface-inverse-low: var( - --core-color-solid-mustard-200 - ); - --semantic-color-mustard-solid-surface-inverse-mid: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-surface-inverse-high: var( - --core-color-solid-mustard-600 - ); - --semantic-color-mustard-solid-surface-inverse-highest: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-surface-static-lowest: var( - --core-color-solid-mustard-100 - ); - --semantic-color-mustard-solid-surface-static-lower: var( - --core-color-solid-mustard-200 - ); - --semantic-color-mustard-solid-surface-static-low: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-surface-static-midLow: var( - --core-color-solid-mustard-600 - ); - --semantic-color-mustard-solid-surface-static-mid: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-surface-static-midHigh: var( - --core-color-solid-mustard-800 - ); - --semantic-color-mustard-solid-surface-static-high: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-surface-static-higher: var( - --core-color-solid-mustard-1200 - ); - --semantic-color-mustard-solid-surface-static-highest: var( - --core-color-solid-mustard-1300 - ); - --semantic-color-mustard-solid-border-normal-low: var( - --core-color-solid-mustard-1300 - ); - --semantic-color-mustard-solid-border-normal-mid: var( - --core-color-solid-mustard-1200 - ); - --semantic-color-mustard-solid-border-normal-high: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-border-normal-highest: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-border-inverse-low: var( - --core-color-solid-mustard-100 - ); - --semantic-color-mustard-solid-border-inverse-mid: var( - --core-color-solid-mustard-200 - ); - --semantic-color-mustard-solid-border-inverse-high: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-border-inverse-highest: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-border-static-lowest: var( - --core-color-solid-mustard-100 - ); - --semantic-color-mustard-solid-border-static-lower: var( - --core-color-solid-mustard-200 - ); - --semantic-color-mustard-solid-border-static-low: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-border-static-mid: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-border-static-high: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-border-static-higher: var( - --core-color-solid-mustard-1200 - ); - --semantic-color-mustard-solid-border-static-highest: var( - --core-color-solid-mustard-1300 - ); - --semantic-color-mustard-solid-textIcon-normal-lowest: var( - --core-color-solid-mustard-1200 - ); - --semantic-color-mustard-solid-textIcon-normal-low: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-textIcon-normal-mid: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-textIcon-normal-high: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-textIcon-inverse-lowest: var( - --core-color-solid-mustard-200 - ); - --semantic-color-mustard-solid-textIcon-inverse-low: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-textIcon-inverse-mid: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-textIcon-inverse-high: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-textIcon-static-lowest: var( - --core-color-solid-mustard-200 - ); - --semantic-color-mustard-solid-textIcon-static-low: var( - --core-color-solid-mustard-500 - ); - --semantic-color-mustard-solid-textIcon-static-mid: var( - --core-color-solid-mustard-700 - ); - --semantic-color-mustard-solid-textIcon-static-high: var( - --core-color-solid-mustard-900 - ); - --semantic-color-mustard-solid-textIcon-static-highest: var( - --core-color-solid-mustard-1200 - ); - --semantic-color-mustard-opacity-surface-lowest: var( - --core-color-opacity-mustard-75 - ); - --semantic-color-mustard-opacity-surface-low: var( - --core-color-opacity-mustard-100 - ); - --semantic-color-mustard-opacity-surface-midLow: var( - --core-color-opacity-mustard-200 - ); - --semantic-color-mustard-opacity-surface-midHigh: var( - --core-color-opacity-mustard-300 - ); - --semantic-color-mustard-opacity-surface-high: var( - --core-color-opacity-mustard-700 - ); - --semantic-color-mustard-opacity-surface-highest: var( - --core-color-opacity-mustard-800 - ); - --semantic-color-mustard-opacity-border-lowest: var( - --core-color-opacity-mustard-75 - ); - --semantic-color-mustard-opacity-border-lower: var( - --core-color-opacity-mustard-100 - ); - --semantic-color-mustard-opacity-border-low: var( - --core-color-opacity-mustard-200 - ); - --semantic-color-mustard-opacity-border-mid: var( - --core-color-opacity-mustard-300 - ); - --semantic-color-mustard-opacity-border-high: var( - --core-color-opacity-mustard-600 - ); - --semantic-color-mustard-opacity-border-higher: var( - --core-color-opacity-mustard-700 - ); - --semantic-color-mustard-opacity-border-highest: var( - --core-color-opacity-mustard-800 - ); - --semantic-color-mustard-opacity-textIcon-low: var( - --core-color-opacity-mustard-300 - ); - --semantic-color-mustard-opacity-textIcon-mid: var( - --core-color-opacity-mustard-400 - ); - --semantic-color-mustard-opacity-textIcon-high: var( - --core-color-opacity-mustard-600 - ); - --semantic-color-olive-solid-surface-normal-lowest: var( - --core-color-solid-olive-1300 - ); - --semantic-color-olive-solid-surface-normal-low: var( - --core-color-solid-olive-1200 - ); - --semantic-color-olive-solid-surface-normal-mid: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-surface-normal-high: var( - --core-color-solid-olive-800 - ); - --semantic-color-olive-solid-surface-normal-highest: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-surface-inverse-lowest: var( - --core-color-solid-olive-100 - ); - --semantic-color-olive-solid-surface-inverse-low: var( - --core-color-solid-olive-200 - ); - --semantic-color-olive-solid-surface-inverse-mid: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-surface-inverse-high: var( - --core-color-solid-olive-600 - ); - --semantic-color-olive-solid-surface-inverse-highest: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-surface-static-lowest: var( - --core-color-solid-olive-100 - ); - --semantic-color-olive-solid-surface-static-lower: var( - --core-color-solid-olive-200 - ); - --semantic-color-olive-solid-surface-static-low: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-surface-static-midLow: var( - --core-color-solid-olive-600 - ); - --semantic-color-olive-solid-surface-static-mid: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-surface-static-midHigh: var( - --core-color-solid-olive-800 - ); - --semantic-color-olive-solid-surface-static-high: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-surface-static-higher: var( - --core-color-solid-olive-1200 - ); - --semantic-color-olive-solid-surface-static-highest: var( - --core-color-solid-olive-1300 - ); - --semantic-color-olive-solid-border-normal-low: var( - --core-color-solid-olive-1300 - ); - --semantic-color-olive-solid-border-normal-mid: var( - --core-color-solid-olive-1200 - ); - --semantic-color-olive-solid-border-normal-high: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-border-normal-highest: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-border-inverse-low: var( - --core-color-solid-olive-100 - ); - --semantic-color-olive-solid-border-inverse-mid: var( - --core-color-solid-olive-200 - ); - --semantic-color-olive-solid-border-inverse-high: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-border-inverse-highest: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-border-static-lowest: var( - --core-color-solid-olive-100 - ); - --semantic-color-olive-solid-border-static-lower: var( - --core-color-solid-olive-200 - ); - --semantic-color-olive-solid-border-static-low: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-border-static-mid: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-border-static-high: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-border-static-higher: var( - --core-color-solid-olive-1200 - ); - --semantic-color-olive-solid-border-static-highest: var( - --core-color-solid-olive-1300 - ); - --semantic-color-olive-solid-textIcon-normal-lowest: var( - --core-color-solid-olive-1200 - ); - --semantic-color-olive-solid-textIcon-normal-low: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-textIcon-normal-mid: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-textIcon-normal-high: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-textIcon-inverse-lowest: var( - --core-color-solid-olive-200 - ); - --semantic-color-olive-solid-textIcon-inverse-low: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-textIcon-inverse-mid: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-textIcon-inverse-high: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-textIcon-static-lowest: var( - --core-color-solid-olive-200 - ); - --semantic-color-olive-solid-textIcon-static-low: var( - --core-color-solid-olive-500 - ); - --semantic-color-olive-solid-textIcon-static-mid: var( - --core-color-solid-olive-700 - ); - --semantic-color-olive-solid-textIcon-static-high: var( - --core-color-solid-olive-900 - ); - --semantic-color-olive-solid-textIcon-static-highest: var( - --core-color-solid-olive-1200 - ); - --semantic-color-olive-opacity-surface-lowest: var( - --core-color-opacity-olive-75 - ); - --semantic-color-olive-opacity-surface-low: var( - --core-color-opacity-olive-100 - ); - --semantic-color-olive-opacity-surface-midLow: var( - --core-color-opacity-olive-200 - ); - --semantic-color-olive-opacity-surface-midHigh: var( - --core-color-opacity-olive-300 - ); - --semantic-color-olive-opacity-surface-high: var( - --core-color-opacity-olive-700 - ); - --semantic-color-olive-opacity-surface-highest: var( - --core-color-opacity-olive-800 - ); - --semantic-color-olive-opacity-border-lowest: var( - --core-color-opacity-olive-75 - ); - --semantic-color-olive-opacity-border-lower: var( - --core-color-opacity-olive-100 - ); - --semantic-color-olive-opacity-border-low: var( - --core-color-opacity-olive-200 - ); - --semantic-color-olive-opacity-border-mid: var( - --core-color-opacity-olive-300 - ); - --semantic-color-olive-opacity-border-high: var( - --core-color-opacity-olive-600 - ); - --semantic-color-olive-opacity-border-higher: var( - --core-color-opacity-olive-700 - ); - --semantic-color-olive-opacity-border-highest: var( - --core-color-opacity-olive-800 - ); - --semantic-color-olive-opacity-textIcon-low: var( - --core-color-opacity-olive-300 - ); - --semantic-color-olive-opacity-textIcon-mid: var( - --core-color-opacity-olive-400 - ); - --semantic-color-olive-opacity-textIcon-high: var( - --core-color-opacity-olive-600 - ); - --semantic-color-green-solid-surface-normal-lowest: var( - --core-color-solid-green-1300 - ); - --semantic-color-green-solid-surface-normal-low: var( - --core-color-solid-green-1200 - ); - --semantic-color-green-solid-surface-normal-mid: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-surface-normal-high: var( - --core-color-solid-green-800 - ); - --semantic-color-green-solid-surface-normal-highest: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-surface-inverse-lowest: var( - --core-color-solid-green-100 - ); - --semantic-color-green-solid-surface-inverse-low: var( - --core-color-solid-green-200 - ); - --semantic-color-green-solid-surface-inverse-mid: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-surface-inverse-high: var( - --core-color-solid-green-600 - ); - --semantic-color-green-solid-surface-inverse-highest: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-surface-static-lowest: var( - --core-color-solid-green-100 - ); - --semantic-color-green-solid-surface-static-lower: var( - --core-color-solid-green-200 - ); - --semantic-color-green-solid-surface-static-low: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-surface-static-midLow: var( - --core-color-solid-green-600 - ); - --semantic-color-green-solid-surface-static-mid: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-surface-static-midHigh: var( - --core-color-solid-green-800 - ); - --semantic-color-green-solid-surface-static-high: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-surface-static-higher: var( - --core-color-solid-green-1200 - ); - --semantic-color-green-solid-surface-static-highest: var( - --core-color-solid-green-1300 - ); - --semantic-color-green-solid-border-normal-low: var( - --core-color-solid-green-1300 - ); - --semantic-color-green-solid-border-normal-mid: var( - --core-color-solid-green-1200 - ); - --semantic-color-green-solid-border-normal-high: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-border-normal-highest: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-border-inverse-low: var( - --core-color-solid-green-100 - ); - --semantic-color-green-solid-border-inverse-mid: var( - --core-color-solid-green-200 - ); - --semantic-color-green-solid-border-inverse-high: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-border-inverse-highest: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-border-static-lowest: var( - --core-color-solid-green-100 - ); - --semantic-color-green-solid-border-static-lower: var( - --core-color-solid-green-200 - ); - --semantic-color-green-solid-border-static-low: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-border-static-mid: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-border-static-high: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-border-static-higher: var( - --core-color-solid-green-1200 - ); - --semantic-color-green-solid-border-static-highest: var( - --core-color-solid-green-1300 - ); - --semantic-color-green-solid-textIcon-normal-lowest: var( - --core-color-solid-green-1200 - ); - --semantic-color-green-solid-textIcon-normal-low: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-textIcon-normal-mid: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-textIcon-normal-high: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-textIcon-inverse-lowest: var( - --core-color-solid-green-200 - ); - --semantic-color-green-solid-textIcon-inverse-low: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-textIcon-inverse-mid: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-textIcon-inverse-high: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-textIcon-static-lowest: var( - --core-color-solid-green-200 - ); - --semantic-color-green-solid-textIcon-static-low: var( - --core-color-solid-green-500 - ); - --semantic-color-green-solid-textIcon-static-mid: var( - --core-color-solid-green-700 - ); - --semantic-color-green-solid-textIcon-static-high: var( - --core-color-solid-green-900 - ); - --semantic-color-green-solid-textIcon-static-highest: var( - --core-color-solid-green-1200 - ); - --semantic-color-green-opacity-surface-lowest: var( - --core-color-opacity-green-75 - ); - --semantic-color-green-opacity-surface-low: var( - --core-color-opacity-green-100 - ); - --semantic-color-green-opacity-surface-midLow: var( - --core-color-opacity-green-200 - ); - --semantic-color-green-opacity-surface-midHigh: var( - --core-color-opacity-green-300 - ); - --semantic-color-green-opacity-surface-high: var( - --core-color-opacity-green-700 - ); - --semantic-color-green-opacity-surface-highest: var( - --core-color-opacity-green-800 - ); - --semantic-color-green-opacity-border-lowest: var( - --core-color-opacity-green-75 - ); - --semantic-color-green-opacity-border-lower: var( - --core-color-opacity-green-100 - ); - --semantic-color-green-opacity-border-low: var( - --core-color-opacity-green-200 - ); - --semantic-color-green-opacity-border-mid: var( - --core-color-opacity-green-300 - ); - --semantic-color-green-opacity-border-high: var( - --core-color-opacity-green-600 - ); - --semantic-color-green-opacity-border-higher: var( - --core-color-opacity-green-700 - ); - --semantic-color-green-opacity-border-highest: var( - --core-color-opacity-green-800 - ); - --semantic-color-green-opacity-textIcon-low: var( - --core-color-opacity-green-300 - ); - --semantic-color-green-opacity-textIcon-mid: var( - --core-color-opacity-green-400 - ); - --semantic-color-green-opacity-textIcon-high: var( - --core-color-opacity-green-600 - ); - --semantic-color-emerald-solid-surface-normal-lowest: var( - --core-color-solid-emerald-1300 - ); - --semantic-color-emerald-solid-surface-normal-low: var( - --core-color-solid-emerald-1200 - ); - --semantic-color-emerald-solid-surface-normal-mid: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-surface-normal-high: var( - --core-color-solid-emerald-800 - ); - --semantic-color-emerald-solid-surface-normal-highest: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-surface-inverse-lowest: var( - --core-color-solid-emerald-100 - ); - --semantic-color-emerald-solid-surface-inverse-low: var( - --core-color-solid-emerald-200 - ); - --semantic-color-emerald-solid-surface-inverse-mid: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-surface-inverse-high: var( - --core-color-solid-emerald-600 - ); - --semantic-color-emerald-solid-surface-inverse-highest: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-surface-static-lowest: var( - --core-color-solid-emerald-100 - ); - --semantic-color-emerald-solid-surface-static-lower: var( - --core-color-solid-emerald-200 - ); - --semantic-color-emerald-solid-surface-static-low: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-surface-static-midLow: var( - --core-color-solid-emerald-600 - ); - --semantic-color-emerald-solid-surface-static-mid: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-surface-static-midHigh: var( - --core-color-solid-emerald-800 - ); - --semantic-color-emerald-solid-surface-static-high: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-surface-static-higher: var( - --core-color-solid-emerald-1200 - ); - --semantic-color-emerald-solid-surface-static-highest: var( - --core-color-solid-emerald-1300 - ); - --semantic-color-emerald-solid-border-normal-low: var( - --core-color-solid-emerald-1300 - ); - --semantic-color-emerald-solid-border-normal-mid: var( - --core-color-solid-emerald-1200 - ); - --semantic-color-emerald-solid-border-normal-high: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-border-normal-highest: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-border-inverse-low: var( - --core-color-solid-emerald-100 - ); - --semantic-color-emerald-solid-border-inverse-mid: var( - --core-color-solid-emerald-200 - ); - --semantic-color-emerald-solid-border-inverse-high: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-border-inverse-highest: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-border-static-lowest: var( - --core-color-solid-emerald-100 - ); - --semantic-color-emerald-solid-border-static-lower: var( - --core-color-solid-emerald-200 - ); - --semantic-color-emerald-solid-border-static-low: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-border-static-mid: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-border-static-high: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-border-static-higher: var( - --core-color-solid-emerald-1200 - ); - --semantic-color-emerald-solid-border-static-highest: var( - --core-color-solid-emerald-1300 - ); - --semantic-color-emerald-solid-textIcon-normal-lowest: var( - --core-color-solid-emerald-1200 - ); - --semantic-color-emerald-solid-textIcon-normal-low: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-textIcon-normal-mid: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-textIcon-normal-high: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-textIcon-inverse-lowest: var( - --core-color-solid-emerald-200 - ); - --semantic-color-emerald-solid-textIcon-inverse-low: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-textIcon-inverse-mid: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-textIcon-inverse-high: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-textIcon-static-lowest: var( - --core-color-solid-emerald-200 - ); - --semantic-color-emerald-solid-textIcon-static-low: var( - --core-color-solid-emerald-500 - ); - --semantic-color-emerald-solid-textIcon-static-mid: var( - --core-color-solid-emerald-700 - ); - --semantic-color-emerald-solid-textIcon-static-high: var( - --core-color-solid-emerald-900 - ); - --semantic-color-emerald-solid-textIcon-static-highest: var( - --core-color-solid-emerald-1200 - ); - --semantic-color-emerald-opacity-surface-lowest: var( - --core-color-opacity-emerald-75 - ); - --semantic-color-emerald-opacity-surface-low: var( - --core-color-opacity-emerald-100 - ); - --semantic-color-emerald-opacity-surface-midLow: var( - --core-color-opacity-emerald-200 - ); - --semantic-color-emerald-opacity-surface-midHigh: var( - --core-color-opacity-emerald-300 - ); - --semantic-color-emerald-opacity-surface-high: var( - --core-color-opacity-emerald-700 - ); - --semantic-color-emerald-opacity-surface-highest: var( - --core-color-opacity-emerald-800 - ); - --semantic-color-emerald-opacity-border-lowest: var( - --core-color-opacity-emerald-75 - ); - --semantic-color-emerald-opacity-border-lower: var( - --core-color-opacity-emerald-100 - ); - --semantic-color-emerald-opacity-border-low: var( - --core-color-opacity-emerald-200 - ); - --semantic-color-emerald-opacity-border-mid: var( - --core-color-opacity-emerald-300 - ); - --semantic-color-emerald-opacity-border-high: var( - --core-color-opacity-emerald-600 - ); - --semantic-color-emerald-opacity-border-higher: var( - --core-color-opacity-emerald-700 - ); - --semantic-color-emerald-opacity-border-highest: var( - --core-color-opacity-emerald-800 - ); - --semantic-color-emerald-opacity-textIcon-low: var( - --core-color-opacity-emerald-300 - ); - --semantic-color-emerald-opacity-textIcon-mid: var( - --core-color-opacity-emerald-400 - ); - --semantic-color-emerald-opacity-textIcon-high: var( - --core-color-opacity-emerald-600 - ); - --semantic-color-tiffany-solid-surface-normal-lowest: var( - --core-color-solid-tiffany-1300 - ); - --semantic-color-tiffany-solid-surface-normal-low: var( - --core-color-solid-tiffany-1200 - ); - --semantic-color-tiffany-solid-surface-normal-mid: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-surface-normal-high: var( - --core-color-solid-tiffany-800 - ); - --semantic-color-tiffany-solid-surface-normal-highest: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-surface-inverse-lowest: var( - --core-color-solid-tiffany-100 - ); - --semantic-color-tiffany-solid-surface-inverse-low: var( - --core-color-solid-tiffany-200 - ); - --semantic-color-tiffany-solid-surface-inverse-mid: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-surface-inverse-high: var( - --core-color-solid-tiffany-600 - ); - --semantic-color-tiffany-solid-surface-inverse-highest: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-surface-static-lowest: var( - --core-color-solid-tiffany-100 - ); - --semantic-color-tiffany-solid-surface-static-lower: var( - --core-color-solid-tiffany-200 - ); - --semantic-color-tiffany-solid-surface-static-low: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-surface-static-midLow: var( - --core-color-solid-tiffany-600 - ); - --semantic-color-tiffany-solid-surface-static-mid: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-surface-static-midHigh: var( - --core-color-solid-tiffany-800 - ); - --semantic-color-tiffany-solid-surface-static-high: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-surface-static-higher: var( - --core-color-solid-tiffany-1200 - ); - --semantic-color-tiffany-solid-surface-static-highest: var( - --core-color-solid-tiffany-1300 - ); - --semantic-color-tiffany-solid-border-normal-low: var( - --core-color-solid-tiffany-1300 - ); - --semantic-color-tiffany-solid-border-normal-mid: var( - --core-color-solid-tiffany-1200 - ); - --semantic-color-tiffany-solid-border-normal-high: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-border-normal-highest: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-border-inverse-low: var( - --core-color-solid-tiffany-100 - ); - --semantic-color-tiffany-solid-border-inverse-mid: var( - --core-color-solid-tiffany-200 - ); - --semantic-color-tiffany-solid-border-inverse-high: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-border-inverse-highest: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-border-static-lowest: var( - --core-color-solid-tiffany-100 - ); - --semantic-color-tiffany-solid-border-static-lower: var( - --core-color-solid-tiffany-200 - ); - --semantic-color-tiffany-solid-border-static-low: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-border-static-mid: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-border-static-high: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-border-static-higher: var( - --core-color-solid-tiffany-1200 - ); - --semantic-color-tiffany-solid-border-static-highest: var( - --core-color-solid-tiffany-1300 - ); - --semantic-color-tiffany-solid-textIcon-normal-lowest: var( - --core-color-solid-tiffany-1200 - ); - --semantic-color-tiffany-solid-textIcon-normal-low: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-textIcon-normal-mid: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-textIcon-normal-high: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-textIcon-inverse-lowest: var( - --core-color-solid-tiffany-200 - ); - --semantic-color-tiffany-solid-textIcon-inverse-low: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-textIcon-inverse-mid: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-textIcon-inverse-high: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-textIcon-static-lowest: var( - --core-color-solid-tiffany-200 - ); - --semantic-color-tiffany-solid-textIcon-static-low: var( - --core-color-solid-tiffany-500 - ); - --semantic-color-tiffany-solid-textIcon-static-mid: var( - --core-color-solid-tiffany-700 - ); - --semantic-color-tiffany-solid-textIcon-static-high: var( - --core-color-solid-tiffany-900 - ); - --semantic-color-tiffany-solid-textIcon-static-highest: var( - --core-color-solid-tiffany-1200 - ); - --semantic-color-tiffany-opacity-surface-lowest: var( - --core-color-opacity-tiffany-75 - ); - --semantic-color-tiffany-opacity-surface-low: var( - --core-color-opacity-tiffany-100 - ); - --semantic-color-tiffany-opacity-surface-midLow: var( - --core-color-opacity-tiffany-200 - ); - --semantic-color-tiffany-opacity-surface-midHigh: var( - --core-color-opacity-tiffany-300 - ); - --semantic-color-tiffany-opacity-surface-high: var( - --core-color-opacity-tiffany-700 - ); - --semantic-color-tiffany-opacity-surface-highest: var( - --core-color-opacity-tiffany-800 - ); - --semantic-color-tiffany-opacity-border-lowest: var( - --core-color-opacity-tiffany-75 - ); - --semantic-color-tiffany-opacity-border-lower: var( - --core-color-opacity-tiffany-100 - ); - --semantic-color-tiffany-opacity-border-low: var( - --core-color-opacity-tiffany-200 - ); - --semantic-color-tiffany-opacity-border-mid: var( - --core-color-opacity-tiffany-300 - ); - --semantic-color-tiffany-opacity-border-high: var( - --core-color-opacity-tiffany-600 - ); - --semantic-color-tiffany-opacity-border-higher: var( - --core-color-opacity-tiffany-700 - ); - --semantic-color-tiffany-opacity-border-highest: var( - --core-color-opacity-tiffany-800 - ); - --semantic-color-tiffany-opacity-textIcon-low: var( - --core-color-opacity-tiffany-300 - ); - --semantic-color-tiffany-opacity-textIcon-mid: var( - --core-color-opacity-tiffany-400 - ); - --semantic-color-tiffany-opacity-textIcon-high: var( - --core-color-opacity-tiffany-600 - ); - --semantic-color-teal-solid-surface-normal-lowest: var( - --core-color-solid-teal-1300 - ); - --semantic-color-teal-solid-surface-normal-low: var( - --core-color-solid-teal-1200 - ); - --semantic-color-teal-solid-surface-normal-mid: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-surface-normal-high: var( - --core-color-solid-teal-800 - ); - --semantic-color-teal-solid-surface-normal-highest: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-surface-inverse-lowest: var( - --core-color-solid-teal-100 - ); - --semantic-color-teal-solid-surface-inverse-low: var( - --core-color-solid-teal-200 - ); - --semantic-color-teal-solid-surface-inverse-mid: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-surface-inverse-high: var( - --core-color-solid-teal-600 - ); - --semantic-color-teal-solid-surface-inverse-highest: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-surface-static-lowest: var( - --core-color-solid-teal-100 - ); - --semantic-color-teal-solid-surface-static-lower: var( - --core-color-solid-teal-200 - ); - --semantic-color-teal-solid-surface-static-low: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-surface-static-midLow: var( - --core-color-solid-teal-600 - ); - --semantic-color-teal-solid-surface-static-mid: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-surface-static-midHigh: var( - --core-color-solid-teal-800 - ); - --semantic-color-teal-solid-surface-static-high: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-surface-static-higher: var( - --core-color-solid-teal-1200 - ); - --semantic-color-teal-solid-surface-static-highest: var( - --core-color-solid-teal-1300 - ); - --semantic-color-teal-solid-border-normal-low: var( - --core-color-solid-teal-1300 - ); - --semantic-color-teal-solid-border-normal-mid: var( - --core-color-solid-teal-1200 - ); - --semantic-color-teal-solid-border-normal-high: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-border-normal-highest: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-border-inverse-low: var( - --core-color-solid-teal-100 - ); - --semantic-color-teal-solid-border-inverse-mid: var( - --core-color-solid-teal-200 - ); - --semantic-color-teal-solid-border-inverse-high: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-border-inverse-highest: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-border-static-lowest: var( - --core-color-solid-teal-100 - ); - --semantic-color-teal-solid-border-static-lower: var( - --core-color-solid-teal-200 - ); - --semantic-color-teal-solid-border-static-low: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-border-static-mid: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-border-static-high: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-border-static-higher: var( - --core-color-solid-teal-1200 - ); - --semantic-color-teal-solid-border-static-highest: var( - --core-color-solid-teal-1300 - ); - --semantic-color-teal-solid-textIcon-normal-lowest: var( - --core-color-solid-teal-1200 - ); - --semantic-color-teal-solid-textIcon-normal-low: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-textIcon-normal-mid: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-textIcon-normal-high: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-textIcon-inverse-lowest: var( - --core-color-solid-teal-200 - ); - --semantic-color-teal-solid-textIcon-inverse-low: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-textIcon-inverse-mid: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-textIcon-inverse-high: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-textIcon-static-lowest: var( - --core-color-solid-teal-200 - ); - --semantic-color-teal-solid-textIcon-static-low: var( - --core-color-solid-teal-500 - ); - --semantic-color-teal-solid-textIcon-static-mid: var( - --core-color-solid-teal-700 - ); - --semantic-color-teal-solid-textIcon-static-high: var( - --core-color-solid-teal-900 - ); - --semantic-color-teal-solid-textIcon-static-highest: var( - --core-color-solid-teal-1200 - ); - --semantic-color-teal-opacity-surface-lowest: var( - --core-color-opacity-teal-75 - ); - --semantic-color-teal-opacity-surface-low: var( - --core-color-opacity-teal-100 - ); - --semantic-color-teal-opacity-surface-midLow: var( - --core-color-opacity-teal-200 - ); - --semantic-color-teal-opacity-surface-midHigh: var( - --core-color-opacity-teal-300 - ); - --semantic-color-teal-opacity-surface-high: var( - --core-color-opacity-teal-700 - ); - --semantic-color-teal-opacity-surface-highest: var( - --core-color-opacity-teal-800 - ); - --semantic-color-teal-opacity-border-lowest: var( - --core-color-opacity-teal-75 - ); - --semantic-color-teal-opacity-border-lower: var( - --core-color-opacity-teal-100 - ); - --semantic-color-teal-opacity-border-low: var( - --core-color-opacity-teal-200 - ); - --semantic-color-teal-opacity-border-mid: var( - --core-color-opacity-teal-300 - ); - --semantic-color-teal-opacity-border-high: var( - --core-color-opacity-teal-600 - ); - --semantic-color-teal-opacity-border-higher: var( - --core-color-opacity-teal-700 - ); - --semantic-color-teal-opacity-border-highest: var( - --core-color-opacity-teal-800 - ); - --semantic-color-teal-opacity-textIcon-low: var( - --core-color-opacity-teal-300 - ); - --semantic-color-teal-opacity-textIcon-mid: var( - --core-color-opacity-teal-400 - ); - --semantic-color-teal-opacity-textIcon-high: var( - --core-color-opacity-teal-600 - ); - --semantic-color-seawater-solid-surface-normal-lowest: var( - --core-color-solid-seawater-1300 - ); - --semantic-color-seawater-solid-surface-normal-low: var( - --core-color-solid-seawater-1200 - ); - --semantic-color-seawater-solid-surface-normal-mid: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-surface-normal-high: var( - --core-color-solid-seawater-800 - ); - --semantic-color-seawater-solid-surface-normal-highest: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-surface-inverse-lowest: var( - --core-color-solid-seawater-100 - ); - --semantic-color-seawater-solid-surface-inverse-low: var( - --core-color-solid-seawater-200 - ); - --semantic-color-seawater-solid-surface-inverse-mid: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-surface-inverse-high: var( - --core-color-solid-seawater-600 - ); - --semantic-color-seawater-solid-surface-inverse-highest: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-surface-static-lowest: var( - --core-color-solid-seawater-100 - ); - --semantic-color-seawater-solid-surface-static-lower: var( - --core-color-solid-seawater-200 - ); - --semantic-color-seawater-solid-surface-static-low: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-surface-static-midLow: var( - --core-color-solid-seawater-600 - ); - --semantic-color-seawater-solid-surface-static-mid: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-surface-static-midHigh: var( - --core-color-solid-seawater-800 - ); - --semantic-color-seawater-solid-surface-static-high: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-surface-static-higher: var( - --core-color-solid-seawater-1200 - ); - --semantic-color-seawater-solid-surface-static-highest: var( - --core-color-solid-seawater-1300 - ); - --semantic-color-seawater-solid-border-normal-low: var( - --core-color-solid-seawater-1300 - ); - --semantic-color-seawater-solid-border-normal-mid: var( - --core-color-solid-seawater-1200 - ); - --semantic-color-seawater-solid-border-normal-high: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-border-normal-highest: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-border-inverse-low: var( - --core-color-solid-seawater-100 - ); - --semantic-color-seawater-solid-border-inverse-mid: var( - --core-color-solid-seawater-200 - ); - --semantic-color-seawater-solid-border-inverse-high: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-border-inverse-highest: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-border-static-lowest: var( - --core-color-solid-seawater-100 - ); - --semantic-color-seawater-solid-border-static-lower: var( - --core-color-solid-seawater-200 - ); - --semantic-color-seawater-solid-border-static-low: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-border-static-mid: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-border-static-high: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-border-static-higher: var( - --core-color-solid-seawater-1200 - ); - --semantic-color-seawater-solid-border-static-highest: var( - --core-color-solid-seawater-1300 - ); - --semantic-color-seawater-solid-textIcon-normal-lowest: var( - --core-color-solid-seawater-1200 - ); - --semantic-color-seawater-solid-textIcon-normal-low: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-textIcon-normal-mid: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-textIcon-normal-high: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-textIcon-inverse-lowest: var( - --core-color-solid-seawater-200 - ); - --semantic-color-seawater-solid-textIcon-inverse-low: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-textIcon-inverse-mid: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-textIcon-inverse-high: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-textIcon-static-lowest: var( - --core-color-solid-seawater-200 - ); - --semantic-color-seawater-solid-textIcon-static-low: var( - --core-color-solid-seawater-500 - ); - --semantic-color-seawater-solid-textIcon-static-mid: var( - --core-color-solid-seawater-700 - ); - --semantic-color-seawater-solid-textIcon-static-high: var( - --core-color-solid-seawater-900 - ); - --semantic-color-seawater-solid-textIcon-static-highest: var( - --core-color-solid-seawater-1200 - ); - --semantic-color-seawater-opacity-surface-lowest: var( - --core-color-opacity-seawater-75 - ); - --semantic-color-seawater-opacity-surface-low: var( - --core-color-opacity-seawater-100 - ); - --semantic-color-seawater-opacity-surface-midLow: var( - --core-color-opacity-seawater-200 - ); - --semantic-color-seawater-opacity-surface-midHigh: var( - --core-color-opacity-seawater-300 - ); - --semantic-color-seawater-opacity-surface-high: var( - --core-color-opacity-seawater-700 - ); - --semantic-color-seawater-opacity-surface-highest: var( - --core-color-opacity-seawater-800 - ); - --semantic-color-seawater-opacity-border-lowest: var( - --core-color-opacity-seawater-75 - ); - --semantic-color-seawater-opacity-border-lower: var( - --core-color-opacity-seawater-100 - ); - --semantic-color-seawater-opacity-border-low: var( - --core-color-opacity-seawater-200 - ); - --semantic-color-seawater-opacity-border-mid: var( - --core-color-opacity-seawater-300 - ); - --semantic-color-seawater-opacity-border-high: var( - --core-color-opacity-seawater-600 - ); - --semantic-color-seawater-opacity-border-higher: var( - --core-color-opacity-seawater-700 - ); - --semantic-color-seawater-opacity-border-highest: var( - --core-color-opacity-seawater-800 - ); - --semantic-color-seawater-opacity-textIcon-low: var( - --core-color-opacity-seawater-300 - ); - --semantic-color-seawater-opacity-textIcon-mid: var( - --core-color-opacity-seawater-400 - ); - --semantic-color-seawater-opacity-textIcon-high: var( - --core-color-opacity-seawater-600 - ); - --semantic-color-blue-solid-surface-normal-lowest: var( - --core-color-solid-blue-1300 - ); - --semantic-color-blue-solid-surface-normal-low: var( - --core-color-solid-blue-1200 - ); - --semantic-color-blue-solid-surface-normal-mid: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-surface-normal-high: var( - --core-color-solid-blue-800 - ); - --semantic-color-blue-solid-surface-normal-highest: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-surface-inverse-lowest: var( - --core-color-solid-blue-100 - ); - --semantic-color-blue-solid-surface-inverse-low: var( - --core-color-solid-blue-200 - ); - --semantic-color-blue-solid-surface-inverse-mid: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-surface-inverse-high: var( - --core-color-solid-blue-600 - ); - --semantic-color-blue-solid-surface-inverse-highest: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-surface-static-lowest: var( - --core-color-solid-blue-100 - ); - --semantic-color-blue-solid-surface-static-lower: var( - --core-color-solid-blue-200 - ); - --semantic-color-blue-solid-surface-static-low: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-surface-static-midLow: var( - --core-color-solid-blue-600 - ); - --semantic-color-blue-solid-surface-static-mid: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-surface-static-midHigh: var( - --core-color-solid-blue-800 - ); - --semantic-color-blue-solid-surface-static-high: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-surface-static-higher: var( - --core-color-solid-blue-1200 - ); - --semantic-color-blue-solid-surface-static-highest: var( - --core-color-solid-blue-1300 - ); - --semantic-color-blue-solid-border-normal-low: var( - --core-color-solid-blue-1300 - ); - --semantic-color-blue-solid-border-normal-mid: var( - --core-color-solid-blue-1200 - ); - --semantic-color-blue-solid-border-normal-high: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-border-normal-highest: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-border-inverse-low: var( - --core-color-solid-blue-100 - ); - --semantic-color-blue-solid-border-inverse-mid: var( - --core-color-solid-blue-200 - ); - --semantic-color-blue-solid-border-inverse-high: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-border-inverse-highest: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-border-static-lowest: var( - --core-color-solid-blue-100 - ); - --semantic-color-blue-solid-border-static-lower: var( - --core-color-solid-blue-200 - ); - --semantic-color-blue-solid-border-static-low: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-border-static-mid: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-border-static-high: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-border-static-higher: var( - --core-color-solid-blue-1200 - ); - --semantic-color-blue-solid-border-static-highest: var( - --core-color-solid-blue-1300 - ); - --semantic-color-blue-solid-textIcon-normal-lowest: var( - --core-color-solid-blue-1200 - ); - --semantic-color-blue-solid-textIcon-normal-low: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-textIcon-normal-mid: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-textIcon-normal-high: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-textIcon-inverse-lowest: var( - --core-color-solid-blue-200 - ); - --semantic-color-blue-solid-textIcon-inverse-low: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-textIcon-inverse-mid: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-textIcon-inverse-high: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-textIcon-static-lowest: var( - --core-color-solid-blue-200 - ); - --semantic-color-blue-solid-textIcon-static-low: var( - --core-color-solid-blue-500 - ); - --semantic-color-blue-solid-textIcon-static-mid: var( - --core-color-solid-blue-700 - ); - --semantic-color-blue-solid-textIcon-static-high: var( - --core-color-solid-blue-900 - ); - --semantic-color-blue-solid-textIcon-static-highest: var( - --core-color-solid-blue-1200 - ); - --semantic-color-blue-opacity-surface-lowest: var( - --core-color-opacity-blue-75 - ); - --semantic-color-blue-opacity-surface-low: var( - --core-color-opacity-blue-100 - ); - --semantic-color-blue-opacity-surface-midLow: var( - --core-color-opacity-blue-200 - ); - --semantic-color-blue-opacity-surface-midHigh: var( - --core-color-opacity-blue-300 - ); - --semantic-color-blue-opacity-surface-high: var( - --core-color-opacity-blue-700 - ); - --semantic-color-blue-opacity-surface-highest: var( - --core-color-opacity-blue-800 - ); - --semantic-color-blue-opacity-border-lowest: var( - --core-color-opacity-blue-75 - ); - --semantic-color-blue-opacity-border-lower: var( - --core-color-opacity-blue-100 - ); - --semantic-color-blue-opacity-border-low: var( - --core-color-opacity-blue-200 - ); - --semantic-color-blue-opacity-border-mid: var( - --core-color-opacity-blue-300 - ); - --semantic-color-blue-opacity-border-high: var( - --core-color-opacity-blue-600 - ); - --semantic-color-blue-opacity-border-higher: var( - --core-color-opacity-blue-700 - ); - --semantic-color-blue-opacity-border-highest: var( - --core-color-opacity-blue-800 - ); - --semantic-color-blue-opacity-textIcon-low: var( - --core-color-opacity-blue-300 - ); - --semantic-color-blue-opacity-textIcon-mid: var( - --core-color-opacity-blue-400 - ); - --semantic-color-blue-opacity-textIcon-high: var( - --core-color-opacity-blue-600 - ); - --semantic-color-sapphire-solid-surface-normal-lowest: var( - --core-color-solid-sapphire-1300 - ); - --semantic-color-sapphire-solid-surface-normal-low: var( - --core-color-solid-sapphire-1200 - ); - --semantic-color-sapphire-solid-surface-normal-mid: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-surface-normal-high: var( - --core-color-solid-sapphire-800 - ); - --semantic-color-sapphire-solid-surface-normal-highest: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-surface-inverse-lowest: var( - --core-color-solid-sapphire-100 - ); - --semantic-color-sapphire-solid-surface-inverse-low: var( - --core-color-solid-sapphire-200 - ); - --semantic-color-sapphire-solid-surface-inverse-mid: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-surface-inverse-high: var( - --core-color-solid-sapphire-600 - ); - --semantic-color-sapphire-solid-surface-inverse-highest: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-surface-static-lowest: var( - --core-color-solid-sapphire-100 - ); - --semantic-color-sapphire-solid-surface-static-lower: var( - --core-color-solid-sapphire-200 - ); - --semantic-color-sapphire-solid-surface-static-low: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-surface-static-midLow: var( - --core-color-solid-sapphire-600 - ); - --semantic-color-sapphire-solid-surface-static-mid: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-surface-static-midHigh: var( - --core-color-solid-sapphire-800 - ); - --semantic-color-sapphire-solid-surface-static-high: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-surface-static-higher: var( - --core-color-solid-sapphire-1200 - ); - --semantic-color-sapphire-solid-surface-static-highest: var( - --core-color-solid-sapphire-1300 - ); - --semantic-color-sapphire-solid-border-normal-low: var( - --core-color-solid-sapphire-1300 - ); - --semantic-color-sapphire-solid-border-normal-mid: var( - --core-color-solid-sapphire-1200 - ); - --semantic-color-sapphire-solid-border-normal-high: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-border-normal-highest: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-border-inverse-low: var( - --core-color-solid-sapphire-100 - ); - --semantic-color-sapphire-solid-border-inverse-mid: var( - --core-color-solid-sapphire-200 - ); - --semantic-color-sapphire-solid-border-inverse-high: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-border-inverse-highest: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-border-static-lowest: var( - --core-color-solid-sapphire-100 - ); - --semantic-color-sapphire-solid-border-static-lower: var( - --core-color-solid-sapphire-200 - ); - --semantic-color-sapphire-solid-border-static-low: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-border-static-mid: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-border-static-high: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-border-static-higher: var( - --core-color-solid-sapphire-1200 - ); - --semantic-color-sapphire-solid-border-static-highest: var( - --core-color-solid-sapphire-1300 - ); - --semantic-color-sapphire-solid-textIcon-normal-lowest: var( - --core-color-solid-sapphire-1200 - ); - --semantic-color-sapphire-solid-textIcon-normal-low: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-textIcon-normal-mid: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-textIcon-normal-high: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-textIcon-inverse-lowest: var( - --core-color-solid-sapphire-200 - ); - --semantic-color-sapphire-solid-textIcon-inverse-low: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-textIcon-inverse-mid: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-textIcon-inverse-high: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-textIcon-static-lowest: var( - --core-color-solid-sapphire-200 - ); - --semantic-color-sapphire-solid-textIcon-static-low: var( - --core-color-solid-sapphire-500 - ); - --semantic-color-sapphire-solid-textIcon-static-mid: var( - --core-color-solid-sapphire-700 - ); - --semantic-color-sapphire-solid-textIcon-static-high: var( - --core-color-solid-sapphire-900 - ); - --semantic-color-sapphire-solid-textIcon-static-highest: var( - --core-color-solid-sapphire-1200 - ); - --semantic-color-sapphire-opacity-surface-lowest: var( - --core-color-opacity-sapphire-75 - ); - --semantic-color-sapphire-opacity-surface-low: var( - --core-color-opacity-sapphire-100 - ); - --semantic-color-sapphire-opacity-surface-midLow: var( - --core-color-opacity-sapphire-200 - ); - --semantic-color-sapphire-opacity-surface-midHigh: var( - --core-color-opacity-sapphire-300 - ); - --semantic-color-sapphire-opacity-surface-high: var( - --core-color-opacity-sapphire-700 - ); - --semantic-color-sapphire-opacity-surface-highest: var( - --core-color-opacity-sapphire-800 - ); - --semantic-color-sapphire-opacity-border-lowest: var( - --core-color-opacity-sapphire-75 - ); - --semantic-color-sapphire-opacity-border-lower: var( - --core-color-opacity-sapphire-100 - ); - --semantic-color-sapphire-opacity-border-low: var( - --core-color-opacity-sapphire-200 - ); - --semantic-color-sapphire-opacity-border-mid: var( - --core-color-opacity-sapphire-300 - ); - --semantic-color-sapphire-opacity-border-high: var( - --core-color-opacity-sapphire-600 - ); - --semantic-color-sapphire-opacity-border-higher: var( - --core-color-opacity-sapphire-700 - ); - --semantic-color-sapphire-opacity-border-highest: var( - --core-color-opacity-sapphire-800 - ); - --semantic-color-sapphire-opacity-textIcon-low: var( - --core-color-opacity-sapphire-300 - ); - --semantic-color-sapphire-opacity-textIcon-mid: var( - --core-color-opacity-sapphire-400 - ); - --semantic-color-sapphire-opacity-textIcon-high: var( - --core-color-opacity-sapphire-600 - ); - --semantic-color-blueberry-solid-surface-normal-lowest: var( - --core-color-solid-blueberry-1300 - ); - --semantic-color-blueberry-solid-surface-normal-low: var( - --core-color-solid-blueberry-1200 - ); - --semantic-color-blueberry-solid-surface-normal-mid: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-surface-normal-high: var( - --core-color-solid-blueberry-800 - ); - --semantic-color-blueberry-solid-surface-normal-highest: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-surface-inverse-lowest: var( - --core-color-solid-blueberry-100 - ); - --semantic-color-blueberry-solid-surface-inverse-low: var( - --core-color-solid-blueberry-200 - ); - --semantic-color-blueberry-solid-surface-inverse-mid: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-surface-inverse-high: var( - --core-color-solid-blueberry-600 - ); - --semantic-color-blueberry-solid-surface-inverse-highest: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-surface-static-lowest: var( - --core-color-solid-blueberry-100 - ); - --semantic-color-blueberry-solid-surface-static-lower: var( - --core-color-solid-blueberry-200 - ); - --semantic-color-blueberry-solid-surface-static-low: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-surface-static-midLow: var( - --core-color-solid-blueberry-600 - ); - --semantic-color-blueberry-solid-surface-static-mid: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-surface-static-midHigh: var( - --core-color-solid-blueberry-800 - ); - --semantic-color-blueberry-solid-surface-static-high: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-surface-static-higher: var( - --core-color-solid-blueberry-1200 - ); - --semantic-color-blueberry-solid-surface-static-highest: var( - --core-color-solid-blueberry-1300 - ); - --semantic-color-blueberry-solid-border-normal-low: var( - --core-color-solid-blueberry-1300 - ); - --semantic-color-blueberry-solid-border-normal-mid: var( - --core-color-solid-blueberry-1200 - ); - --semantic-color-blueberry-solid-border-normal-high: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-border-normal-highest: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-border-inverse-low: var( - --core-color-solid-blueberry-100 - ); - --semantic-color-blueberry-solid-border-inverse-mid: var( - --core-color-solid-blueberry-200 - ); - --semantic-color-blueberry-solid-border-inverse-high: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-border-inverse-highest: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-border-static-lowest: var( - --core-color-solid-blueberry-100 - ); - --semantic-color-blueberry-solid-border-static-lower: var( - --core-color-solid-blueberry-200 - ); - --semantic-color-blueberry-solid-border-static-low: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-border-static-mid: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-border-static-high: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-border-static-higher: var( - --core-color-solid-blueberry-1200 - ); - --semantic-color-blueberry-solid-border-static-highest: var( - --core-color-solid-blueberry-1300 - ); - --semantic-color-blueberry-solid-textIcon-normal-lowest: var( - --core-color-solid-blueberry-1200 - ); - --semantic-color-blueberry-solid-textIcon-normal-low: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-textIcon-normal-mid: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-textIcon-normal-high: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-textIcon-inverse-lowest: var( - --core-color-solid-blueberry-200 - ); - --semantic-color-blueberry-solid-textIcon-inverse-low: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-textIcon-inverse-mid: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-textIcon-inverse-high: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-textIcon-static-lowest: var( - --core-color-solid-blueberry-200 - ); - --semantic-color-blueberry-solid-textIcon-static-low: var( - --core-color-solid-blueberry-500 - ); - --semantic-color-blueberry-solid-textIcon-static-mid: var( - --core-color-solid-blueberry-700 - ); - --semantic-color-blueberry-solid-textIcon-static-high: var( - --core-color-solid-blueberry-900 - ); - --semantic-color-blueberry-solid-textIcon-static-highest: var( - --core-color-solid-blueberry-1200 - ); - --semantic-color-blueberry-opacity-surface-lowest: var( - --core-color-opacity-blueberry-75 - ); - --semantic-color-blueberry-opacity-surface-low: var( - --core-color-opacity-blueberry-100 - ); - --semantic-color-blueberry-opacity-surface-midLow: var( - --core-color-opacity-blueberry-200 - ); - --semantic-color-blueberry-opacity-surface-midHigh: var( - --core-color-opacity-blueberry-300 - ); - --semantic-color-blueberry-opacity-surface-high: var( - --core-color-opacity-blueberry-700 - ); - --semantic-color-blueberry-opacity-surface-highest: var( - --core-color-opacity-blueberry-800 - ); - --semantic-color-blueberry-opacity-border-lowest: var( - --core-color-opacity-blueberry-75 - ); - --semantic-color-blueberry-opacity-border-lower: var( - --core-color-opacity-blueberry-100 - ); - --semantic-color-blueberry-opacity-border-low: var( - --core-color-opacity-blueberry-200 - ); - --semantic-color-blueberry-opacity-border-mid: var( - --core-color-opacity-blueberry-300 - ); - --semantic-color-blueberry-opacity-border-high: var( - --core-color-opacity-blueberry-600 - ); - --semantic-color-blueberry-opacity-border-higher: var( - --core-color-opacity-blueberry-700 - ); - --semantic-color-blueberry-opacity-border-highest: var( - --core-color-opacity-blueberry-800 - ); - --semantic-color-blueberry-opacity-textIcon-low: var( - --core-color-opacity-blueberry-300 - ); - --semantic-color-blueberry-opacity-textIcon-mid: var( - --core-color-opacity-blueberry-400 - ); - --semantic-color-blueberry-opacity-textIcon-high: var( - --core-color-opacity-blueberry-600 - ); - --semantic-color-grape-solid-surface-normal-lowest: var( - --core-color-solid-grape-1300 - ); - --semantic-color-grape-solid-surface-normal-low: var( - --core-color-solid-grape-1200 - ); - --semantic-color-grape-solid-surface-normal-mid: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-surface-normal-high: var( - --core-color-solid-grape-800 - ); - --semantic-color-grape-solid-surface-normal-highest: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-surface-inverse-lowest: var( - --core-color-solid-grape-100 - ); - --semantic-color-grape-solid-surface-inverse-low: var( - --core-color-solid-grape-200 - ); - --semantic-color-grape-solid-surface-inverse-mid: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-surface-inverse-high: var( - --core-color-solid-grape-600 - ); - --semantic-color-grape-solid-surface-inverse-highest: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-surface-static-lowest: var( - --core-color-solid-grape-100 - ); - --semantic-color-grape-solid-surface-static-lower: var( - --core-color-solid-grape-200 - ); - --semantic-color-grape-solid-surface-static-low: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-surface-static-midLow: var( - --core-color-solid-grape-600 - ); - --semantic-color-grape-solid-surface-static-mid: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-surface-static-midHigh: var( - --core-color-solid-grape-800 - ); - --semantic-color-grape-solid-surface-static-high: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-surface-static-higher: var( - --core-color-solid-grape-1200 - ); - --semantic-color-grape-solid-surface-static-highest: var( - --core-color-solid-grape-1300 - ); - --semantic-color-grape-solid-border-normal-low: var( - --core-color-solid-grape-1300 - ); - --semantic-color-grape-solid-border-normal-mid: var( - --core-color-solid-grape-1200 - ); - --semantic-color-grape-solid-border-normal-high: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-border-normal-highest: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-border-inverse-low: var( - --core-color-solid-grape-100 - ); - --semantic-color-grape-solid-border-inverse-mid: var( - --core-color-solid-grape-200 - ); - --semantic-color-grape-solid-border-inverse-high: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-border-inverse-highest: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-border-static-lowest: var( - --core-color-solid-grape-100 - ); - --semantic-color-grape-solid-border-static-lower: var( - --core-color-solid-grape-200 - ); - --semantic-color-grape-solid-border-static-low: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-border-static-mid: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-border-static-high: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-border-static-higher: var( - --core-color-solid-grape-1200 - ); - --semantic-color-grape-solid-border-static-highest: var( - --core-color-solid-grape-1300 - ); - --semantic-color-grape-solid-textIcon-normal-lowest: var( - --core-color-solid-grape-1200 - ); - --semantic-color-grape-solid-textIcon-normal-low: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-textIcon-normal-mid: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-textIcon-normal-high: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-textIcon-inverse-lowest: var( - --core-color-solid-grape-200 - ); - --semantic-color-grape-solid-textIcon-inverse-low: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-textIcon-inverse-mid: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-textIcon-inverse-high: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-textIcon-static-lowest: var( - --core-color-solid-grape-200 - ); - --semantic-color-grape-solid-textIcon-static-low: var( - --core-color-solid-grape-500 - ); - --semantic-color-grape-solid-textIcon-static-mid: var( - --core-color-solid-grape-700 - ); - --semantic-color-grape-solid-textIcon-static-high: var( - --core-color-solid-grape-900 - ); - --semantic-color-grape-solid-textIcon-static-highest: var( - --core-color-solid-grape-1200 - ); - --semantic-color-grape-opacity-surface-lowest: var( - --core-color-opacity-grape-75 - ); - --semantic-color-grape-opacity-surface-low: var( - --core-color-opacity-grape-100 - ); - --semantic-color-grape-opacity-surface-midLow: var( - --core-color-opacity-grape-200 - ); - --semantic-color-grape-opacity-surface-midHigh: var( - --core-color-opacity-grape-300 - ); - --semantic-color-grape-opacity-surface-high: var( - --core-color-opacity-grape-700 - ); - --semantic-color-grape-opacity-surface-highest: var( - --core-color-opacity-grape-800 - ); - --semantic-color-grape-opacity-border-lowest: var( - --core-color-opacity-grape-75 - ); - --semantic-color-grape-opacity-border-lower: var( - --core-color-opacity-grape-100 - ); - --semantic-color-grape-opacity-border-low: var( - --core-color-opacity-grape-200 - ); - --semantic-color-grape-opacity-border-mid: var( - --core-color-opacity-grape-300 - ); - --semantic-color-grape-opacity-border-high: var( - --core-color-opacity-grape-600 - ); - --semantic-color-grape-opacity-border-higher: var( - --core-color-opacity-grape-700 - ); - --semantic-color-grape-opacity-border-highest: var( - --core-color-opacity-grape-800 - ); - --semantic-color-grape-opacity-textIcon-low: var( - --core-color-opacity-grape-300 - ); - --semantic-color-grape-opacity-textIcon-mid: var( - --core-color-opacity-grape-400 - ); - --semantic-color-grape-opacity-textIcon-high: var( - --core-color-opacity-grape-600 - ); - --semantic-color-magenta-solid-surface-normal-lowest: var( - --core-color-solid-magenta-1300 - ); - --semantic-color-magenta-solid-surface-normal-low: var( - --core-color-solid-magenta-1200 - ); - --semantic-color-magenta-solid-surface-normal-mid: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-surface-normal-high: var( - --core-color-solid-magenta-800 - ); - --semantic-color-magenta-solid-surface-normal-highest: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-surface-inverse-lowest: var( - --core-color-solid-magenta-100 - ); - --semantic-color-magenta-solid-surface-inverse-low: var( - --core-color-solid-magenta-200 - ); - --semantic-color-magenta-solid-surface-inverse-mid: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-surface-inverse-high: var( - --core-color-solid-magenta-600 - ); - --semantic-color-magenta-solid-surface-inverse-highest: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-surface-static-lowest: var( - --core-color-solid-magenta-100 - ); - --semantic-color-magenta-solid-surface-static-lower: var( - --core-color-solid-magenta-200 - ); - --semantic-color-magenta-solid-surface-static-low: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-surface-static-midLow: var( - --core-color-solid-magenta-600 - ); - --semantic-color-magenta-solid-surface-static-mid: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-surface-static-midHigh: var( - --core-color-solid-magenta-800 - ); - --semantic-color-magenta-solid-surface-static-high: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-surface-static-higher: var( - --core-color-solid-magenta-1200 - ); - --semantic-color-magenta-solid-surface-static-highest: var( - --core-color-solid-magenta-1300 - ); - --semantic-color-magenta-solid-border-normal-low: var( - --core-color-solid-magenta-1300 - ); - --semantic-color-magenta-solid-border-normal-mid: var( - --core-color-solid-magenta-1200 - ); - --semantic-color-magenta-solid-border-normal-high: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-border-normal-highest: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-border-inverse-low: var( - --core-color-solid-magenta-100 - ); - --semantic-color-magenta-solid-border-inverse-mid: var( - --core-color-solid-magenta-200 - ); - --semantic-color-magenta-solid-border-inverse-high: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-border-inverse-highest: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-border-static-lowest: var( - --core-color-solid-magenta-100 - ); - --semantic-color-magenta-solid-border-static-lower: var( - --core-color-solid-magenta-200 - ); - --semantic-color-magenta-solid-border-static-low: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-border-static-mid: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-border-static-high: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-border-static-higher: var( - --core-color-solid-magenta-1200 - ); - --semantic-color-magenta-solid-border-static-highest: var( - --core-color-solid-magenta-1300 - ); - --semantic-color-magenta-solid-textIcon-normal-lowest: var( - --core-color-solid-magenta-1200 - ); - --semantic-color-magenta-solid-textIcon-normal-low: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-textIcon-normal-mid: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-textIcon-normal-high: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-textIcon-inverse-lowest: var( - --core-color-solid-magenta-200 - ); - --semantic-color-magenta-solid-textIcon-inverse-low: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-textIcon-inverse-mid: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-textIcon-inverse-high: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-textIcon-static-lowest: var( - --core-color-solid-magenta-200 - ); - --semantic-color-magenta-solid-textIcon-static-low: var( - --core-color-solid-magenta-500 - ); - --semantic-color-magenta-solid-textIcon-static-mid: var( - --core-color-solid-magenta-700 - ); - --semantic-color-magenta-solid-textIcon-static-high: var( - --core-color-solid-magenta-900 - ); - --semantic-color-magenta-solid-textIcon-static-highest: var( - --core-color-solid-magenta-1200 - ); - --semantic-color-magenta-opacity-surface-lowest: var( - --core-color-opacity-magenta-75 - ); - --semantic-color-magenta-opacity-surface-low: var( - --core-color-opacity-magenta-100 - ); - --semantic-color-magenta-opacity-surface-midLow: var( - --core-color-opacity-magenta-200 - ); - --semantic-color-magenta-opacity-surface-midHigh: var( - --core-color-opacity-magenta-300 - ); - --semantic-color-magenta-opacity-surface-high: var( - --core-color-opacity-magenta-700 - ); - --semantic-color-magenta-opacity-surface-highest: var( - --core-color-opacity-magenta-800 - ); - --semantic-color-magenta-opacity-border-lowest: var( - --core-color-opacity-magenta-75 - ); - --semantic-color-magenta-opacity-border-lower: var( - --core-color-opacity-magenta-100 - ); - --semantic-color-magenta-opacity-border-low: var( - --core-color-opacity-magenta-200 - ); - --semantic-color-magenta-opacity-border-mid: var( - --core-color-opacity-magenta-300 - ); - --semantic-color-magenta-opacity-border-high: var( - --core-color-opacity-magenta-600 - ); - --semantic-color-magenta-opacity-border-higher: var( - --core-color-opacity-magenta-700 - ); - --semantic-color-magenta-opacity-border-highest: var( - --core-color-opacity-magenta-800 - ); - --semantic-color-magenta-opacity-textIcon-low: var( - --core-color-opacity-magenta-300 - ); - --semantic-color-magenta-opacity-textIcon-mid: var( - --core-color-opacity-magenta-400 - ); - --semantic-color-magenta-opacity-textIcon-high: var( - --core-color-opacity-magenta-600 - ); - --semantic-color-cherry-solid-surface-normal-lowest: var( - --core-color-solid-cherry-1300 - ); - --semantic-color-cherry-solid-surface-normal-low: var( - --core-color-solid-cherry-1200 - ); - --semantic-color-cherry-solid-surface-normal-mid: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-surface-normal-high: var( - --core-color-solid-cherry-800 - ); - --semantic-color-cherry-solid-surface-normal-highest: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-surface-inverse-lowest: var( - --core-color-solid-cherry-100 - ); - --semantic-color-cherry-solid-surface-inverse-low: var( - --core-color-solid-cherry-200 - ); - --semantic-color-cherry-solid-surface-inverse-mid: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-surface-inverse-high: var( - --core-color-solid-cherry-600 - ); - --semantic-color-cherry-solid-surface-inverse-highest: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-surface-static-lowest: var( - --core-color-solid-cherry-100 - ); - --semantic-color-cherry-solid-surface-static-lower: var( - --core-color-solid-cherry-200 - ); - --semantic-color-cherry-solid-surface-static-low: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-surface-static-midLow: var( - --core-color-solid-cherry-600 - ); - --semantic-color-cherry-solid-surface-static-mid: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-surface-static-midHigh: var( - --core-color-solid-cherry-800 - ); - --semantic-color-cherry-solid-surface-static-high: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-surface-static-higher: var( - --core-color-solid-cherry-1200 - ); - --semantic-color-cherry-solid-surface-static-highest: var( - --core-color-solid-cherry-1300 - ); - --semantic-color-cherry-solid-border-normal-low: var( - --core-color-solid-cherry-1300 - ); - --semantic-color-cherry-solid-border-normal-mid: var( - --core-color-solid-cherry-1200 - ); - --semantic-color-cherry-solid-border-normal-high: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-border-normal-highest: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-border-inverse-low: var( - --core-color-solid-cherry-100 - ); - --semantic-color-cherry-solid-border-inverse-mid: var( - --core-color-solid-cherry-200 - ); - --semantic-color-cherry-solid-border-inverse-high: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-border-inverse-highest: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-border-static-lowest: var( - --core-color-solid-cherry-100 - ); - --semantic-color-cherry-solid-border-static-lower: var( - --core-color-solid-cherry-200 - ); - --semantic-color-cherry-solid-border-static-low: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-border-static-mid: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-border-static-high: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-border-static-higher: var( - --core-color-solid-cherry-1200 - ); - --semantic-color-cherry-solid-border-static-highest: var( - --core-color-solid-cherry-1300 - ); - --semantic-color-cherry-solid-textIcon-normal-lowest: var( - --core-color-solid-cherry-1200 - ); - --semantic-color-cherry-solid-textIcon-normal-low: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-textIcon-normal-mid: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-textIcon-normal-high: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-textIcon-inverse-lowest: var( - --core-color-solid-cherry-200 - ); - --semantic-color-cherry-solid-textIcon-inverse-low: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-textIcon-inverse-mid: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-textIcon-inverse-high: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-textIcon-static-lowest: var( - --core-color-solid-cherry-200 - ); - --semantic-color-cherry-solid-textIcon-static-low: var( - --core-color-solid-cherry-500 - ); - --semantic-color-cherry-solid-textIcon-static-mid: var( - --core-color-solid-cherry-700 - ); - --semantic-color-cherry-solid-textIcon-static-high: var( - --core-color-solid-cherry-900 - ); - --semantic-color-cherry-solid-textIcon-static-highest: var( - --core-color-solid-cherry-1200 - ); - --semantic-color-cherry-opacity-surface-lowest: var( - --core-color-opacity-cherry-75 - ); - --semantic-color-cherry-opacity-surface-low: var( - --core-color-opacity-cherry-100 - ); - --semantic-color-cherry-opacity-surface-midLow: var( - --core-color-opacity-cherry-200 - ); - --semantic-color-cherry-opacity-surface-midHigh: var( - --core-color-opacity-cherry-300 - ); - --semantic-color-cherry-opacity-surface-high: var( - --core-color-opacity-cherry-700 - ); - --semantic-color-cherry-opacity-surface-highest: var( - --core-color-opacity-cherry-800 - ); - --semantic-color-cherry-opacity-border-lowest: var( - --core-color-opacity-cherry-75 - ); - --semantic-color-cherry-opacity-border-lower: var( - --core-color-opacity-cherry-100 - ); - --semantic-color-cherry-opacity-border-low: var( - --core-color-opacity-cherry-200 - ); - --semantic-color-cherry-opacity-border-mid: var( - --core-color-opacity-cherry-300 - ); - --semantic-color-cherry-opacity-border-high: var( - --core-color-opacity-cherry-600 - ); - --semantic-color-cherry-opacity-border-higher: var( - --core-color-opacity-cherry-700 - ); - --semantic-color-cherry-opacity-border-highest: var( - --core-color-opacity-cherry-800 - ); - --semantic-color-cherry-opacity-textIcon-low: var( - --core-color-opacity-cherry-300 - ); - --semantic-color-cherry-opacity-textIcon-mid: var( - --core-color-opacity-cherry-400 - ); - --semantic-color-cherry-opacity-textIcon-high: var( - --core-color-opacity-cherry-600 - ); - --semantic-color-coral-solid-surface-normal-lowest: var( - --core-color-solid-coral-1300 - ); - --semantic-color-coral-solid-surface-normal-low: var( - --core-color-solid-coral-1200 - ); - --semantic-color-coral-solid-surface-normal-mid: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-surface-normal-high: var( - --core-color-solid-coral-800 - ); - --semantic-color-coral-solid-surface-normal-highest: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-surface-inverse-lowest: var( - --core-color-solid-coral-100 - ); - --semantic-color-coral-solid-surface-inverse-low: var( - --core-color-solid-coral-200 - ); - --semantic-color-coral-solid-surface-inverse-mid: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-surface-inverse-high: var( - --core-color-solid-coral-600 - ); - --semantic-color-coral-solid-surface-inverse-highest: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-surface-static-lowest: var( - --core-color-solid-coral-100 - ); - --semantic-color-coral-solid-surface-static-lower: var( - --core-color-solid-coral-200 - ); - --semantic-color-coral-solid-surface-static-low: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-surface-static-midLow: var( - --core-color-solid-coral-600 - ); - --semantic-color-coral-solid-surface-static-mid: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-surface-static-midHigh: var( - --core-color-solid-coral-800 - ); - --semantic-color-coral-solid-surface-static-high: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-surface-static-higher: var( - --core-color-solid-coral-1200 - ); - --semantic-color-coral-solid-surface-static-highest: var( - --core-color-solid-coral-1300 - ); - --semantic-color-coral-solid-border-normal-low: var( - --core-color-solid-coral-1300 - ); - --semantic-color-coral-solid-border-normal-mid: var( - --core-color-solid-coral-1200 - ); - --semantic-color-coral-solid-border-normal-high: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-border-normal-highest: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-border-inverse-low: var( - --core-color-solid-coral-100 - ); - --semantic-color-coral-solid-border-inverse-mid: var( - --core-color-solid-coral-200 - ); - --semantic-color-coral-solid-border-inverse-high: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-border-inverse-highest: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-border-static-lowest: var( - --core-color-solid-coral-100 - ); - --semantic-color-coral-solid-border-static-lower: var( - --core-color-solid-coral-200 - ); - --semantic-color-coral-solid-border-static-low: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-border-static-mid: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-border-static-high: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-border-static-higher: var( - --core-color-solid-coral-1200 - ); - --semantic-color-coral-solid-border-static-highest: var( - --core-color-solid-coral-1300 - ); - --semantic-color-coral-solid-textIcon-normal-lowest: var( - --core-color-solid-coral-1200 - ); - --semantic-color-coral-solid-textIcon-normal-low: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-textIcon-normal-mid: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-textIcon-normal-high: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-textIcon-inverse-lowest: var( - --core-color-solid-coral-200 - ); - --semantic-color-coral-solid-textIcon-inverse-low: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-textIcon-inverse-mid: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-textIcon-inverse-high: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-textIcon-static-lowest: var( - --core-color-solid-coral-200 - ); - --semantic-color-coral-solid-textIcon-static-low: var( - --core-color-solid-coral-500 - ); - --semantic-color-coral-solid-textIcon-static-mid: var( - --core-color-solid-coral-700 - ); - --semantic-color-coral-solid-textIcon-static-high: var( - --core-color-solid-coral-900 - ); - --semantic-color-coral-solid-textIcon-static-highest: var( - --core-color-solid-coral-1200 - ); - --semantic-color-coral-opacity-surface-lowest: var( - --core-color-opacity-coral-75 - ); - --semantic-color-coral-opacity-surface-low: var( - --core-color-opacity-coral-100 - ); - --semantic-color-coral-opacity-surface-midLow: var( - --core-color-opacity-coral-200 - ); - --semantic-color-coral-opacity-surface-midHigh: var( - --core-color-opacity-coral-300 - ); - --semantic-color-coral-opacity-surface-high: var( - --core-color-opacity-coral-700 - ); - --semantic-color-coral-opacity-surface-highest: var( - --core-color-opacity-coral-800 - ); - --semantic-color-coral-opacity-border-lowest: var( - --core-color-opacity-coral-75 - ); - --semantic-color-coral-opacity-border-lower: var( - --core-color-opacity-coral-100 - ); - --semantic-color-coral-opacity-border-low: var( - --core-color-opacity-coral-200 - ); - --semantic-color-coral-opacity-border-mid: var( - --core-color-opacity-coral-300 - ); - --semantic-color-coral-opacity-border-high: var( - --core-color-opacity-coral-600 - ); - --semantic-color-coral-opacity-border-higher: var( - --core-color-opacity-coral-700 - ); - --semantic-color-coral-opacity-border-highest: var( - --core-color-opacity-coral-800 - ); - --semantic-color-coral-opacity-textIcon-low: var( - --core-color-opacity-coral-300 - ); - --semantic-color-coral-opacity-textIcon-mid: var( - --core-color-opacity-coral-400 - ); - --semantic-color-coral-opacity-textIcon-high: var( - --core-color-opacity-coral-600 - ); - --semantic-color-component-segmentedControl-item-bg-selected: var( - --core-color-opacity-white-200 - ); + --semantic-color-monochrome-surface-normal-lowest: var(--core-color-opacity-white-75); + --semantic-color-monochrome-surface-normal-low: var(--core-color-opacity-white-100); + --semantic-color-monochrome-surface-normal-midLow: var(--core-color-opacity-white-200); + --semantic-color-monochrome-surface-normal-midHigh: var(--core-color-opacity-white-300); + --semantic-color-monochrome-surface-normal-high: var(--core-color-opacity-white-700); + --semantic-color-monochrome-surface-normal-highest: var(--core-color-opacity-white-800); + --semantic-color-monochrome-surface-inverse-lowest: var(--core-color-opacity-black-75); + --semantic-color-monochrome-surface-inverse-low: var(--core-color-opacity-black-100); + --semantic-color-monochrome-surface-inverse-midLow: var(--core-color-opacity-black-200); + --semantic-color-monochrome-surface-inverse-midHigh: var(--core-color-opacity-black-300); + --semantic-color-monochrome-surface-inverse-high: var(--core-color-opacity-black-700); + --semantic-color-monochrome-surface-inverse-highest: var(--core-color-opacity-black-800); + --semantic-color-monochrome-surface-static-blackLowest: var(--core-color-opacity-black-75); + --semantic-color-monochrome-surface-static-blackLow: var(--core-color-opacity-black-100); + --semantic-color-monochrome-surface-static-blackMidLow: var(--core-color-opacity-black-200); + --semantic-color-monochrome-surface-static-blackMidHigh: var(--core-color-opacity-black-300); + --semantic-color-monochrome-surface-static-blackHigh: var(--core-color-opacity-black-700); + --semantic-color-monochrome-surface-static-blackHighest: var(--core-color-opacity-black-800); + --semantic-color-monochrome-surface-static-whiteLowest: var(--core-color-opacity-white-75); + --semantic-color-monochrome-surface-static-whiteLow: var(--core-color-opacity-white-100); + --semantic-color-monochrome-surface-static-whiteMidLow: var(--core-color-opacity-white-200); + --semantic-color-monochrome-surface-static-whiteMidHigh: var(--core-color-opacity-white-300); + --semantic-color-monochrome-surface-static-whiteHigh: var(--core-color-opacity-white-700); + --semantic-color-monochrome-surface-static-whiteHighest: var(--core-color-opacity-white-800); + --semantic-color-monochrome-border-normal-low: var(--core-color-opacity-white-75); + --semantic-color-monochrome-border-normal-mid: var(--core-color-opacity-white-100); + --semantic-color-monochrome-border-normal-high: var(--core-color-opacity-white-200); + --semantic-color-monochrome-border-normal-highest: var(--core-color-opacity-white-300); + --semantic-color-monochrome-border-inverse-low: var(--core-color-opacity-black-75); + --semantic-color-monochrome-border-inverse-mid: var(--core-color-opacity-black-100); + --semantic-color-monochrome-border-inverse-high: var(--core-color-opacity-black-200); + --semantic-color-monochrome-border-inverse-highest: var(--core-color-opacity-black-300); + --semantic-color-monochrome-border-static-blackLow: var(--core-color-opacity-black-75); + --semantic-color-monochrome-border-static-blackMid: var(--core-color-opacity-black-100); + --semantic-color-monochrome-border-static-blackHigh: var(--core-color-opacity-black-200); + --semantic-color-monochrome-border-static-blackHighest: var(--core-color-opacity-black-300); + --semantic-color-monochrome-border-static-whiteLow: var(--core-color-opacity-white-75); + --semantic-color-monochrome-border-static-whiteMid: var(--core-color-opacity-white-100); + --semantic-color-monochrome-border-static-whiteHigh: var(--core-color-opacity-white-200); + --semantic-color-monochrome-border-static-whiteHighest: var(--core-color-opacity-white-300); + --semantic-color-monochrome-textIcon-normal-low: var(--core-color-opacity-white-300); + --semantic-color-monochrome-textIcon-normal-mid: var(--core-color-opacity-white-400); + --semantic-color-monochrome-textIcon-normal-high: var(--core-color-opacity-white-600); + --semantic-color-monochrome-textIcon-inverse-low: var(--core-color-opacity-black-300); + --semantic-color-monochrome-textIcon-inverse-mid: var(--core-color-opacity-black-400); + --semantic-color-monochrome-textIcon-inverse-high: var(--core-color-opacity-black-600); + --semantic-color-monochrome-textIcon-static-blackLow: var(--core-color-opacity-black-300); + --semantic-color-monochrome-textIcon-static-blackMid: var(--core-color-opacity-black-400); + --semantic-color-monochrome-textIcon-static-blackHigh: var(--core-color-opacity-black-600); + --semantic-color-monochrome-textIcon-static-whiteLow: var(--core-color-opacity-white-300); + --semantic-color-monochrome-textIcon-static-whiteMid: var(--core-color-opacity-white-400); + --semantic-color-monochrome-textIcon-static-whiteHigh: var(--core-color-opacity-white-600); + --semantic-color-slate-solid-surface-normal-lowest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-surface-normal-low: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-surface-normal-midLow: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-surface-normal-midHigh: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-surface-normal-high: var(--core-color-solid-slate-800); + --semantic-color-slate-solid-surface-normal-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-surface-inverse-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-surface-inverse-low: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-surface-inverse-midLow: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-surface-inverse-midHigh: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-surface-inverse-high: var(--core-color-solid-slate-600); + --semantic-color-slate-solid-surface-inverse-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-surface-static-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-surface-static-lower: var(--core-color-solid-slate-75); + --semantic-color-slate-solid-surface-static-low: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-surface-static-midLowest: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-surface-static-midLower: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-surface-static-midLow: var(--core-color-solid-slate-600); + --semantic-color-slate-solid-surface-static-midHigh: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-surface-static-midHigher: var(--core-color-solid-slate-800); + --semantic-color-slate-solid-surface-static-midHighest: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-surface-static-high: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-surface-static-higher: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-surface-static-highest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-surface-frame-low: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-surface-frame-mid: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-border-normal-lowest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-border-normal-low: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-border-normal-mid: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-border-normal-high: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-border-normal-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-border-inverse-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-border-inverse-low: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-border-inverse-mid: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-border-inverse-high: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-border-inverse-highest: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-border-static-lowest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-border-static-lower: var(--core-color-solid-slate-100); + --semantic-color-slate-solid-border-static-low: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-border-static-midLow: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-border-static-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-border-static-midHigh: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-border-static-high: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-border-static-higher: var(--core-color-solid-slate-1300); + --semantic-color-slate-solid-border-static-highest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-textIcon-normal-lowest: var(--core-color-solid-slate-1200); + --semantic-color-slate-solid-textIcon-normal-low: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-textIcon-normal-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-textIcon-normal-high: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-textIcon-normal-highest: var(--core-color-solid-slate-50); + --semantic-color-slate-solid-textIcon-inverse-lowest: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-textIcon-inverse-low: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-textIcon-inverse-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-textIcon-inverse-high: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-textIcon-inverse-highest: var(--core-color-solid-slate-1400); + --semantic-color-slate-solid-textIcon-static-lowest: var(--core-color-solid-slate-200); + --semantic-color-slate-solid-textIcon-static-low: var(--core-color-solid-slate-500); + --semantic-color-slate-solid-textIcon-static-mid: var(--core-color-solid-slate-700); + --semantic-color-slate-solid-textIcon-static-high: var(--core-color-solid-slate-900); + --semantic-color-slate-solid-textIcon-static-highest: var(--core-color-solid-slate-1200); + --semantic-color-slate-opacity-surface-lowest: var(--core-color-opacity-slate-75); + --semantic-color-slate-opacity-surface-low: var(--core-color-opacity-slate-100); + --semantic-color-slate-opacity-surface-midLow: var(--core-color-opacity-slate-200); + --semantic-color-slate-opacity-surface-midHigh: var(--core-color-opacity-slate-300); + --semantic-color-slate-opacity-surface-high: var(--core-color-opacity-slate-700); + --semantic-color-slate-opacity-surface-highest: var(--core-color-opacity-slate-800); + --semantic-color-slate-opacity-border-lowest: var(--core-color-opacity-slate-75); + --semantic-color-slate-opacity-border-lower: var(--core-color-opacity-slate-100); + --semantic-color-slate-opacity-border-low: var(--core-color-opacity-slate-200); + --semantic-color-slate-opacity-border-mid: var(--core-color-opacity-slate-300); + --semantic-color-slate-opacity-border-high: var(--core-color-opacity-slate-600); + --semantic-color-slate-opacity-border-higher: var(--core-color-opacity-slate-700); + --semantic-color-slate-opacity-border-highest: var(--core-color-opacity-slate-800); + --semantic-color-slate-opacity-textIcon-low: var(--core-color-opacity-slate-300); + --semantic-color-slate-opacity-textIcon-mid: var(--core-color-opacity-slate-400); + --semantic-color-slate-opacity-textIcon-high: var(--core-color-opacity-slate-600); + --semantic-color-red-solid-surface-normal-lowest: var(--core-color-solid-red-1300); + --semantic-color-red-solid-surface-normal-low: var(--core-color-solid-red-1200); + --semantic-color-red-solid-surface-normal-mid: var(--core-color-solid-red-900); + --semantic-color-red-solid-surface-normal-high: var(--core-color-solid-red-800); + --semantic-color-red-solid-surface-normal-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-surface-inverse-lowest: var(--core-color-solid-red-100); + --semantic-color-red-solid-surface-inverse-low: var(--core-color-solid-red-200); + --semantic-color-red-solid-surface-inverse-mid: var(--core-color-solid-red-500); + --semantic-color-red-solid-surface-inverse-high: var(--core-color-solid-red-600); + --semantic-color-red-solid-surface-inverse-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-surface-static-lowest: var(--core-color-solid-red-100); + --semantic-color-red-solid-surface-static-lower: var(--core-color-solid-red-200); + --semantic-color-red-solid-surface-static-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-surface-static-midLow: var(--core-color-solid-red-600); + --semantic-color-red-solid-surface-static-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-surface-static-midHigh: var(--core-color-solid-red-800); + --semantic-color-red-solid-surface-static-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-surface-static-higher: var(--core-color-solid-red-1200); + --semantic-color-red-solid-surface-static-highest: var(--core-color-solid-red-1300); + --semantic-color-red-solid-border-normal-low: var(--core-color-solid-red-1300); + --semantic-color-red-solid-border-normal-mid: var(--core-color-solid-red-1200); + --semantic-color-red-solid-border-normal-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-border-normal-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-border-inverse-low: var(--core-color-solid-red-100); + --semantic-color-red-solid-border-inverse-mid: var(--core-color-solid-red-200); + --semantic-color-red-solid-border-inverse-high: var(--core-color-solid-red-500); + --semantic-color-red-solid-border-inverse-highest: var(--core-color-solid-red-700); + --semantic-color-red-solid-border-static-lowest: var(--core-color-solid-red-100); + --semantic-color-red-solid-border-static-lower: var(--core-color-solid-red-200); + --semantic-color-red-solid-border-static-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-border-static-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-border-static-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-border-static-higher: var(--core-color-solid-red-1200); + --semantic-color-red-solid-border-static-highest: var(--core-color-solid-red-1300); + --semantic-color-red-solid-textIcon-normal-lowest: var(--core-color-solid-red-1200); + --semantic-color-red-solid-textIcon-normal-low: var(--core-color-solid-red-900); + --semantic-color-red-solid-textIcon-normal-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-textIcon-normal-high: var(--core-color-solid-red-500); + --semantic-color-red-solid-textIcon-inverse-lowest: var(--core-color-solid-red-200); + --semantic-color-red-solid-textIcon-inverse-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-textIcon-inverse-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-textIcon-inverse-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-textIcon-static-lowest: var(--core-color-solid-red-200); + --semantic-color-red-solid-textIcon-static-low: var(--core-color-solid-red-500); + --semantic-color-red-solid-textIcon-static-mid: var(--core-color-solid-red-700); + --semantic-color-red-solid-textIcon-static-high: var(--core-color-solid-red-900); + --semantic-color-red-solid-textIcon-static-highest: var(--core-color-solid-red-1200); + --semantic-color-red-opacity-surface-lowest: var(--core-color-opacity-red-75); + --semantic-color-red-opacity-surface-low: var(--core-color-opacity-red-100); + --semantic-color-red-opacity-surface-midLow: var(--core-color-opacity-red-200); + --semantic-color-red-opacity-surface-midHigh: var(--core-color-opacity-red-300); + --semantic-color-red-opacity-surface-high: var(--core-color-opacity-red-700); + --semantic-color-red-opacity-surface-highest: var(--core-color-opacity-red-800); + --semantic-color-red-opacity-border-lowest: var(--core-color-opacity-red-75); + --semantic-color-red-opacity-border-lower: var(--core-color-opacity-red-100); + --semantic-color-red-opacity-border-low: var(--core-color-opacity-red-200); + --semantic-color-red-opacity-border-mid: var(--core-color-opacity-red-300); + --semantic-color-red-opacity-border-high: var(--core-color-opacity-red-600); + --semantic-color-red-opacity-border-higher: var(--core-color-opacity-red-700); + --semantic-color-red-opacity-border-highest: var(--core-color-opacity-red-800); + --semantic-color-red-opacity-textIcon-low: var(--core-color-opacity-red-300); + --semantic-color-red-opacity-textIcon-mid: var(--core-color-opacity-red-400); + --semantic-color-red-opacity-textIcon-high: var(--core-color-opacity-red-600); + --semantic-color-orange-solid-surface-normal-lowest: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-surface-normal-low: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-surface-normal-mid: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-surface-normal-high: var(--core-color-solid-orange-800); + --semantic-color-orange-solid-surface-normal-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-surface-inverse-lowest: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-surface-inverse-low: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-surface-inverse-mid: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-surface-inverse-high: var(--core-color-solid-orange-600); + --semantic-color-orange-solid-surface-inverse-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-surface-static-lowest: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-surface-static-lower: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-surface-static-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-surface-static-midLow: var(--core-color-solid-orange-600); + --semantic-color-orange-solid-surface-static-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-surface-static-midHigh: var(--core-color-solid-orange-800); + --semantic-color-orange-solid-surface-static-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-surface-static-higher: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-surface-static-highest: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-border-normal-low: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-border-normal-mid: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-border-normal-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-border-normal-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-border-inverse-low: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-border-inverse-mid: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-border-inverse-high: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-border-inverse-highest: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-border-static-lowest: var(--core-color-solid-orange-100); + --semantic-color-orange-solid-border-static-lower: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-border-static-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-border-static-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-border-static-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-border-static-higher: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-border-static-highest: var(--core-color-solid-orange-1300); + --semantic-color-orange-solid-textIcon-normal-lowest: var(--core-color-solid-orange-1200); + --semantic-color-orange-solid-textIcon-normal-low: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-textIcon-normal-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-textIcon-normal-high: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-textIcon-inverse-lowest: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-textIcon-inverse-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-textIcon-inverse-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-textIcon-inverse-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-textIcon-static-lowest: var(--core-color-solid-orange-200); + --semantic-color-orange-solid-textIcon-static-low: var(--core-color-solid-orange-500); + --semantic-color-orange-solid-textIcon-static-mid: var(--core-color-solid-orange-700); + --semantic-color-orange-solid-textIcon-static-high: var(--core-color-solid-orange-900); + --semantic-color-orange-solid-textIcon-static-highest: var(--core-color-solid-orange-1200); + --semantic-color-orange-opacity-surface-lowest: var(--core-color-opacity-orange-75); + --semantic-color-orange-opacity-surface-low: var(--core-color-opacity-orange-100); + --semantic-color-orange-opacity-surface-midLow: var(--core-color-opacity-orange-200); + --semantic-color-orange-opacity-surface-midHigh: var(--core-color-opacity-orange-300); + --semantic-color-orange-opacity-surface-high: var(--core-color-opacity-orange-700); + --semantic-color-orange-opacity-surface-highest: var(--core-color-opacity-orange-800); + --semantic-color-orange-opacity-border-lowest: var(--core-color-opacity-orange-75); + --semantic-color-orange-opacity-border-lower: var(--core-color-opacity-orange-100); + --semantic-color-orange-opacity-border-low: var(--core-color-opacity-orange-200); + --semantic-color-orange-opacity-border-mid: var(--core-color-opacity-orange-300); + --semantic-color-orange-opacity-border-high: var(--core-color-opacity-orange-600); + --semantic-color-orange-opacity-border-higher: var(--core-color-opacity-orange-700); + --semantic-color-orange-opacity-border-highest: var(--core-color-opacity-orange-800); + --semantic-color-orange-opacity-textIcon-low: var(--core-color-opacity-orange-300); + --semantic-color-orange-opacity-textIcon-mid: var(--core-color-opacity-orange-400); + --semantic-color-orange-opacity-textIcon-high: var(--core-color-opacity-orange-600); + --semantic-color-yellow-solid-surface-normal-lowest: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-surface-normal-low: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-surface-normal-mid: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-surface-normal-high: var(--core-color-solid-yellow-800); + --semantic-color-yellow-solid-surface-normal-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-surface-inverse-lowest: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-surface-inverse-low: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-surface-inverse-mid: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-surface-inverse-high: var(--core-color-solid-yellow-600); + --semantic-color-yellow-solid-surface-inverse-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-surface-static-lowest: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-surface-static-lower: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-surface-static-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-surface-static-midLow: var(--core-color-solid-yellow-600); + --semantic-color-yellow-solid-surface-static-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-surface-static-midHigh: var(--core-color-solid-yellow-800); + --semantic-color-yellow-solid-surface-static-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-surface-static-higher: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-surface-static-highest: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-border-normal-low: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-border-normal-mid: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-border-normal-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-border-normal-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-border-inverse-low: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-border-inverse-mid: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-border-inverse-high: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-border-inverse-highest: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-border-static-lowest: var(--core-color-solid-yellow-100); + --semantic-color-yellow-solid-border-static-lower: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-border-static-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-border-static-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-border-static-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-border-static-higher: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-border-static-highest: var(--core-color-solid-yellow-1300); + --semantic-color-yellow-solid-textIcon-normal-lowest: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-solid-textIcon-normal-low: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-textIcon-normal-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-textIcon-normal-high: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-textIcon-inverse-lowest: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-textIcon-inverse-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-textIcon-inverse-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-textIcon-inverse-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-textIcon-static-lowest: var(--core-color-solid-yellow-200); + --semantic-color-yellow-solid-textIcon-static-low: var(--core-color-solid-yellow-500); + --semantic-color-yellow-solid-textIcon-static-mid: var(--core-color-solid-yellow-700); + --semantic-color-yellow-solid-textIcon-static-high: var(--core-color-solid-yellow-900); + --semantic-color-yellow-solid-textIcon-static-highest: var(--core-color-solid-yellow-1200); + --semantic-color-yellow-opacity-surface-lowest: var(--core-color-opacity-yellow-75); + --semantic-color-yellow-opacity-surface-low: var(--core-color-opacity-yellow-100); + --semantic-color-yellow-opacity-surface-midLow: var(--core-color-opacity-yellow-200); + --semantic-color-yellow-opacity-surface-midHigh: var(--core-color-opacity-yellow-300); + --semantic-color-yellow-opacity-surface-high: var(--core-color-opacity-yellow-700); + --semantic-color-yellow-opacity-surface-highest: var(--core-color-opacity-yellow-800); + --semantic-color-yellow-opacity-border-lowest: var(--core-color-opacity-yellow-75); + --semantic-color-yellow-opacity-border-lower: var(--core-color-opacity-yellow-100); + --semantic-color-yellow-opacity-border-low: var(--core-color-opacity-yellow-200); + --semantic-color-yellow-opacity-border-mid: var(--core-color-opacity-yellow-300); + --semantic-color-yellow-opacity-border-high: var(--core-color-opacity-yellow-600); + --semantic-color-yellow-opacity-border-higher: var(--core-color-opacity-yellow-700); + --semantic-color-yellow-opacity-border-highest: var(--core-color-opacity-yellow-800); + --semantic-color-yellow-opacity-textIcon-low: var(--core-color-opacity-yellow-300); + --semantic-color-yellow-opacity-textIcon-mid: var(--core-color-opacity-yellow-400); + --semantic-color-yellow-opacity-textIcon-high: var(--core-color-opacity-yellow-600); + --semantic-color-mustard-solid-surface-normal-lowest: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-surface-normal-low: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-surface-normal-mid: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-surface-normal-high: var(--core-color-solid-mustard-800); + --semantic-color-mustard-solid-surface-normal-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-surface-inverse-lowest: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-surface-inverse-low: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-surface-inverse-mid: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-surface-inverse-high: var(--core-color-solid-mustard-600); + --semantic-color-mustard-solid-surface-inverse-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-surface-static-lowest: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-surface-static-lower: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-surface-static-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-surface-static-midLow: var(--core-color-solid-mustard-600); + --semantic-color-mustard-solid-surface-static-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-surface-static-midHigh: var(--core-color-solid-mustard-800); + --semantic-color-mustard-solid-surface-static-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-surface-static-higher: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-surface-static-highest: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-border-normal-low: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-border-normal-mid: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-border-normal-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-border-normal-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-border-inverse-low: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-border-inverse-mid: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-border-inverse-high: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-border-inverse-highest: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-border-static-lowest: var(--core-color-solid-mustard-100); + --semantic-color-mustard-solid-border-static-lower: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-border-static-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-border-static-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-border-static-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-border-static-higher: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-border-static-highest: var(--core-color-solid-mustard-1300); + --semantic-color-mustard-solid-textIcon-normal-lowest: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-solid-textIcon-normal-low: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-textIcon-normal-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-textIcon-normal-high: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-textIcon-inverse-lowest: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-textIcon-inverse-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-textIcon-inverse-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-textIcon-inverse-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-textIcon-static-lowest: var(--core-color-solid-mustard-200); + --semantic-color-mustard-solid-textIcon-static-low: var(--core-color-solid-mustard-500); + --semantic-color-mustard-solid-textIcon-static-mid: var(--core-color-solid-mustard-700); + --semantic-color-mustard-solid-textIcon-static-high: var(--core-color-solid-mustard-900); + --semantic-color-mustard-solid-textIcon-static-highest: var(--core-color-solid-mustard-1200); + --semantic-color-mustard-opacity-surface-lowest: var(--core-color-opacity-mustard-75); + --semantic-color-mustard-opacity-surface-low: var(--core-color-opacity-mustard-100); + --semantic-color-mustard-opacity-surface-midLow: var(--core-color-opacity-mustard-200); + --semantic-color-mustard-opacity-surface-midHigh: var(--core-color-opacity-mustard-300); + --semantic-color-mustard-opacity-surface-high: var(--core-color-opacity-mustard-700); + --semantic-color-mustard-opacity-surface-highest: var(--core-color-opacity-mustard-800); + --semantic-color-mustard-opacity-border-lowest: var(--core-color-opacity-mustard-75); + --semantic-color-mustard-opacity-border-lower: var(--core-color-opacity-mustard-100); + --semantic-color-mustard-opacity-border-low: var(--core-color-opacity-mustard-200); + --semantic-color-mustard-opacity-border-mid: var(--core-color-opacity-mustard-300); + --semantic-color-mustard-opacity-border-high: var(--core-color-opacity-mustard-600); + --semantic-color-mustard-opacity-border-higher: var(--core-color-opacity-mustard-700); + --semantic-color-mustard-opacity-border-highest: var(--core-color-opacity-mustard-800); + --semantic-color-mustard-opacity-textIcon-low: var(--core-color-opacity-mustard-300); + --semantic-color-mustard-opacity-textIcon-mid: var(--core-color-opacity-mustard-400); + --semantic-color-mustard-opacity-textIcon-high: var(--core-color-opacity-mustard-600); + --semantic-color-olive-solid-surface-normal-lowest: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-surface-normal-low: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-surface-normal-mid: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-surface-normal-high: var(--core-color-solid-olive-800); + --semantic-color-olive-solid-surface-normal-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-surface-inverse-lowest: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-surface-inverse-low: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-surface-inverse-mid: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-surface-inverse-high: var(--core-color-solid-olive-600); + --semantic-color-olive-solid-surface-inverse-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-surface-static-lowest: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-surface-static-lower: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-surface-static-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-surface-static-midLow: var(--core-color-solid-olive-600); + --semantic-color-olive-solid-surface-static-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-surface-static-midHigh: var(--core-color-solid-olive-800); + --semantic-color-olive-solid-surface-static-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-surface-static-higher: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-surface-static-highest: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-border-normal-low: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-border-normal-mid: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-border-normal-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-border-normal-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-border-inverse-low: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-border-inverse-mid: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-border-inverse-high: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-border-inverse-highest: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-border-static-lowest: var(--core-color-solid-olive-100); + --semantic-color-olive-solid-border-static-lower: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-border-static-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-border-static-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-border-static-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-border-static-higher: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-border-static-highest: var(--core-color-solid-olive-1300); + --semantic-color-olive-solid-textIcon-normal-lowest: var(--core-color-solid-olive-1200); + --semantic-color-olive-solid-textIcon-normal-low: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-textIcon-normal-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-textIcon-normal-high: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-textIcon-inverse-lowest: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-textIcon-inverse-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-textIcon-inverse-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-textIcon-inverse-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-textIcon-static-lowest: var(--core-color-solid-olive-200); + --semantic-color-olive-solid-textIcon-static-low: var(--core-color-solid-olive-500); + --semantic-color-olive-solid-textIcon-static-mid: var(--core-color-solid-olive-700); + --semantic-color-olive-solid-textIcon-static-high: var(--core-color-solid-olive-900); + --semantic-color-olive-solid-textIcon-static-highest: var(--core-color-solid-olive-1200); + --semantic-color-olive-opacity-surface-lowest: var(--core-color-opacity-olive-75); + --semantic-color-olive-opacity-surface-low: var(--core-color-opacity-olive-100); + --semantic-color-olive-opacity-surface-midLow: var(--core-color-opacity-olive-200); + --semantic-color-olive-opacity-surface-midHigh: var(--core-color-opacity-olive-300); + --semantic-color-olive-opacity-surface-high: var(--core-color-opacity-olive-700); + --semantic-color-olive-opacity-surface-highest: var(--core-color-opacity-olive-800); + --semantic-color-olive-opacity-border-lowest: var(--core-color-opacity-olive-75); + --semantic-color-olive-opacity-border-lower: var(--core-color-opacity-olive-100); + --semantic-color-olive-opacity-border-low: var(--core-color-opacity-olive-200); + --semantic-color-olive-opacity-border-mid: var(--core-color-opacity-olive-300); + --semantic-color-olive-opacity-border-high: var(--core-color-opacity-olive-600); + --semantic-color-olive-opacity-border-higher: var(--core-color-opacity-olive-700); + --semantic-color-olive-opacity-border-highest: var(--core-color-opacity-olive-800); + --semantic-color-olive-opacity-textIcon-low: var(--core-color-opacity-olive-300); + --semantic-color-olive-opacity-textIcon-mid: var(--core-color-opacity-olive-400); + --semantic-color-olive-opacity-textIcon-high: var(--core-color-opacity-olive-600); + --semantic-color-green-solid-surface-normal-lowest: var(--core-color-solid-green-1300); + --semantic-color-green-solid-surface-normal-low: var(--core-color-solid-green-1200); + --semantic-color-green-solid-surface-normal-mid: var(--core-color-solid-green-900); + --semantic-color-green-solid-surface-normal-high: var(--core-color-solid-green-800); + --semantic-color-green-solid-surface-normal-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-surface-inverse-lowest: var(--core-color-solid-green-100); + --semantic-color-green-solid-surface-inverse-low: var(--core-color-solid-green-200); + --semantic-color-green-solid-surface-inverse-mid: var(--core-color-solid-green-500); + --semantic-color-green-solid-surface-inverse-high: var(--core-color-solid-green-600); + --semantic-color-green-solid-surface-inverse-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-surface-static-lowest: var(--core-color-solid-green-100); + --semantic-color-green-solid-surface-static-lower: var(--core-color-solid-green-200); + --semantic-color-green-solid-surface-static-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-surface-static-midLow: var(--core-color-solid-green-600); + --semantic-color-green-solid-surface-static-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-surface-static-midHigh: var(--core-color-solid-green-800); + --semantic-color-green-solid-surface-static-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-surface-static-higher: var(--core-color-solid-green-1200); + --semantic-color-green-solid-surface-static-highest: var(--core-color-solid-green-1300); + --semantic-color-green-solid-border-normal-low: var(--core-color-solid-green-1300); + --semantic-color-green-solid-border-normal-mid: var(--core-color-solid-green-1200); + --semantic-color-green-solid-border-normal-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-border-normal-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-border-inverse-low: var(--core-color-solid-green-100); + --semantic-color-green-solid-border-inverse-mid: var(--core-color-solid-green-200); + --semantic-color-green-solid-border-inverse-high: var(--core-color-solid-green-500); + --semantic-color-green-solid-border-inverse-highest: var(--core-color-solid-green-700); + --semantic-color-green-solid-border-static-lowest: var(--core-color-solid-green-100); + --semantic-color-green-solid-border-static-lower: var(--core-color-solid-green-200); + --semantic-color-green-solid-border-static-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-border-static-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-border-static-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-border-static-higher: var(--core-color-solid-green-1200); + --semantic-color-green-solid-border-static-highest: var(--core-color-solid-green-1300); + --semantic-color-green-solid-textIcon-normal-lowest: var(--core-color-solid-green-1200); + --semantic-color-green-solid-textIcon-normal-low: var(--core-color-solid-green-900); + --semantic-color-green-solid-textIcon-normal-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-textIcon-normal-high: var(--core-color-solid-green-500); + --semantic-color-green-solid-textIcon-inverse-lowest: var(--core-color-solid-green-200); + --semantic-color-green-solid-textIcon-inverse-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-textIcon-inverse-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-textIcon-inverse-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-textIcon-static-lowest: var(--core-color-solid-green-200); + --semantic-color-green-solid-textIcon-static-low: var(--core-color-solid-green-500); + --semantic-color-green-solid-textIcon-static-mid: var(--core-color-solid-green-700); + --semantic-color-green-solid-textIcon-static-high: var(--core-color-solid-green-900); + --semantic-color-green-solid-textIcon-static-highest: var(--core-color-solid-green-1200); + --semantic-color-green-opacity-surface-lowest: var(--core-color-opacity-green-75); + --semantic-color-green-opacity-surface-low: var(--core-color-opacity-green-100); + --semantic-color-green-opacity-surface-midLow: var(--core-color-opacity-green-200); + --semantic-color-green-opacity-surface-midHigh: var(--core-color-opacity-green-300); + --semantic-color-green-opacity-surface-high: var(--core-color-opacity-green-700); + --semantic-color-green-opacity-surface-highest: var(--core-color-opacity-green-800); + --semantic-color-green-opacity-border-lowest: var(--core-color-opacity-green-75); + --semantic-color-green-opacity-border-lower: var(--core-color-opacity-green-100); + --semantic-color-green-opacity-border-low: var(--core-color-opacity-green-200); + --semantic-color-green-opacity-border-mid: var(--core-color-opacity-green-300); + --semantic-color-green-opacity-border-high: var(--core-color-opacity-green-600); + --semantic-color-green-opacity-border-higher: var(--core-color-opacity-green-700); + --semantic-color-green-opacity-border-highest: var(--core-color-opacity-green-800); + --semantic-color-green-opacity-textIcon-low: var(--core-color-opacity-green-300); + --semantic-color-green-opacity-textIcon-mid: var(--core-color-opacity-green-400); + --semantic-color-green-opacity-textIcon-high: var(--core-color-opacity-green-600); + --semantic-color-emerald-solid-surface-normal-lowest: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-surface-normal-low: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-surface-normal-mid: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-surface-normal-high: var(--core-color-solid-emerald-800); + --semantic-color-emerald-solid-surface-normal-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-surface-inverse-lowest: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-surface-inverse-low: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-surface-inverse-mid: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-surface-inverse-high: var(--core-color-solid-emerald-600); + --semantic-color-emerald-solid-surface-inverse-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-surface-static-lowest: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-surface-static-lower: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-surface-static-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-surface-static-midLow: var(--core-color-solid-emerald-600); + --semantic-color-emerald-solid-surface-static-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-surface-static-midHigh: var(--core-color-solid-emerald-800); + --semantic-color-emerald-solid-surface-static-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-surface-static-higher: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-surface-static-highest: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-border-normal-low: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-border-normal-mid: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-border-normal-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-border-normal-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-border-inverse-low: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-border-inverse-mid: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-border-inverse-high: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-border-inverse-highest: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-border-static-lowest: var(--core-color-solid-emerald-100); + --semantic-color-emerald-solid-border-static-lower: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-border-static-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-border-static-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-border-static-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-border-static-higher: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-border-static-highest: var(--core-color-solid-emerald-1300); + --semantic-color-emerald-solid-textIcon-normal-lowest: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-solid-textIcon-normal-low: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-textIcon-normal-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-textIcon-normal-high: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-textIcon-inverse-lowest: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-textIcon-inverse-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-textIcon-inverse-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-textIcon-inverse-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-textIcon-static-lowest: var(--core-color-solid-emerald-200); + --semantic-color-emerald-solid-textIcon-static-low: var(--core-color-solid-emerald-500); + --semantic-color-emerald-solid-textIcon-static-mid: var(--core-color-solid-emerald-700); + --semantic-color-emerald-solid-textIcon-static-high: var(--core-color-solid-emerald-900); + --semantic-color-emerald-solid-textIcon-static-highest: var(--core-color-solid-emerald-1200); + --semantic-color-emerald-opacity-surface-lowest: var(--core-color-opacity-emerald-75); + --semantic-color-emerald-opacity-surface-low: var(--core-color-opacity-emerald-100); + --semantic-color-emerald-opacity-surface-midLow: var(--core-color-opacity-emerald-200); + --semantic-color-emerald-opacity-surface-midHigh: var(--core-color-opacity-emerald-300); + --semantic-color-emerald-opacity-surface-high: var(--core-color-opacity-emerald-700); + --semantic-color-emerald-opacity-surface-highest: var(--core-color-opacity-emerald-800); + --semantic-color-emerald-opacity-border-lowest: var(--core-color-opacity-emerald-75); + --semantic-color-emerald-opacity-border-lower: var(--core-color-opacity-emerald-100); + --semantic-color-emerald-opacity-border-low: var(--core-color-opacity-emerald-200); + --semantic-color-emerald-opacity-border-mid: var(--core-color-opacity-emerald-300); + --semantic-color-emerald-opacity-border-high: var(--core-color-opacity-emerald-600); + --semantic-color-emerald-opacity-border-higher: var(--core-color-opacity-emerald-700); + --semantic-color-emerald-opacity-border-highest: var(--core-color-opacity-emerald-800); + --semantic-color-emerald-opacity-textIcon-low: var(--core-color-opacity-emerald-300); + --semantic-color-emerald-opacity-textIcon-mid: var(--core-color-opacity-emerald-400); + --semantic-color-emerald-opacity-textIcon-high: var(--core-color-opacity-emerald-600); + --semantic-color-tiffany-solid-surface-normal-lowest: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-surface-normal-low: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-surface-normal-mid: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-surface-normal-high: var(--core-color-solid-tiffany-800); + --semantic-color-tiffany-solid-surface-normal-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-surface-inverse-lowest: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-surface-inverse-low: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-surface-inverse-mid: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-surface-inverse-high: var(--core-color-solid-tiffany-600); + --semantic-color-tiffany-solid-surface-inverse-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-surface-static-lowest: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-surface-static-lower: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-surface-static-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-surface-static-midLow: var(--core-color-solid-tiffany-600); + --semantic-color-tiffany-solid-surface-static-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-surface-static-midHigh: var(--core-color-solid-tiffany-800); + --semantic-color-tiffany-solid-surface-static-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-surface-static-higher: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-surface-static-highest: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-border-normal-low: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-border-normal-mid: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-border-normal-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-border-normal-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-border-inverse-low: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-border-inverse-mid: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-border-inverse-high: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-border-inverse-highest: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-border-static-lowest: var(--core-color-solid-tiffany-100); + --semantic-color-tiffany-solid-border-static-lower: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-border-static-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-border-static-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-border-static-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-border-static-higher: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-border-static-highest: var(--core-color-solid-tiffany-1300); + --semantic-color-tiffany-solid-textIcon-normal-lowest: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-solid-textIcon-normal-low: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-textIcon-normal-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-textIcon-normal-high: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-textIcon-inverse-lowest: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-textIcon-inverse-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-textIcon-inverse-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-textIcon-inverse-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-textIcon-static-lowest: var(--core-color-solid-tiffany-200); + --semantic-color-tiffany-solid-textIcon-static-low: var(--core-color-solid-tiffany-500); + --semantic-color-tiffany-solid-textIcon-static-mid: var(--core-color-solid-tiffany-700); + --semantic-color-tiffany-solid-textIcon-static-high: var(--core-color-solid-tiffany-900); + --semantic-color-tiffany-solid-textIcon-static-highest: var(--core-color-solid-tiffany-1200); + --semantic-color-tiffany-opacity-surface-lowest: var(--core-color-opacity-tiffany-75); + --semantic-color-tiffany-opacity-surface-low: var(--core-color-opacity-tiffany-100); + --semantic-color-tiffany-opacity-surface-midLow: var(--core-color-opacity-tiffany-200); + --semantic-color-tiffany-opacity-surface-midHigh: var(--core-color-opacity-tiffany-300); + --semantic-color-tiffany-opacity-surface-high: var(--core-color-opacity-tiffany-700); + --semantic-color-tiffany-opacity-surface-highest: var(--core-color-opacity-tiffany-800); + --semantic-color-tiffany-opacity-border-lowest: var(--core-color-opacity-tiffany-75); + --semantic-color-tiffany-opacity-border-lower: var(--core-color-opacity-tiffany-100); + --semantic-color-tiffany-opacity-border-low: var(--core-color-opacity-tiffany-200); + --semantic-color-tiffany-opacity-border-mid: var(--core-color-opacity-tiffany-300); + --semantic-color-tiffany-opacity-border-high: var(--core-color-opacity-tiffany-600); + --semantic-color-tiffany-opacity-border-higher: var(--core-color-opacity-tiffany-700); + --semantic-color-tiffany-opacity-border-highest: var(--core-color-opacity-tiffany-800); + --semantic-color-tiffany-opacity-textIcon-low: var(--core-color-opacity-tiffany-300); + --semantic-color-tiffany-opacity-textIcon-mid: var(--core-color-opacity-tiffany-400); + --semantic-color-tiffany-opacity-textIcon-high: var(--core-color-opacity-tiffany-600); + --semantic-color-teal-solid-surface-normal-lowest: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-surface-normal-low: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-surface-normal-mid: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-surface-normal-high: var(--core-color-solid-teal-800); + --semantic-color-teal-solid-surface-normal-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-surface-inverse-lowest: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-surface-inverse-low: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-surface-inverse-mid: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-surface-inverse-high: var(--core-color-solid-teal-600); + --semantic-color-teal-solid-surface-inverse-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-surface-static-lowest: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-surface-static-lower: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-surface-static-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-surface-static-midLow: var(--core-color-solid-teal-600); + --semantic-color-teal-solid-surface-static-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-surface-static-midHigh: var(--core-color-solid-teal-800); + --semantic-color-teal-solid-surface-static-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-surface-static-higher: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-surface-static-highest: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-border-normal-low: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-border-normal-mid: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-border-normal-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-border-normal-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-border-inverse-low: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-border-inverse-mid: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-border-inverse-high: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-border-inverse-highest: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-border-static-lowest: var(--core-color-solid-teal-100); + --semantic-color-teal-solid-border-static-lower: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-border-static-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-border-static-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-border-static-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-border-static-higher: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-border-static-highest: var(--core-color-solid-teal-1300); + --semantic-color-teal-solid-textIcon-normal-lowest: var(--core-color-solid-teal-1200); + --semantic-color-teal-solid-textIcon-normal-low: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-textIcon-normal-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-textIcon-normal-high: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-textIcon-inverse-lowest: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-textIcon-inverse-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-textIcon-inverse-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-textIcon-inverse-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-textIcon-static-lowest: var(--core-color-solid-teal-200); + --semantic-color-teal-solid-textIcon-static-low: var(--core-color-solid-teal-500); + --semantic-color-teal-solid-textIcon-static-mid: var(--core-color-solid-teal-700); + --semantic-color-teal-solid-textIcon-static-high: var(--core-color-solid-teal-900); + --semantic-color-teal-solid-textIcon-static-highest: var(--core-color-solid-teal-1200); + --semantic-color-teal-opacity-surface-lowest: var(--core-color-opacity-teal-75); + --semantic-color-teal-opacity-surface-low: var(--core-color-opacity-teal-100); + --semantic-color-teal-opacity-surface-midLow: var(--core-color-opacity-teal-200); + --semantic-color-teal-opacity-surface-midHigh: var(--core-color-opacity-teal-300); + --semantic-color-teal-opacity-surface-high: var(--core-color-opacity-teal-700); + --semantic-color-teal-opacity-surface-highest: var(--core-color-opacity-teal-800); + --semantic-color-teal-opacity-border-lowest: var(--core-color-opacity-teal-75); + --semantic-color-teal-opacity-border-lower: var(--core-color-opacity-teal-100); + --semantic-color-teal-opacity-border-low: var(--core-color-opacity-teal-200); + --semantic-color-teal-opacity-border-mid: var(--core-color-opacity-teal-300); + --semantic-color-teal-opacity-border-high: var(--core-color-opacity-teal-600); + --semantic-color-teal-opacity-border-higher: var(--core-color-opacity-teal-700); + --semantic-color-teal-opacity-border-highest: var(--core-color-opacity-teal-800); + --semantic-color-teal-opacity-textIcon-low: var(--core-color-opacity-teal-300); + --semantic-color-teal-opacity-textIcon-mid: var(--core-color-opacity-teal-400); + --semantic-color-teal-opacity-textIcon-high: var(--core-color-opacity-teal-600); + --semantic-color-seawater-solid-surface-normal-lowest: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-surface-normal-low: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-surface-normal-mid: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-surface-normal-high: var(--core-color-solid-seawater-800); + --semantic-color-seawater-solid-surface-normal-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-surface-inverse-lowest: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-surface-inverse-low: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-surface-inverse-mid: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-surface-inverse-high: var(--core-color-solid-seawater-600); + --semantic-color-seawater-solid-surface-inverse-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-surface-static-lowest: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-surface-static-lower: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-surface-static-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-surface-static-midLow: var(--core-color-solid-seawater-600); + --semantic-color-seawater-solid-surface-static-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-surface-static-midHigh: var(--core-color-solid-seawater-800); + --semantic-color-seawater-solid-surface-static-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-surface-static-higher: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-surface-static-highest: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-border-normal-low: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-border-normal-mid: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-border-normal-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-border-normal-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-border-inverse-low: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-border-inverse-mid: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-border-inverse-high: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-border-inverse-highest: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-border-static-lowest: var(--core-color-solid-seawater-100); + --semantic-color-seawater-solid-border-static-lower: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-border-static-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-border-static-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-border-static-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-border-static-higher: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-border-static-highest: var(--core-color-solid-seawater-1300); + --semantic-color-seawater-solid-textIcon-normal-lowest: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-solid-textIcon-normal-low: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-textIcon-normal-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-textIcon-normal-high: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-textIcon-inverse-lowest: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-textIcon-inverse-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-textIcon-inverse-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-textIcon-inverse-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-textIcon-static-lowest: var(--core-color-solid-seawater-200); + --semantic-color-seawater-solid-textIcon-static-low: var(--core-color-solid-seawater-500); + --semantic-color-seawater-solid-textIcon-static-mid: var(--core-color-solid-seawater-700); + --semantic-color-seawater-solid-textIcon-static-high: var(--core-color-solid-seawater-900); + --semantic-color-seawater-solid-textIcon-static-highest: var(--core-color-solid-seawater-1200); + --semantic-color-seawater-opacity-surface-lowest: var(--core-color-opacity-seawater-75); + --semantic-color-seawater-opacity-surface-low: var(--core-color-opacity-seawater-100); + --semantic-color-seawater-opacity-surface-midLow: var(--core-color-opacity-seawater-200); + --semantic-color-seawater-opacity-surface-midHigh: var(--core-color-opacity-seawater-300); + --semantic-color-seawater-opacity-surface-high: var(--core-color-opacity-seawater-700); + --semantic-color-seawater-opacity-surface-highest: var(--core-color-opacity-seawater-800); + --semantic-color-seawater-opacity-border-lowest: var(--core-color-opacity-seawater-75); + --semantic-color-seawater-opacity-border-lower: var(--core-color-opacity-seawater-100); + --semantic-color-seawater-opacity-border-low: var(--core-color-opacity-seawater-200); + --semantic-color-seawater-opacity-border-mid: var(--core-color-opacity-seawater-300); + --semantic-color-seawater-opacity-border-high: var(--core-color-opacity-seawater-600); + --semantic-color-seawater-opacity-border-higher: var(--core-color-opacity-seawater-700); + --semantic-color-seawater-opacity-border-highest: var(--core-color-opacity-seawater-800); + --semantic-color-seawater-opacity-textIcon-low: var(--core-color-opacity-seawater-300); + --semantic-color-seawater-opacity-textIcon-mid: var(--core-color-opacity-seawater-400); + --semantic-color-seawater-opacity-textIcon-high: var(--core-color-opacity-seawater-600); + --semantic-color-blue-solid-surface-normal-lowest: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-surface-normal-low: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-surface-normal-mid: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-surface-normal-high: var(--core-color-solid-blue-800); + --semantic-color-blue-solid-surface-normal-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-surface-inverse-lowest: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-surface-inverse-low: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-surface-inverse-mid: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-surface-inverse-high: var(--core-color-solid-blue-600); + --semantic-color-blue-solid-surface-inverse-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-surface-static-lowest: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-surface-static-lower: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-surface-static-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-surface-static-midLow: var(--core-color-solid-blue-600); + --semantic-color-blue-solid-surface-static-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-surface-static-midHigh: var(--core-color-solid-blue-800); + --semantic-color-blue-solid-surface-static-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-surface-static-higher: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-surface-static-highest: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-border-normal-low: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-border-normal-mid: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-border-normal-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-border-normal-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-border-inverse-low: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-border-inverse-mid: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-border-inverse-high: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-border-inverse-highest: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-border-static-lowest: var(--core-color-solid-blue-100); + --semantic-color-blue-solid-border-static-lower: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-border-static-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-border-static-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-border-static-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-border-static-higher: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-border-static-highest: var(--core-color-solid-blue-1300); + --semantic-color-blue-solid-textIcon-normal-lowest: var(--core-color-solid-blue-1200); + --semantic-color-blue-solid-textIcon-normal-low: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-textIcon-normal-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-textIcon-normal-high: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-textIcon-inverse-lowest: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-textIcon-inverse-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-textIcon-inverse-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-textIcon-inverse-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-textIcon-static-lowest: var(--core-color-solid-blue-200); + --semantic-color-blue-solid-textIcon-static-low: var(--core-color-solid-blue-500); + --semantic-color-blue-solid-textIcon-static-mid: var(--core-color-solid-blue-700); + --semantic-color-blue-solid-textIcon-static-high: var(--core-color-solid-blue-900); + --semantic-color-blue-solid-textIcon-static-highest: var(--core-color-solid-blue-1200); + --semantic-color-blue-opacity-surface-lowest: var(--core-color-opacity-blue-75); + --semantic-color-blue-opacity-surface-low: var(--core-color-opacity-blue-100); + --semantic-color-blue-opacity-surface-midLow: var(--core-color-opacity-blue-200); + --semantic-color-blue-opacity-surface-midHigh: var(--core-color-opacity-blue-300); + --semantic-color-blue-opacity-surface-high: var(--core-color-opacity-blue-700); + --semantic-color-blue-opacity-surface-highest: var(--core-color-opacity-blue-800); + --semantic-color-blue-opacity-border-lowest: var(--core-color-opacity-blue-75); + --semantic-color-blue-opacity-border-lower: var(--core-color-opacity-blue-100); + --semantic-color-blue-opacity-border-low: var(--core-color-opacity-blue-200); + --semantic-color-blue-opacity-border-mid: var(--core-color-opacity-blue-300); + --semantic-color-blue-opacity-border-high: var(--core-color-opacity-blue-600); + --semantic-color-blue-opacity-border-higher: var(--core-color-opacity-blue-700); + --semantic-color-blue-opacity-border-highest: var(--core-color-opacity-blue-800); + --semantic-color-blue-opacity-textIcon-low: var(--core-color-opacity-blue-300); + --semantic-color-blue-opacity-textIcon-mid: var(--core-color-opacity-blue-400); + --semantic-color-blue-opacity-textIcon-high: var(--core-color-opacity-blue-600); + --semantic-color-sapphire-solid-surface-normal-lowest: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-surface-normal-low: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-surface-normal-mid: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-surface-normal-high: var(--core-color-solid-sapphire-800); + --semantic-color-sapphire-solid-surface-normal-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-surface-inverse-lowest: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-surface-inverse-low: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-surface-inverse-mid: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-surface-inverse-high: var(--core-color-solid-sapphire-600); + --semantic-color-sapphire-solid-surface-inverse-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-surface-static-lowest: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-surface-static-lower: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-surface-static-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-surface-static-midLow: var(--core-color-solid-sapphire-600); + --semantic-color-sapphire-solid-surface-static-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-surface-static-midHigh: var(--core-color-solid-sapphire-800); + --semantic-color-sapphire-solid-surface-static-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-surface-static-higher: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-surface-static-highest: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-border-normal-low: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-border-normal-mid: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-border-normal-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-border-normal-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-border-inverse-low: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-border-inverse-mid: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-border-inverse-high: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-border-inverse-highest: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-border-static-lowest: var(--core-color-solid-sapphire-100); + --semantic-color-sapphire-solid-border-static-lower: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-border-static-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-border-static-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-border-static-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-border-static-higher: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-border-static-highest: var(--core-color-solid-sapphire-1300); + --semantic-color-sapphire-solid-textIcon-normal-lowest: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-solid-textIcon-normal-low: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-textIcon-normal-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-textIcon-normal-high: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-textIcon-inverse-lowest: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-textIcon-inverse-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-textIcon-inverse-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-textIcon-inverse-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-textIcon-static-lowest: var(--core-color-solid-sapphire-200); + --semantic-color-sapphire-solid-textIcon-static-low: var(--core-color-solid-sapphire-500); + --semantic-color-sapphire-solid-textIcon-static-mid: var(--core-color-solid-sapphire-700); + --semantic-color-sapphire-solid-textIcon-static-high: var(--core-color-solid-sapphire-900); + --semantic-color-sapphire-solid-textIcon-static-highest: var(--core-color-solid-sapphire-1200); + --semantic-color-sapphire-opacity-surface-lowest: var(--core-color-opacity-sapphire-75); + --semantic-color-sapphire-opacity-surface-low: var(--core-color-opacity-sapphire-100); + --semantic-color-sapphire-opacity-surface-midLow: var(--core-color-opacity-sapphire-200); + --semantic-color-sapphire-opacity-surface-midHigh: var(--core-color-opacity-sapphire-300); + --semantic-color-sapphire-opacity-surface-high: var(--core-color-opacity-sapphire-700); + --semantic-color-sapphire-opacity-surface-highest: var(--core-color-opacity-sapphire-800); + --semantic-color-sapphire-opacity-border-lowest: var(--core-color-opacity-sapphire-75); + --semantic-color-sapphire-opacity-border-lower: var(--core-color-opacity-sapphire-100); + --semantic-color-sapphire-opacity-border-low: var(--core-color-opacity-sapphire-200); + --semantic-color-sapphire-opacity-border-mid: var(--core-color-opacity-sapphire-300); + --semantic-color-sapphire-opacity-border-high: var(--core-color-opacity-sapphire-600); + --semantic-color-sapphire-opacity-border-higher: var(--core-color-opacity-sapphire-700); + --semantic-color-sapphire-opacity-border-highest: var(--core-color-opacity-sapphire-800); + --semantic-color-sapphire-opacity-textIcon-low: var(--core-color-opacity-sapphire-300); + --semantic-color-sapphire-opacity-textIcon-mid: var(--core-color-opacity-sapphire-400); + --semantic-color-sapphire-opacity-textIcon-high: var(--core-color-opacity-sapphire-600); + --semantic-color-blueberry-solid-surface-normal-lowest: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-surface-normal-low: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-surface-normal-mid: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-surface-normal-high: var(--core-color-solid-blueberry-800); + --semantic-color-blueberry-solid-surface-normal-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-surface-inverse-lowest: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-surface-inverse-low: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-surface-inverse-mid: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-surface-inverse-high: var(--core-color-solid-blueberry-600); + --semantic-color-blueberry-solid-surface-inverse-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-surface-static-lowest: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-surface-static-lower: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-surface-static-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-surface-static-midLow: var(--core-color-solid-blueberry-600); + --semantic-color-blueberry-solid-surface-static-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-surface-static-midHigh: var(--core-color-solid-blueberry-800); + --semantic-color-blueberry-solid-surface-static-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-surface-static-higher: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-surface-static-highest: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-border-normal-low: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-border-normal-mid: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-border-normal-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-border-normal-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-border-inverse-low: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-border-inverse-mid: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-border-inverse-high: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-border-inverse-highest: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-border-static-lowest: var(--core-color-solid-blueberry-100); + --semantic-color-blueberry-solid-border-static-lower: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-border-static-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-border-static-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-border-static-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-border-static-higher: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-border-static-highest: var(--core-color-solid-blueberry-1300); + --semantic-color-blueberry-solid-textIcon-normal-lowest: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-solid-textIcon-normal-low: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-textIcon-normal-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-textIcon-normal-high: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-textIcon-inverse-lowest: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-textIcon-inverse-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-textIcon-inverse-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-textIcon-inverse-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-textIcon-static-lowest: var(--core-color-solid-blueberry-200); + --semantic-color-blueberry-solid-textIcon-static-low: var(--core-color-solid-blueberry-500); + --semantic-color-blueberry-solid-textIcon-static-mid: var(--core-color-solid-blueberry-700); + --semantic-color-blueberry-solid-textIcon-static-high: var(--core-color-solid-blueberry-900); + --semantic-color-blueberry-solid-textIcon-static-highest: var(--core-color-solid-blueberry-1200); + --semantic-color-blueberry-opacity-surface-lowest: var(--core-color-opacity-blueberry-75); + --semantic-color-blueberry-opacity-surface-low: var(--core-color-opacity-blueberry-100); + --semantic-color-blueberry-opacity-surface-midLow: var(--core-color-opacity-blueberry-200); + --semantic-color-blueberry-opacity-surface-midHigh: var(--core-color-opacity-blueberry-300); + --semantic-color-blueberry-opacity-surface-high: var(--core-color-opacity-blueberry-700); + --semantic-color-blueberry-opacity-surface-highest: var(--core-color-opacity-blueberry-800); + --semantic-color-blueberry-opacity-border-lowest: var(--core-color-opacity-blueberry-75); + --semantic-color-blueberry-opacity-border-lower: var(--core-color-opacity-blueberry-100); + --semantic-color-blueberry-opacity-border-low: var(--core-color-opacity-blueberry-200); + --semantic-color-blueberry-opacity-border-mid: var(--core-color-opacity-blueberry-300); + --semantic-color-blueberry-opacity-border-high: var(--core-color-opacity-blueberry-600); + --semantic-color-blueberry-opacity-border-higher: var(--core-color-opacity-blueberry-700); + --semantic-color-blueberry-opacity-border-highest: var(--core-color-opacity-blueberry-800); + --semantic-color-blueberry-opacity-textIcon-low: var(--core-color-opacity-blueberry-300); + --semantic-color-blueberry-opacity-textIcon-mid: var(--core-color-opacity-blueberry-400); + --semantic-color-blueberry-opacity-textIcon-high: var(--core-color-opacity-blueberry-600); + --semantic-color-grape-solid-surface-normal-lowest: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-surface-normal-low: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-surface-normal-mid: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-surface-normal-high: var(--core-color-solid-grape-800); + --semantic-color-grape-solid-surface-normal-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-surface-inverse-lowest: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-surface-inverse-low: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-surface-inverse-mid: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-surface-inverse-high: var(--core-color-solid-grape-600); + --semantic-color-grape-solid-surface-inverse-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-surface-static-lowest: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-surface-static-lower: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-surface-static-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-surface-static-midLow: var(--core-color-solid-grape-600); + --semantic-color-grape-solid-surface-static-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-surface-static-midHigh: var(--core-color-solid-grape-800); + --semantic-color-grape-solid-surface-static-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-surface-static-higher: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-surface-static-highest: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-border-normal-low: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-border-normal-mid: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-border-normal-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-border-normal-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-border-inverse-low: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-border-inverse-mid: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-border-inverse-high: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-border-inverse-highest: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-border-static-lowest: var(--core-color-solid-grape-100); + --semantic-color-grape-solid-border-static-lower: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-border-static-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-border-static-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-border-static-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-border-static-higher: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-border-static-highest: var(--core-color-solid-grape-1300); + --semantic-color-grape-solid-textIcon-normal-lowest: var(--core-color-solid-grape-1200); + --semantic-color-grape-solid-textIcon-normal-low: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-textIcon-normal-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-textIcon-normal-high: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-textIcon-inverse-lowest: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-textIcon-inverse-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-textIcon-inverse-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-textIcon-inverse-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-textIcon-static-lowest: var(--core-color-solid-grape-200); + --semantic-color-grape-solid-textIcon-static-low: var(--core-color-solid-grape-500); + --semantic-color-grape-solid-textIcon-static-mid: var(--core-color-solid-grape-700); + --semantic-color-grape-solid-textIcon-static-high: var(--core-color-solid-grape-900); + --semantic-color-grape-solid-textIcon-static-highest: var(--core-color-solid-grape-1200); + --semantic-color-grape-opacity-surface-lowest: var(--core-color-opacity-grape-75); + --semantic-color-grape-opacity-surface-low: var(--core-color-opacity-grape-100); + --semantic-color-grape-opacity-surface-midLow: var(--core-color-opacity-grape-200); + --semantic-color-grape-opacity-surface-midHigh: var(--core-color-opacity-grape-300); + --semantic-color-grape-opacity-surface-high: var(--core-color-opacity-grape-700); + --semantic-color-grape-opacity-surface-highest: var(--core-color-opacity-grape-800); + --semantic-color-grape-opacity-border-lowest: var(--core-color-opacity-grape-75); + --semantic-color-grape-opacity-border-lower: var(--core-color-opacity-grape-100); + --semantic-color-grape-opacity-border-low: var(--core-color-opacity-grape-200); + --semantic-color-grape-opacity-border-mid: var(--core-color-opacity-grape-300); + --semantic-color-grape-opacity-border-high: var(--core-color-opacity-grape-600); + --semantic-color-grape-opacity-border-higher: var(--core-color-opacity-grape-700); + --semantic-color-grape-opacity-border-highest: var(--core-color-opacity-grape-800); + --semantic-color-grape-opacity-textIcon-low: var(--core-color-opacity-grape-300); + --semantic-color-grape-opacity-textIcon-mid: var(--core-color-opacity-grape-400); + --semantic-color-grape-opacity-textIcon-high: var(--core-color-opacity-grape-600); + --semantic-color-magenta-solid-surface-normal-lowest: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-surface-normal-low: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-surface-normal-mid: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-surface-normal-high: var(--core-color-solid-magenta-800); + --semantic-color-magenta-solid-surface-normal-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-surface-inverse-lowest: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-surface-inverse-low: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-surface-inverse-mid: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-surface-inverse-high: var(--core-color-solid-magenta-600); + --semantic-color-magenta-solid-surface-inverse-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-surface-static-lowest: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-surface-static-lower: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-surface-static-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-surface-static-midLow: var(--core-color-solid-magenta-600); + --semantic-color-magenta-solid-surface-static-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-surface-static-midHigh: var(--core-color-solid-magenta-800); + --semantic-color-magenta-solid-surface-static-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-surface-static-higher: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-surface-static-highest: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-border-normal-low: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-border-normal-mid: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-border-normal-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-border-normal-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-border-inverse-low: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-border-inverse-mid: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-border-inverse-high: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-border-inverse-highest: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-border-static-lowest: var(--core-color-solid-magenta-100); + --semantic-color-magenta-solid-border-static-lower: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-border-static-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-border-static-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-border-static-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-border-static-higher: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-border-static-highest: var(--core-color-solid-magenta-1300); + --semantic-color-magenta-solid-textIcon-normal-lowest: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-solid-textIcon-normal-low: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-textIcon-normal-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-textIcon-normal-high: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-textIcon-inverse-lowest: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-textIcon-inverse-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-textIcon-inverse-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-textIcon-inverse-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-textIcon-static-lowest: var(--core-color-solid-magenta-200); + --semantic-color-magenta-solid-textIcon-static-low: var(--core-color-solid-magenta-500); + --semantic-color-magenta-solid-textIcon-static-mid: var(--core-color-solid-magenta-700); + --semantic-color-magenta-solid-textIcon-static-high: var(--core-color-solid-magenta-900); + --semantic-color-magenta-solid-textIcon-static-highest: var(--core-color-solid-magenta-1200); + --semantic-color-magenta-opacity-surface-lowest: var(--core-color-opacity-magenta-75); + --semantic-color-magenta-opacity-surface-low: var(--core-color-opacity-magenta-100); + --semantic-color-magenta-opacity-surface-midLow: var(--core-color-opacity-magenta-200); + --semantic-color-magenta-opacity-surface-midHigh: var(--core-color-opacity-magenta-300); + --semantic-color-magenta-opacity-surface-high: var(--core-color-opacity-magenta-700); + --semantic-color-magenta-opacity-surface-highest: var(--core-color-opacity-magenta-800); + --semantic-color-magenta-opacity-border-lowest: var(--core-color-opacity-magenta-75); + --semantic-color-magenta-opacity-border-lower: var(--core-color-opacity-magenta-100); + --semantic-color-magenta-opacity-border-low: var(--core-color-opacity-magenta-200); + --semantic-color-magenta-opacity-border-mid: var(--core-color-opacity-magenta-300); + --semantic-color-magenta-opacity-border-high: var(--core-color-opacity-magenta-600); + --semantic-color-magenta-opacity-border-higher: var(--core-color-opacity-magenta-700); + --semantic-color-magenta-opacity-border-highest: var(--core-color-opacity-magenta-800); + --semantic-color-magenta-opacity-textIcon-low: var(--core-color-opacity-magenta-300); + --semantic-color-magenta-opacity-textIcon-mid: var(--core-color-opacity-magenta-400); + --semantic-color-magenta-opacity-textIcon-high: var(--core-color-opacity-magenta-600); + --semantic-color-cherry-solid-surface-normal-lowest: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-surface-normal-low: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-surface-normal-mid: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-surface-normal-high: var(--core-color-solid-cherry-800); + --semantic-color-cherry-solid-surface-normal-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-surface-inverse-lowest: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-surface-inverse-low: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-surface-inverse-mid: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-surface-inverse-high: var(--core-color-solid-cherry-600); + --semantic-color-cherry-solid-surface-inverse-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-surface-static-lowest: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-surface-static-lower: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-surface-static-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-surface-static-midLow: var(--core-color-solid-cherry-600); + --semantic-color-cherry-solid-surface-static-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-surface-static-midHigh: var(--core-color-solid-cherry-800); + --semantic-color-cherry-solid-surface-static-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-surface-static-higher: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-surface-static-highest: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-border-normal-low: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-border-normal-mid: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-border-normal-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-border-normal-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-border-inverse-low: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-border-inverse-mid: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-border-inverse-high: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-border-inverse-highest: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-border-static-lowest: var(--core-color-solid-cherry-100); + --semantic-color-cherry-solid-border-static-lower: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-border-static-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-border-static-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-border-static-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-border-static-higher: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-border-static-highest: var(--core-color-solid-cherry-1300); + --semantic-color-cherry-solid-textIcon-normal-lowest: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-solid-textIcon-normal-low: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-textIcon-normal-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-textIcon-normal-high: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-textIcon-inverse-lowest: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-textIcon-inverse-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-textIcon-inverse-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-textIcon-inverse-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-textIcon-static-lowest: var(--core-color-solid-cherry-200); + --semantic-color-cherry-solid-textIcon-static-low: var(--core-color-solid-cherry-500); + --semantic-color-cherry-solid-textIcon-static-mid: var(--core-color-solid-cherry-700); + --semantic-color-cherry-solid-textIcon-static-high: var(--core-color-solid-cherry-900); + --semantic-color-cherry-solid-textIcon-static-highest: var(--core-color-solid-cherry-1200); + --semantic-color-cherry-opacity-surface-lowest: var(--core-color-opacity-cherry-75); + --semantic-color-cherry-opacity-surface-low: var(--core-color-opacity-cherry-100); + --semantic-color-cherry-opacity-surface-midLow: var(--core-color-opacity-cherry-200); + --semantic-color-cherry-opacity-surface-midHigh: var(--core-color-opacity-cherry-300); + --semantic-color-cherry-opacity-surface-high: var(--core-color-opacity-cherry-700); + --semantic-color-cherry-opacity-surface-highest: var(--core-color-opacity-cherry-800); + --semantic-color-cherry-opacity-border-lowest: var(--core-color-opacity-cherry-75); + --semantic-color-cherry-opacity-border-lower: var(--core-color-opacity-cherry-100); + --semantic-color-cherry-opacity-border-low: var(--core-color-opacity-cherry-200); + --semantic-color-cherry-opacity-border-mid: var(--core-color-opacity-cherry-300); + --semantic-color-cherry-opacity-border-high: var(--core-color-opacity-cherry-600); + --semantic-color-cherry-opacity-border-higher: var(--core-color-opacity-cherry-700); + --semantic-color-cherry-opacity-border-highest: var(--core-color-opacity-cherry-800); + --semantic-color-cherry-opacity-textIcon-low: var(--core-color-opacity-cherry-300); + --semantic-color-cherry-opacity-textIcon-mid: var(--core-color-opacity-cherry-400); + --semantic-color-cherry-opacity-textIcon-high: var(--core-color-opacity-cherry-600); + --semantic-color-coral-solid-surface-normal-lowest: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-surface-normal-low: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-surface-normal-mid: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-surface-normal-high: var(--core-color-solid-coral-800); + --semantic-color-coral-solid-surface-normal-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-surface-inverse-lowest: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-surface-inverse-low: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-surface-inverse-mid: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-surface-inverse-high: var(--core-color-solid-coral-600); + --semantic-color-coral-solid-surface-inverse-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-surface-static-lowest: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-surface-static-lower: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-surface-static-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-surface-static-midLow: var(--core-color-solid-coral-600); + --semantic-color-coral-solid-surface-static-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-surface-static-midHigh: var(--core-color-solid-coral-800); + --semantic-color-coral-solid-surface-static-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-surface-static-higher: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-surface-static-highest: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-border-normal-low: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-border-normal-mid: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-border-normal-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-border-normal-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-border-inverse-low: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-border-inverse-mid: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-border-inverse-high: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-border-inverse-highest: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-border-static-lowest: var(--core-color-solid-coral-100); + --semantic-color-coral-solid-border-static-lower: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-border-static-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-border-static-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-border-static-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-border-static-higher: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-border-static-highest: var(--core-color-solid-coral-1300); + --semantic-color-coral-solid-textIcon-normal-lowest: var(--core-color-solid-coral-1200); + --semantic-color-coral-solid-textIcon-normal-low: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-textIcon-normal-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-textIcon-normal-high: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-textIcon-inverse-lowest: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-textIcon-inverse-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-textIcon-inverse-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-textIcon-inverse-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-textIcon-static-lowest: var(--core-color-solid-coral-200); + --semantic-color-coral-solid-textIcon-static-low: var(--core-color-solid-coral-500); + --semantic-color-coral-solid-textIcon-static-mid: var(--core-color-solid-coral-700); + --semantic-color-coral-solid-textIcon-static-high: var(--core-color-solid-coral-900); + --semantic-color-coral-solid-textIcon-static-highest: var(--core-color-solid-coral-1200); + --semantic-color-coral-opacity-surface-lowest: var(--core-color-opacity-coral-75); + --semantic-color-coral-opacity-surface-low: var(--core-color-opacity-coral-100); + --semantic-color-coral-opacity-surface-midLow: var(--core-color-opacity-coral-200); + --semantic-color-coral-opacity-surface-midHigh: var(--core-color-opacity-coral-300); + --semantic-color-coral-opacity-surface-high: var(--core-color-opacity-coral-700); + --semantic-color-coral-opacity-surface-highest: var(--core-color-opacity-coral-800); + --semantic-color-coral-opacity-border-lowest: var(--core-color-opacity-coral-75); + --semantic-color-coral-opacity-border-lower: var(--core-color-opacity-coral-100); + --semantic-color-coral-opacity-border-low: var(--core-color-opacity-coral-200); + --semantic-color-coral-opacity-border-mid: var(--core-color-opacity-coral-300); + --semantic-color-coral-opacity-border-high: var(--core-color-opacity-coral-600); + --semantic-color-coral-opacity-border-higher: var(--core-color-opacity-coral-700); + --semantic-color-coral-opacity-border-highest: var(--core-color-opacity-coral-800); + --semantic-color-coral-opacity-textIcon-low: var(--core-color-opacity-coral-300); + --semantic-color-coral-opacity-textIcon-mid: var(--core-color-opacity-coral-400); + --semantic-color-coral-opacity-textIcon-high: var(--core-color-opacity-coral-600); + --semantic-color-component-segmentedControl-item-bg-selected: var(--core-color-opacity-white-200); } diff --git a/lib/styles/static.scss b/lib/styles/static.scss new file mode 100644 index 0000000..184ae32 --- /dev/null +++ b/lib/styles/static.scss @@ -0,0 +1,302 @@ +:root { + --temp-static-spacing-1: 1px; + --temp-static-spacing-2: 2px; + --temp-static-spacing-3: 3px; + --temp-static-spacing-4: 4px; + --temp-static-spacing-5: 5px; + --temp-static-spacing-6: 6px; + --temp-static-spacing-7: 7px; + --temp-static-spacing-8: 8px; + --temp-static-spacing-9: 9px; + --temp-static-spacing-10: 10px; + --temp-static-spacing-11: 11px; + --temp-static-spacing-12: 12px; + --temp-static-spacing-13: 13px; + --temp-static-spacing-14: 14px; + --temp-static-spacing-15: 15px; + --temp-static-spacing-16: 16px; + --temp-static-spacing-17: 17px; + --temp-static-spacing-18: 18px; + --temp-static-spacing-19: 19px; + --temp-static-spacing-20: 20px; + --temp-static-spacing-21: 21px; + --temp-static-spacing-22: 22px; + --temp-static-spacing-23: 23px; + --temp-static-spacing-24: 24px; + --temp-static-spacing-25: 25px; + --temp-static-spacing-26: 26px; + --temp-static-spacing-27: 27px; + --temp-static-spacing-28: 28px; + --temp-static-spacing-29: 29px; + --temp-static-spacing-30: 30px; + --temp-static-spacing-31: 31px; + --temp-static-spacing-32: 32px; + --temp-static-spacing-33: 33px; + --temp-static-spacing-34: 34px; + --temp-static-spacing-35: 35px; + --temp-static-spacing-36: 36px; + --temp-static-spacing-37: 37px; + --temp-static-spacing-38: 38px; + --temp-static-spacing-39: 39px; + --temp-static-spacing-40: 40px; + --temp-static-spacing-41: 41px; + --temp-static-spacing-42: 42px; + --temp-static-spacing-43: 43px; + --temp-static-spacing-44: 44px; + --temp-static-spacing-45: 45px; + --temp-static-spacing-46: 46px; + --temp-static-spacing-47: 47px; + --temp-static-spacing-48: 48px; + --temp-static-spacing-49: 49px; + --temp-static-spacing-50: 50px; + --temp-static-spacing-51: 51px; + --temp-static-spacing-52: 52px; + --temp-static-spacing-53: 53px; + --temp-static-spacing-54: 54px; + --temp-static-spacing-55: 55px; + --temp-static-spacing-56: 56px; + --temp-static-spacing-57: 57px; + --temp-static-spacing-58: 58px; + --temp-static-spacing-59: 59px; + --temp-static-spacing-60: 60px; + --temp-static-spacing-61: 61px; + --temp-static-spacing-62: 62px; + --temp-static-spacing-63: 63px; + --temp-static-spacing-64: 64px; + --temp-static-spacing-65: 65px; + --temp-static-spacing-66: 66px; + --temp-static-spacing-67: 67px; + --temp-static-spacing-68: 68px; + --temp-static-spacing-69: 69px; + --temp-static-spacing-70: 70px; + --temp-static-spacing-71: 71px; + --temp-static-spacing-72: 72px; + --temp-static-spacing-73: 73px; + --temp-static-spacing-74: 74px; + --temp-static-spacing-75: 75px; + --temp-static-spacing-76: 76px; + --temp-static-spacing-77: 77px; + --temp-static-spacing-78: 78px; + --temp-static-spacing-79: 79px; + --temp-static-spacing-80: 80px; + --temp-static-spacing-81: 81px; + --temp-static-spacing-82: 82px; + --temp-static-spacing-83: 83px; + --temp-static-spacing-84: 84px; + --temp-static-spacing-85: 85px; + --temp-static-spacing-86: 86px; + --temp-static-spacing-87: 87px; + --temp-static-spacing-88: 88px; + --temp-static-spacing-89: 89px; + --temp-static-spacing-90: 90px; + --temp-static-spacing-91: 91px; + --temp-static-spacing-92: 92px; + --temp-static-spacing-93: 93px; + --temp-static-spacing-94: 94px; + --temp-static-spacing-95: 95px; + --temp-static-spacing-96: 96px; + --temp-static-spacing-97: 97px; + --temp-static-spacing-98: 98px; + --temp-static-spacing-99: 99px; + --temp-static-spacing-100: 100px; + --temp-static-spacing-101: 101px; + --temp-static-spacing-102: 102px; + --temp-static-spacing-103: 103px; + --temp-static-spacing-104: 104px; + --temp-static-spacing-105: 105px; + --temp-static-spacing-106: 106px; + --temp-static-spacing-107: 107px; + --temp-static-spacing-108: 108px; + --temp-static-spacing-109: 109px; + --temp-static-spacing-110: 110px; + --temp-static-spacing-111: 111px; + --temp-static-spacing-112: 112px; + --temp-static-spacing-113: 113px; + --temp-static-spacing-114: 114px; + --temp-static-spacing-115: 115px; + --temp-static-spacing-116: 116px; + --temp-static-spacing-117: 117px; + --temp-static-spacing-118: 118px; + --temp-static-spacing-119: 119px; + --temp-static-spacing-120: 120px; + --temp-static-spacing-121: 121px; + --temp-static-spacing-122: 122px; + --temp-static-spacing-123: 123px; + --temp-static-spacing-124: 124px; + --temp-static-spacing-125: 125px; + --temp-static-spacing-126: 126px; + --temp-static-spacing-127: 127px; + --temp-static-spacing-128: 128px; + --temp-static-spacing-129: 129px; + --temp-static-spacing-130: 130px; + --temp-static-spacing-131: 131px; + --temp-static-spacing-132: 132px; + --temp-static-spacing-133: 133px; + --temp-static-spacing-134: 134px; + --temp-static-spacing-135: 135px; + --temp-static-spacing-136: 136px; + --temp-static-spacing-137: 137px; + --temp-static-spacing-138: 138px; + --temp-static-spacing-139: 139px; + --temp-static-spacing-140: 140px; + --temp-static-spacing-141: 141px; + --temp-static-spacing-142: 142px; + --temp-static-spacing-143: 143px; + --temp-static-spacing-144: 144px; + --temp-static-spacing-145: 145px; + --temp-static-spacing-146: 146px; + --temp-static-spacing-147: 147px; + --temp-static-spacing-148: 148px; + --temp-static-spacing-149: 149px; + --temp-static-spacing-150: 150px; + --temp-static-spacing-151: 151px; + --temp-static-spacing-152: 152px; + --temp-static-spacing-153: 153px; + --temp-static-spacing-154: 154px; + --temp-static-spacing-155: 155px; + --temp-static-spacing-156: 156px; + --temp-static-spacing-157: 157px; + --temp-static-spacing-158: 158px; + --temp-static-spacing-159: 159px; + --temp-static-spacing-160: 160px; + --temp-static-spacing-161: 161px; + --temp-static-spacing-162: 162px; + --temp-static-spacing-163: 163px; + --temp-static-spacing-164: 164px; + --temp-static-spacing-165: 165px; + --temp-static-spacing-166: 166px; + --temp-static-spacing-167: 167px; + --temp-static-spacing-168: 168px; + --temp-static-spacing-169: 169px; + --temp-static-spacing-170: 170px; + --temp-static-spacing-171: 171px; + --temp-static-spacing-172: 172px; + --temp-static-spacing-173: 173px; + --temp-static-spacing-174: 174px; + --temp-static-spacing-175: 175px; + --temp-static-spacing-176: 176px; + --temp-static-spacing-177: 177px; + --temp-static-spacing-178: 178px; + --temp-static-spacing-179: 179px; + --temp-static-spacing-180: 180px; + --temp-static-spacing-181: 181px; + --temp-static-spacing-182: 182px; + --temp-static-spacing-183: 183px; + --temp-static-spacing-184: 184px; + --temp-static-spacing-185: 185px; + --temp-static-spacing-186: 186px; + --temp-static-spacing-187: 187px; + --temp-static-spacing-188: 188px; + --temp-static-spacing-189: 189px; + --temp-static-spacing-190: 190px; + --temp-static-spacing-191: 191px; + --temp-static-spacing-192: 192px; + --temp-static-spacing-193: 193px; + --temp-static-spacing-194: 194px; + --temp-static-spacing-195: 195px; + --temp-static-spacing-196: 196px; + --temp-static-spacing-197: 197px; + --temp-static-spacing-198: 198px; + --temp-static-spacing-199: 199px; + --temp-static-spacing-200: 200px; + --temp-static-spacing-201: 201px; + --temp-static-spacing-202: 202px; + --temp-static-spacing-203: 203px; + --temp-static-spacing-204: 204px; + --temp-static-spacing-205: 205px; + --temp-static-spacing-206: 206px; + --temp-static-spacing-207: 207px; + --temp-static-spacing-208: 208px; + --temp-static-spacing-209: 209px; + --temp-static-spacing-210: 210px; + --temp-static-spacing-211: 211px; + --temp-static-spacing-212: 212px; + --temp-static-spacing-213: 213px; + --temp-static-spacing-214: 214px; + --temp-static-spacing-215: 215px; + --temp-static-spacing-216: 216px; + --temp-static-spacing-217: 217px; + --temp-static-spacing-218: 218px; + --temp-static-spacing-219: 219px; + --temp-static-spacing-220: 220px; + --temp-static-spacing-221: 221px; + --temp-static-spacing-222: 222px; + --temp-static-spacing-223: 223px; + --temp-static-spacing-224: 224px; + --temp-static-spacing-225: 225px; + --temp-static-spacing-226: 226px; + --temp-static-spacing-227: 227px; + --temp-static-spacing-228: 228px; + --temp-static-spacing-229: 229px; + --temp-static-spacing-230: 230px; + --temp-static-spacing-231: 231px; + --temp-static-spacing-232: 232px; + --temp-static-spacing-233: 233px; + --temp-static-spacing-234: 234px; + --temp-static-spacing-235: 235px; + --temp-static-spacing-236: 236px; + --temp-static-spacing-237: 237px; + --temp-static-spacing-238: 238px; + --temp-static-spacing-239: 239px; + --temp-static-spacing-240: 240px; + --temp-static-spacing-241: 241px; + --temp-static-spacing-242: 242px; + --temp-static-spacing-243: 243px; + --temp-static-spacing-244: 244px; + --temp-static-spacing-245: 245px; + --temp-static-spacing-246: 246px; + --temp-static-spacing-247: 247px; + --temp-static-spacing-248: 248px; + --temp-static-spacing-249: 249px; + --temp-static-spacing-250: 250px; + --temp-static-spacing-251: 251px; + --temp-static-spacing-252: 252px; + --temp-static-spacing-253: 253px; + --temp-static-spacing-254: 254px; + --temp-static-spacing-255: 255px; + --temp-static-spacing-256: 256px; + --temp-static-spacing-257: 257px; + --temp-static-spacing-258: 258px; + --temp-static-spacing-259: 259px; + --temp-static-spacing-260: 260px; + --temp-static-spacing-261: 261px; + --temp-static-spacing-262: 262px; + --temp-static-spacing-263: 263px; + --temp-static-spacing-264: 264px; + --temp-static-spacing-265: 265px; + --temp-static-spacing-266: 266px; + --temp-static-spacing-267: 267px; + --temp-static-spacing-268: 268px; + --temp-static-spacing-269: 269px; + --temp-static-spacing-270: 270px; + --temp-static-spacing-271: 271px; + --temp-static-spacing-272: 272px; + --temp-static-spacing-273: 273px; + --temp-static-spacing-274: 274px; + --temp-static-spacing-275: 275px; + --temp-static-spacing-276: 276px; + --temp-static-spacing-277: 277px; + --temp-static-spacing-278: 278px; + --temp-static-spacing-279: 279px; + --temp-static-spacing-280: 280px; + --temp-static-spacing-281: 281px; + --temp-static-spacing-282: 282px; + --temp-static-spacing-283: 283px; + --temp-static-spacing-284: 284px; + --temp-static-spacing-285: 285px; + --temp-static-spacing-286: 286px; + --temp-static-spacing-287: 287px; + --temp-static-spacing-288: 288px; + --temp-static-spacing-289: 289px; + --temp-static-spacing-290: 290px; + --temp-static-spacing-291: 291px; + --temp-static-spacing-292: 292px; + --temp-static-spacing-293: 293px; + --temp-static-spacing-294: 294px; + --temp-static-spacing-295: 295px; + --temp-static-spacing-296: 296px; + --temp-static-spacing-297: 297px; + --temp-static-spacing-298: 298px; + --temp-static-spacing-299: 299px; + --temp-static-spacing-300: 300px; +} diff --git a/package.json b/package.json index dc0e585..884677a 100644 --- a/package.json +++ b/package.json @@ -10,13 +10,14 @@ "scripts": { "build": "npm run clean && npx ts-node index.ts", "clean": "rimraf sd-tokens dist", - "lint": "eslint src/**/*.ts", "format": "eslint src/**/*.ts --fix", + "generate:styles": "node scripts/transformer.js && npx prettier --write lib/styles", + "lint": "eslint src/**/*.ts", "test": "jest", - "test:update": "jest --updateSnapshot", "test:ci": "jest --coverage", + "test:update": "jest --updateSnapshot", "prepare": "husky install", - "prepublish": "babel src --out-dir dist && cp lib/styles/quill.scss dist && sass dist/quill.scss dist/quill.css" + "prepublish": "babel src --out-dir dist && cp -r lib/styles/* dist && for f in dist/*.scss; do sass \"$f\" \"${f%.scss}.css\"; done" }, "keywords": [], "author": "Michio", diff --git a/scripts/transformer.js b/scripts/transformer.js new file mode 100644 index 0000000..e248fc1 --- /dev/null +++ b/scripts/transformer.js @@ -0,0 +1,507 @@ +import fs from 'fs'; +import path from 'path'; +import { fileURLToPath } from 'url'; + +const __filename = fileURLToPath(import.meta.url); +const __dirname = path.dirname(__filename); + +class Transformer { + constructor() { + this.allRules = {}; + this.semanticViewportNames = [ + 'semantic/viewPort/640-plus', + 'semantic/viewPort/768-plus', + 'semantic/viewPort/1024-plus', + 'semantic/viewPort/1280-plus', + 'semantic/viewPort/1440-plus', + ]; + this.themeTokenNames = ['semantic/theme/light', 'semantic/theme/dark']; + this.tokenNames = [ + 'core/border', + 'core/color/solid', + 'core/color/opacity', + 'core/color/gradients', + 'core/boxShadow', + 'core/opacity', + 'core/spacing', + 'core/typography', + 'core/motion', + 'core/sizing', + 'component/component', + 'semantic/global', + 'semantic/viewPort/default', + ]; + this.allTokenNames = [...this.tokenNames, ...this.semanticViewportNames, ...this.themeTokenNames]; + this.breakpointNames = ['sm', 'md', 'lg', 'xl', '2xl']; + this.coreRules = {}; + + this.designTokens = JSON.parse(fs.readFileSync(path.resolve(__dirname, '../data/tokens.json'), 'utf-8')); + this.excludedKeys = ['$themes', '$metadata']; + this.getDefaultTokens = () => { + const filteredEntries = Object.entries(this.designTokens).filter(([key]) => { + return !this.semanticViewportNames.includes(key) && !this.excludedKeys.includes(key); + }); + return Object.fromEntries(filteredEntries); + }; + + this.styleStrings = { + static: '', + quill: '', + breakpoints: '', + }; + this.mapSassValues(); + this.generateFiles(); + } + + addPxToShadows = (cssString) => { + const shadowKeys = ['elevation']; + + // Regular expression to match numeric values within the rules (not keys), excluding values inside rgba + const shadowPattern = /(? `${match}px`; + + // Split the CSS string by ';' to handle each rule separately + const rules = cssString.split(';'); + + const processedRules = rules.map((rule) => { + // Split each rule into key and value by the colon + const [key, value] = rule.split(':'); + + // Check if the key includes any of the keywords + if (shadowKeys.some((keyword) => key.includes(keyword))) { + // Apply 'px' to all numeric values within the value + const newValue = value.replace(shadowPattern, replaceWithPx); + return `${key}:${newValue}`; + } else { + return rule; // Preserve rules without matching keywords + } + }); + + // Join the processed rules back together with semicolons + return processedRules.join(';').trim(); + }; + + convertCSSkey = (cssKey, prefix = true) => { + const pref = prefix ? '--' : ''; + return `${pref}${cssKey.replaceAll('.', '-')}`; + }; + convertTokenKey = (str) => str.replaceAll('--', '').replaceAll('-', '.'); + + convertHexes = (str) => { + const rgbaRegex = /rgba\(\s*#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})\s*,?\s*(\d*\.?\d+|0)\)/g; + + const replaceRgba = (_, hexColor, opacity) => { + // Convert hex color to RGBA + const red = parseInt(hexColor.substring(0, 2), 16); + const green = parseInt(hexColor.substring(2, 4), 16); + const blue = parseInt(hexColor.substring(4, 6), 16); + + return `rgba(${red}, ${green}, ${blue}, ${opacity})`; + }; + + return str.replaceAll(rgbaRegex, replaceRgba); + }; + + extractCSSValues = (key, value) => { + const filteredKeys = ['type']; + + const CSSValues = []; + Object.keys(value).map((k) => { + if (!filteredKeys.includes(k)) { + CSSValues.push(value[k]); + } + }); + + return CSSValues.join(' '); + }; + + generateBreakpoints = () => { + const breakpointMap = {}; + + this.semanticViewportNames.forEach((tokenName, index) => { + const parts = tokenName.split('/'); + const minWidth = parseInt(parts[2].split('-')[0]); // Extract the minWidth and convert it to an integer + const breakpoint = this.breakpointNames[index]; + + breakpointMap[minWidth] = breakpoint; + }); + + let sassString = `@mixin breakpoint($breakpoint) {\n`; + + // Generate the Sass mixin string using the dynamically populated breakpointMap + Object.entries(breakpointMap).forEach(([minWidth, breakpoint], bk) => { + sassString += `@${bk === 0 ? 'if' : 'else if'} $breakpoint == "${breakpoint}" { + @media (min-width: ${minWidth}px) { + @content; + } + }\n`; + }); + + sassString += ` @else { + @warn "Unknown breakpoint: #{$breakpoint}."; + } + }\n\n`; + + return sassString; + }; + + generateFiles = () => { + console.log('Successfully generated CSS files:'); + + Object.keys(this.styleStrings).map((fileName) => { + const cssVariables = this.trimEmptyDeclarations(this.styleStrings[fileName], fileName); + + const filePaths = [`lib/styles/${fileName}.scss`]; + + if (fileName === 'quill') { + filePaths.push(`lib/styles/${fileName}.css`); + } + + filePaths.map((item) => { + const dirPath = path.dirname(item); + if (!fs.existsSync(dirPath)) { + fs.mkdirSync(dirPath, { recursive: true }); + } + + fs.writeFileSync(item, cssVariables); + + console.log(`--${item}`); + }); + }); + }; + + generateMediaQueryVariables = () => { + this.styleStrings.quill += `\n + /* Media Queries for Semantic Tokens */ \n`; + + this.semanticViewportNames.map((name) => { + const semanticTokenGroup = this.getTokenGroup([name]); + const semanticObjectTokens = this.generateSassVariables({ + data: semanticTokenGroup, + }); + + const viewportValue = (name.match(/\/(\d+)-plus$/) || [])[1]; + + this.styleStrings.quill += `\n + @media (min-width: ${viewportValue}px) { \n + :root { \n + `; + + Object.keys(semanticObjectTokens).map((tokenKey) => { + const convertedKey = this.convertCSSkey(tokenKey); + const tokenValue = semanticObjectTokens[tokenKey]; + + this.styleStrings.quill += `${convertedKey}: ${tokenValue};\n`; + }); + + this.styleStrings.quill += '}\n}\n'; + }); + }; + + generateSassVariables = ({ data, prefix = '', origin = '', reset = true }) => { + const valueIdentifier = 'value'; + + if (reset) { + this.coreRules = {}; + } + + for (const key in data) { + const cssValue = data[key]; + const isValueObject = this.isObject(cssValue); + let keyName = `${prefix}${key}-`; + + // Filter key name by removing token category + keyName = this.allTokenNames.some((item) => keyName.includes(item)) ? '' : keyName; + const finalKey = prefix.substring(0, prefix.length - 1); // Remove "-" generated from the previous iteration + + // Recursive call for nested objects + if (isValueObject && key !== valueIdentifier) { + // Non token variables are excluded + if (!this.excludedKeys.includes(key)) { + this.generateSassVariables({ + data: data[key], + prefix: keyName, + origin: origin || key, + reset: false, + }); + } + } else { + if (key === valueIdentifier) { + const cssKey = finalKey.replaceAll('-', '.'); + let finalValue = this.processCSSValue(finalKey, cssValue); + + this.coreRules[cssKey] = finalValue; + this.allRules[cssKey] = finalValue; + } + } + } + + return this.coreRules; + }; + + generateThemeVariables = () => { + this.themeTokenNames.map((name) => { + const themeTokenGroup = this.getTokenGroup([name]); + const themeObjectTokens = this.generateSassVariables({ + data: themeTokenGroup, + }); + + const themeName = name.split('/')[2]; + + this.styleStrings.quill += `\n + /* ${themeName} Theme */ \n + html.${themeName} { \n + `; + + Object.keys(themeObjectTokens).map((tokenKey) => { + const convertedKey = this.convertCSSkey(tokenKey); + const tokenValue = themeObjectTokens[tokenKey]; + + this.styleStrings.quill += `${convertedKey}: ${tokenValue};\n`; + }); + + this.styleStrings.quill += '\n}\n'; + }); + }; + + getTokenGroup = (group) => + Object.fromEntries(Object.entries(this.designTokens).filter(([key]) => group.includes(key))); + + isObject = (item) => typeof item === 'object'; + + mapSassValues = () => { + this.styleStrings.static = ``; + // Add temporary static values + for (let i = 1; i <= 300; i++) { + this.styleStrings.static += `--temp-static-spacing-${i}: ${i}px;\n`; + } + + this.styleStrings.static = `:root { \n ${this.styleStrings.static} }`; + + // Generate all quill token variables + const quillObjectTokens = this.generateSassVariables({ + data: this.getDefaultTokens(), + }); + + this.styleStrings.quill += `:root { \n`; + + Object.keys(quillObjectTokens).map((tokenKey) => { + const tokenValue = quillObjectTokens[tokenKey]; + const convertedKey = this.convertCSSkey(tokenKey); + + this.styleStrings.quill += `${convertedKey}: ${tokenValue};\n`; + }); + + this.styleStrings.quill += '}'; + + // Generate Media query rules + this.generateMediaQueryVariables(); + + // Generate theme rules + this.generateThemeVariables(); + + // this.resolveTokenValues(); + this.resolveDynamicVariables(); + + // Map token variables + this.styleStrings.quill = this.mapTokenValues(this.styleStrings.quill); + + // Convert HEX values to RGBA + this.styleStrings.quill = this.convertHexes(this.styleStrings.quill); + + // Fix Elevation values + this.styleStrings.quill = this.addPxToShadows(this.styleStrings.quill); + + // Generate Breakpoint Mixins + this.styleStrings.breakpoints = this.generateBreakpoints(); + }; + + resolveDynamicVariables = () => { + Object.keys(this.styleStrings).forEach((styleStrKey) => { + const str = this.styleStrings[styleStrKey]; + + // Regular expression to match { dynamic.variable.name } format + const regex = /\{\s*([a-zA-Z0-9_.]+)\s*\}/g; + + // Replace occurrences of dynamic variables with var(--dynamic-variable-name) + const transformedString = str.replace(regex, (match, variableName) => { + // Remove any whitespace and convert variableName to valid CSS custom property name + const cssVariableName = variableName.replace(/[^\w-]/g, '-'); + + // Construct the CSS variable syntax var(--dynamic-variable-name) + return `var(--${cssVariableName})`; + }); + + // Map RGBA values + const rgbaPattern = /rgba\(\s*var\((--[\w-]+)\),\s*var\((--[\w-]+)\s*\)\s*\)/g; + + // Replace matches with custom strings + const replacedString = transformedString.replace(rgbaPattern, (match, hex, opacity) => { + const hexKey = this.convertTokenKey(hex); + const hexValue = this.allRules[hexKey] || hex; + const opacityKey = this.convertTokenKey(opacity); + const opacityValue = this.allRules[opacityKey] ?? opacity; + const rgbReplacement = 'rgba(HEX, OPACITY)'; + + if (hex || opacity) { + return rgbReplacement.replace('HEX', hexValue).replace('OPACITY', opacityValue); + } else { + return match; + } + }); + + this.styleStrings[styleStrKey] = replacedString; + }); + }; + + resolveTokenValues = () => { + // Regular expression pattern to match {variable} + const pattern = /\{([^\{\}]*)\}/g; + + // Array to store values that requires to be resolved based on core token values + const valuesToResolve = []; + + for (const [_, value] of Object.entries(this.allRules)) { + // Find all occurrences of the pattern in the value + + if (typeof value === 'string') { + const matches = value.match(pattern); + + if (matches) { + matches.forEach((match) => { + // Remove curly braces and push into the occurrences array + valuesToResolve.push(match.substring(1, match.length - 1)); + }); + } + } + } + + valuesToResolve.map((vKey) => { + const tokenValue = this.allRules[vKey]; + Object.keys(this.allRules).map((ak) => { + const oldValue = this.allRules[ak]; + + if (typeof oldValue === 'string') { + this.allRules[ak] = oldValue.replaceAll(`{${vKey}}`, tokenValue); + } + + if (!(vKey in this.allRules)) { + throw new Error(`Couldn't find a value for ${vKey}`); + } + }); + }); + }; + + mapTokenValues = (str) => { + const regex = /\{([^{}]+)\}/g; // Regular expression to match {dynamic.variable} pattern + const occurrences = []; + let match; + + // Use a loop to find all matches + while ((match = regex.exec(str)) !== null) { + const dynamicName = match[1].trim(); // Get the content inside {} and trim whitespace + + // Check if the dynamicName is not empty and does not contain unwanted substrings + if (dynamicName && !dynamicName.includes('\n')) { + occurrences.push(dynamicName); // Push the matched content (dynamic.variable) into the occurrences array + } + } + + occurrences.forEach((occ) => { + const tokenValue = this.allRules[occ]; + + if (tokenValue !== undefined) { + str = str.replaceAll(`{${occ}}`, tokenValue); + } else { + throw new Error(`Couldn't map a value for ${occ}`); + } + }); + + return str; + }; + + processCSSValue = (key, value) => { + const noUnitKeys = ['fontWeight']; + const percentageKeys = ['opacity']; + const propertyGroup = key.split('-'); + const propertyName = propertyGroup[propertyGroup.length - 1]; + const defaultValues = { + letterSpacing: 'normal', + }; + + if (Array.isArray(value)) { + const cssGroupValue = []; + value.map((cssValue) => { + cssGroupValue.push(this.extractCSSValues(key, cssValue)); + }); + + return cssGroupValue.join(','); + } else if (this.isObject(value)) { + return this.extractCSSValues(key, value); + } else { + if (noUnitKeys.some((k) => key.includes(k))) { + return value; + } + + if (percentageKeys.some((k) => key.includes(k))) { + if (value.includes('%')) { + const percentageValue = parseInt(value) * 0.01; + + return percentageValue; + } + } + + if (value === '') { + const defaultValue = defaultValues[propertyName]; + + if (defaultValue) { + return defaultValue; + } + } + + return isNaN(value) ? value : `${value}px`; + } + }; + + trimEmptyDeclarations = (cssString, fileName) => { + const skipFiles = ['breakpoints']; + + if (skipFiles.includes(fileName)) { + return cssString; + } + + // Remove hanging comments + cssString = cssString.replace(/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g, ''); + + /*** Handle specific token issues ***/ + // Convert empty fontWeight to normal + cssString = cssString.replace(/fontWeight:\s*;/g, 'fontWeight: normal;'); + + // Preserve spaces for fontFamily property + cssString = cssString.replace( + /fontFamily:[^;]+/g, + (match) => match.replace(/\s+/g, ' '), // Replace only spaces within the value + ); + + // Remove unnecessary spaces, tabs, and newlines + cssString = cssString.replace(/\s*([{}:;,])\s*/g, '$1'); + + // Remove empty media query declarations + cssString = cssString.replace(/@media\s*\(.*?\)\s*{\s*}\s*/g, ''); + + // Remove empty class declarations + cssString = cssString.replace(/\.([^{}]+){}/g, ''); + + // Remove empty root declarations + cssString = cssString.replace(/:root\s*{\s*}/g, ''); + + // Remove additional empty @media queries + cssString = cssString.replace(/@media\s*\(min-width:[^}]*\)\s*{\s*}\s*/g, ''); + + return cssString; + }; +} + +new Transformer();