@viasat/beam-tokens 2.0.0

package/tokens.css

@@ -0,0 +1,3573 @@
+:root,
+.bm-light,
+.bm-dark .bm-inverse,
+[data-bm-theme~="bm-light"] {
+  --bm-primitive-color-gray-100: rgb(242, 245, 248);
+  --bm-primitive-color-gray-200: rgb(223, 231, 236);
+  --bm-primitive-color-gray-300: rgb(209, 218, 224);
+  --bm-primitive-color-gray-400: rgb(195, 205, 213);
+  --bm-primitive-color-gray-500: rgb(159, 175, 188);
+  --bm-primitive-color-gray-600: rgb(134, 151, 165);
+  --bm-primitive-color-gray-650: rgb(107, 127, 143);
+  --bm-primitive-color-gray-700: rgb(87, 103, 117);
+  --bm-primitive-color-gray-800: rgb(70, 89, 103);
+  --bm-primitive-color-gray-900: rgb(50, 66, 78);
+  --bm-primitive-color-gray-1000: rgb(32, 46, 57);
+  --bm-primitive-color-gray-1100: rgb(20, 29, 36);
+  --bm-primitive-color-teal-100: rgb(233, 252, 255);
+  --bm-primitive-color-teal-200: rgb(215, 244, 249);
+  --bm-primitive-color-teal-300: rgb(178, 231, 240);
+  --bm-primitive-color-teal-400: rgb(140, 216, 230);
+  --bm-primitive-color-teal-500: rgb(67, 191, 214);
+  --bm-primitive-color-teal-600: rgb(0, 162, 192);
+  --bm-primitive-color-teal-650: rgb(0, 133, 158);
+  --bm-primitive-color-teal-700: rgb(0, 118, 143);
+  --bm-primitive-color-teal-800: rgb(0, 91, 117);
+  --bm-primitive-color-teal-900: rgb(0, 65, 77);
+  --bm-primitive-color-teal-1000: rgb(0, 48, 61);
+  --bm-primitive-color-teal-1100: rgb(1, 38, 45);
+  --bm-primitive-color-blue-100: rgb(235, 249, 255);
+  --bm-primitive-color-blue-200: rgb(204, 240, 255);
+  --bm-primitive-color-blue-300: rgb(155, 225, 255);
+  --bm-primitive-color-blue-400: rgb(100, 206, 251);
+  --bm-primitive-color-blue-500: rgb(20, 185, 255);
+  --bm-primitive-color-blue-600: rgb(0, 149, 224);
+  --bm-primitive-color-blue-650: rgb(0, 129, 194);
+  --bm-primitive-color-blue-700: rgb(0, 110, 173);
+  --bm-primitive-color-blue-800: rgb(0, 82, 140);
+  --bm-primitive-color-blue-900: rgb(0, 63, 115);
+  --bm-primitive-color-blue-1000: rgb(0, 47, 87);
+  --bm-primitive-color-blue-1100: rgb(0, 28, 51);
+  --bm-primitive-color-green-100: rgb(233, 255, 224);
+  --bm-primitive-color-green-200: rgb(218, 247, 207);
+  --bm-primitive-color-green-300: rgb(179, 235, 158);
+  --bm-primitive-color-green-400: rgb(113, 217, 99);
+  --bm-primitive-color-green-500: rgb(66, 190, 83);
+  --bm-primitive-color-green-600: rgb(36, 161, 72);
+  --bm-primitive-color-green-650: rgb(32, 142, 63);
+  --bm-primitive-color-green-700: rgb(24, 124, 54);
+  --bm-primitive-color-green-800: rgb(13, 99, 13);
+  --bm-primitive-color-green-900: rgb(4, 72, 25);
+  --bm-primitive-color-green-1000: rgb(2, 49, 14);
+  --bm-primitive-color-green-1100: rgb(9, 32, 10);
+  --bm-primitive-color-lime-green-100: rgb(247, 255, 204);
+  --bm-primitive-color-lime-green-200: rgb(241, 255, 164);
+  --bm-primitive-color-lime-green-300: rgb(218, 238, 107);
+  --bm-primitive-color-lime-green-400: rgb(190, 215, 51);
+  --bm-primitive-color-lime-green-500: rgb(141, 192, 2);
+  --bm-primitive-color-lime-green-600: rgb(92, 158, 20);
+  --bm-primitive-color-lime-green-650: rgb(67, 138, 0);
+  --bm-primitive-color-lime-green-700: rgb(53, 128, 0);
+  --bm-primitive-color-lime-green-800: rgb(29, 87, 0);
+  --bm-primitive-color-lime-green-900: rgb(30, 71, 0);
+  --bm-primitive-color-lime-green-1000: rgb(23, 56, 0);
+  --bm-primitive-color-lime-green-1100: rgb(13, 31, 0);
+  --bm-primitive-color-pink-100: rgb(254, 245, 252);
+  --bm-primitive-color-pink-200: rgb(253, 221, 244);
+  --bm-primitive-color-pink-300: rgb(252, 207, 239);
+  --bm-primitive-color-pink-400: rgb(249, 170, 228);
+  --bm-primitive-color-pink-500: rgb(250, 131, 220);
+  --bm-primitive-color-pink-600: rgb(220, 91, 188);
+  --bm-primitive-color-pink-650: rgb(207, 63, 172);
+  --bm-primitive-color-pink-700: rgb(173, 37, 139);
+  --bm-primitive-color-pink-800: rgb(147, 31, 118);
+  --bm-primitive-color-pink-900: rgb(102, 22, 82);
+  --bm-primitive-color-pink-1000: rgb(87, 10, 70);
+  --bm-primitive-color-pink-1100: rgb(54, 12, 43);
+  --bm-primitive-color-violet-100: rgb(248, 246, 254);
+  --bm-primitive-color-violet-200: rgb(234, 229, 251);
+  --bm-primitive-color-violet-300: rgb(220, 211, 248);
+  --bm-primitive-color-violet-400: rgb(200, 186, 243);
+  --bm-primitive-color-violet-500: rgb(180, 160, 238);
+  --bm-primitive-color-violet-600: rgb(151, 125, 232);
+  --bm-primitive-color-violet-650: rgb(130, 99, 227);
+  --bm-primitive-color-violet-700: rgb(110, 73, 223);
+  --bm-primitive-color-violet-800: rgb(89, 47, 218);
+  --bm-primitive-color-violet-900: rgb(63, 29, 166);
+  --bm-primitive-color-violet-1000: rgb(45, 20, 117);
+  --bm-primitive-color-violet-1100: rgb(28, 13, 74);
+  --bm-primitive-color-warm-100: rgb(255, 246, 225);
+  --bm-primitive-color-warm-200: rgb(255, 233, 179);
+  --bm-primitive-color-warm-300: rgb(255, 219, 125);
+  --bm-primitive-color-warm-400: rgb(255, 176, 41);
+  --bm-primitive-color-warm-500: rgb(254, 145, 16);
+  --bm-primitive-color-warm-600: rgb(223, 105, 1);
+  --bm-primitive-color-warm-650: rgb(203, 78, 1);
+  --bm-primitive-color-warm-700: rgb(168, 34, 0);
+  --bm-primitive-color-warm-800: rgb(148, 30, 0);
+  --bm-primitive-color-warm-900: rgb(134, 9, 15);
+  --bm-primitive-color-warm-1000: rgb(91, 6, 10);
+  --bm-primitive-color-warm-1100: rgb(58, 4, 6);
+  --bm-primitive-color-orange-100: rgb(255, 243, 235);
+  --bm-primitive-color-orange-200: rgb(255, 228, 201);
+  --bm-primitive-color-orange-300: rgb(255, 212, 168);
+  --bm-primitive-color-orange-400: rgb(255, 177, 122);
+  --bm-primitive-color-orange-500: rgb(255, 142, 61);
+  --bm-primitive-color-orange-600: rgb(235, 98, 0);
+  --bm-primitive-color-orange-650: rgb(204, 85, 0);
+  --bm-primitive-color-orange-700: rgb(172, 73, 2);
+  --bm-primitive-color-orange-800: rgb(138, 56, 0);
+  --bm-primitive-color-orange-900: rgb(102, 44, 0);
+  --bm-primitive-color-orange-1000: rgb(62, 26, 0);
+  --bm-primitive-color-orange-1100: rgb(46, 21, 0);
+  --bm-primitive-color-red-100: rgb(254, 242, 242);
+  --bm-primitive-color-red-200: rgb(254, 230, 231);
+  --bm-primitive-color-red-300: rgb(253, 203, 205);
+  --bm-primitive-color-red-400: rgb(251, 166, 169);
+  --bm-primitive-color-red-500: rgb(246, 115, 120);
+  --bm-primitive-color-red-600: rgb(237, 70, 76);
+  --bm-primitive-color-red-650: rgb(220, 56, 60);
+  --bm-primitive-color-red-700: rgb(204, 36, 41);
+  --bm-primitive-color-red-800: rgb(166, 27, 32);
+  --bm-primitive-color-red-900: rgb(126, 30, 33);
+  --bm-primitive-color-red-1000: rgb(82, 15, 17);
+  --bm-primitive-color-red-1100: rgb(55, 10, 11);
+  --bm-primitive-color-black: rgb(0, 0, 0);
+  --bm-primitive-color-white: rgb(255, 255, 255);
+  --bm-primitive-color-transparent: rgba(255, 255, 255, 0);
+  --bm-primitive-color-gray-alpha-100: rgba(20, 29, 36, 0.04);
+  --bm-primitive-color-gray-alpha-200: rgba(20, 29, 36, 0.12);
+  --bm-primitive-color-gray-alpha-300: rgba(20, 29, 36, 0.2);
+  --bm-primitive-color-gray-alpha-400: rgba(20, 29, 36, 0.28);
+  --bm-primitive-color-gray-alpha-500: rgba(20, 29, 36, 0.4);
+  --bm-primitive-color-gray-alpha-600: rgba(20, 29, 36, 0.52);
+  --bm-primitive-color-gray-alpha-700: rgba(20, 29, 36, 0.6);
+  --bm-primitive-color-gray-alpha-800: rgba(20, 29, 36, 0.72);
+  --bm-primitive-color-gray-alpha-900: rgba(20, 29, 36, 0.8);
+  --bm-primitive-color-gray-alpha-1000: rgba(20, 29, 36, 0.92);
+  --bm-primitive-color-gray-alpha-1100: rgba(20, 29, 36, 0.96);
+  --bm-primitive-color-white-alpha-100: rgba(255, 255, 255, 0.04);
+  --bm-primitive-color-white-alpha-200: rgba(255, 255, 255, 0.12);
+  --bm-primitive-color-white-alpha-300: rgba(255, 255, 255, 0.2);
+  --bm-primitive-color-white-alpha-400: rgba(255, 255, 255, 0.28);
+  --bm-primitive-color-white-alpha-500: rgba(255, 255, 255, 0.4);
+  --bm-primitive-color-white-alpha-600: rgba(255, 255, 255, 0.52);
+  --bm-primitive-color-white-alpha-700: rgba(255, 255, 255, 0.6);
+  --bm-primitive-color-white-alpha-800: rgba(255, 255, 255, 0.72);
+  --bm-primitive-color-white-alpha-900: rgba(255, 255, 255, 0.8);
+  --bm-primitive-color-white-alpha-1000: rgba(255, 255, 255, 0.92);
+  --bm-primitive-color-white-alpha-1100: rgba(255, 255, 255, 0.96);
+  --bm-primitive-color-logo-green: rgb(190, 215, 51);
+  --bm-primitive-color-yellow-100: rgb(253, 247, 226);
+  --bm-primitive-color-yellow-200: rgb(254, 239, 185);
+  --bm-primitive-color-yellow-300: rgb(253, 222, 114);
+  --bm-primitive-color-yellow-400: rgb(240, 191, 15);
+  --bm-primitive-color-yellow-500: rgb(210, 161, 6);
+  --bm-primitive-color-yellow-600: rgb(184, 138, 0);
+  --bm-primitive-color-yellow-650: rgb(158, 119, 0);
+  --bm-primitive-color-yellow-700: rgb(142, 104, 0);
+  --bm-primitive-color-yellow-800: rgb(104, 78, 0);
+  --bm-primitive-color-yellow-900: rgb(82, 62, 0);
+  --bm-primitive-color-yellow-1000: rgb(56, 42, 0);
+  --bm-primitive-color-yellow-1100: rgb(36, 27, 0);
+  --bm-primitive-opacity-0: 0;
+  --bm-primitive-opacity-4: 0.04;
+  --bm-primitive-opacity-8: 0.08;
+  --bm-primitive-opacity-12: 0.12;
+  --bm-primitive-opacity-16: 0.16;
+  --bm-primitive-opacity-20: 0.2;
+  --bm-primitive-opacity-24: 0.24;
+  --bm-primitive-opacity-28: 0.28;
+  --bm-primitive-opacity-32: 0.32;
+  --bm-primitive-opacity-36: 0.36;
+  --bm-primitive-opacity-40: 0.4;
+  --bm-primitive-opacity-44: 0.44;
+  --bm-primitive-opacity-48: 0.48;
+  --bm-primitive-opacity-52: 0.52;
+  --bm-primitive-opacity-56: 0.56;
+  --bm-primitive-opacity-60: 0.6;
+  --bm-primitive-opacity-64: 0.64;
+  --bm-primitive-opacity-68: 0.68;
+  --bm-primitive-opacity-72: 0.72;
+  --bm-primitive-opacity-76: 0.76;
+  --bm-primitive-opacity-80: 0.8;
+  --bm-primitive-opacity-84: 0.84;
+  --bm-primitive-opacity-88: 0.88;
+  --bm-primitive-opacity-92: 0.92;
+  --bm-primitive-opacity-96: 0.96;
+  --bm-primitive-opacity-100: 1;
+  --bm-utility-color-accent-subtlest: var(--bm-theme-color-brand-100, #e9fcff);
+  --bm-utility-color-accent-subtler: var(--bm-theme-color-brand-200, #d7f4f9);
+  --bm-utility-color-accent-subtle: var(--bm-theme-color-brand-300, #b2e7f0);
+  --bm-utility-color-accent-muter: var(--bm-theme-color-brand-400, #8cd8e6);
+  --bm-utility-color-accent-mute: var(--bm-theme-color-brand-600, #00a2c0);
+  --bm-utility-color-accent-default: var(--bm-theme-color-brand-700, #00768f);
+  --bm-utility-color-accent-strong: var(--bm-theme-color-brand-800, #005b75);
+  --bm-utility-color-accent-stronger: var(--bm-theme-color-brand-900, #00414d);
+  --bm-utility-color-accent-strongest: var(
+    --bm-theme-color-brand-1100,
+    #01262d
+  );
+  --bm-utility-color-accent-inverse: var(--bm-theme-color-brand-500, #43bfd6);
+  --bm-utility-color-accent-secondary-default: var(
+    --bm-primitive-color-blue-700,
+    #006ead
+  );
+  --bm-utility-color-gray-subtlest: var(--bm-theme-color-neutral-100, #f2f5f8);
+  --bm-utility-color-gray-subtler: var(--bm-theme-color-neutral-200, #dfe7ec);
+  --bm-utility-color-gray-subtle: var(--bm-theme-color-neutral-300, #d1dae0);
+  --bm-utility-color-gray-muter: var(--bm-theme-color-neutral-400, #c3cdd5);
+  --bm-utility-color-gray-mute: var(--bm-theme-color-neutral-600, #8697a5);
+  --bm-utility-color-gray-default: var(--bm-theme-color-neutral-700, #576775);
+  --bm-utility-color-gray-strong: var(--bm-theme-color-neutral-800, #465967);
+  --bm-utility-color-gray-stronger: var(--bm-theme-color-neutral-900, #32424e);
+  --bm-utility-color-gray-strongest: var(
+    --bm-theme-color-neutral-1100,
+    #141d24
+  );
+  --bm-utility-color-blue-subtlest: var(--bm-primitive-color-blue-100, #ebf9ff);
+  --bm-utility-color-blue-subtler: var(--bm-primitive-color-blue-200, #ccf0ff);
+  --bm-utility-color-blue-subtle: var(--bm-primitive-color-blue-300, #9be1ff);
+  --bm-utility-color-blue-muter: var(--bm-primitive-color-blue-400, #64cefb);
+  --bm-utility-color-blue-mute: var(--bm-primitive-color-blue-600, #0095e0);
+  --bm-utility-color-blue-default: var(--bm-primitive-color-blue-700, #006ead);
+  --bm-utility-color-blue-strong: var(--bm-primitive-color-blue-800, #00528c);
+  --bm-utility-color-blue-stronger: var(--bm-primitive-color-blue-900, #003f73);
+  --bm-utility-color-blue-strongest: var(
+    --bm-primitive-color-blue-1100,
+    #001c33
+  );
+  --bm-utility-color-blue-inverse: var(--bm-primitive-color-blue-500, #14b9ff);
+  --bm-utility-color-violet-subtlest: var(
+    --bm-primitive-color-violet-100,
+    #f8f6fe
+  );
+  --bm-utility-color-violet-subtler: var(
+    --bm-primitive-color-violet-200,
+    #eae5fb
+  );
+  --bm-utility-color-violet-subtle: var(
+    --bm-primitive-color-violet-300,
+    #dcd3f8
+  );
+  --bm-utility-color-violet-muter: var(
+    --bm-primitive-color-violet-400,
+    #c8baf3
+  );
+  --bm-utility-color-violet-mute: var(--bm-primitive-color-violet-600, #977de8);
+  --bm-utility-color-violet-default: var(
+    --bm-primitive-color-violet-700,
+    #6e49df
+  );
+  --bm-utility-color-violet-strong: var(
+    --bm-primitive-color-violet-800,
+    #592fda
+  );
+  --bm-utility-color-violet-stronger: var(
+    --bm-primitive-color-violet-900,
+    #3f1da6
+  );
+  --bm-utility-color-violet-strongest: var(
+    --bm-primitive-color-violet-1100,
+    #1c0d4a
+  );
+  --bm-utility-color-violet-inverse: var(
+    --bm-primitive-color-violet-500,
+    #b4a0ee
+  );
+  --bm-utility-color-pink-subtlest: var(--bm-primitive-color-pink-100, #fef5fc);
+  --bm-utility-color-pink-subtler: var(--bm-primitive-color-pink-200, #fdddf4);
+  --bm-utility-color-pink-subtle: var(--bm-primitive-color-pink-300, #fccfef);
+  --bm-utility-color-pink-muter: var(--bm-primitive-color-pink-400, #f9aae4);
+  --bm-utility-color-pink-mute: var(--bm-primitive-color-pink-600, #dc5bbc);
+  --bm-utility-color-pink-default: var(--bm-primitive-color-pink-700, #ad258b);
+  --bm-utility-color-pink-strong: var(--bm-primitive-color-pink-800, #931f76);
+  --bm-utility-color-pink-stronger: var(--bm-primitive-color-pink-900, #661652);
+  --bm-utility-color-pink-strongest: var(
+    --bm-primitive-color-pink-1100,
+    #360c2b
+  );
+  --bm-utility-color-pink-inverse: var(--bm-primitive-color-pink-500, #fa83dc);
+  --bm-utility-color-teal-subtlest: var(--bm-primitive-color-teal-100, #e9fcff);
+  --bm-utility-color-teal-subtler: var(--bm-primitive-color-teal-200, #d7f4f9);
+  --bm-utility-color-teal-subtle: var(--bm-primitive-color-teal-300, #b2e7f0);
+  --bm-utility-color-teal-muter: var(--bm-primitive-color-teal-400, #8cd8e6);
+  --bm-utility-color-teal-mute: var(--bm-primitive-color-teal-600, #00a2c0);
+  --bm-utility-color-teal-default: var(--bm-primitive-color-teal-700, #00768f);
+  --bm-utility-color-teal-strong: var(--bm-primitive-color-teal-800, #005b75);
+  --bm-utility-color-teal-stronger: var(--bm-primitive-color-teal-900, #00414d);
+  --bm-utility-color-teal-strongest: var(
+    --bm-primitive-color-teal-1100,
+    #01262d
+  );
+  --bm-utility-color-teal-inverse: var(--bm-primitive-color-teal-500, #43bfd6);
+  --bm-utility-color-lime-subtlest: var(
+    --bm-primitive-color-lime-green-100,
+    #f7ffcc
+  );
+  --bm-utility-color-lime-subtler: var(
+    --bm-primitive-color-lime-green-200,
+    #f1ffa4
+  );
+  --bm-utility-color-lime-subtle: var(
+    --bm-primitive-color-lime-green-300,
+    #daee6b
+  );
+  --bm-utility-color-lime-muter: var(
+    --bm-primitive-color-lime-green-400,
+    #bed733
+  );
+  --bm-utility-color-lime-mute: var(
+    --bm-primitive-color-lime-green-600,
+    #5c9e14
+  );
+  --bm-utility-color-lime-default: var(
+    --bm-primitive-color-lime-green-700,
+    #358000
+  );
+  --bm-utility-color-lime-strong: var(
+    --bm-primitive-color-lime-green-800,
+    #1d5700
+  );
+  --bm-utility-color-lime-stronger: var(
+    --bm-primitive-color-lime-green-900,
+    #1e4700
+  );
+  --bm-utility-color-lime-strongest: var(
+    --bm-primitive-color-lime-green-1100,
+    #0d1f00
+  );
+  --bm-utility-color-lime-inverse: var(
+    --bm-primitive-color-lime-green-500,
+    #8dc002
+  );
+  --bm-utility-color-warm-subtlest: var(--bm-primitive-color-warm-100, #fff6e1);
+  --bm-utility-color-warm-subtler: var(--bm-primitive-color-warm-200, #ffe9b3);
+  --bm-utility-color-warm-subtle: var(--bm-primitive-color-warm-300, #ffdb7d);
+  --bm-utility-color-warm-muter: var(--bm-primitive-color-warm-400, #ffb029);
+  --bm-utility-color-warm-mute: var(--bm-primitive-color-warm-600, #df6901);
+  --bm-utility-color-warm-default: var(--bm-primitive-color-warm-700, #a82200);
+  --bm-utility-color-warm-strong: var(--bm-primitive-color-warm-800, #941e00);
+  --bm-utility-color-warm-stronger: var(--bm-primitive-color-warm-900, #86090f);
+  --bm-utility-color-warm-strongest: var(
+    --bm-primitive-color-warm-1100,
+    #3a0406
+  );
+  --bm-utility-color-warm-inverse: var(--bm-primitive-color-warm-500, #fe9110);
+  --bm-utility-color-green-subtlest: var(
+    --bm-primitive-color-green-100,
+    #e9ffe0
+  );
+  --bm-utility-color-green-subtler: var(
+    --bm-primitive-color-green-200,
+    #daf7cf
+  );
+  --bm-utility-color-green-subtle: var(--bm-primitive-color-green-300, #b3eb9e);
+  --bm-utility-color-green-muter: var(--bm-primitive-color-green-400, #71d963);
+  --bm-utility-color-green-mute: var(--bm-primitive-color-green-600, #24a148);
+  --bm-utility-color-green-default: var(
+    --bm-primitive-color-green-700,
+    #187c36
+  );
+  --bm-utility-color-green-strong: var(--bm-primitive-color-green-800, #0d630d);
+  --bm-utility-color-green-stronger: var(
+    --bm-primitive-color-green-900,
+    #044819
+  );
+  --bm-utility-color-green-strongest: var(
+    --bm-primitive-color-green-1100,
+    #09200a
+  );
+  --bm-utility-color-green-inverse: var(
+    --bm-primitive-color-green-500,
+    #42be53
+  );
+  --bm-utility-color-red-subtlest: var(--bm-primitive-color-red-100, #fef2f2);
+  --bm-utility-color-red-subtler: var(--bm-primitive-color-red-200, #fee6e7);
+  --bm-utility-color-red-subtle: var(--bm-primitive-color-red-300, #fdcbcd);
+  --bm-utility-color-red-muter: var(--bm-primitive-color-red-400, #fba6a9);
+  --bm-utility-color-red-mute: var(--bm-primitive-color-red-600, #ed464c);
+  --bm-utility-color-red-default: var(--bm-primitive-color-red-700, #cc2429);
+  --bm-utility-color-red-strong: var(--bm-primitive-color-red-800, #a61b20);
+  --bm-utility-color-red-stronger: var(--bm-primitive-color-red-900, #7e1e21);
+  --bm-utility-color-red-strongest: var(--bm-primitive-color-red-1100, #370a0b);
+  --bm-utility-color-red-inverse: var(--bm-primitive-color-red-500, #f67378);
+  --bm-utility-color-orange-subtlest: var(
+    --bm-primitive-color-orange-100,
+    #fff3eb
+  );
+  --bm-utility-color-orange-subtler: var(
+    --bm-primitive-color-orange-200,
+    #ffe4c9
+  );
+  --bm-utility-color-orange-subtle: var(
+    --bm-primitive-color-orange-300,
+    #ffd4a8
+  );
+  --bm-utility-color-orange-muter: var(
+    --bm-primitive-color-orange-400,
+    #ffb17a
+  );
+  --bm-utility-color-orange-mute: var(--bm-primitive-color-orange-600, #eb6200);
+  --bm-utility-color-orange-default: var(
+    --bm-primitive-color-orange-700,
+    #ac4902
+  );
+  --bm-utility-color-orange-strong: var(
+    --bm-primitive-color-orange-800,
+    #8a3800
+  );
+  --bm-utility-color-orange-stronger: var(
+    --bm-primitive-color-orange-900,
+    #662c00
+  );
+  --bm-utility-color-orange-strongest: var(
+    --bm-primitive-color-orange-1100,
+    #2e1500
+  );
+  --bm-utility-color-orange-inverse: var(
+    --bm-primitive-color-orange-500,
+    #ff8e3d
+  );
+  --bm-theme-color-brand-100: var(--bm-primitive-color-teal-100, #e9fcff);
+  --bm-theme-color-brand-200: var(--bm-primitive-color-teal-200, #d7f4f9);
+  --bm-theme-color-brand-300: var(--bm-primitive-color-teal-300, #b2e7f0);
+  --bm-theme-color-brand-400: var(--bm-primitive-color-teal-400, #8cd8e6);
+  --bm-theme-color-brand-500: var(--bm-primitive-color-teal-500, #43bfd6);
+  --bm-theme-color-brand-600: var(--bm-primitive-color-teal-600, #00a2c0);
+  --bm-theme-color-brand-650: var(--bm-primitive-color-teal-650, #00859e);
+  --bm-theme-color-brand-700: var(--bm-primitive-color-teal-700, #00768f);
+  --bm-theme-color-brand-800: var(--bm-primitive-color-teal-800, #005b75);
+  --bm-theme-color-brand-900: var(--bm-primitive-color-teal-900, #00414d);
+  --bm-theme-color-brand-1000: var(--bm-primitive-color-teal-1000, #00303d);
+  --bm-theme-color-brand-1100: var(--bm-primitive-color-teal-1100, #01262d);
+  --bm-theme-color-neutral-100: var(--bm-primitive-color-gray-100, #f2f5f8);
+  --bm-theme-color-neutral-200: var(--bm-primitive-color-gray-200, #dfe7ec);
+  --bm-theme-color-neutral-300: var(--bm-primitive-color-gray-300, #d1dae0);
+  --bm-theme-color-neutral-400: var(--bm-primitive-color-gray-400, #c3cdd5);
+  --bm-theme-color-neutral-500: var(--bm-primitive-color-gray-500, #9fafbc);
+  --bm-theme-color-neutral-600: var(--bm-primitive-color-gray-600, #8697a5);
+  --bm-theme-color-neutral-650: var(--bm-primitive-color-gray-650, #6b7f8f);
+  --bm-theme-color-neutral-700: var(--bm-primitive-color-gray-700, #576775);
+  --bm-theme-color-neutral-800: var(--bm-primitive-color-gray-800, #465967);
+  --bm-theme-color-neutral-900: var(--bm-primitive-color-gray-900, #32424e);
+  --bm-theme-color-neutral-1000: var(--bm-primitive-color-gray-1000, #202e39);
+  --bm-theme-color-neutral-1100: var(--bm-primitive-color-gray-1100, #141d24);
+  --bm-theme-color-positive-100: var(--bm-primitive-color-green-100, #e9ffe0);
+  --bm-theme-color-positive-200: var(--bm-primitive-color-green-200, #daf7cf);
+  --bm-theme-color-positive-300: var(--bm-primitive-color-green-300, #b3eb9e);
+  --bm-theme-color-positive-400: var(--bm-primitive-color-green-400, #71d963);
+  --bm-theme-color-positive-500: var(--bm-primitive-color-green-500, #42be53);
+  --bm-theme-color-positive-600: var(--bm-primitive-color-green-600, #24a148);
+  --bm-theme-color-positive-650: var(--bm-primitive-color-green-650, #208e3f);
+  --bm-theme-color-positive-700: var(--bm-primitive-color-green-700, #187c36);
+  --bm-theme-color-positive-800: var(--bm-primitive-color-green-800, #0d630d);
+  --bm-theme-color-positive-900: var(--bm-primitive-color-green-900, #044819);
+  --bm-theme-color-positive-1000: var(--bm-primitive-color-green-1000, #02310e);
+  --bm-theme-color-positive-1100: var(--bm-primitive-color-green-1100, #09200a);
+  --bm-theme-color-warning-100: var(--bm-primitive-color-orange-100, #fff3eb);
+  --bm-theme-color-warning-200: var(--bm-primitive-color-orange-200, #ffe4c9);
+  --bm-theme-color-warning-300: var(--bm-primitive-color-orange-300, #ffd4a8);
+  --bm-theme-color-warning-400: var(--bm-primitive-color-orange-400, #ffb17a);
+  --bm-theme-color-warning-500: var(--bm-primitive-color-orange-500, #ff8e3d);
+  --bm-theme-color-warning-600: var(--bm-primitive-color-orange-600, #eb6200);
+  --bm-theme-color-warning-650: var(--bm-primitive-color-orange-650, #cc5500);
+  --bm-theme-color-warning-700: var(--bm-primitive-color-orange-700, #ac4902);
+  --bm-theme-color-warning-800: var(--bm-primitive-color-orange-800, #8a3800);
+  --bm-theme-color-warning-900: var(--bm-primitive-color-orange-900, #662c00);
+  --bm-theme-color-warning-1000: var(--bm-primitive-color-orange-1000, #3e1a00);
+  --bm-theme-color-warning-1100: var(--bm-primitive-color-orange-1100, #2e1500);
+  --bm-theme-color-negative-100: var(--bm-primitive-color-red-100, #fef2f2);
+  --bm-theme-color-negative-200: var(--bm-primitive-color-red-200, #fee6e7);
+  --bm-theme-color-negative-300: var(--bm-primitive-color-red-300, #fdcbcd);
+  --bm-theme-color-negative-400: var(--bm-primitive-color-red-400, #fba6a9);
+  --bm-theme-color-negative-500: var(--bm-primitive-color-red-500, #f67378);
+  --bm-theme-color-negative-600: var(--bm-primitive-color-red-600, #ed464c);
+  --bm-theme-color-negative-650: var(--bm-primitive-color-red-650, #dc383c);
+  --bm-theme-color-negative-700: var(--bm-primitive-color-red-700, #cc2429);
+  --bm-theme-color-negative-800: var(--bm-primitive-color-red-800, #a61b20);
+  --bm-theme-color-negative-900: var(--bm-primitive-color-red-900, #7e1e21);
+  --bm-theme-color-negative-1000: var(--bm-primitive-color-red-1000, #520f11);
+  --bm-theme-color-negative-1100: var(--bm-primitive-color-red-1100, #370a0b);
+  --bm-theme-color-info-primary-100: var(
+    --bm-primitive-color-blue-100,
+    #ebf9ff
+  );
+  --bm-theme-color-info-primary-200: var(
+    --bm-primitive-color-blue-200,
+    #ccf0ff
+  );
+  --bm-theme-color-info-primary-300: var(
+    --bm-primitive-color-blue-300,
+    #9be1ff
+  );
+  --bm-theme-color-info-primary-400: var(
+    --bm-primitive-color-blue-400,
+    #64cefb
+  );
+  --bm-theme-color-info-primary-500: var(
+    --bm-primitive-color-blue-500,
+    #14b9ff
+  );
+  --bm-theme-color-info-primary-600: var(
+    --bm-primitive-color-blue-600,
+    #0095e0
+  );
+  --bm-theme-color-info-primary-650: var(
+    --bm-primitive-color-blue-650,
+    #0081c2
+  );
+  --bm-theme-color-info-primary-700: var(
+    --bm-primitive-color-blue-700,
+    #006ead
+  );
+  --bm-theme-color-info-primary-800: var(
+    --bm-primitive-color-blue-800,
+    #00528c
+  );
+  --bm-theme-color-info-primary-900: var(
+    --bm-primitive-color-blue-900,
+    #003f73
+  );
+  --bm-theme-color-info-primary-1000: var(
+    --bm-primitive-color-blue-1000,
+    #002f57
+  );
+  --bm-theme-color-info-primary-1100: var(
+    --bm-primitive-color-blue-1100,
+    #001c33
+  );
+  --bm-theme-color-info-secondary-100: var(
+    --bm-primitive-color-gray-100,
+    #f2f5f8
+  );
+  --bm-theme-color-info-secondary-200: var(
+    --bm-primitive-color-gray-200,
+    #dfe7ec
+  );
+  --bm-theme-color-info-secondary-300: var(
+    --bm-primitive-color-gray-300,
+    #d1dae0
+  );
+  --bm-theme-color-info-secondary-400: var(
+    --bm-primitive-color-gray-400,
+    #c3cdd5
+  );
+  --bm-theme-color-info-secondary-500: var(
+    --bm-primitive-color-gray-500,
+    #9fafbc
+  );
+  --bm-theme-color-info-secondary-600: var(
+    --bm-primitive-color-gray-600,
+    #8697a5
+  );
+  --bm-theme-color-info-secondary-650: var(
+    --bm-primitive-color-gray-650,
+    #6b7f8f
+  );
+  --bm-theme-color-info-secondary-700: var(
+    --bm-primitive-color-gray-700,
+    #576775
+  );
+  --bm-theme-color-info-secondary-800: var(
+    --bm-primitive-color-gray-800,
+    #465967
+  );
+  --bm-theme-color-info-secondary-900: var(
+    --bm-primitive-color-gray-900,
+    #32424e
+  );
+  --bm-theme-color-info-secondary-1000: var(
+    --bm-primitive-color-gray-1000,
+    #202e39
+  );
+  --bm-theme-color-info-secondary-1100: var(
+    --bm-primitive-color-gray-1100,
+    #141d24
+  );
+  --bm-sem-color-surface-00: var(--bm-theme-color-neutral-100, #f2f5f8);
+  --bm-sem-color-surface-00-alt: var(--bm-primitive-color-white, #ffffff);
+  --bm-sem-color-surface-01: var(--bm-primitive-color-white, #ffffff);
+  --bm-sem-color-surface-02: var(--bm-theme-color-neutral-100, #f2f5f8);
+  --bm-sem-color-surface-03: var(--bm-primitive-color-white, #ffffff);
+  --bm-sem-color-surface-positive: var(--bm-theme-color-positive-200, #daf7cf);
+  --bm-sem-color-surface-warning: var(--bm-theme-color-warning-200, #ffe4c9);
+  --bm-sem-color-surface-negative: var(--bm-theme-color-negative-200, #fee6e7);
+  --bm-sem-color-surface-info-primary: var(
+    --bm-theme-color-info-primary-200,
+    #ccf0ff
+  );
+  --bm-sem-color-surface-info-secondary: var(
+    --bm-theme-color-info-secondary-200,
+    #dfe7ec
+  );
+  --bm-sem-color-surface-positive-strong: var(
+    --bm-theme-color-positive-700,
+    #187c36
+  );
+  --bm-sem-color-surface-warning-strong: var(
+    --bm-theme-color-warning-700,
+    #ac4902
+  );
+  --bm-sem-color-surface-negative-strong: var(
+    --bm-theme-color-negative-700,
+    #cc2429
+  );
+  --bm-sem-color-surface-info-primary-strong: var(
+    --bm-theme-color-info-primary-700,
+    #006ead
+  );
+  --bm-sem-color-surface-info-secondary-strong: var(
+    --bm-theme-color-neutral-700,
+    #576775
+  );
+  --bm-sem-color-surface-selected: var(
+    --bm-utility-color-accent-subtlest,
+    #e9fcff
+  );
+  --bm-sem-color-surface-selected-subtle: rgba(159, 175, 188, 0.16);
+  --bm-sem-color-surface-highlight: rgba(159, 175, 188, 0.16);
+  --bm-sem-color-surface-transparent: var(--bm-sem-color-none, #ffffff00);
+  --bm-sem-color-surface-inverse: var(--bm-theme-color-neutral-1000, #202e39);
+  --bm-sem-color-text-primary: var(--bm-theme-color-neutral-1100, #141d24);
+  --bm-sem-color-text-secondary: var(--bm-theme-color-neutral-700, #576775);
+  --bm-sem-color-text-positive: var(--bm-theme-color-positive-700, #187c36);
+  --bm-sem-color-text-warning: var(--bm-theme-color-warning-700, #ac4902);
+  --bm-sem-color-text-negative: var(--bm-theme-color-negative-700, #cc2429);
+  --bm-sem-color-text-info-primary: var(
+    --bm-theme-color-info-primary-700,
+    #006ead
+  );
+  --bm-sem-color-text-info-secondary: var(
+    --bm-theme-color-info-secondary-800,
+    #465967
+  );
+  --bm-sem-color-text-selected: var(--bm-utility-color-accent-default, #00768f);
+  --bm-sem-color-text-primary-inverse: var(--bm-primitive-color-white, #ffffff);
+  --bm-sem-color-text-secondary-inverse: var(
+    --bm-theme-color-neutral-400,
+    #c3cdd5
+  );
+  --bm-sem-color-text-disabled: rgba(87, 103, 117, 0.4);
+  --bm-sem-color-icon-primary: var(--bm-theme-color-neutral-1100, #141d24);
+  --bm-sem-color-icon-secondary: var(--bm-theme-color-neutral-700, #576775);
+  --bm-sem-color-icon-positive: var(--bm-theme-color-positive-600, #24a148);
+  --bm-sem-color-icon-warning: var(--bm-theme-color-warning-600, #eb6200);
+  --bm-sem-color-icon-negative: var(--bm-theme-color-negative-600, #ed464c);
+  --bm-sem-color-icon-info-primary: var(
+    --bm-theme-color-info-primary-600,
+    #0095e0
+  );
+  --bm-sem-color-icon-info-secondary: var(
+    --bm-theme-color-info-secondary-700,
+    #576775
+  );
+  --bm-sem-color-icon-positive-strong: var(
+    --bm-theme-color-positive-700,
+    #187c36
+  );
+  --bm-sem-color-icon-warning-strong: var(
+    --bm-theme-color-warning-700,
+    #ac4902
+  );
+  --bm-sem-color-icon-negative-strong: var(
+    --bm-theme-color-negative-700,
+    #cc2429
+  );
+  --bm-sem-color-icon-info-primary-strong: var(
+    --bm-theme-color-info-primary-700,
+    #006ead
+  );
+  --bm-sem-color-icon-info-secondary-strong: var(
+    --bm-theme-color-info-secondary-800,
+    #465967
+  );
+  --bm-sem-color-icon-selected: var(--bm-utility-color-accent-default, #00768f);
+  --bm-sem-color-icon-primary-inverse: var(--bm-primitive-color-white, #ffffff);
+  --bm-sem-color-icon-secondary-inverse: var(
+    --bm-theme-color-neutral-400,
+    #c3cdd5
+  );
+  --bm-sem-color-border-00: var(--bm-theme-color-neutral-300, #d1dae0);
+  --bm-sem-color-border-00-alt: var(--bm-theme-color-neutral-200, #dfe7ec);
+  --bm-sem-color-border-01: var(--bm-theme-color-neutral-200, #dfe7ec);
+  --bm-sem-color-border-02: var(--bm-theme-color-neutral-300, #d1dae0);
+  --bm-sem-color-border-03: var(--bm-theme-color-neutral-200, #dfe7ec);
+  --bm-sem-color-border-strong: var(--bm-theme-color-neutral-600, #8697a5);
+  --bm-sem-color-border-positive: rgba(24, 124, 54, 0.4);
+  --bm-sem-color-border-warning: rgba(172, 73, 2, 0.4);
+  --bm-sem-color-border-negative: rgba(204, 36, 41, 0.4);
+  --bm-sem-color-border-info-primary: rgba(0, 110, 173, 0.4);
+  --bm-sem-color-border-info-secondary: rgba(87, 103, 117, 0.4);
+  --bm-sem-color-border-positive-strong: var(
+    --bm-theme-color-positive-700,
+    #187c36
+  );
+  --bm-sem-color-border-warning-strong: var(
+    --bm-theme-color-warning-700,
+    #ac4902
+  );
+  --bm-sem-color-border-negative-strong: var(
+    --bm-theme-color-negative-700,
+    #cc2429
+  );
+  --bm-sem-color-border-info-primary-strong: var(
+    --bm-theme-color-info-primary-700,
+    #006ead
+  );
+  --bm-sem-color-border-info-secondary-strong: var(
+    --bm-theme-color-info-secondary-700,
+    #576775
+  );
+  --bm-sem-color-border-selected: var(
+    --bm-utility-color-accent-default,
+    #00768f
+  );
+  --bm-sem-color-border-focus: var(--bm-primitive-color-blue-600, #0095e0);
+  --bm-sem-color-border-transparent: var(
+    --bm-primitive-color-transparent,
+    #ffffff00
+  );
+  --bm-sem-color-border-inverse: var(--bm-theme-color-neutral-800, #465967);
+  --bm-sem-color-link-primary: var(--bm-utility-color-accent-default, #00768f);
+  --bm-sem-color-link-primary-inverse: var(
+    --bm-utility-color-accent-inverse,
+    #43bfd6
+  );
+  --bm-sem-color-link-secondary: var(--bm-sem-color-text-primary, #141d24);
+  --bm-sem-color-link-secondary-inverse: var(
+    --bm-primitive-color-white,
+    #ffffff
+  );
+  --bm-sem-color-action-primary: var(
+    --bm-utility-color-accent-default,
+    #00768f
+  );
+  --bm-sem-color-action-onPrimary: var(
+    --bm-sem-color-text-primary-inverse,
+    #ffffff
+  );
+  --bm-sem-color-action-neutral: var(--bm-sem-color-surface-inverse, #202e39);
+  --bm-sem-color-action-neutral-subtle: var(
+    --bm-sem-color-surface-highlight,
+    rgba(159, 175, 188, 0.16)
+  );
+  --bm-sem-color-action-destructive: var(
+    --bm-sem-color-surface-negative-strong,
+    #cc2429
+  );
+  --bm-sem-color-static-white: var(--bm-primitive-color-white, #ffffff);
+  --bm-sem-color-static-black: var(--bm-primitive-color-gray-1100, #141d24);
+  --bm-sem-color-overlay-black-10: var(
+    --bm-primitive-color-gray-alpha-200,
+    rgba(20, 29, 36, 0.12)
+  );
+  --bm-sem-color-overlay-black-20: var(
+    --bm-primitive-color-gray-alpha-400,
+    rgba(20, 29, 36, 0.28)
+  );
+  --bm-sem-color-overlay-black-30: var(
+    --bm-primitive-color-gray-alpha-600,
+    rgba(20, 29, 36, 0.52)
+  );
+  --bm-sem-color-overlay-black-40: var(
+    --bm-primitive-color-gray-alpha-800,
+    rgba(20, 29, 36, 0.72)
+  );
+  --bm-sem-color-overlay-white-10: var(
+    --bm-primitive-color-white-alpha-200,
+    rgba(255, 255, 255, 0.12)
+  );
+  --bm-sem-color-overlay-white-20: var(
+    --bm-primitive-color-white-alpha-400,
+    rgba(255, 255, 255, 0.28)
+  );
+  --bm-sem-color-overlay-white-30: var(
+    --bm-primitive-color-white-alpha-600,
+    rgba(255, 255, 255, 0.52)
+  );
+  --bm-sem-color-overlay-white-40: var(
+    --bm-primitive-color-white-alpha-800,
+    rgba(255, 255, 255, 0.72)
+  );
+  --bm-sem-color-state-layer-enabled: var(
+    --bm-primitive-color-transparent,
+    #ffffff00
+  );
+  --bm-sem-color-state-layer-hover: rgba(20, 29, 36, 0.08);
+  --bm-sem-color-state-layer-active: rgba(32, 46, 57, 0.16);
+  --bm-sem-color-state-layer-hover-strong: rgba(20, 29, 36, 0.16);
+  --bm-sem-color-state-layer-active-strong: rgba(20, 29, 36, 0.32);
+  --bm-sem-color-state-layer-hover-inverse: rgba(255, 255, 255, 0.08);
+  --bm-sem-color-state-layer-active-inverse: rgba(255, 255, 255, 0.16);
+  --bm-sem-color-none: var(--bm-primitive-color-transparent, #ffffff00);
+  --bm-sem-opacity-state-layer-hover: var(--bm-primitive-opacity-8, 0.08);
+  --bm-sem-opacity-state-layer-active: var(--bm-primitive-opacity-16, 0.16);
+  --bm-sem-opacity-state-layer-hover-strong: var(
+    --bm-primitive-opacity-16,
+    0.16
+  );
+  --bm-sem-opacity-state-layer-active-strong: var(
+    --bm-primitive-opacity-32,
+    0.32
+  );
+  --bm-sem-opacity-disabled: var(--bm-primitive-opacity-40, 0.4);
+  --bm-dataviz-color-primary: var(--bm-theme-color-brand-600, #00a2c0);
+  --bm-dataviz-color-neutral: var(--bm-theme-color-neutral-600, #8697a5);
+  --bm-dataviz-color-border: var(--bm-primitive-color-white, #ffffff);
+  --bm-dataviz-color-border-inverse: var(
+    --bm-primitive-color-gray-1000,
+    #202e39
+  );
+  --bm-dataviz-color-categorical-1: var(
+    --bm-primitive-color-violet-800,
+    #592fda
+  );
+  --bm-dataviz-color-categorical-2: var(--bm-primitive-color-pink-650, #cf3fac);
+  --bm-dataviz-color-categorical-3: var(--bm-primitive-color-blue-600, #0095e0);
+  --bm-dataviz-color-categorical-4: var(--bm-primitive-color-red-650, #dc383c);
+  --bm-dataviz-color-categorical-5: var(
+    --bm-primitive-color-yellow-650,
+    #9e7700
+  );
+  --bm-dataviz-color-categorical-6: var(--bm-primitive-color-teal-800, #005b75);
+  --bm-dataviz-color-categorical-7: var(--bm-primitive-color-warm-800, #941e00);
+  --bm-dataviz-color-categorical-8: var(
+    --bm-primitive-color-green-650,
+    #208e3f
+  );
+  --bm-dataviz-color-alert-positive: var(
+    --bm-theme-color-positive-600,
+    #24a148
+  );
+  --bm-dataviz-color-alert-positive-strong: var(
+    --bm-theme-color-positive-700,
+    #187c36
+  );
+  --bm-dataviz-color-alert-caution: var(
+    --bm-primitive-color-yellow-600,
+    #b88a00
+  );
+  --bm-dataviz-color-alert-caution-strong: var(
+    --bm-primitive-color-yellow-700,
+    #8e6800
+  );
+  --bm-dataviz-color-alert-warning: var(--bm-theme-color-warning-600, #eb6200);
+  --bm-dataviz-color-alert-warning-strong: var(
+    --bm-theme-color-warning-700,
+    #ac4902
+  );
+  --bm-dataviz-color-alert-negative: var(
+    --bm-theme-color-negative-600,
+    #ed464c
+  );
+  --bm-dataviz-color-alert-negative-strong: var(
+    --bm-theme-color-negative-700,
+    #cc2429
+  );
+  --bm-dataviz-color-sequential-opt1-10: var(
+    --bm-theme-color-brand-200,
+    #d7f4f9
+  );
+  --bm-dataviz-color-sequential-opt1-20: var(
+    --bm-theme-color-brand-300,
+    #b2e7f0
+  );
+  --bm-dataviz-color-sequential-opt1-30: var(
+    --bm-theme-color-brand-400,
+    #8cd8e6
+  );
+  --bm-dataviz-color-sequential-opt1-40: var(
+    --bm-theme-color-brand-500,
+    #43bfd6
+  );
+  --bm-dataviz-color-sequential-opt1-50: var(
+    --bm-theme-color-brand-600,
+    #00a2c0
+  );
+  --bm-dataviz-color-sequential-opt1-60: var(
+    --bm-theme-color-brand-650,
+    #00859e
+  );
+  --bm-dataviz-color-sequential-opt1-70: var(
+    --bm-theme-color-brand-700,
+    #00768f
+  );
+  --bm-dataviz-color-sequential-opt1-80: var(
+    --bm-theme-color-brand-800,
+    #005b75
+  );
+  --bm-dataviz-color-diverging-opt1-10: var(
+    --bm-primitive-color-teal-900,
+    #00414d
+  );
+  --bm-dataviz-color-diverging-opt1-20: var(
+    --bm-primitive-color-teal-700,
+    #00768f
+  );
+  --bm-dataviz-color-diverging-opt1-30: var(
+    --bm-primitive-color-teal-600,
+    #00a2c0
+  );
+  --bm-dataviz-color-diverging-opt1-40: var(
+    --bm-primitive-color-teal-400,
+    #8cd8e6
+  );
+  --bm-dataviz-color-diverging-opt1-50: var(
+    --bm-primitive-color-teal-200,
+    #d7f4f9
+  );
+  --bm-dataviz-color-diverging-opt1-60: var(
+    --bm-primitive-color-violet-200,
+    #eae5fb
+  );
+  --bm-dataviz-color-diverging-opt1-70: var(
+    --bm-primitive-color-violet-400,
+    #c8baf3
+  );
+  --bm-dataviz-color-diverging-opt1-80: var(
+    --bm-primitive-color-violet-600,
+    #977de8
+  );
+  --bm-dataviz-color-diverging-opt1-90: var(
+    --bm-primitive-color-violet-700,
+    #6e49df
+  );
+  --bm-dataviz-color-diverging-opt1-100: var(
+    --bm-primitive-color-violet-900,
+    #3f1da6
+  );
+  --bm-dataviz-color-diverging-opt1-mid: var(
+    --bm-primitive-color-orange-100,
+    #fff3eb
+  );
+  --bm-dataviz-color-diverging-opt2-10: var(
+    --bm-primitive-color-red-900,
+    #7e1e21
+  );
+  --bm-dataviz-color-diverging-opt2-20: var(
+    --bm-primitive-color-red-700,
+    #cc2429
+  );
+  --bm-dataviz-color-diverging-opt2-30: var(
+    --bm-primitive-color-red-600,
+    #ed464c
+  );
+  --bm-dataviz-color-diverging-opt2-40: var(
+    --bm-primitive-color-red-400,
+    #fba6a9
+  );
+  --bm-dataviz-color-diverging-opt2-50: var(
+    --bm-primitive-color-red-200,
+    #fee6e7
+  );
+  --bm-dataviz-color-diverging-opt2-60: var(
+    --bm-primitive-color-blue-200,
+    #ccf0ff
+  );
+  --bm-dataviz-color-diverging-opt2-70: var(
+    --bm-primitive-color-blue-400,
+    #64cefb
+  );
+  --bm-dataviz-color-diverging-opt2-80: var(
+    --bm-primitive-color-blue-600,
+    #0095e0
+  );
+  --bm-dataviz-color-diverging-opt2-90: var(
+    --bm-primitive-color-blue-700,
+    #006ead
+  );
+  --bm-dataviz-color-diverging-opt2-100: var(
+    --bm-primitive-color-blue-900,
+    #003f73
+  );
+  --bm-dataviz-color-diverging-opt2-mid: var(
+    --bm-primitive-color-warm-100,
+    #fff6e1
+  );
+  --bm-dataviz-opacity-area: var(--bm-primitive-opacity-16, 0.16);
+}
+.bm-dark,
+.bm-light .bm-inverse,
+[data-bm-theme~="bm-dark"] {
+  --bm-utility-color-accent-subtlest: var(--bm-theme-color-brand-1100, #01262d);
+  --bm-utility-color-accent-subtler: var(--bm-theme-color-brand-900, #00414d);
+  --bm-utility-color-accent-subtle: var(--bm-theme-color-brand-800, #005b75);
+  --bm-utility-color-accent-muter: var(--bm-theme-color-brand-700, #00768f);
+  --bm-utility-color-accent-mute: var(--bm-theme-color-brand-600, #00a2c0);
+  --bm-utility-color-accent-default: var(--bm-theme-color-brand-500, #43bfd6);
+  --bm-utility-color-accent-strong: var(--bm-theme-color-brand-300, #b2e7f0);
+  --bm-utility-color-accent-stronger: var(--bm-theme-color-brand-200, #d7f4f9);
+  --bm-utility-color-accent-strongest: var(--bm-theme-color-brand-100, #e9fcff);
+  --bm-utility-color-accent-inverse: var(--bm-theme-color-brand-700, #00768f);
+  --bm-utility-color-accent-secondary-default: var(
+    --bm-primitive-color-blue-500,
+    #14b9ff
+  );
+  --bm-utility-color-gray-subtlest: var(--bm-theme-color-neutral-1100, #141d24);
+  --bm-utility-color-gray-subtler: var(--bm-theme-color-neutral-900, #32424e);
+  --bm-utility-color-gray-subtle: var(--bm-theme-color-neutral-800, #465967);
+  --bm-utility-color-gray-muter: var(--bm-theme-color-neutral-700, #576775);
+  --bm-utility-color-gray-mute: var(--bm-theme-color-neutral-600, #8697a5);
+  --bm-utility-color-gray-default: var(--bm-theme-color-neutral-500, #9fafbc);
+  --bm-utility-color-gray-strong: var(--bm-theme-color-neutral-300, #d1dae0);
+  --bm-utility-color-gray-stronger: var(--bm-theme-color-neutral-200, #dfe7ec);
+  --bm-utility-color-gray-strongest: var(--bm-theme-color-neutral-100, #f2f5f8);
+  --bm-utility-color-blue-subtlest: var(
+    --bm-primitive-color-blue-1100,
+    #001c33
+  );
+  --bm-utility-color-blue-subtler: var(--bm-primitive-color-blue-900, #003f73);
+  --bm-utility-color-blue-subtle: var(--bm-primitive-color-blue-800, #00528c);
+  --bm-utility-color-blue-muter: var(--bm-primitive-color-blue-700, #006ead);
+  --bm-utility-color-blue-mute: var(--bm-primitive-color-blue-600, #0095e0);
+  --bm-utility-color-blue-default: var(--bm-primitive-color-blue-500, #14b9ff);
+  --bm-utility-color-blue-strong: var(--bm-primitive-color-blue-300, #9be1ff);
+  --bm-utility-color-blue-stronger: var(--bm-primitive-color-blue-200, #ccf0ff);
+  --bm-utility-color-blue-strongest: var(
+    --bm-primitive-color-blue-100,
+    #ebf9ff
+  );
+  --bm-utility-color-blue-inverse: var(--bm-primitive-color-blue-700, #006ead);
+  --bm-utility-color-pink-subtlest: var(
+    --bm-primitive-color-pink-1100,
+    #360c2b
+  );
+  --bm-utility-color-pink-subtler: var(--bm-primitive-color-pink-900, #661652);
+  --bm-utility-color-pink-subtle: var(--bm-primitive-color-pink-800, #931f76);
+  --bm-utility-color-pink-muter: var(--bm-primitive-color-pink-700, #ad258b);
+  --bm-utility-color-pink-mute: var(--bm-primitive-color-pink-600, #dc5bbc);
+  --bm-utility-color-pink-default: var(--bm-primitive-color-pink-500, #fa83dc);
+  --bm-utility-color-pink-strong: var(--bm-primitive-color-pink-300, #fccfef);
+  --bm-utility-color-pink-stronger: var(--bm-primitive-color-pink-200, #fdddf4);
+  --bm-utility-color-pink-strongest: var(
+    --bm-primitive-color-pink-100,
+    #fef5fc
+  );
+  --bm-utility-color-pink-inverse: var(--bm-primitive-color-pink-700, #ad258b);
+  --bm-utility-color-teal-subtlest: var(
+    --bm-primitive-color-teal-1100,
+    #01262d
+  );
+  --bm-utility-color-teal-subtler: var(--bm-primitive-color-teal-900, #00414d);
+  --bm-utility-color-teal-subtle: var(--bm-primitive-color-teal-800, #005b75);
+  --bm-utility-color-teal-muter: var(--bm-primitive-color-teal-700, #00768f);
+  --bm-utility-color-teal-mute: var(--bm-primitive-color-teal-600, #00a2c0);
+  --bm-utility-color-teal-default: var(--bm-primitive-color-teal-500, #43bfd6);
+  --bm-utility-color-teal-strong: var(--bm-primitive-color-teal-300, #b2e7f0);
+  --bm-utility-color-teal-stronger: var(--bm-primitive-color-teal-200, #d7f4f9);
+  --bm-utility-color-teal-strongest: var(
+    --bm-primitive-color-teal-100,
+    #e9fcff
+  );
+  --bm-utility-color-teal-inverse: var(--bm-primitive-color-teal-700, #00768f);
+  --bm-utility-color-violet-subtlest: var(
+    --bm-primitive-color-violet-1100,
+    #1c0d4a
+  );
+  --bm-utility-color-violet-subtler: var(
+    --bm-primitive-color-violet-900,
+    #3f1da6
+  );
+  --bm-utility-color-violet-subtle: var(
+    --bm-primitive-color-violet-800,
+    #592fda
+  );
+  --bm-utility-color-violet-muter: var(
+    --bm-primitive-color-violet-700,
+    #6e49df
+  );
+  --bm-utility-color-violet-mute: var(--bm-primitive-color-violet-600, #977de8);
+  --bm-utility-color-violet-default: var(
+    --bm-primitive-color-violet-500,
+    #b4a0ee
+  );
+  --bm-utility-color-violet-strong: var(
+    --bm-primitive-color-violet-300,
+    #dcd3f8
+  );
+  --bm-utility-color-violet-stronger: var(
+    --bm-primitive-color-violet-200,
+    #eae5fb
+  );
+  --bm-utility-color-violet-strongest: var(
+    --bm-primitive-color-violet-100,
+    #f8f6fe
+  );
+  --bm-utility-color-violet-inverse: var(
+    --bm-primitive-color-violet-700,
+    #6e49df
+  );
+  --bm-utility-color-lime-subtlest: var(
+    --bm-primitive-color-lime-green-1100,
+    #0d1f00
+  );
+  --bm-utility-color-lime-subtler: var(
+    --bm-primitive-color-lime-green-900,
+    #1e4700
+  );
+  --bm-utility-color-lime-subtle: var(
+    --bm-primitive-color-lime-green-800,
+    #1d5700
+  );
+  --bm-utility-color-lime-muter: var(
+    --bm-primitive-color-lime-green-700,
+    #358000
+  );
+  --bm-utility-color-lime-mute: var(
+    --bm-primitive-color-lime-green-600,
+    #5c9e14
+  );
+  --bm-utility-color-lime-default: var(
+    --bm-primitive-color-lime-green-500,
+    #8dc002
+  );
+  --bm-utility-color-lime-strong: var(
+    --bm-primitive-color-lime-green-300,
+    #daee6b
+  );
+  --bm-utility-color-lime-stronger: var(
+    --bm-primitive-color-lime-green-200,
+    #f1ffa4
+  );
+  --bm-utility-color-lime-strongest: var(
+    --bm-primitive-color-lime-green-100,
+    #f7ffcc
+  );
+  --bm-utility-color-lime-inverse: var(
+    --bm-primitive-color-lime-green-700,
+    #358000
+  );
+  --bm-utility-color-warm-subtlest: var(
+    --bm-primitive-color-warm-1100,
+    #3a0406
+  );
+  --bm-utility-color-warm-subtler: var(--bm-primitive-color-warm-900, #86090f);
+  --bm-utility-color-warm-subtle: var(--bm-primitive-color-warm-800, #941e00);
+  --bm-utility-color-warm-muter: var(--bm-primitive-color-warm-700, #a82200);
+  --bm-utility-color-warm-mute: var(--bm-primitive-color-warm-600, #df6901);
+  --bm-utility-color-warm-default: var(--bm-primitive-color-warm-500, #fe9110);
+  --bm-utility-color-warm-strong: var(--bm-primitive-color-warm-300, #ffdb7d);
+  --bm-utility-color-warm-stronger: var(--bm-primitive-color-warm-200, #ffe9b3);
+  --bm-utility-color-warm-strongest: var(
+    --bm-primitive-color-warm-100,
+    #fff6e1
+  );
+  --bm-utility-color-warm-inverse: var(--bm-primitive-color-warm-700, #a82200);
+  --bm-utility-color-green-subtlest: var(
+    --bm-primitive-color-green-1100,
+    #09200a
+  );
+  --bm-utility-color-green-subtler: var(
+    --bm-primitive-color-green-900,
+    #044819
+  );
+  --bm-utility-color-green-subtle: var(--bm-primitive-color-green-800, #0d630d);
+  --bm-utility-color-green-muter: var(--bm-primitive-color-green-700, #187c36);
+  --bm-utility-color-green-mute: var(--bm-primitive-color-green-600, #24a148);
+  --bm-utility-color-green-default: var(
+    --bm-primitive-color-green-500,
+    #42be53
+  );
+  --bm-utility-color-green-strong: var(--bm-primitive-color-green-300, #b3eb9e);
+  --bm-utility-color-green-stronger: var(
+    --bm-primitive-color-green-200,
+    #daf7cf
+  );
+  --bm-utility-color-green-strongest: var(
+    --bm-primitive-color-green-100,
+    #e9ffe0
+  );
+  --bm-utility-color-green-inverse: var(
+    --bm-primitive-color-green-700,
+    #187c36
+  );
+  --bm-utility-color-red-subtlest: var(--bm-primitive-color-red-1100, #370a0b);
+  --bm-utility-color-red-subtler: var(--bm-primitive-color-red-900, #7e1e21);
+  --bm-utility-color-red-subtle: var(--bm-primitive-color-red-800, #a61b20);
+  --bm-utility-color-red-muter: var(--bm-primitive-color-red-700, #cc2429);
+  --bm-utility-color-red-mute: var(--bm-primitive-color-red-600, #ed464c);
+  --bm-utility-color-red-default: var(--bm-primitive-color-red-500, #f67378);
+  --bm-utility-color-red-strong: var(--bm-primitive-color-red-300, #fdcbcd);
+  --bm-utility-color-red-stronger: var(--bm-primitive-color-red-200, #fee6e7);
+  --bm-utility-color-red-strongest: var(--bm-primitive-color-red-100, #fef2f2);
+  --bm-utility-color-red-inverse: var(--bm-primitive-color-red-700, #cc2429);
+  --bm-utility-color-orange-subtlest: var(
+    --bm-primitive-color-orange-1100,
+    #2e1500
+  );
+  --bm-utility-color-orange-subtler: var(
+    --bm-primitive-color-orange-900,
+    #662c00
+  );
+  --bm-utility-color-orange-subtle: var(
+    --bm-primitive-color-orange-800,
+    #8a3800
+  );
+  --bm-utility-color-orange-muter: var(
+    --bm-primitive-color-orange-700,
+    #ac4902
+  );
+  --bm-utility-color-orange-mute: var(--bm-primitive-color-orange-600, #eb6200);
+  --bm-utility-color-orange-default: var(
+    --bm-primitive-color-orange-500,
+    #ff8e3d
+  );
+  --bm-utility-color-orange-strong: var(
+    --bm-primitive-color-orange-300,
+    #ffd4a8
+  );
+  --bm-utility-color-orange-stronger: var(
+    --bm-primitive-color-orange-200,
+    #ffe4c9
+  );
+  --bm-utility-color-orange-strongest: var(
+    --bm-primitive-color-orange-100,
+    #fff3eb
+  );
+  --bm-utility-color-orange-inverse: var(
+    --bm-primitive-color-orange-700,
+    #ac4902
+  );
+  --bm-theme-color-brand-100: var(--bm-primitive-color-teal-100, #e9fcff);
+  --bm-theme-color-brand-200: var(--bm-primitive-color-teal-200, #d7f4f9);
+  --bm-theme-color-brand-300: var(--bm-primitive-color-teal-300, #b2e7f0);
+  --bm-theme-color-brand-400: var(--bm-primitive-color-teal-400, #8cd8e6);
+  --bm-theme-color-brand-500: var(--bm-primitive-color-teal-500, #43bfd6);
+  --bm-theme-color-brand-600: var(--bm-primitive-color-teal-600, #00a2c0);
+  --bm-theme-color-brand-650: var(--bm-primitive-color-teal-650, #00859e);
+  --bm-theme-color-brand-700: var(--bm-primitive-color-teal-700, #00768f);
+  --bm-theme-color-brand-800: var(--bm-primitive-color-teal-800, #005b75);
+  --bm-theme-color-brand-900: var(--bm-primitive-color-teal-900, #00414d);
+  --bm-theme-color-brand-1000: var(--bm-primitive-color-teal-1000, #00303d);
+  --bm-theme-color-brand-1100: var(--bm-primitive-color-teal-1100, #01262d);
+  --bm-theme-color-neutral-100: var(--bm-primitive-color-gray-100, #f2f5f8);
+  --bm-theme-color-neutral-200: var(--bm-primitive-color-gray-200, #dfe7ec);
+  --bm-theme-color-neutral-300: var(--bm-primitive-color-gray-300, #d1dae0);
+  --bm-theme-color-neutral-400: var(--bm-primitive-color-gray-400, #c3cdd5);
+  --bm-theme-color-neutral-500: var(--bm-primitive-color-gray-500, #9fafbc);
+  --bm-theme-color-neutral-600: var(--bm-primitive-color-gray-600, #8697a5);
+  --bm-theme-color-neutral-650: var(--bm-primitive-color-gray-650, #6b7f8f);
+  --bm-theme-color-neutral-700: var(--bm-primitive-color-gray-700, #576775);
+  --bm-theme-color-neutral-800: var(--bm-primitive-color-gray-800, #465967);
+  --bm-theme-color-neutral-900: var(--bm-primitive-color-gray-900, #32424e);
+  --bm-theme-color-neutral-1000: var(--bm-primitive-color-gray-1000, #202e39);
+  --bm-theme-color-neutral-1100: var(--bm-primitive-color-gray-1100, #141d24);
+  --bm-theme-color-positive-100: var(--bm-primitive-color-green-100, #e9ffe0);
+  --bm-theme-color-positive-200: var(--bm-primitive-color-green-200, #daf7cf);
+  --bm-theme-color-positive-300: var(--bm-primitive-color-green-300, #b3eb9e);
+  --bm-theme-color-positive-400: var(--bm-primitive-color-green-400, #71d963);
+  --bm-theme-color-positive-500: var(--bm-primitive-color-green-500, #42be53);
+  --bm-theme-color-positive-600: var(--bm-primitive-color-green-600, #24a148);
+  --bm-theme-color-positive-650: var(--bm-primitive-color-green-650, #208e3f);
+  --bm-theme-color-positive-700: var(--bm-primitive-color-green-700, #187c36);
+  --bm-theme-color-positive-800: var(--bm-primitive-color-green-800, #0d630d);
+  --bm-theme-color-positive-900: var(--bm-primitive-color-green-900, #044819);
+  --bm-theme-color-positive-1000: var(--bm-primitive-color-green-1000, #02310e);
+  --bm-theme-color-positive-1100: var(--bm-primitive-color-green-1100, #09200a);
+  --bm-theme-color-warning-100: var(--bm-primitive-color-orange-100, #fff3eb);
+  --bm-theme-color-warning-200: var(--bm-primitive-color-orange-200, #ffe4c9);
+  --bm-theme-color-warning-300: var(--bm-primitive-color-orange-300, #ffd4a8);
+  --bm-theme-color-warning-400: var(--bm-primitive-color-orange-400, #ffb17a);
+  --bm-theme-color-warning-500: var(--bm-primitive-color-orange-500, #ff8e3d);
+  --bm-theme-color-warning-600: var(--bm-primitive-color-orange-600, #eb6200);
+  --bm-theme-color-warning-650: var(--bm-primitive-color-orange-650, #cc5500);
+  --bm-theme-color-warning-700: var(--bm-primitive-color-orange-700, #ac4902);
+  --bm-theme-color-warning-800: var(--bm-primitive-color-orange-800, #8a3800);
+  --bm-theme-color-warning-900: var(--bm-primitive-color-orange-900, #662c00);
+  --bm-theme-color-warning-1000: var(--bm-primitive-color-orange-1000, #3e1a00);
+  --bm-theme-color-warning-1100: var(--bm-primitive-color-orange-1100, #2e1500);
+  --bm-theme-color-negative-100: var(--bm-primitive-color-red-100, #fef2f2);
+  --bm-theme-color-negative-200: var(--bm-primitive-color-red-200, #fee6e7);
+  --bm-theme-color-negative-300: var(--bm-primitive-color-red-300, #fdcbcd);
+  --bm-theme-color-negative-400: var(--bm-primitive-color-red-400, #fba6a9);
+  --bm-theme-color-negative-500: var(--bm-primitive-color-red-500, #f67378);
+  --bm-theme-color-negative-600: var(--bm-primitive-color-red-600, #ed464c);
+  --bm-theme-color-negative-650: var(--bm-primitive-color-red-650, #dc383c);
+  --bm-theme-color-negative-700: var(--bm-primitive-color-red-700, #cc2429);
+  --bm-theme-color-negative-800: var(--bm-primitive-color-red-800, #a61b20);
+  --bm-theme-color-negative-900: var(--bm-primitive-color-red-900, #7e1e21);
+  --bm-theme-color-negative-1000: var(--bm-primitive-color-red-1000, #520f11);
+  --bm-theme-color-negative-1100: var(--bm-primitive-color-red-1100, #370a0b);
+  --bm-theme-color-info-primary-100: var(
+    --bm-primitive-color-blue-100,
+    #ebf9ff
+  );
+  --bm-theme-color-info-primary-200: var(
+    --bm-primitive-color-blue-200,
+    #ccf0ff
+  );
+  --bm-theme-color-info-primary-300: var(
+    --bm-primitive-color-blue-300,
+    #9be1ff
+  );
+  --bm-theme-color-info-primary-400: var(
+    --bm-primitive-color-blue-400,
+    #64cefb
+  );
+  --bm-theme-color-info-primary-500: var(
+    --bm-primitive-color-blue-500,
+    #14b9ff
+  );
+  --bm-theme-color-info-primary-600: var(
+    --bm-primitive-color-blue-600,
+    #0095e0
+  );
+  --bm-theme-color-info-primary-650: var(
+    --bm-primitive-color-blue-650,
+    #0081c2
+  );
+  --bm-theme-color-info-primary-700: var(
+    --bm-primitive-color-blue-700,
+    #006ead
+  );
+  --bm-theme-color-info-primary-800: var(
+    --bm-primitive-color-blue-800,
+    #00528c
+  );
+  --bm-theme-color-info-primary-900: var(
+    --bm-primitive-color-blue-900,
+    #003f73
+  );
+  --bm-theme-color-info-primary-1000: var(
+    --bm-primitive-color-blue-1000,
+    #002f57
+  );
+  --bm-theme-color-info-primary-1100: var(
+    --bm-primitive-color-blue-1100,
+    #001c33
+  );
+  --bm-theme-color-info-secondary-100: var(
+    --bm-primitive-color-gray-100,
+    #f2f5f8
+  );
+  --bm-theme-color-info-secondary-200: var(
+    --bm-primitive-color-gray-200,
+    #dfe7ec
+  );
+  --bm-theme-color-info-secondary-300: var(
+    --bm-primitive-color-gray-300,
+    #d1dae0
+  );
+  --bm-theme-color-info-secondary-400: var(
+    --bm-primitive-color-gray-400,
+    #c3cdd5
+  );
+  --bm-theme-color-info-secondary-500: var(
+    --bm-primitive-color-gray-500,
+    #9fafbc
+  );
+  --bm-theme-color-info-secondary-600: var(
+    --bm-primitive-color-gray-600,
+    #8697a5
+  );
+  --bm-theme-color-info-secondary-650: var(
+    --bm-primitive-color-gray-650,
+    #6b7f8f
+  );
+  --bm-theme-color-info-secondary-700: var(
+    --bm-primitive-color-gray-700,
+    #576775
+  );
+  --bm-theme-color-info-secondary-800: var(
+    --bm-primitive-color-gray-800,
+    #465967
+  );
+  --bm-theme-color-info-secondary-900: var(
+    --bm-primitive-color-gray-900,
+    #32424e
+  );
+  --bm-theme-color-info-secondary-1000: var(
+    --bm-primitive-color-gray-1000,
+    #202e39
+  );
+  --bm-theme-color-info-secondary-1100: var(
+    --bm-primitive-color-gray-1100,
+    #141d24
+  );
+  --bm-sem-color-surface-00: var(--bm-theme-color-neutral-1100, #141d24);
+  --bm-sem-color-surface-00-alt: var(--bm-theme-color-neutral-1000, #202e39);
+  --bm-sem-color-surface-01: var(--bm-theme-color-neutral-1000, #202e39);
+  --bm-sem-color-surface-02: var(--bm-theme-color-neutral-900, #32424e);
+  --bm-sem-color-surface-03: var(--bm-theme-color-neutral-800, #465967);
+  --bm-sem-color-surface-positive: var(--bm-theme-color-positive-1000, #02310e);
+  --bm-sem-color-surface-warning: var(--bm-theme-color-warning-1000, #3e1a00);
+  --bm-sem-color-surface-negative: var(--bm-theme-color-negative-1000, #520f11);
+  --bm-sem-color-surface-info-primary: var(
+    --bm-theme-color-info-primary-1000,
+    #002f57
+  );
+  --bm-sem-color-surface-info-secondary: var(
+    --bm-theme-color-info-secondary-1000,
+    #202e39
+  );
+  --bm-sem-color-surface-positive-strong: var(
+    --bm-theme-color-positive-300,
+    #b3eb9e
+  );
+  --bm-sem-color-surface-warning-strong: var(
+    --bm-theme-color-warning-300,
+    #ffd4a8
+  );
+  --bm-sem-color-surface-negative-strong: var(
+    --bm-theme-color-negative-500,
+    #f67378
+  );
+  --bm-sem-color-surface-info-primary-strong: var(
+    --bm-theme-color-info-primary-400,
+    #64cefb
+  );
+  --bm-sem-color-surface-info-secondary-strong: var(
+    --bm-theme-color-neutral-300,
+    #d1dae0
+  );
+  --bm-sem-color-surface-selected: var(
+    --bm-utility-color-accent-subtler,
+    #00414d
+  );
+  --bm-sem-color-surface-selected-subtle: rgba(134, 151, 165, 0.16);
+  --bm-sem-color-surface-highlight: rgba(134, 151, 165, 0.16);
+  --bm-sem-color-surface-transparent: var(--bm-sem-color-none, #ffffff00);
+  --bm-sem-color-surface-inverse: var(--bm-primitive-color-white, #ffffff);
+  --bm-sem-color-text-primary: var(--bm-primitive-color-white, #ffffff);
+  --bm-sem-color-text-secondary: var(--bm-theme-color-neutral-400, #c3cdd5);
+  --bm-sem-color-text-positive: var(--bm-theme-color-positive-300, #b3eb9e);
+  --bm-sem-color-text-warning: var(--bm-theme-color-warning-300, #ffd4a8);
+  --bm-sem-color-text-negative: var(--bm-theme-color-negative-500, #f67378);
+  --bm-sem-color-text-info-primary: var(
+    --bm-theme-color-info-primary-300,
+    #9be1ff
+  );
+  --bm-sem-color-text-info-secondary: var(
+    --bm-theme-color-info-secondary-400,
+    #c3cdd5
+  );
+  --bm-sem-color-text-selected: var(--bm-utility-color-accent-default, #43bfd6);
+  --bm-sem-color-text-primary-inverse: var(
+    --bm-theme-color-neutral-1100,
+    #141d24
+  );
+  --bm-sem-color-text-secondary-inverse: var(
+    --bm-theme-color-neutral-700,
+    #576775
+  );
+  --bm-sem-color-text-disabled: rgba(195, 205, 213, 0.4);
+  --bm-sem-color-icon-primary: var(--bm-primitive-color-white, #ffffff);
+  --bm-sem-color-icon-secondary: var(--bm-theme-color-neutral-400, #c3cdd5);
+  --bm-sem-color-icon-positive: var(--bm-theme-color-positive-400, #71d963);
+  --bm-sem-color-icon-warning: var(--bm-theme-color-warning-400, #ffb17a);
+  --bm-sem-color-icon-negative: var(--bm-theme-color-negative-600, #ed464c);
+  --bm-sem-color-icon-info-primary: var(
+    --bm-theme-color-info-primary-400,
+    #64cefb
+  );
+  --bm-sem-color-icon-info-secondary: var(
+    --bm-theme-color-info-secondary-500,
+    #9fafbc
+  );
+  --bm-sem-color-icon-positive-strong: var(
+    --bm-theme-color-positive-300,
+    #b3eb9e
+  );
+  --bm-sem-color-icon-warning-strong: var(
+    --bm-theme-color-warning-300,
+    #ffd4a8
+  );
+  --bm-sem-color-icon-negative-strong: var(
+    --bm-theme-color-negative-500,
+    #f67378
+  );
+  --bm-sem-color-icon-info-primary-strong: var(
+    --bm-theme-color-info-primary-300,
+    #9be1ff
+  );
+  --bm-sem-color-icon-info-secondary-strong: var(
+    --bm-theme-color-info-secondary-400,
+    #c3cdd5
+  );
+  --bm-sem-color-icon-selected: var(--bm-utility-color-accent-default, #43bfd6);
+  --bm-sem-color-icon-primary-inverse: var(
+    --bm-theme-color-neutral-1100,
+    #141d24
+  );
+  --bm-sem-color-icon-secondary-inverse: var(
+    --bm-theme-color-neutral-600,
+    #8697a5
+  );
+  --bm-sem-color-border-00: var(--bm-theme-color-neutral-900, #32424e);
+  --bm-sem-color-border-00-alt: var(--bm-theme-color-neutral-900, #32424e);
+  --bm-sem-color-border-01: var(--bm-theme-color-neutral-900, #32424e);
+  --bm-sem-color-border-02: var(--bm-theme-color-neutral-800, #465967);
+  --bm-sem-color-border-03: var(--bm-theme-color-neutral-700, #576775);
+  --bm-sem-color-border-strong: var(--bm-theme-color-neutral-500, #9fafbc);
+  --bm-sem-color-border-positive: rgba(179, 235, 158, 0.4);
+  --bm-sem-color-border-warning: rgba(255, 212, 168, 0.4);
+  --bm-sem-color-border-negative: rgba(253, 203, 205, 0.4);
+  --bm-sem-color-border-info-primary: rgba(155, 225, 255, 0.4);
+  --bm-sem-color-border-info-secondary: rgba(209, 218, 224, 0.4);
+  --bm-sem-color-border-positive-strong: var(
+    --bm-theme-color-positive-300,
+    #b3eb9e
+  );
+  --bm-sem-color-border-warning-strong: var(
+    --bm-theme-color-warning-300,
+    #ffd4a8
+  );
+  --bm-sem-color-border-negative-strong: var(
+    --bm-theme-color-negative-500,
+    #f67378
+  );
+  --bm-sem-color-border-info-primary-strong: var(
+    --bm-theme-color-info-primary-300,
+    #9be1ff
+  );
+  --bm-sem-color-border-info-secondary-strong: var(
+    --bm-theme-color-info-secondary-400,
+    #c3cdd5
+  );
+  --bm-sem-color-border-selected: var(
+    --bm-utility-color-accent-default,
+    #43bfd6
+  );
+  --bm-sem-color-border-focus: var(--bm-primitive-color-blue-500, #14b9ff);
+  --bm-sem-color-border-transparent: var(
+    --bm-primitive-color-transparent,
+    #ffffff00
+  );
+  --bm-sem-color-border-inverse: var(--bm-theme-color-neutral-200, #dfe7ec);
+  --bm-sem-color-link-primary: var(--bm-utility-color-accent-default, #43bfd6);
+  --bm-sem-color-link-primary-inverse: var(
+    --bm-utility-color-accent-inverse,
+    #00768f
+  );
+  --bm-sem-color-link-secondary: var(--bm-primitive-color-white, #ffffff);
+  --bm-sem-color-link-secondary-inverse: var(
+    --bm-primitive-color-white,
+    #ffffff
+  );
+  --bm-sem-color-action-primary: var(
+    --bm-utility-color-accent-default,
+    #43bfd6
+  );
+  --bm-sem-color-action-onPrimary: var(
+    --bm-sem-color-text-primary-inverse,
+    #141d24
+  );
+  --bm-sem-color-action-neutral: var(--bm-sem-color-surface-inverse, #ffffff);
+  --bm-sem-color-action-neutral-subtle: var(
+    --bm-sem-color-surface-highlight,
+    rgba(134, 151, 165, 0.16)
+  );
+  --bm-sem-color-action-destructive: var(
+    --bm-theme-color-negative-700,
+    #cc2429
+  );
+  --bm-sem-color-none: var(--bm-primitive-color-transparent, #ffffff00);
+  --bm-sem-color-state-layer-enabled: var(
+    --bm-primitive-color-transparent,
+    #ffffff00
+  );
+  --bm-sem-color-state-layer-hover: rgba(255, 255, 255, 0.08);
+  --bm-sem-color-state-layer-active: rgba(255, 255, 255, 0.16);
+  --bm-sem-color-state-layer-hover-strong: rgba(255, 255, 255, 0.16);
+  --bm-sem-color-state-layer-active-strong: rgba(255, 255, 255, 0.32);
+  --bm-sem-color-state-layer-hover-inverse: rgba(20, 29, 36, 0.08);
+  --bm-sem-color-state-layer-active-inverse: rgba(20, 29, 36, 0.16);
+  --bm-sem-color-static-white: var(--bm-primitive-color-white, #ffffff);
+  --bm-sem-color-static-black: var(--bm-primitive-color-gray-1100, #141d24);
+  --bm-sem-color-overlay-black-10: var(
+    --bm-primitive-color-gray-alpha-200,
+    rgba(20, 29, 36, 0.12)
+  );
+  --bm-sem-color-overlay-black-20: var(
+    --bm-primitive-color-gray-alpha-400,
+    rgba(20, 29, 36, 0.28)
+  );
+  --bm-sem-color-overlay-black-30: var(
+    --bm-primitive-color-gray-alpha-600,
+    rgba(20, 29, 36, 0.52)
+  );
+  --bm-sem-color-overlay-black-40: var(
+    --bm-primitive-color-gray-alpha-800,
+    rgba(20, 29, 36, 0.72)
+  );
+  --bm-sem-color-overlay-white-10: var(
+    --bm-primitive-color-white-alpha-200,
+    rgba(255, 255, 255, 0.12)
+  );
+  --bm-sem-color-overlay-white-20: var(
+    --bm-primitive-color-white-alpha-400,
+    rgba(255, 255, 255, 0.28)
+  );
+  --bm-sem-color-overlay-white-30: var(
+    --bm-primitive-color-white-alpha-600,
+    rgba(255, 255, 255, 0.52)
+  );
+  --bm-sem-color-overlay-white-40: var(
+    --bm-primitive-color-white-alpha-800,
+    rgba(255, 255, 255, 0.72)
+  );
+  --bm-sem-opacity-state-layer-hover: var(--bm-primitive-opacity-8, 0.08);
+  --bm-sem-opacity-state-layer-active: var(--bm-primitive-opacity-16, 0.16);
+  --bm-sem-opacity-state-layer-hover-strong: var(
+    --bm-primitive-opacity-16,
+    0.16
+  );
+  --bm-sem-opacity-state-layer-active-strong: var(
+    --bm-primitive-opacity-32,
+    0.32
+  );
+  --bm-sem-opacity-disabled: var(--bm-primitive-opacity-40, 0.4);
+  --bm-dataviz-color-primary: var(--bm-theme-color-brand-500, #43bfd6);
+  --bm-dataviz-color-neutral: var(--bm-theme-color-neutral-600, #8697a5);
+  --bm-dataviz-color-border: var(--bm-primitive-color-gray-1000, #202e39);
+  --bm-dataviz-color-border-inverse: var(--bm-primitive-color-white, #ffffff);
+  --bm-dataviz-color-categorical-1: var(
+    --bm-primitive-color-violet-650,
+    #8263e3
+  );
+  --bm-dataviz-color-categorical-2: var(--bm-primitive-color-pink-600, #dc5bbc);
+  --bm-dataviz-color-categorical-3: var(--bm-primitive-color-blue-400, #64cefb);
+  --bm-dataviz-color-categorical-4: var(--bm-primitive-color-red-500, #f67378);
+  --bm-dataviz-color-categorical-5: var(
+    --bm-primitive-color-yellow-400,
+    #f0bf0f
+  );
+  --bm-dataviz-color-categorical-6: var(--bm-primitive-color-teal-650, #00859e);
+  --bm-dataviz-color-categorical-7: var(--bm-primitive-color-warm-650, #cb4e01);
+  --bm-dataviz-color-categorical-8: var(
+    --bm-primitive-color-green-400,
+    #71d963
+  );
+  --bm-dataviz-color-alert-positive: var(
+    --bm-theme-color-positive-400,
+    #71d963
+  );
+  --bm-dataviz-color-alert-positive-strong: var(
+    --bm-theme-color-positive-300,
+    #b3eb9e
+  );
+  --bm-dataviz-color-alert-caution: var(
+    --bm-primitive-color-yellow-400,
+    #f0bf0f
+  );
+  --bm-dataviz-color-alert-caution-strong: var(
+    --bm-primitive-color-yellow-300,
+    #fdde72
+  );
+  --bm-dataviz-color-alert-warning: var(--bm-theme-color-warning-400, #ffb17a);
+  --bm-dataviz-color-alert-warning-strong: var(
+    --bm-theme-color-warning-300,
+    #ffd4a8
+  );
+  --bm-dataviz-color-alert-negative: var(
+    --bm-theme-color-negative-600,
+    #ed464c
+  );
+  --bm-dataviz-color-alert-negative-strong: var(
+    --bm-theme-color-negative-500,
+    #f67378
+  );
+  --bm-dataviz-color-sequential-opt1-10: var(
+    --bm-theme-color-brand-800,
+    #005b75
+  );
+  --bm-dataviz-color-sequential-opt1-20: var(
+    --bm-theme-color-brand-700,
+    #00768f
+  );
+  --bm-dataviz-color-sequential-opt1-30: var(
+    --bm-theme-color-brand-650,
+    #00859e
+  );
+  --bm-dataviz-color-sequential-opt1-40: var(
+    --bm-theme-color-brand-600,
+    #00a2c0
+  );
+  --bm-dataviz-color-sequential-opt1-50: var(
+    --bm-theme-color-brand-500,
+    #43bfd6
+  );
+  --bm-dataviz-color-sequential-opt1-60: var(
+    --bm-theme-color-brand-400,
+    #8cd8e6
+  );
+  --bm-dataviz-color-sequential-opt1-70: var(
+    --bm-theme-color-brand-300,
+    #b2e7f0
+  );
+  --bm-dataviz-color-sequential-opt1-80: var(
+    --bm-theme-color-brand-200,
+    #d7f4f9
+  );
+  --bm-dataviz-color-diverging-opt1-10: var(
+    --bm-primitive-color-teal-900,
+    #00414d
+  );
+  --bm-dataviz-color-diverging-opt1-20: var(
+    --bm-primitive-color-teal-700,
+    #00768f
+  );
+  --bm-dataviz-color-diverging-opt1-30: var(
+    --bm-primitive-color-teal-600,
+    #00a2c0
+  );
+  --bm-dataviz-color-diverging-opt1-40: var(
+    --bm-primitive-color-teal-400,
+    #8cd8e6
+  );
+  --bm-dataviz-color-diverging-opt1-50: var(
+    --bm-primitive-color-teal-200,
+    #d7f4f9
+  );
+  --bm-dataviz-color-diverging-opt1-60: var(
+    --bm-primitive-color-violet-200,
+    #eae5fb
+  );
+  --bm-dataviz-color-diverging-opt1-70: var(
+    --bm-primitive-color-violet-400,
+    #c8baf3
+  );
+  --bm-dataviz-color-diverging-opt1-80: var(
+    --bm-primitive-color-violet-600,
+    #977de8
+  );
+  --bm-dataviz-color-diverging-opt1-90: var(
+    --bm-primitive-color-violet-700,
+    #6e49df
+  );
+  --bm-dataviz-color-diverging-opt1-100: var(
+    --bm-primitive-color-violet-900,
+    #3f1da6
+  );
+  --bm-dataviz-color-diverging-opt1-mid: var(
+    --bm-primitive-color-orange-100,
+    #fff3eb
+  );
+  --bm-dataviz-color-diverging-opt2-10: var(
+    --bm-primitive-color-red-900,
+    #7e1e21
+  );
+  --bm-dataviz-color-diverging-opt2-20: var(
+    --bm-primitive-color-red-700,
+    #cc2429
+  );
+  --bm-dataviz-color-diverging-opt2-30: var(
+    --bm-primitive-color-red-600,
+    #ed464c
+  );
+  --bm-dataviz-color-diverging-opt2-40: var(
+    --bm-primitive-color-red-400,
+    #fba6a9
+  );
+  --bm-dataviz-color-diverging-opt2-50: var(
+    --bm-primitive-color-red-200,
+    #fee6e7
+  );
+  --bm-dataviz-color-diverging-opt2-60: var(
+    --bm-primitive-color-blue-200,
+    #ccf0ff
+  );
+  --bm-dataviz-color-diverging-opt2-70: var(
+    --bm-primitive-color-blue-400,
+    #64cefb
+  );
+  --bm-dataviz-color-diverging-opt2-80: var(
+    --bm-primitive-color-blue-600,
+    #0095e0
+  );
+  --bm-dataviz-color-diverging-opt2-90: var(
+    --bm-primitive-color-blue-700,
+    #006ead
+  );
+  --bm-dataviz-color-diverging-opt2-100: var(
+    --bm-primitive-color-blue-900,
+    #003f73
+  );
+  --bm-dataviz-color-diverging-opt2-mid: var(
+    --bm-primitive-color-warm-100,
+    #fff6e1
+  );
+  --bm-dataviz-opacity-area: var(--bm-primitive-opacity-16, 0.16);
+}
+.bm-light,
+.bm-dark,
+.bm-enterprise,
+.bm-consumer {
+  font-size: 1rem;
+}
+
+:root,
+.bm-light,
+.bm-dark,
+.bm-enterprise,
+.bm-consumer {
+  --bm-primitive-dimension-0: 0;
+  --bm-primitive-dimension-6: 0.0625rem;
+  --bm-primitive-dimension-12: 0.125rem;
+  --bm-primitive-dimension-25: 0.25rem;
+  --bm-primitive-dimension-37: 0.375rem;
+  --bm-primitive-dimension-50: 0.5rem;
+  --bm-primitive-dimension-75: 0.75rem;
+  --bm-primitive-dimension-87: 0.875rem;
+  --bm-primitive-dimension-100: 1rem;
+  --bm-primitive-dimension-112: 1.125rem;
+  --bm-primitive-dimension-125: 1.25rem;
+  --bm-primitive-dimension-150: 1.5rem;
+  --bm-primitive-dimension-175: 1.75rem;
+  --bm-primitive-dimension-200: 2rem;
+  --bm-primitive-dimension-225: 2.25rem;
+  --bm-primitive-dimension-250: 2.5rem;
+  --bm-primitive-dimension-275: 2.75rem;
+  --bm-primitive-dimension-300: 3rem;
+  --bm-primitive-dimension-325: 3.25rem;
+  --bm-primitive-dimension-350: 3.5rem;
+  --bm-primitive-dimension-375: 3.75rem;
+  --bm-primitive-dimension-400: 4rem;
+  --bm-primitive-dimension-450: 4.5rem;
+  --bm-primitive-dimension-475: 4.75rem;
+  --bm-primitive-dimension-500: 5rem;
+  --bm-primitive-dimension-525: 5.25rem;
+  --bm-primitive-dimension-550: 5.5rem;
+  --bm-primitive-dimension-600: 6rem;
+  --bm-primitive-dimension-700: 7rem;
+  --bm-primitive-dimension-800: 8rem;
+  --bm-primitive-dimension-900: 9rem;
+  --bm-primitive-dimension-1000: 10rem;
+  --bm-primitive-dimension-1100: 11rem;
+  --bm-primitive-dimension-1200: 12rem;
+  --bm-primitive-dimension-1300: 13rem;
+  --bm-primitive-dimension-1400: 14rem;
+  --bm-primitive-dimension-1500: 15rem;
+  --bm-primitive-dimension-1600: 16rem;
+  --bm-primitive-dimension-1800: 18rem;
+  --bm-primitive-dimension-2000: 20rem;
+  --bm-primitive-dimension-2400: 24rem;
+  --bm-utility-border-width-scale: 1;
+  --bm-utility-radius-scale: 1;
+  --bm-utility-size-scale: 1;
+  --bm-sem-border-width-none: var(--bm-primitive-dimension-0);
+  --bm-sem-border-width-md: var(--bm-primitive-dimension-6);
+  --bm-sem-border-width-lg: var(--bm-primitive-dimension-12);
+  --bm-sem-border-width-xl: var(--bm-primitive-dimension-25);
+  --bm-sem-border-width-focus: var(--bm-primitive-dimension-12);
+  --bm-sem-border-width-selected: var(--bm-primitive-dimension-12);
+  --bm-sem-border-width-input: var(--bm-primitive-dimension-6);
+  --bm-sem-border-width-action: var(--bm-primitive-dimension-6);
+  --bm-sem-radius-none: calc(
+    var(--bm-primitive-dimension-0) * var(--bm-utility-radius-scale)
+  );
+  --bm-sem-radius-xs: calc(
+    var(--bm-primitive-dimension-12) * var(--bm-utility-radius-scale)
+  );
+  --bm-sem-radius-sm: calc(
+    var(--bm-primitive-dimension-25) * var(--bm-utility-radius-scale)
+  );
+  --bm-sem-radius-md: calc(
+    var(--bm-primitive-dimension-50) * var(--bm-utility-radius-scale)
+  );
+  --bm-sem-radius-lg: calc(
+    var(--bm-primitive-dimension-100) * var(--bm-utility-radius-scale)
+  );
+  --bm-sem-radius-round: 624.9375rem;
+  --bm-sem-radius-action-md: var(--bm-sem-radius-sm);
+  --bm-sem-radius-action-lg: var(--bm-sem-radius-round);
+  --bm-sem-radius-input-sm: var(--bm-sem-radius-xs);
+  --bm-sem-radius-input-md: var(--bm-sem-radius-sm);
+  --bm-sem-radius-input-lg: var(--bm-sem-radius-round);
+  --bm-sem-radius-focus-sm: var(--bm-sem-radius-xs);
+  --bm-sem-radius-focus-md: var(--bm-sem-radius-sm);
+  --bm-sem-radius-focus-lg: var(--bm-sem-radius-round);
+  --bm-sem-size-height-xs: var(--bm-primitive-dimension-150);
+  --bm-sem-size-height-sm: var(--bm-primitive-dimension-200);
+  --bm-sem-size-height-md: var(--bm-primitive-dimension-250);
+  --bm-sem-size-height-lg: var(--bm-primitive-dimension-300);
+  --bm-sem-size-height-xl: var(--bm-primitive-dimension-350);
+  --bm-sem-size-icon-xs: var(--bm-primitive-dimension-75);
+  --bm-sem-size-icon-sm: var(--bm-primitive-dimension-100);
+  --bm-sem-size-icon-md: var(--bm-primitive-dimension-125);
+  --bm-sem-size-icon-lg: var(--bm-primitive-dimension-150);
+  --bm-sem-size-icon-xl: var(--bm-primitive-dimension-175);
+  --bm-sem-size-icon-2xl: var(--bm-primitive-dimension-200);
+  --bm-sem-size-focus-offset: 0.125rem;
+  --bm-sem-space-0: var(--bm-primitive-dimension-0);
+  --bm-sem-space-12: var(--bm-primitive-dimension-12);
+  --bm-sem-space-25: var(--bm-primitive-dimension-25);
+  --bm-sem-space-50: var(--bm-primitive-dimension-50);
+  --bm-sem-space-75: var(--bm-primitive-dimension-75);
+  --bm-sem-space-100: var(--bm-primitive-dimension-100);
+  --bm-sem-space-125: var(--bm-primitive-dimension-125);
+  --bm-sem-space-150: var(--bm-primitive-dimension-150);
+  --bm-sem-space-200: var(--bm-primitive-dimension-200);
+  --bm-sem-space-300: var(--bm-primitive-dimension-300);
+  --bm-sem-space-400: var(--bm-primitive-dimension-400);
+  --bm-sem-space-500: var(--bm-primitive-dimension-500);
+  --bm-sem-space-700: var(--bm-primitive-dimension-700);
+  --bm-sem-space-800: var(--bm-primitive-dimension-900);
+}
+:lang(ar),
+[class*="bm-lang-ar"],
+[class*="bm-light"] :lang(ar),
+[class*="bm-light"]:lang(ar),
+[class*="bm-dark"] :lang(ar),
+[class*="bm-dark"]:lang(ar) {
+  --bm-sem-font-family-ar-heading: "Noto Sans Arabic";
+  --bm-sem-font-family-heading: var(--bm-sem-font-family-ar-heading);
+  --bm-sem-font-family-ar-heading-alt: "Noto Sans Arabic";
+  --bm-sem-font-family-heading-alt: var(--bm-sem-font-family-ar-heading-alt);
+  --bm-sem-font-family-ar-body: "Noto Sans Arabic";
+  --bm-sem-font-family-body: var(--bm-sem-font-family-ar-body);
+  --bm-sem-font-family-ar-label: "Noto Sans Arabic";
+  --bm-sem-font-family-label: var(--bm-sem-font-family-ar-label);
+  --bm-sem-font-weight-ar-heading: 800;
+  --bm-sem-font-weight-heading: var(--bm-sem-font-weight-ar-heading);
+  --bm-sem-font-weight-ar-heading-alt: 300;
+  --bm-sem-font-weight-heading-alt: var(--bm-sem-font-weight-ar-heading-alt);
+  --bm-sem-font-weight-ar-body: 400;
+  --bm-sem-font-weight-body: var(--bm-sem-font-weight-ar-body);
+  --bm-sem-font-weight-ar-body-bold: 700;
+  --bm-sem-font-weight-body-bold: var(--bm-sem-font-weight-ar-body-bold);
+  --bm-sem-font-weight-ar-label: 600;
+  --bm-sem-font-weight-label: var(--bm-sem-font-weight-ar-label);
+  --bm-sem-font-weight-ar-detail: 800;
+  --bm-sem-font-weight-detail: var(--bm-sem-font-weight-ar-detail);
+  --bm-sem-typo-heading-xl: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-lg: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-md: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-sm: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-xs: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-alt-xl: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-lg: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-md: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-sm: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-xs: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-body-xs: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-sm: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-md: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-lg: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-2xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-detail-xs: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-sm: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-md: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-lg: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-xl: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-label-xs: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-sm: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-md: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-lg: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-2xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-body-xs: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-sm: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-md: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-lg: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-2xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-label-xs: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-sm: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-md: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-lg: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-2xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-label);
+  --bm-comp-accordion-typo-sm-heading: var(--bm-sem-typo-compact-label-md);
+  --bm-comp-accordion-typo-sm-body: var(--bm-sem-typo-body-md);
+  --bm-comp-accordion-typo-md-heading: var(--bm-sem-typo-compact-label-lg);
+  --bm-comp-accordion-typo-md-body: var(--bm-sem-typo-body-md);
+  --bm-comp-accordion-typo-lg-heading: var(--bm-sem-typo-compact-label-xl);
+  --bm-comp-accordion-typo-lg-body: var(--bm-sem-typo-body-lg);
+  --bm-comp-actionlist-typo-text: var(--bm-sem-typo-body-sm);
+  --bm-comp-actionlist-typo-text-selected: var(--bm-sem-typo-label-sm);
+  --bm-comp-actionlist-typo-text-supporting: var(--bm-sem-typo-compact-body-xs);
+  --bm-comp-actionlist-typo-text-suffix: var(--bm-sem-typo-body-xs);
+  --bm-comp-actionlist-typo-heading-group: var(--bm-sem-typo-label-xs);
+  --bm-comp-alert-typo-sm-heading: var(--bm-sem-typo-heading-xs);
+  --bm-comp-alert-typo-sm-body: var(--bm-sem-typo-body-sm);
+  --bm-comp-alert-typo-md-heading: var(--bm-sem-typo-heading-sm);
+  --bm-comp-alert-typo-md-body: var(--bm-sem-typo-body-md);
+  --bm-comp-avatar-typo-xs: var(--bm-sem-typo-label-xs);
+  --bm-comp-avatar-typo-sm: var(--bm-sem-typo-label-xs);
+  --bm-comp-avatar-typo-md: var(--bm-sem-typo-label-sm);
+  --bm-comp-avatar-typo-lg: var(--bm-sem-typo-label-md);
+  --bm-comp-avatar-typo-xl: var(--bm-sem-typo-label-lg);
+  --bm-comp-badge-typo-sm: var(--bm-sem-typo-label-xs);
+  --bm-comp-badge-typo-md: var(--bm-sem-typo-label-sm);
+  --bm-comp-badge-dot-typo-subtle: var(--bm-sem-typo-compact-body-md);
+  --bm-comp-badge-dot-typo-strong: var(--bm-sem-typo-compact-label-md);
+  --bm-comp-batch-actions-typo-count: var(--bm-sem-typo-body-sm);
+  --bm-comp-breadcrumb-typo-default: var(--bm-sem-typo-body-sm);
+  --bm-comp-btn-typo-sm: var(--bm-sem-typo-compact-label-sm);
+  --bm-comp-btn-typo-md: var(--bm-sem-typo-compact-label-md);
+  --bm-comp-btn-typo-lg: var(--bm-sem-typo-compact-label-lg);
+  --bm-comp-card-typo-heading: var(--bm-sem-typo-heading-sm);
+  --bm-comp-card-typo-body: var(--bm-sem-typo-body-sm);
+  --bm-comp-card-typo-supporting: var(--bm-sem-typo-body-sm);
+  --bm-comp-card-typo-eyebrow: var(--bm-sem-typo-label-sm);
+  --bm-comp-chip-typo-sm: var(--bm-sem-typo-label-xs);
+  --bm-comp-chip-typo-md: var(--bm-sem-typo-label-sm);
+  --bm-comp-chip-typo-lg: var(--bm-sem-typo-label-md);
+  --bm-comp-data-table-typo-cell: var(--bm-sem-typo-body-sm);
+  --bm-comp-data-table-typo-cell-emphisis: var(--bm-sem-typo-label-sm);
+  --bm-comp-data-table-typo-cell-supporting: var(--bm-sem-typo-compact-body-xs);
+  --bm-comp-data-table-typo-col-header: var(--bm-sem-typo-compact-label-sm);
+  --bm-comp-data-table-typo-col-header-group: var(
+    --bm-sem-typo-compact-label-xs
+  );
+  --bm-comp-dialog-typo-body: var(--bm-sem-typo-body-md);
+  --bm-comp-dialog-typo-description: var(--bm-sem-typo-body-md);
+  --bm-comp-dialog-typo-heading: var(--bm-sem-typo-heading-md);
+  --bm-comp-divider-typo-text: var(--bm-sem-typo-label-sm);
+  --bm-comp-empty-state-typo-heading: var(--bm-sem-typo-heading-lg);
+  --bm-comp-empty-state-typo-body: var(--bm-sem-typo-body-lg);
+  --bm-comp-file-upload-typo-file: var(--bm-sem-typo-body-sm);
+  --bm-comp-file-upload-typo-dropzone: var(--bm-sem-typo-body-sm);
+  --bm-comp-header-nav-item-typo-default: var(--bm-sem-typo-body-sm);
+  --bm-comp-header-nav-item-typo-selected: var(--bm-sem-typo-label-sm);
+  --bm-comp-helper-text-typo-sm: var(--bm-sem-typo-body-sm);
+  --bm-comp-helper-text-typo-md: var(--bm-sem-typo-body-md);
+  --bm-comp-input-typo-default: var(--bm-sem-typo-compact-body-md);
+  --bm-comp-input-typo-character-count: var(--bm-sem-typo-body-sm);
+  --bm-comp-input-typo-label-choice: var(--bm-sem-typo-body-md);
+  --bm-comp-label-typo-default: var(--bm-sem-typo-label-sm);
+  --bm-comp-label-typo-optional: var(--bm-sem-typo-body-sm);
+  --bm-comp-label-typo-character-count: var(--bm-sem-typo-body-sm);
+  --bm-comp-link-typo-sm: var(--bm-sem-typo-body-sm);
+  --bm-comp-link-typo-md: var(--bm-sem-typo-body-md);
+  --bm-comp-link-typo-lg: var(--bm-sem-typo-body-lg);
+  --bm-comp-link-typo-xl: var(--bm-sem-typo-body-xl);
+  --bm-comp-pagination-typo-default: var(--bm-sem-typo-body-sm);
+  --bm-comp-panel-typo-heading: var(--bm-sem-typo-heading-sm);
+  --bm-comp-panel-typo-description: var(--bm-sem-typo-body-sm);
+  --bm-comp-progress-bar-typo-label: var(--bm-sem-typo-body-md);
+  --bm-comp-slider-typo-values: var(--bm-sem-typo-body-sm);
+  --bm-comp-spinner-typo-heading: var(--bm-sem-typo-label-md);
+  --bm-comp-spinner-typo-body: var(--bm-sem-typo-body-md);
+  --bm-comp-stepper-typo-heading: var(--bm-sem-typo-compact-label-sm);
+  --bm-comp-stepper-typo-body: var(--bm-sem-typo-body-xs);
+  --bm-comp-stepper-typo-number: var(--bm-sem-typo-label-xs);
+  --bm-comp-tabs-typo-md: var(--bm-sem-typo-body-sm);
+  --bm-comp-tabs-typo-md-selected: var(--bm-sem-typo-body-sm);
+  --bm-comp-tabs-typo-lg: var(--bm-sem-typo-body-md);
+  --bm-comp-tabs-typo-lg-selected: var(--bm-sem-typo-body-md);
+  --bm-comp-toast-typo-heading: var(--bm-sem-typo-heading-xs);
+  --bm-comp-toast-typo-body: var(--bm-sem-typo-body-sm);
+  --bm-comp-tooltip-typo-body: var(--bm-sem-typo-compact-body-sm);
+}
+
+:lang(he),
+[class*="bm-lang-he"],
+[class*="bm-light"] :lang(he),
+[class*="bm-light"]:lang(he),
+[class*="bm-dark"] :lang(he),
+[class*="bm-dark"]:lang(he) {
+  --bm-sem-font-family-he-heading: "Noto Sans Hebrew";
+  --bm-sem-font-family-heading: var(--bm-sem-font-family-he-heading);
+  --bm-sem-font-family-he-heading-alt: "Noto Sans Hebrew";
+  --bm-sem-font-family-heading-alt: var(--bm-sem-font-family-he-heading-alt);
+  --bm-sem-font-family-he-body: "Noto Sans Hebrew";
+  --bm-sem-font-family-body: var(--bm-sem-font-family-he-body);
+  --bm-sem-font-family-he-label: "Noto Sans Hebrew";
+  --bm-sem-font-family-label: var(--bm-sem-font-family-he-label);
+  --bm-sem-font-weight-he-heading: 800;
+  --bm-sem-font-weight-heading: var(--bm-sem-font-weight-he-heading);
+  --bm-sem-font-weight-he-heading-alt: 300;
+  --bm-sem-font-weight-heading-alt: var(--bm-sem-font-weight-he-heading-alt);
+  --bm-sem-font-weight-he-body: 400;
+  --bm-sem-font-weight-body: var(--bm-sem-font-weight-he-body);
+  --bm-sem-font-weight-he-body-bold: 700;
+  --bm-sem-font-weight-body-bold: var(--bm-sem-font-weight-he-body-bold);
+  --bm-sem-font-weight-he-label: 600;
+  --bm-sem-font-weight-label: var(--bm-sem-font-weight-he-label);
+  --bm-sem-font-weight-he-detail: 800;
+  --bm-sem-font-weight-detail: var(--bm-sem-font-weight-he-detail);
+  --bm-sem-typo-heading-xl: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-lg: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-md: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-sm: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-xs: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-alt-xl: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-lg: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-md: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-sm: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-xs: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-body-xs: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-sm: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-md: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-lg: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-2xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-detail-xs: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-sm: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-md: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-lg: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-xl: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-label-xs: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-sm: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-md: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-lg: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-2xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-body-xs: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-sm: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-md: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-lg: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-2xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-label-xs: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-sm: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-md: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-lg: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-2xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-label);
+  --bm-comp-accordion-typo-sm-heading: var(--bm-sem-typo-compact-label-md);
+  --bm-comp-accordion-typo-sm-body: var(--bm-sem-typo-body-md);
+  --bm-comp-accordion-typo-md-heading: var(--bm-sem-typo-compact-label-lg);
+  --bm-comp-accordion-typo-md-body: var(--bm-sem-typo-body-md);
+  --bm-comp-accordion-typo-lg-heading: var(--bm-sem-typo-compact-label-xl);
+  --bm-comp-accordion-typo-lg-body: var(--bm-sem-typo-body-lg);
+  --bm-comp-actionlist-typo-text: var(--bm-sem-typo-body-sm);
+  --bm-comp-actionlist-typo-text-selected: var(--bm-sem-typo-label-sm);
+  --bm-comp-actionlist-typo-text-supporting: var(--bm-sem-typo-compact-body-xs);
+  --bm-comp-actionlist-typo-text-suffix: var(--bm-sem-typo-body-xs);
+  --bm-comp-actionlist-typo-heading-group: var(--bm-sem-typo-label-xs);
+  --bm-comp-alert-typo-sm-heading: var(--bm-sem-typo-heading-xs);
+  --bm-comp-alert-typo-sm-body: var(--bm-sem-typo-body-sm);
+  --bm-comp-alert-typo-md-heading: var(--bm-sem-typo-heading-sm);
+  --bm-comp-alert-typo-md-body: var(--bm-sem-typo-body-md);
+  --bm-comp-avatar-typo-xs: var(--bm-sem-typo-label-xs);
+  --bm-comp-avatar-typo-sm: var(--bm-sem-typo-label-xs);
+  --bm-comp-avatar-typo-md: var(--bm-sem-typo-label-sm);
+  --bm-comp-avatar-typo-lg: var(--bm-sem-typo-label-md);
+  --bm-comp-avatar-typo-xl: var(--bm-sem-typo-label-lg);
+  --bm-comp-badge-typo-sm: var(--bm-sem-typo-label-xs);
+  --bm-comp-badge-typo-md: var(--bm-sem-typo-label-sm);
+  --bm-comp-badge-dot-typo-subtle: var(--bm-sem-typo-compact-body-md);
+  --bm-comp-badge-dot-typo-strong: var(--bm-sem-typo-compact-label-md);
+  --bm-comp-batch-actions-typo-count: var(--bm-sem-typo-body-sm);
+  --bm-comp-breadcrumb-typo-default: var(--bm-sem-typo-body-sm);
+  --bm-comp-btn-typo-sm: var(--bm-sem-typo-compact-label-sm);
+  --bm-comp-btn-typo-md: var(--bm-sem-typo-compact-label-md);
+  --bm-comp-btn-typo-lg: var(--bm-sem-typo-compact-label-lg);
+  --bm-comp-card-typo-heading: var(--bm-sem-typo-heading-sm);
+  --bm-comp-card-typo-body: var(--bm-sem-typo-body-sm);
+  --bm-comp-card-typo-supporting: var(--bm-sem-typo-body-sm);
+  --bm-comp-card-typo-eyebrow: var(--bm-sem-typo-label-sm);
+  --bm-comp-chip-typo-sm: var(--bm-sem-typo-label-xs);
+  --bm-comp-chip-typo-md: var(--bm-sem-typo-label-sm);
+  --bm-comp-chip-typo-lg: var(--bm-sem-typo-label-md);
+  --bm-comp-data-table-typo-cell: var(--bm-sem-typo-body-sm);
+  --bm-comp-data-table-typo-cell-emphisis: var(--bm-sem-typo-label-sm);
+  --bm-comp-data-table-typo-cell-supporting: var(--bm-sem-typo-compact-body-xs);
+  --bm-comp-data-table-typo-col-header: var(--bm-sem-typo-compact-label-sm);
+  --bm-comp-data-table-typo-col-header-group: var(
+    --bm-sem-typo-compact-label-xs
+  );
+  --bm-comp-dialog-typo-body: var(--bm-sem-typo-body-md);
+  --bm-comp-dialog-typo-description: var(--bm-sem-typo-body-md);
+  --bm-comp-dialog-typo-heading: var(--bm-sem-typo-heading-md);
+  --bm-comp-divider-typo-text: var(--bm-sem-typo-label-sm);
+  --bm-comp-empty-state-typo-heading: var(--bm-sem-typo-heading-lg);
+  --bm-comp-empty-state-typo-body: var(--bm-sem-typo-body-lg);
+  --bm-comp-file-upload-typo-file: var(--bm-sem-typo-body-sm);
+  --bm-comp-file-upload-typo-dropzone: var(--bm-sem-typo-body-sm);
+  --bm-comp-header-nav-item-typo-default: var(--bm-sem-typo-body-sm);
+  --bm-comp-header-nav-item-typo-selected: var(--bm-sem-typo-label-sm);
+  --bm-comp-helper-text-typo-sm: var(--bm-sem-typo-body-sm);
+  --bm-comp-helper-text-typo-md: var(--bm-sem-typo-body-md);
+  --bm-comp-input-typo-default: var(--bm-sem-typo-compact-body-md);
+  --bm-comp-input-typo-character-count: var(--bm-sem-typo-body-sm);
+  --bm-comp-input-typo-label-choice: var(--bm-sem-typo-body-md);
+  --bm-comp-label-typo-default: var(--bm-sem-typo-label-sm);
+  --bm-comp-label-typo-optional: var(--bm-sem-typo-body-sm);
+  --bm-comp-label-typo-character-count: var(--bm-sem-typo-body-sm);
+  --bm-comp-link-typo-sm: var(--bm-sem-typo-body-sm);
+  --bm-comp-link-typo-md: var(--bm-sem-typo-body-md);
+  --bm-comp-link-typo-lg: var(--bm-sem-typo-body-lg);
+  --bm-comp-link-typo-xl: var(--bm-sem-typo-body-xl);
+  --bm-comp-pagination-typo-default: var(--bm-sem-typo-body-sm);
+  --bm-comp-panel-typo-heading: var(--bm-sem-typo-heading-sm);
+  --bm-comp-panel-typo-description: var(--bm-sem-typo-body-sm);
+  --bm-comp-progress-bar-typo-label: var(--bm-sem-typo-body-md);
+  --bm-comp-slider-typo-values: var(--bm-sem-typo-body-sm);
+  --bm-comp-spinner-typo-heading: var(--bm-sem-typo-label-md);
+  --bm-comp-spinner-typo-body: var(--bm-sem-typo-body-md);
+  --bm-comp-stepper-typo-heading: var(--bm-sem-typo-compact-label-sm);
+  --bm-comp-stepper-typo-body: var(--bm-sem-typo-body-xs);
+  --bm-comp-stepper-typo-number: var(--bm-sem-typo-label-xs);
+  --bm-comp-tabs-typo-md: var(--bm-sem-typo-body-sm);
+  --bm-comp-tabs-typo-md-selected: var(--bm-sem-typo-body-sm);
+  --bm-comp-tabs-typo-lg: var(--bm-sem-typo-body-md);
+  --bm-comp-tabs-typo-lg-selected: var(--bm-sem-typo-body-md);
+  --bm-comp-toast-typo-heading: var(--bm-sem-typo-heading-xs);
+  --bm-comp-toast-typo-body: var(--bm-sem-typo-body-sm);
+  --bm-comp-tooltip-typo-body: var(--bm-sem-typo-compact-body-sm);
+}
+
+:lang(ja),
+[class*="bm-lang-ja"],
+[class*="bm-light"] :lang(ja),
+[class*="bm-light"]:lang(ja),
+[class*="bm-dark"] :lang(ja),
+[class*="bm-dark"]:lang(ja) {
+  --bm-sem-font-family-ja-heading: "Noto Sans JP";
+  --bm-sem-font-family-heading: var(--bm-sem-font-family-ja-heading);
+  --bm-sem-font-family-ja-heading-alt: "Noto Sans JP";
+  --bm-sem-font-family-heading-alt: var(--bm-sem-font-family-ja-heading-alt);
+  --bm-sem-font-family-ja-body: "Noto Sans JP";
+  --bm-sem-font-family-body: var(--bm-sem-font-family-ja-body);
+  --bm-sem-font-family-ja-label: "Noto Sans JP";
+  --bm-sem-font-family-label: var(--bm-sem-font-family-ja-label);
+  --bm-sem-font-weight-ja-heading: 900;
+  --bm-sem-font-weight-heading: var(--bm-sem-font-weight-ja-heading);
+  --bm-sem-font-weight-ja-heading-alt: 300;
+  --bm-sem-font-weight-heading-alt: var(--bm-sem-font-weight-ja-heading-alt);
+  --bm-sem-font-weight-ja-body: 400;
+  --bm-sem-font-weight-body: var(--bm-sem-font-weight-ja-body);
+  --bm-sem-font-weight-ja-body-bold: 700;
+  --bm-sem-font-weight-body-bold: var(--bm-sem-font-weight-ja-body-bold);
+  --bm-sem-font-weight-ja-label: 500;
+  --bm-sem-font-weight-label: var(--bm-sem-font-weight-ja-label);
+  --bm-sem-font-weight-ja-detail: 900;
+  --bm-sem-font-weight-detail: var(--bm-sem-font-weight-ja-detail);
+  --bm-sem-typo-heading-xl: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-lg: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-md: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-sm: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-xs: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-alt-xl: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-lg: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-md: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-sm: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-xs: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-body-xs: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-sm: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-md: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-lg: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-2xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-detail-xs: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-sm: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-md: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-lg: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-xl: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-label-xs: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-sm: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-md: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-lg: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-2xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-body-xs: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-sm: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-md: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-lg: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-2xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-label-xs: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-sm: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-md: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-lg: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-2xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-label);
+  --bm-comp-accordion-typo-sm-heading: var(--bm-sem-typo-compact-label-md);
+  --bm-comp-accordion-typo-sm-body: var(--bm-sem-typo-body-md);
+  --bm-comp-accordion-typo-md-heading: var(--bm-sem-typo-compact-label-lg);
+  --bm-comp-accordion-typo-md-body: var(--bm-sem-typo-body-md);
+  --bm-comp-accordion-typo-lg-heading: var(--bm-sem-typo-compact-label-xl);
+  --bm-comp-accordion-typo-lg-body: var(--bm-sem-typo-body-lg);
+  --bm-comp-actionlist-typo-text: var(--bm-sem-typo-body-sm);
+  --bm-comp-actionlist-typo-text-selected: var(--bm-sem-typo-label-sm);
+  --bm-comp-actionlist-typo-text-supporting: var(--bm-sem-typo-compact-body-xs);
+  --bm-comp-actionlist-typo-text-suffix: var(--bm-sem-typo-body-xs);
+  --bm-comp-actionlist-typo-heading-group: var(--bm-sem-typo-label-xs);
+  --bm-comp-alert-typo-sm-heading: var(--bm-sem-typo-heading-xs);
+  --bm-comp-alert-typo-sm-body: var(--bm-sem-typo-body-sm);
+  --bm-comp-alert-typo-md-heading: var(--bm-sem-typo-heading-sm);
+  --bm-comp-alert-typo-md-body: var(--bm-sem-typo-body-md);
+  --bm-comp-avatar-typo-xs: var(--bm-sem-typo-label-xs);
+  --bm-comp-avatar-typo-sm: var(--bm-sem-typo-label-xs);
+  --bm-comp-avatar-typo-md: var(--bm-sem-typo-label-sm);
+  --bm-comp-avatar-typo-lg: var(--bm-sem-typo-label-md);
+  --bm-comp-avatar-typo-xl: var(--bm-sem-typo-label-lg);
+  --bm-comp-badge-typo-sm: var(--bm-sem-typo-label-xs);
+  --bm-comp-badge-typo-md: var(--bm-sem-typo-label-sm);
+  --bm-comp-badge-dot-typo-subtle: var(--bm-sem-typo-compact-body-md);
+  --bm-comp-badge-dot-typo-strong: var(--bm-sem-typo-compact-label-md);
+  --bm-comp-batch-actions-typo-count: var(--bm-sem-typo-body-sm);
+  --bm-comp-breadcrumb-typo-default: var(--bm-sem-typo-body-sm);
+  --bm-comp-btn-typo-sm: var(--bm-sem-typo-compact-label-sm);
+  --bm-comp-btn-typo-md: var(--bm-sem-typo-compact-label-md);
+  --bm-comp-btn-typo-lg: var(--bm-sem-typo-compact-label-lg);
+  --bm-comp-card-typo-heading: var(--bm-sem-typo-heading-sm);
+  --bm-comp-card-typo-body: var(--bm-sem-typo-body-sm);
+  --bm-comp-card-typo-supporting: var(--bm-sem-typo-body-sm);
+  --bm-comp-card-typo-eyebrow: var(--bm-sem-typo-label-sm);
+  --bm-comp-chip-typo-sm: var(--bm-sem-typo-label-xs);
+  --bm-comp-chip-typo-md: var(--bm-sem-typo-label-sm);
+  --bm-comp-chip-typo-lg: var(--bm-sem-typo-label-md);
+  --bm-comp-data-table-typo-cell: var(--bm-sem-typo-body-sm);
+  --bm-comp-data-table-typo-cell-emphisis: var(--bm-sem-typo-label-sm);
+  --bm-comp-data-table-typo-cell-supporting: var(--bm-sem-typo-compact-body-xs);
+  --bm-comp-data-table-typo-col-header: var(--bm-sem-typo-compact-label-sm);
+  --bm-comp-data-table-typo-col-header-group: var(
+    --bm-sem-typo-compact-label-xs
+  );
+  --bm-comp-dialog-typo-body: var(--bm-sem-typo-body-md);
+  --bm-comp-dialog-typo-description: var(--bm-sem-typo-body-md);
+  --bm-comp-dialog-typo-heading: var(--bm-sem-typo-heading-md);
+  --bm-comp-divider-typo-text: var(--bm-sem-typo-label-sm);
+  --bm-comp-empty-state-typo-heading: var(--bm-sem-typo-heading-lg);
+  --bm-comp-empty-state-typo-body: var(--bm-sem-typo-body-lg);
+  --bm-comp-file-upload-typo-file: var(--bm-sem-typo-body-sm);
+  --bm-comp-file-upload-typo-dropzone: var(--bm-sem-typo-body-sm);
+  --bm-comp-header-nav-item-typo-default: var(--bm-sem-typo-body-sm);
+  --bm-comp-header-nav-item-typo-selected: var(--bm-sem-typo-label-sm);
+  --bm-comp-helper-text-typo-sm: var(--bm-sem-typo-body-sm);
+  --bm-comp-helper-text-typo-md: var(--bm-sem-typo-body-md);
+  --bm-comp-input-typo-default: var(--bm-sem-typo-compact-body-md);
+  --bm-comp-input-typo-character-count: var(--bm-sem-typo-body-sm);
+  --bm-comp-input-typo-label-choice: var(--bm-sem-typo-body-md);
+  --bm-comp-label-typo-default: var(--bm-sem-typo-label-sm);
+  --bm-comp-label-typo-optional: var(--bm-sem-typo-body-sm);
+  --bm-comp-label-typo-character-count: var(--bm-sem-typo-body-sm);
+  --bm-comp-link-typo-sm: var(--bm-sem-typo-body-sm);
+  --bm-comp-link-typo-md: var(--bm-sem-typo-body-md);
+  --bm-comp-link-typo-lg: var(--bm-sem-typo-body-lg);
+  --bm-comp-link-typo-xl: var(--bm-sem-typo-body-xl);
+  --bm-comp-pagination-typo-default: var(--bm-sem-typo-body-sm);
+  --bm-comp-panel-typo-heading: var(--bm-sem-typo-heading-sm);
+  --bm-comp-panel-typo-description: var(--bm-sem-typo-body-sm);
+  --bm-comp-progress-bar-typo-label: var(--bm-sem-typo-body-md);
+  --bm-comp-slider-typo-values: var(--bm-sem-typo-body-sm);
+  --bm-comp-spinner-typo-heading: var(--bm-sem-typo-label-md);
+  --bm-comp-spinner-typo-body: var(--bm-sem-typo-body-md);
+  --bm-comp-stepper-typo-heading: var(--bm-sem-typo-compact-label-sm);
+  --bm-comp-stepper-typo-body: var(--bm-sem-typo-body-xs);
+  --bm-comp-stepper-typo-number: var(--bm-sem-typo-label-xs);
+  --bm-comp-tabs-typo-md: var(--bm-sem-typo-body-sm);
+  --bm-comp-tabs-typo-md-selected: var(--bm-sem-typo-body-sm);
+  --bm-comp-tabs-typo-lg: var(--bm-sem-typo-body-md);
+  --bm-comp-tabs-typo-lg-selected: var(--bm-sem-typo-body-md);
+  --bm-comp-toast-typo-heading: var(--bm-sem-typo-heading-xs);
+  --bm-comp-toast-typo-body: var(--bm-sem-typo-body-sm);
+  --bm-comp-tooltip-typo-body: var(--bm-sem-typo-compact-body-sm);
+}
+
+:lang(zh),
+[class*="bm-lang-zh"],
+[class*="bm-light"] :lang(zh),
+[class*="bm-light"]:lang(zh),
+[class*="bm-dark"] :lang(zh),
+[class*="bm-dark"]:lang(zh) {
+  --bm-sem-font-family-zh-heading: "Noto Sans SC";
+  --bm-sem-font-family-heading: var(--bm-sem-font-family-zh-heading);
+  --bm-sem-font-family-zh-heading-alt: "Noto Sans SC";
+  --bm-sem-font-family-heading-alt: var(--bm-sem-font-family-zh-heading-alt);
+  --bm-sem-font-family-zh-body: "Noto Sans SC";
+  --bm-sem-font-family-body: var(--bm-sem-font-family-zh-body);
+  --bm-sem-font-family-zh-label: "Noto Sans SC";
+  --bm-sem-font-family-label: var(--bm-sem-font-family-zh-label);
+  --bm-sem-font-weight-zh-heading: 700;
+  --bm-sem-font-weight-heading: var(--bm-sem-font-weight-zh-heading);
+  --bm-sem-font-weight-zh-heading-alt: 300;
+  --bm-sem-font-weight-heading-alt: var(--bm-sem-font-weight-zh-heading-alt);
+  --bm-sem-font-weight-zh-body: 400;
+  --bm-sem-font-weight-body: var(--bm-sem-font-weight-zh-body);
+  --bm-sem-font-weight-zh-body-bold: 700;
+  --bm-sem-font-weight-body-bold: var(--bm-sem-font-weight-zh-body-bold);
+  --bm-sem-font-weight-zh-label: 500;
+  --bm-sem-font-weight-label: var(--bm-sem-font-weight-zh-label);
+  --bm-sem-font-weight-zh-detail: 900;
+  --bm-sem-font-weight-detail: var(--bm-sem-font-weight-zh-detail);
+  --bm-sem-typo-heading-xl: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-lg: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-md: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-sm: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-xs: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-alt-xl: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-lg: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-md: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-sm: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-xs: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-body-xs: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-sm: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-md: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-lg: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-2xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-detail-xs: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-sm: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-md: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-lg: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-xl: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-label-xs: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-sm: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-md: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-lg: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-2xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-body-xs: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-sm: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-md: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-lg: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-2xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-label-xs: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-sm: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-md: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-lg: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-2xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-label);
+  --bm-comp-accordion-typo-sm-heading: var(--bm-sem-typo-compact-label-md);
+  --bm-comp-accordion-typo-sm-body: var(--bm-sem-typo-body-md);
+  --bm-comp-accordion-typo-md-heading: var(--bm-sem-typo-compact-label-lg);
+  --bm-comp-accordion-typo-md-body: var(--bm-sem-typo-body-md);
+  --bm-comp-accordion-typo-lg-heading: var(--bm-sem-typo-compact-label-xl);
+  --bm-comp-accordion-typo-lg-body: var(--bm-sem-typo-body-lg);
+  --bm-comp-actionlist-typo-text: var(--bm-sem-typo-body-sm);
+  --bm-comp-actionlist-typo-text-selected: var(--bm-sem-typo-label-sm);
+  --bm-comp-actionlist-typo-text-supporting: var(--bm-sem-typo-compact-body-xs);
+  --bm-comp-actionlist-typo-text-suffix: var(--bm-sem-typo-body-xs);
+  --bm-comp-actionlist-typo-heading-group: var(--bm-sem-typo-label-xs);
+  --bm-comp-alert-typo-sm-heading: var(--bm-sem-typo-heading-xs);
+  --bm-comp-alert-typo-sm-body: var(--bm-sem-typo-body-sm);
+  --bm-comp-alert-typo-md-heading: var(--bm-sem-typo-heading-sm);
+  --bm-comp-alert-typo-md-body: var(--bm-sem-typo-body-md);
+  --bm-comp-avatar-typo-xs: var(--bm-sem-typo-label-xs);
+  --bm-comp-avatar-typo-sm: var(--bm-sem-typo-label-xs);
+  --bm-comp-avatar-typo-md: var(--bm-sem-typo-label-sm);
+  --bm-comp-avatar-typo-lg: var(--bm-sem-typo-label-md);
+  --bm-comp-avatar-typo-xl: var(--bm-sem-typo-label-lg);
+  --bm-comp-badge-typo-sm: var(--bm-sem-typo-label-xs);
+  --bm-comp-badge-typo-md: var(--bm-sem-typo-label-sm);
+  --bm-comp-badge-dot-typo-subtle: var(--bm-sem-typo-compact-body-md);
+  --bm-comp-badge-dot-typo-strong: var(--bm-sem-typo-compact-label-md);
+  --bm-comp-batch-actions-typo-count: var(--bm-sem-typo-body-sm);
+  --bm-comp-breadcrumb-typo-default: var(--bm-sem-typo-body-sm);
+  --bm-comp-btn-typo-sm: var(--bm-sem-typo-compact-label-sm);
+  --bm-comp-btn-typo-md: var(--bm-sem-typo-compact-label-md);
+  --bm-comp-btn-typo-lg: var(--bm-sem-typo-compact-label-lg);
+  --bm-comp-card-typo-heading: var(--bm-sem-typo-heading-sm);
+  --bm-comp-card-typo-body: var(--bm-sem-typo-body-sm);
+  --bm-comp-card-typo-supporting: var(--bm-sem-typo-body-sm);
+  --bm-comp-card-typo-eyebrow: var(--bm-sem-typo-label-sm);
+  --bm-comp-chip-typo-sm: var(--bm-sem-typo-label-xs);
+  --bm-comp-chip-typo-md: var(--bm-sem-typo-label-sm);
+  --bm-comp-chip-typo-lg: var(--bm-sem-typo-label-md);
+  --bm-comp-data-table-typo-cell: var(--bm-sem-typo-body-sm);
+  --bm-comp-data-table-typo-cell-emphisis: var(--bm-sem-typo-label-sm);
+  --bm-comp-data-table-typo-cell-supporting: var(--bm-sem-typo-compact-body-xs);
+  --bm-comp-data-table-typo-col-header: var(--bm-sem-typo-compact-label-sm);
+  --bm-comp-data-table-typo-col-header-group: var(
+    --bm-sem-typo-compact-label-xs
+  );
+  --bm-comp-dialog-typo-body: var(--bm-sem-typo-body-md);
+  --bm-comp-dialog-typo-description: var(--bm-sem-typo-body-md);
+  --bm-comp-dialog-typo-heading: var(--bm-sem-typo-heading-md);
+  --bm-comp-divider-typo-text: var(--bm-sem-typo-label-sm);
+  --bm-comp-empty-state-typo-heading: var(--bm-sem-typo-heading-lg);
+  --bm-comp-empty-state-typo-body: var(--bm-sem-typo-body-lg);
+  --bm-comp-file-upload-typo-file: var(--bm-sem-typo-body-sm);
+  --bm-comp-file-upload-typo-dropzone: var(--bm-sem-typo-body-sm);
+  --bm-comp-header-nav-item-typo-default: var(--bm-sem-typo-body-sm);
+  --bm-comp-header-nav-item-typo-selected: var(--bm-sem-typo-label-sm);
+  --bm-comp-helper-text-typo-sm: var(--bm-sem-typo-body-sm);
+  --bm-comp-helper-text-typo-md: var(--bm-sem-typo-body-md);
+  --bm-comp-input-typo-default: var(--bm-sem-typo-compact-body-md);
+  --bm-comp-input-typo-character-count: var(--bm-sem-typo-body-sm);
+  --bm-comp-input-typo-label-choice: var(--bm-sem-typo-body-md);
+  --bm-comp-label-typo-default: var(--bm-sem-typo-label-sm);
+  --bm-comp-label-typo-optional: var(--bm-sem-typo-body-sm);
+  --bm-comp-label-typo-character-count: var(--bm-sem-typo-body-sm);
+  --bm-comp-link-typo-sm: var(--bm-sem-typo-body-sm);
+  --bm-comp-link-typo-md: var(--bm-sem-typo-body-md);
+  --bm-comp-link-typo-lg: var(--bm-sem-typo-body-lg);
+  --bm-comp-link-typo-xl: var(--bm-sem-typo-body-xl);
+  --bm-comp-pagination-typo-default: var(--bm-sem-typo-body-sm);
+  --bm-comp-panel-typo-heading: var(--bm-sem-typo-heading-sm);
+  --bm-comp-panel-typo-description: var(--bm-sem-typo-body-sm);
+  --bm-comp-progress-bar-typo-label: var(--bm-sem-typo-body-md);
+  --bm-comp-slider-typo-values: var(--bm-sem-typo-body-sm);
+  --bm-comp-spinner-typo-heading: var(--bm-sem-typo-label-md);
+  --bm-comp-spinner-typo-body: var(--bm-sem-typo-body-md);
+  --bm-comp-stepper-typo-heading: var(--bm-sem-typo-compact-label-sm);
+  --bm-comp-stepper-typo-body: var(--bm-sem-typo-body-xs);
+  --bm-comp-stepper-typo-number: var(--bm-sem-typo-label-xs);
+  --bm-comp-tabs-typo-md: var(--bm-sem-typo-body-sm);
+  --bm-comp-tabs-typo-md-selected: var(--bm-sem-typo-body-sm);
+  --bm-comp-tabs-typo-lg: var(--bm-sem-typo-body-md);
+  --bm-comp-tabs-typo-lg-selected: var(--bm-sem-typo-body-md);
+  --bm-comp-toast-typo-heading: var(--bm-sem-typo-heading-xs);
+  --bm-comp-toast-typo-body: var(--bm-sem-typo-body-sm);
+  --bm-comp-tooltip-typo-body: var(--bm-sem-typo-compact-body-sm);
+}
+:root,
+.bm-enterprise,
+[data-bm-theme~="bm-enterprise"] {
+  --bm-utility-comp-btn-radius-container: var(
+    --bm-sem-radius-action-md,
+    0.25rem
+  );
+  --bm-utility-comp-btn-radius-focus: var(--bm-sem-radius-md, 0.5rem);
+  --bm-utility-comp-btn-space-sm-x: var(--bm-sem-space-50, 0.5rem);
+  --bm-utility-comp-btn-space-md-x: var(--bm-sem-space-75, 0.75rem);
+  --bm-utility-comp-btn-space-lg-x: var(--bm-sem-space-100, 1rem);
+  --bm-utility-comp-badge-radius: var(--bm-sem-radius-round, 624.938rem);
+  --bm-utility-comp-badge-space-x: var(--bm-sem-space-75, 0.75rem);
+  --bm-utility-comp-chip-radius-container: var(
+    --bm-sem-radius-action-md,
+    0.25rem
+  );
+  --bm-utility-comp-chip-radius-focus: var(--bm-sem-radius-md, 0.5rem);
+  --bm-utility-comp-chip-space-sm-x: var(--bm-sem-space-50, 0.5rem);
+  --bm-utility-comp-chip-space-md-x: var(--bm-sem-space-50, 0.5rem);
+  --bm-utility-comp-chip-space-lg-x: var(--bm-sem-space-75, 0.75rem);
+}
+.bm-consumer,
+[data-bm-theme~="bm-consumer"] {
+  --bm-utility-comp-btn-radius-container: var(
+    --bm-sem-radius-action-lg,
+    624.938rem
+  );
+  --bm-utility-comp-btn-radius-focus: var(--bm-sem-radius-round, 624.938rem);
+  --bm-utility-comp-btn-space-sm-x: var(--bm-sem-space-100, 1rem);
+  --bm-utility-comp-btn-space-md-x: var(--bm-sem-space-125, 1.25rem);
+  --bm-utility-comp-btn-space-lg-x: var(--bm-sem-space-150, 1.5rem);
+  --bm-utility-comp-badge-radius: var(--bm-sem-radius-sm, 0.25rem);
+  --bm-utility-comp-badge-space-x: var(--bm-sem-space-50, 0.5rem);
+  --bm-utility-comp-chip-radius-container: var(
+    --bm-sem-radius-action-lg,
+    624.938rem
+  );
+  --bm-utility-comp-chip-radius-focus: var(--bm-sem-radius-round, 624.938rem);
+  --bm-utility-comp-chip-space-sm-x: var(--bm-sem-space-75, 0.75rem);
+  --bm-utility-comp-chip-space-md-x: var(--bm-sem-space-75, 0.75rem);
+  --bm-utility-comp-chip-space-lg-x: var(--bm-sem-space-125, 1.25rem);
+}
+:root,
+.bm-light,
+.bm-dark {
+  --bm-primitive-text-decoration-none: none;
+  --bm-primitive-text-decoration-underline: underline;
+  --bm-primitive-text-case-none: none;
+  --bm-primitive-text-case-uppercase: uppercase;
+  --bm-primitive-paragraph-spacing-default: var(--bm-primitive-dimension-0);
+  --bm-primitive-letter-spacing-heading: 0;
+  --bm-primitive-letter-spacing-heading-alt: 0;
+  --bm-primitive-letter-spacing-body: 0;
+  --bm-primitive-font-size-75: var(--bm-primitive-dimension-75);
+  --bm-primitive-font-size-87: var(--bm-primitive-dimension-87);
+  --bm-primitive-font-size-100: var(--bm-primitive-dimension-100);
+  --bm-primitive-font-size-112: var(--bm-primitive-dimension-112);
+  --bm-primitive-font-size-125: var(--bm-primitive-dimension-125);
+  --bm-primitive-font-size-150: var(--bm-primitive-dimension-150);
+  --bm-primitive-font-size-175: var(--bm-primitive-dimension-175);
+  --bm-primitive-font-size-200: var(--bm-primitive-dimension-200);
+  --bm-primitive-font-size-250: var(--bm-primitive-dimension-250);
+  --bm-primitive-font-size-300: var(--bm-primitive-dimension-300);
+  --bm-primitive-font-size-350: var(--bm-primitive-dimension-350);
+  --bm-primitive-font-size-375: var(--bm-primitive-dimension-375);
+  --bm-primitive-font-size-400: var(--bm-primitive-dimension-400);
+  --bm-primitive-font-size-450: var(--bm-primitive-dimension-450);
+  --bm-primitive-line-height-100: var(--bm-primitive-dimension-100);
+  --bm-primitive-line-height-125: var(--bm-primitive-dimension-125);
+  --bm-primitive-line-height-150: var(--bm-primitive-dimension-150);
+  --bm-primitive-line-height-175: var(--bm-primitive-dimension-175);
+  --bm-primitive-line-height-200: var(--bm-primitive-dimension-200);
+  --bm-primitive-line-height-225: var(--bm-primitive-dimension-225);
+  --bm-primitive-line-height-250: var(--bm-primitive-dimension-250);
+  --bm-primitive-line-height-300: var(--bm-primitive-dimension-300);
+  --bm-primitive-line-height-325: var(--bm-primitive-dimension-325);
+  --bm-primitive-line-height-350: var(--bm-primitive-dimension-350);
+  --bm-primitive-line-height-375: var(--bm-primitive-dimension-375);
+  --bm-primitive-line-height-400: var(--bm-primitive-dimension-400);
+  --bm-primitive-line-height-450: var(--bm-primitive-dimension-450);
+  --bm-primitive-line-height-475: var(--bm-primitive-dimension-475);
+  --bm-primitive-line-height-525: var(--bm-primitive-dimension-525);
+  --bm-primitive-paragraph-indent-default: var(--bm-primitive-dimension-0);
+  --bm-sem-font-family-heading: "Uni Neue";
+  --bm-sem-font-family-heading-alt: "Uni Neue";
+  --bm-sem-font-family-body: "Source Sans Pro";
+  --bm-sem-font-family-label: "Source Sans Pro";
+  --bm-sem-font-family-ar-heading: "Noto Sans Arabic";
+  --bm-sem-font-family-ar-heading-alt: "Noto Sans Arabic";
+  --bm-sem-font-family-ar-body: "Noto Sans Arabic";
+  --bm-sem-font-family-ar-label: "Noto Sans Arabic";
+  --bm-sem-font-family-he-heading: "Noto Sans Hebrew";
+  --bm-sem-font-family-he-heading-alt: "Noto Sans Hebrew";
+  --bm-sem-font-family-he-body: "Noto Sans Hebrew";
+  --bm-sem-font-family-he-label: "Noto Sans Hebrew";
+  --bm-sem-font-family-ja-heading: "Noto Sans JP";
+  --bm-sem-font-family-ja-heading-alt: "Noto Sans JP";
+  --bm-sem-font-family-ja-body: "Noto Sans JP";
+  --bm-sem-font-family-ja-label: "Noto Sans JP";
+  --bm-sem-font-family-zh-heading: "Noto Sans SC";
+  --bm-sem-font-family-zh-heading-alt: "Noto Sans SC";
+  --bm-sem-font-family-zh-body: "Noto Sans SC";
+  --bm-sem-font-family-zh-label: "Noto Sans SC";
+  --bm-sem-font-weight-heading: 700;
+  --bm-sem-font-weight-heading-alt: 350;
+  --bm-sem-font-weight-body: 400;
+  --bm-sem-font-weight-body-bold: 700;
+  --bm-sem-font-weight-label: 600;
+  --bm-sem-font-weight-detail: 800;
+  --bm-sem-font-weight-ar-heading: 800;
+  --bm-sem-font-weight-ar-heading-alt: 300;
+  --bm-sem-font-weight-ar-body: 400;
+  --bm-sem-font-weight-ar-body-bold: 700;
+  --bm-sem-font-weight-ar-label: 600;
+  --bm-sem-font-weight-ar-detail: 800;
+  --bm-sem-font-weight-he-heading: 800;
+  --bm-sem-font-weight-he-heading-alt: 300;
+  --bm-sem-font-weight-he-body: 400;
+  --bm-sem-font-weight-he-body-bold: 700;
+  --bm-sem-font-weight-he-label: 600;
+  --bm-sem-font-weight-he-detail: 800;
+  --bm-sem-font-weight-ja-heading: 900;
+  --bm-sem-font-weight-ja-heading-alt: 300;
+  --bm-sem-font-weight-ja-body: 400;
+  --bm-sem-font-weight-ja-body-bold: 700;
+  --bm-sem-font-weight-ja-label: 500;
+  --bm-sem-font-weight-ja-detail: 900;
+  --bm-sem-font-weight-zh-heading: 700;
+  --bm-sem-font-weight-zh-heading-alt: 300;
+  --bm-sem-font-weight-zh-body: 400;
+  --bm-sem-font-weight-zh-body-bold: 700;
+  --bm-sem-font-weight-zh-label: 500;
+  --bm-sem-font-weight-zh-detail: 900;
+  --bm-sem-typo-font-size-heading-6xl-min: 3rem;
+  --bm-sem-typo-font-size-heading-6xl-value: 6vw + 1.05rem;
+  --bm-sem-typo-font-size-heading-6xl-max: 4.5rem;
+  --bm-sem-typo-font-size-heading-6xl: clamp(
+    var(--bm-sem-typo-font-size-heading-6xl-min),
+    var(--bm-sem-typo-font-size-heading-6xl-value),
+    var(--bm-sem-typo-font-size-heading-6xl-max)
+  );
+  --bm-sem-typo-line-height-heading-6xl-min: 3.25rem;
+  --bm-sem-typo-line-height-heading-6xl-value: 6vw + 1.8rem;
+  --bm-sem-typo-line-height-heading-6xl-max: 5.25rem;
+  --bm-sem-typo-line-height-heading-6xl: clamp(
+    var(--bm-sem-typo-line-height-heading-6xl-min),
+    var(--bm-sem-typo-line-height-heading-6xl-value),
+    var(--bm-sem-typo-line-height-heading-6xl-max)
+  );
+  --bm-sem-typo-font-size-heading-5xl-min: 2.5rem;
+  --bm-sem-typo-font-size-heading-5xl-value: 4vw + 1.2rem;
+  --bm-sem-typo-font-size-heading-5xl-max: 3.75rem;
+  --bm-sem-typo-font-size-heading-5xl: clamp(
+    var(--bm-sem-typo-font-size-heading-5xl-min),
+    var(--bm-sem-typo-font-size-heading-5xl-value),
+    var(--bm-sem-typo-font-size-heading-5xl-max)
+  );
+  --bm-sem-typo-line-height-heading-5xl-min: 3rem;
+  --bm-sem-typo-line-height-heading-5xl-value: 5vw + 1rem;
+  --bm-sem-typo-line-height-heading-5xl-max: 4.5rem;
+  --bm-sem-typo-line-height-heading-5xl: clamp(
+    var(--bm-sem-typo-line-height-heading-5xl-min),
+    var(--bm-sem-typo-line-height-heading-5xl-value),
+    var(--bm-sem-typo-line-height-heading-5xl-max)
+  );
+  --bm-sem-typo-font-size-heading-4xl-min: 2rem;
+  --bm-sem-typo-font-size-heading-4xl-value: 3vw + 1.15rem;
+  --bm-sem-typo-font-size-heading-4xl-max: 3rem;
+  --bm-sem-typo-font-size-heading-4xl: clamp(
+    var(--bm-sem-typo-font-size-heading-4xl-min),
+    var(--bm-sem-typo-font-size-heading-4xl-value),
+    var(--bm-sem-typo-font-size-heading-4xl-max)
+  );
+  --bm-sem-typo-line-height-heading-4xl-min: 2.5rem;
+  --bm-sem-typo-line-height-heading-4xl-value: 4vw + 1.2rem;
+  --bm-sem-typo-line-height-heading-4xl-max: 3.5rem;
+  --bm-sem-typo-line-height-heading-4xl: clamp(
+    var(--bm-sem-typo-line-height-heading-4xl-min),
+    var(--bm-sem-typo-line-height-heading-4xl-value),
+    var(--bm-sem-typo-line-height-heading-4xl-max)
+  );
+  --bm-sem-typo-font-size-heading-3xl-min: 1.75rem;
+  --bm-sem-typo-font-size-heading-3xl-value: 2vw + 1.15rem;
+  --bm-sem-typo-font-size-heading-3xl-max: 2.5rem;
+  --bm-sem-typo-font-size-heading-3xl: clamp(
+    var(--bm-sem-typo-font-size-heading-3xl-min),
+    var(--bm-sem-typo-font-size-heading-3xl-value),
+    var(--bm-sem-typo-font-size-heading-3xl-max)
+  );
+  --bm-sem-typo-line-height-heading-3xl-min: 2.25rem;
+  --bm-sem-typo-line-height-heading-3xl-value: 4vw + 0.7rem;
+  --bm-sem-typo-line-height-heading-3xl-max: 3rem;
+  --bm-sem-typo-line-height-heading-3xl: clamp(
+    var(--bm-sem-typo-line-height-heading-3xl-min),
+    var(--bm-sem-typo-line-height-heading-3xl-value),
+    var(--bm-sem-typo-line-height-heading-3xl-max)
+  );
+  --bm-sem-typo-font-size-heading-2xl-min: 1.5rem;
+  --bm-sem-typo-font-size-heading-2xl-value: 1vw + 1.3rem;
+  --bm-sem-typo-font-size-heading-2xl-max: 2rem;
+  --bm-sem-typo-font-size-heading-2xl: clamp(
+    var(--bm-sem-typo-font-size-heading-2xl-min),
+    var(--bm-sem-typo-font-size-heading-2xl-value),
+    var(--bm-sem-typo-font-size-heading-2xl-max)
+  );
+  --bm-sem-typo-line-height-heading-2xl-min: 2.25rem;
+  --bm-sem-typo-line-height-heading-2xl-value: 4vw + 0.45rem;
+  --bm-sem-typo-line-height-heading-2xl-max: 2.5rem;
+  --bm-sem-typo-line-height-heading-2xl: clamp(
+    var(--bm-sem-typo-line-height-heading-2xl-min),
+    var(--bm-sem-typo-line-height-heading-2xl-value),
+    var(--bm-sem-typo-line-height-heading-2xl-max)
+  );
+  --bm-sem-typo-font-size-heading-alt-6xl-min: 3rem;
+  --bm-sem-typo-font-size-heading-alt-6xl-value: 6vw + 1.05rem;
+  --bm-sem-typo-font-size-heading-alt-6xl-max: 4.5rem;
+  --bm-sem-typo-font-size-heading-alt-6xl: clamp(
+    var(--bm-sem-typo-font-size-heading-alt-6xl-min),
+    var(--bm-sem-typo-font-size-heading-alt-6xl-value),
+    var(--bm-sem-typo-font-size-heading-alt-6xl-max)
+  );
+  --bm-sem-typo-line-height-heading-alt-6xl-min: 3.25rem;
+  --bm-sem-typo-line-height-heading-alt-6xl-value: 6vw + 1.8rem;
+  --bm-sem-typo-line-height-heading-alt-6xl-max: 5.25rem;
+  --bm-sem-typo-line-height-heading-alt-6xl: clamp(
+    var(--bm-sem-typo-line-height-heading-alt-6xl-min),
+    var(--bm-sem-typo-line-height-heading-alt-6xl-value),
+    var(--bm-sem-typo-line-height-heading-alt-6xl-max)
+  );
+  --bm-sem-typo-font-size-heading-alt-5xl-min: 2.5rem;
+  --bm-sem-typo-font-size-heading-alt-5xl-value: 4vw + 1.2rem;
+  --bm-sem-typo-font-size-heading-alt-5xl-max: 3.75rem;
+  --bm-sem-typo-font-size-heading-alt-5xl: clamp(
+    var(--bm-sem-typo-font-size-heading-alt-5xl-min),
+    var(--bm-sem-typo-font-size-heading-alt-5xl-value),
+    var(--bm-sem-typo-font-size-heading-alt-5xl-max)
+  );
+  --bm-sem-typo-line-height-heading-alt-5xl-min: 3rem;
+  --bm-sem-typo-line-height-heading-alt-5xl-value: 5vw + 1rem;
+  --bm-sem-typo-line-height-heading-alt-5xl-max: 4.5rem;
+  --bm-sem-typo-line-height-heading-alt-5xl: clamp(
+    var(--bm-sem-typo-line-height-heading-alt-5xl-min),
+    var(--bm-sem-typo-line-height-heading-alt-5xl-value),
+    var(--bm-sem-typo-line-height-heading-alt-5xl-max)
+  );
+  --bm-sem-typo-font-size-heading-alt-4xl-min: 2rem;
+  --bm-sem-typo-font-size-heading-alt-4xl-value: 3vw + 1.15rem;
+  --bm-sem-typo-font-size-heading-alt-4xl-max: 3rem;
+  --bm-sem-typo-font-size-heading-alt-4xl: clamp(
+    var(--bm-sem-typo-font-size-heading-alt-4xl-min),
+    var(--bm-sem-typo-font-size-heading-alt-4xl-value),
+    var(--bm-sem-typo-font-size-heading-alt-4xl-max)
+  );
+  --bm-sem-typo-line-height-heading-alt-4xl-min: 2.5rem;
+  --bm-sem-typo-line-height-heading-alt-4xl-value: 4vw + 1.2rem;
+  --bm-sem-typo-line-height-heading-alt-4xl-max: 3.5rem;
+  --bm-sem-typo-line-height-heading-alt-4xl: clamp(
+    var(--bm-sem-typo-line-height-heading-alt-4xl-min),
+    var(--bm-sem-typo-line-height-heading-alt-4xl-value),
+    var(--bm-sem-typo-line-height-heading-alt-4xl-max)
+  );
+  --bm-sem-typo-font-size-heading-alt-3xl-min: 1.75rem;
+  --bm-sem-typo-font-size-heading-alt-3xl-value: 2vw + 1.15rem;
+  --bm-sem-typo-font-size-heading-alt-3xl-max: 2.5rem;
+  --bm-sem-typo-font-size-heading-alt-3xl: clamp(
+    var(--bm-sem-typo-font-size-heading-alt-3xl-min),
+    var(--bm-sem-typo-font-size-heading-alt-3xl-value),
+    var(--bm-sem-typo-font-size-heading-alt-3xl-max)
+  );
+  --bm-sem-typo-line-height-heading-alt-3xl-min: 2.25rem;
+  --bm-sem-typo-line-height-heading-alt-3xl-value: 4vw + 0.7rem;
+  --bm-sem-typo-line-height-heading-alt-3xl-max: 3rem;
+  --bm-sem-typo-line-height-heading-alt-3xl: clamp(
+    var(--bm-sem-typo-line-height-heading-alt-3xl-min),
+    var(--bm-sem-typo-line-height-heading-alt-3xl-value),
+    var(--bm-sem-typo-line-height-heading-alt-3xl-max)
+  );
+  --bm-sem-typo-font-size-heading-alt-2xl-min: 1.5rem;
+  --bm-sem-typo-font-size-heading-alt-2xl-value: 1vw + 1.3rem;
+  --bm-sem-typo-font-size-heading-alt-2xl-max: 2rem;
+  --bm-sem-typo-font-size-heading-alt-2xl: clamp(
+    var(--bm-sem-typo-font-size-heading-alt-2xl-min),
+    var(--bm-sem-typo-font-size-heading-alt-2xl-value),
+    var(--bm-sem-typo-font-size-heading-alt-2xl-max)
+  );
+  --bm-sem-typo-line-height-heading-alt-2xl-min: 2.25rem;
+  --bm-sem-typo-line-height-heading-alt-2xl-value: 4vw + 0.45rem;
+  --bm-sem-typo-line-height-heading-alt-2xl-max: 2.5rem;
+  --bm-sem-typo-line-height-heading-alt-2xl: clamp(
+    var(--bm-sem-typo-line-height-heading-alt-2xl-min),
+    var(--bm-sem-typo-line-height-heading-alt-2xl-value),
+    var(--bm-sem-typo-line-height-heading-alt-2xl-max)
+  );
+  --bm-sem-typo-heading-6xl: var(--bm-sem-font-weight-heading)
+    var(--bm-sem-typo-font-size-heading-6xl) /
+    var(--bm-sem-typo-line-height-heading-6xl) var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-5xl: var(--bm-sem-font-weight-heading)
+    var(--bm-sem-typo-font-size-heading-5xl) /
+    var(--bm-sem-typo-line-height-heading-5xl) var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-4xl: var(--bm-sem-font-weight-heading)
+    var(--bm-sem-typo-font-size-heading-4xl) /
+    var(--bm-sem-typo-line-height-heading-4xl) var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-3xl: var(--bm-sem-font-weight-heading)
+    var(--bm-sem-typo-font-size-heading-3xl) /
+    var(--bm-sem-typo-line-height-heading-3xl) var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-2xl: var(--bm-sem-font-weight-heading)
+    var(--bm-sem-typo-font-size-heading-2xl) /
+    var(--bm-sem-typo-line-height-heading-2xl) var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-alt-6xl: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-sem-typo-font-size-heading-alt-6xl) /
+    var(--bm-sem-typo-line-height-heading-alt-6xl)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-5xl: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-sem-typo-font-size-heading-alt-5xl) /
+    var(--bm-sem-typo-line-height-heading-alt-5xl)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-4xl: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-sem-typo-font-size-heading-alt-4xl) /
+    var(--bm-sem-typo-line-height-heading-alt-4xl)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-3xl: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-sem-typo-font-size-heading-alt-3xl) /
+    var(--bm-sem-typo-line-height-heading-alt-3xl)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-2xl: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-sem-typo-font-size-heading-alt-2xl) /
+    var(--bm-sem-typo-line-height-heading-alt-2xl)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-xl: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-lg: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-md: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-sm: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-xs: var(--bm-sem-font-weight-heading)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-heading-alt-xl: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-175) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-lg: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-md: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-sm: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-heading-alt-xs: var(--bm-sem-font-weight-heading-alt)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading-alt);
+  --bm-sem-typo-body-xs: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-sm: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-md: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-lg: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-body-2xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-detail-xs: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-sm: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-md: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-lg: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-detail-xl: var(--bm-sem-font-weight-detail)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-heading);
+  --bm-sem-typo-label-xs: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-sm: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-md: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-lg: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-200)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-label-2xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-225)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-body-xs: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-sm: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-md: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-lg: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-body-2xl: var(--bm-sem-font-weight-body)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-body);
+  --bm-sem-typo-compact-label-xs: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-75) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-sm: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-87) / var(--bm-primitive-line-height-100)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-md: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-100) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-lg: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-112) / var(--bm-primitive-line-height-125)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-125) / var(--bm-primitive-line-height-150)
+    var(--bm-sem-font-family-label);
+  --bm-sem-typo-compact-label-2xl: var(--bm-sem-font-weight-label)
+    var(--bm-primitive-font-size-150) / var(--bm-primitive-line-height-175)
+    var(--bm-sem-font-family-label);
+}
+:root,
+.bm-light,
+.bm-dark .bm-inverse,
+[data-bm-theme~="bm-light"] {
+  --bm-primitive-shadow-0: var(--bm-primitive-dimension-0)
+    var(--bm-primitive-dimension-0) var(--bm-primitive-dimension-0)
+    var(--bm-primitive-dimension-0) rgb(0, 0, 0, 0);
+  --bm-primitive-shadow-1: var(--bm-primitive-dimension-0)
+    var(--bm-primitive-dimension-6) var(--bm-primitive-dimension-25)
+    var(--bm-primitive-dimension-0)
+    rgba(0 0 0 / var(--bm-utility-shadow-intensity));
+  --bm-primitive-shadow-2: var(--bm-primitive-dimension-0)
+    var(--bm-primitive-dimension-12) var(--bm-primitive-dimension-37)
+    var(--bm-primitive-dimension-6)
+    rgba(0 0 0 / var(--bm-utility-shadow-intensity));
+  --bm-primitive-shadow-3: var(--bm-primitive-dimension-0)
+    var(--bm-primitive-dimension-25) var(--bm-primitive-dimension-75)
+    var(--bm-primitive-dimension-12)
+    rgba(0 0 0 / var(--bm-utility-shadow-intensity));
+  --bm-primitive-shadow-4: var(--bm-primitive-dimension-0)
+    var(--bm-primitive-dimension-37) var(--bm-primitive-dimension-100)
+    var(--bm-primitive-dimension-12)
+    rgba(0 0 0 / var(--bm-utility-shadow-intensity));
+  --bm-primitive-shadow-5: var(--bm-primitive-dimension-0)
+    var(--bm-primitive-dimension-75) var(--bm-primitive-dimension-175)
+    var(--bm-primitive-dimension-12)
+    rgba(0 0 0 / var(--bm-utility-shadow-intensity));
+  --bm-primitive-shadow-6: var(--bm-primitive-dimension-0)
+    var(--bm-primitive-dimension-75) var(--bm-primitive-dimension-300)
+    var(--bm-primitive-dimension-0)
+    rgba(0 0 0 / var(--bm-utility-shadow-intensity));
+  --bm-utility-shadow-intensity: 0.12;
+  --bm-sem-shadow-none: var(--bm-primitive-shadow-0);
+  --bm-sem-shadow-sm: var(--bm-primitive-shadow-1);
+  --bm-sem-shadow-md: var(--bm-primitive-shadow-4);
+  --bm-sem-shadow-lg: var(--bm-primitive-shadow-6);
+  --bm-sem-shadow-overlay: var(--bm-primitive-shadow-3);
+  --bm-sem-shadow-overflow: var(--bm-primitive-shadow-2);
+  --bm-sem-shadow-hover: var(--bm-primitive-shadow-3);
+}
+.bm-dark,
+.bm-light .bm-inverse,
+[data-bm-theme~="bm-dark"] {
+  --bm-utility-shadow-intensity: 0.3;
+  --bm-sem-shadow-none: var(--bm-primitive-shadow-0);
+  --bm-sem-shadow-sm: var(--bm-primitive-shadow-1);
+  --bm-sem-shadow-md: var(--bm-primitive-shadow-4);
+  --bm-sem-shadow-lg: var(--bm-primitive-shadow-6);
+  --bm-sem-shadow-overlay: var(--bm-primitive-shadow-3);
+  --bm-sem-shadow-overflow: var(--bm-primitive-shadow-2);
+  --bm-sem-shadow-hover: var(--bm-primitive-shadow-3);
+}
+.bm-expressive-accent,
+[data-bm-theme~="bm-expressive-accent"] {
+  --bm-expressive-color-bg: var(--bm-utility-color-accent-subtlest, #e9fcff);
+  --bm-expressive-color-bg-stronger: var(
+    --bm-utility-color-accent-subtler,
+    #d7f4f9
+  );
+  --bm-expressive-color-fg: var(--bm-utility-color-accent-default, #00768f);
+  --bm-expressive-color-fg-stronger: var(
+    --bm-utility-color-accent-strong,
+    #005b75
+  );
+  --bm-expressive-color-border: var(--bm-utility-color-accent-subtle, #b2e7f0);
+  --bm-expressive-color-border-stronger: var(
+    --bm-utility-color-accent-default,
+    #00768f
+  );
+  --bm-expressive-color-inverse-bg: var(
+    --bm-utility-color-accent-default,
+    #00768f
+  );
+  --bm-expressive-color-inverse-fg: var(
+    --bm-utility-color-accent-subtler,
+    #d7f4f9
+  );
+  --bm-expressive-color-inverse-fg-stronger: var(
+    --bm-sem-color-text-primary-inverse,
+    #ffffff
+  );
+}
+.bm-expressive-blue,
+[data-bm-theme~="bm-expressive-blue"] {
+  --bm-expressive-color-bg: var(--bm-utility-color-blue-subtlest, #ebf9ff);
+  --bm-expressive-color-bg-stronger: var(
+    --bm-utility-color-blue-subtler,
+    #ccf0ff
+  );
+  --bm-expressive-color-fg: var(--bm-utility-color-blue-default, #006ead);
+  --bm-expressive-color-fg-stronger: var(
+    --bm-utility-color-blue-strong,
+    #00528c
+  );
+  --bm-expressive-color-border: var(--bm-utility-color-blue-subtle, #9be1ff);
+  --bm-expressive-color-border-stronger: var(
+    --bm-utility-color-blue-default,
+    #006ead
+  );
+  --bm-expressive-color-inverse-bg: var(
+    --bm-utility-color-blue-default,
+    #006ead
+  );
+  --bm-expressive-color-inverse-fg: var(
+    --bm-utility-color-blue-subtler,
+    #ccf0ff
+  );
+  --bm-expressive-color-inverse-fg-stronger: var(
+    --bm-sem-color-text-primary-inverse,
+    #ffffff
+  );
+}
+.bm-expressive-gray,
+[data-bm-theme~="bm-expressive-gray"] {
+  --bm-expressive-color-bg: var(--bm-utility-color-gray-subtlest, #f2f5f8);
+  --bm-expressive-color-bg-stronger: var(
+    --bm-utility-color-gray-subtler,
+    #dfe7ec
+  );
+  --bm-expressive-color-fg: var(--bm-utility-color-gray-default, #576775);
+  --bm-expressive-color-fg-stronger: var(
+    --bm-utility-color-gray-strong,
+    #465967
+  );
+  --bm-expressive-color-border: var(--bm-utility-color-gray-subtle, #d1dae0);
+  --bm-expressive-color-border-stronger: var(
+    --bm-utility-color-gray-default,
+    #576775
+  );
+  --bm-expressive-color-inverse-bg: var(
+    --bm-utility-color-gray-default,
+    #576775
+  );
+  --bm-expressive-color-inverse-fg: var(
+    --bm-utility-color-gray-subtler,
+    #dfe7ec
+  );
+  --bm-expressive-color-inverse-fg-stronger: var(
+    --bm-sem-color-text-primary-inverse,
+    #ffffff
+  );
+}
+.bm-expressive-green,
+[data-bm-theme~="bm-expressive-green"] {
+  --bm-expressive-color-bg: var(--bm-utility-color-lime-subtlest, #f7ffcc);
+  --bm-expressive-color-bg-stronger: var(
+    --bm-utility-color-lime-subtler,
+    #f1ffa4
+  );
+  --bm-expressive-color-fg: var(--bm-utility-color-lime-default, #358000);
+  --bm-expressive-color-fg-stronger: var(
+    --bm-utility-color-lime-strong,
+    #1d5700
+  );
+  --bm-expressive-color-border: var(--bm-utility-color-lime-subtle, #daee6b);
+  --bm-expressive-color-border-stronger: var(
+    --bm-utility-color-lime-default,
+    #358000
+  );
+  --bm-expressive-color-inverse-bg: var(
+    --bm-utility-color-lime-default,
+    #358000
+  );
+  --bm-expressive-color-inverse-fg: var(
+    --bm-utility-color-lime-subtler,
+    #f1ffa4
+  );
+  --bm-expressive-color-inverse-fg-stronger: var(
+    --bm-sem-color-text-primary-inverse,
+    #ffffff
+  );
+}
+.bm-expressive-orange,
+[data-bm-theme~="bm-expressive-orange"] {
+  --bm-expressive-color-bg: var(--bm-utility-color-warm-subtlest, #fff6e1);
+  --bm-expressive-color-bg-stronger: var(
+    --bm-utility-color-warm-subtler,
+    #ffe9b3
+  );
+  --bm-expressive-color-fg: var(--bm-utility-color-warm-default, #a82200);
+  --bm-expressive-color-fg-stronger: var(
+    --bm-utility-color-warm-strong,
+    #941e00
+  );
+  --bm-expressive-color-border: var(--bm-utility-color-warm-subtle, #ffdb7d);
+  --bm-expressive-color-border-stronger: var(
+    --bm-utility-color-warm-default,
+    #a82200
+  );
+  --bm-expressive-color-inverse-bg: var(
+    --bm-utility-color-warm-default,
+    #a82200
+  );
+  --bm-expressive-color-inverse-fg: var(
+    --bm-utility-color-warm-subtler,
+    #ffe9b3
+  );
+  --bm-expressive-color-inverse-fg-stronger: var(
+    --bm-sem-color-text-primary-inverse,
+    #ffffff
+  );
+}
+.bm-expressive-pink,
+[data-bm-theme~="bm-expressive-pink"] {
+  --bm-expressive-color-bg: var(--bm-utility-color-pink-subtlest, #fef5fc);
+  --bm-expressive-color-bg-stronger: var(
+    --bm-utility-color-pink-subtler,
+    #fdddf4
+  );
+  --bm-expressive-color-fg: var(--bm-utility-color-pink-default, #ad258b);
+  --bm-expressive-color-fg-stronger: var(
+    --bm-utility-color-pink-strong,
+    #931f76
+  );
+  --bm-expressive-color-border: var(--bm-utility-color-pink-subtle, #fccfef);
+  --bm-expressive-color-border-stronger: var(
+    --bm-utility-color-pink-default,
+    #ad258b
+  );
+  --bm-expressive-color-inverse-bg: var(
+    --bm-utility-color-pink-default,
+    #ad258b
+  );
+  --bm-expressive-color-inverse-fg: var(
+    --bm-utility-color-pink-subtler,
+    #fdddf4
+  );
+  --bm-expressive-color-inverse-fg-stronger: var(
+    --bm-sem-color-text-primary-inverse,
+    #ffffff
+  );
+}
+.bm-expressive-red,
+[data-bm-theme~="bm-expressive-red"] {
+  --bm-expressive-color-bg: var(--bm-utility-color-red-subtlest, #fef2f2);
+  --bm-expressive-color-bg-stronger: var(
+    --bm-utility-color-red-subtler,
+    #fee6e7
+  );
+  --bm-expressive-color-fg: var(--bm-utility-color-red-default, #cc2429);
+  --bm-expressive-color-fg-stronger: var(
+    --bm-utility-color-red-strong,
+    #a61b20
+  );
+  --bm-expressive-color-border: var(--bm-utility-color-red-subtle, #fdcbcd);
+  --bm-expressive-color-border-stronger: var(
+    --bm-utility-color-red-default,
+    #cc2429
+  );
+  --bm-expressive-color-inverse-bg: var(
+    --bm-utility-color-red-default,
+    #cc2429
+  );
+  --bm-expressive-color-inverse-fg: var(
+    --bm-utility-color-red-subtler,
+    #fee6e7
+  );
+  --bm-expressive-color-inverse-fg-stronger: var(
+    --bm-sem-color-text-primary-inverse,
+    #ffffff
+  );
+}
+.bm-expressive-teal,
+[data-bm-theme~="bm-expressive-teal"] {
+  --bm-expressive-color-bg: var(--bm-utility-color-teal-subtlest, #e9fcff);
+  --bm-expressive-color-bg-stronger: var(
+    --bm-utility-color-teal-subtler,
+    #d7f4f9
+  );
+  --bm-expressive-color-fg: var(--bm-utility-color-teal-default, #00768f);
+  --bm-expressive-color-fg-stronger: var(
+    --bm-utility-color-teal-strong,
+    #005b75
+  );
+  --bm-expressive-color-border: var(--bm-utility-color-teal-subtle, #b2e7f0);
+  --bm-expressive-color-border-stronger: var(
+    --bm-utility-color-teal-default,
+    #00768f
+  );
+  --bm-expressive-color-inverse-bg: var(
+    --bm-utility-color-teal-default,
+    #00768f
+  );
+  --bm-expressive-color-inverse-fg: var(
+    --bm-utility-color-teal-subtler,
+    #d7f4f9
+  );
+  --bm-expressive-color-inverse-fg-stronger: var(
+    --bm-sem-color-text-primary-inverse,
+    #ffffff
+  );
+}
+.bm-expressive-violet,
+[data-bm-theme~="bm-expressive-violet"] {
+  --bm-expressive-color-bg: var(--bm-utility-color-violet-subtlest, #f8f6fe);
+  --bm-expressive-color-bg-stronger: var(
+    --bm-utility-color-violet-subtler,
+    #eae5fb
+  );
+  --bm-expressive-color-fg: var(--bm-utility-color-violet-default, #6e49df);
+  --bm-expressive-color-fg-stronger: var(
+    --bm-utility-color-violet-strong,
+    #592fda
+  );
+  --bm-expressive-color-border: var(--bm-utility-color-violet-subtle, #dcd3f8);
+  --bm-expressive-color-border-stronger: var(
+    --bm-utility-color-violet-default,
+    #6e49df
+  );
+  --bm-expressive-color-inverse-bg: var(
+    --bm-utility-color-violet-default,
+    #6e49df
+  );
+  --bm-expressive-color-inverse-fg: var(
+    --bm-utility-color-violet-subtler,
+    #eae5fb
+  );
+  --bm-expressive-color-inverse-fg-stronger: var(
+    --bm-sem-color-text-primary-inverse,
+    #ffffff
+  );
+}