@bagelink/vue 1.9.81 → 1.9.86

package/src/styles/base-colors.css

@@ -1559,55 +1559,1438 @@
 }
 
 /* Light variants - use the light color as border */
-[class*="-light"].bgl_flatPill {
-    color: inherit !important;
+.pair-blue-light.bgl_flatPill,
+.pair-blue-light.bgl_pill-border {
+    color: var(--bgl-blue-light) !important;
 }
 
-[class*="-light"].bgl_pill-border {
-    outline-color: inherit !important;
-    color: inherit !important;
+.pair-blue-light.bgl_pill-border {
+    outline-color: var(--bgl-blue-light);
+}
+
+.pair-green-light.bgl_flatPill,
+.pair-green-light.bgl_pill-border {
+    color: var(--bgl-green-light) !important;
+}
+
+.pair-green-light.bgl_pill-border {
+    outline-color: var(--bgl-green-light);
+}
+
+.pair-red-light.bgl_flatPill,
+.pair-red-light.bgl_pill-border {
+    color: var(--bgl-red-light) !important;
+}
+
+.pair-red-light.bgl_pill-border {
+    outline-color: var(--bgl-red-light);
+}
+
+.pair-yellow-light.bgl_flatPill,
+.pair-yellow-light.bgl_pill-border {
+    color: var(--bgl-yellow-light) !important;
+}
+
+.pair-yellow-light.bgl_pill-border {
+    outline-color: var(--bgl-yellow-light);
+}
+
+.pair-purple-light.bgl_flatPill,
+.pair-purple-light.bgl_pill-border {
+    color: var(--bgl-purple-light) !important;
+}
+
+.pair-purple-light.bgl_pill-border {
+    outline-color: var(--bgl-purple-light);
+}
+
+.pair-brown-light.bgl_flatPill,
+.pair-brown-light.bgl_pill-border {
+    color: var(--bgl-brown-light) !important;
+}
+
+.pair-brown-light.bgl_pill-border {
+    outline-color: var(--bgl-brown-light);
+}
+
+.pair-orange-light.bgl_flatPill,
+.pair-orange-light.bgl_pill-border {
+    color: var(--bgl-orange-light) !important;
+}
+
+.pair-orange-light.bgl_pill-border {
+    outline-color: var(--bgl-orange-light);
+}
+
+.pair-turquoise-light.bgl_flatPill,
+.pair-turquoise-light.bgl_pill-border {
+    color: var(--bgl-turquoise-light) !important;
+}
+
+.pair-turquoise-light.bgl_pill-border {
+    outline-color: var(--bgl-turquoise-light);
+}
+
+.pair-pink-light.bgl_flatPill,
+.pair-pink-light.bgl_pill-border {
+    color: var(--bgl-pink-light) !important;
+}
+
+.pair-pink-light.bgl_pill-border {
+    outline-color: var(--bgl-pink-light);
+}
+
+.pair-gray-light.bgl_flatPill,
+.pair-gray-light.bgl_pill-border {
+    color: var(--bgl-gray-light) !important;
+}
+
+.pair-gray-light.bgl_pill-border {
+    outline-color: var(--bgl-gray-light);
+}
+
+.pair-primary-light.bgl_flatPill,
+.pair-primary-light.bgl_pill-border {
+    color: var(--bgl-primary-light) !important;
+}
+
+.pair-primary-light.bgl_pill-border {
+    outline-color: var(--bgl-primary-light);
 }
 
 /* Tint variants */
-[class*="-tint"].bgl_flatPill {
-    color: inherit !important;
-}
-
-[class*="-tint"].bgl_pill-border {
-    outline-color: inherit !important;
-    color: inherit !important;
-}
-
-/* Percentage variants - use the same color as background */
-[class*="-10"].bgl_flatPill,
-[class*="-20"].bgl_flatPill,
-[class*="-30"].bgl_flatPill,
-[class*="-40"].bgl_flatPill,
-[class*="-50"].bgl_flatPill,
-[class*="-60"].bgl_flatPill,
-[class*="-70"].bgl_flatPill,
-[class*="-80"].bgl_flatPill,
-[class*="-90"].bgl_flatPill,
-[class*="-100"].bgl_flatPill,
-[class*="-110"].bgl_flatPill,
-[class*="-120"].bgl_flatPill,
-[class*="-130"].bgl_flatPill {
-    color: inherit !important;
-}
-
-[class*="-10"].bgl_pill-border,
-[class*="-20"].bgl_pill-border,
-[class*="-30"].bgl_pill-border,
-[class*="-40"].bgl_pill-border,
-[class*="-50"].bgl_pill-border,
-[class*="-60"].bgl_pill-border,
-[class*="-70"].bgl_pill-border,
-[class*="-80"].bgl_pill-border,
-[class*="-90"].bgl_pill-border,
-[class*="-100"].bgl_pill-border,
-[class*="-110"].bgl_pill-border,
-[class*="-120"].bgl_pill-border,
-[class*="-130"].bgl_pill-border {
-    outline-color: inherit !important;
-    color: inherit !important;
+.pair-blue-tint.bgl_flatPill,
+.pair-blue-tint.bgl_pill-border {
+    color: var(--bgl-blue-tint) !important;
+}
+
+.pair-blue-tint.bgl_pill-border {
+    outline-color: var(--bgl-blue-tint);
+}
+
+.pair-red-tint.bgl_flatPill,
+.pair-red-tint.bgl_pill-border {
+    color: var(--bgl-red-tint) !important;
+}
+
+.pair-red-tint.bgl_pill-border {
+    outline-color: var(--bgl-red-tint);
+}
+
+.pair-primary-tint.bgl_flatPill,
+.pair-primary-tint.bgl_pill-border {
+    color: var(--bgl-primary-tint) !important;
+}
+
+.pair-primary-tint.bgl_pill-border {
+    outline-color: var(--bgl-primary-tint);
+}
+
+.pair-black-tint.bgl_flatPill,
+.pair-black-tint.bgl_pill-border {
+    color: var(--bgl-black-tint) !important;
+}
+
+.pair-black-tint.bgl_pill-border {
+    outline-color: var(--bgl-black-tint);
+}
+
+.pair-gray-tint.bgl_flatPill,
+.pair-gray-tint.bgl_pill-border {
+    color: var(--bgl-gray-tint) !important;
+}
+
+.pair-gray-tint.bgl_pill-border {
+    outline-color: var(--bgl-gray-tint);
+}
+
+/* Percentage variants - use the base color for flat/border modes */
+/* Remove the inherit rules that can cause issues */
+
+/* Specific percentage color overrides for flat/border */
+.pair-blue-10.bgl_flatPill,
+.pair-blue-10.bgl_pill-border {
+    color: var(--bgl-blue-10) !important;
+}
+
+.pair-blue-20.bgl_flatPill,
+.pair-blue-20.bgl_pill-border {
+    color: var(--bgl-blue-20) !important;
+}
+
+.pair-blue-30.bgl_flatPill,
+.pair-blue-30.bgl_pill-border {
+    color: var(--bgl-blue-30) !important;
+}
+
+.pair-blue-40.bgl_flatPill,
+.pair-blue-40.bgl_pill-border {
+    color: var(--bgl-blue-40) !important;
+}
+
+.pair-blue-50.bgl_flatPill,
+.pair-blue-50.bgl_pill-border {
+    color: var(--bgl-blue-50) !important;
+}
+
+.pair-blue-60.bgl_flatPill,
+.pair-blue-60.bgl_pill-border {
+    color: var(--bgl-blue-60) !important;
+}
+
+.pair-blue-70.bgl_flatPill,
+.pair-blue-70.bgl_pill-border {
+    color: var(--bgl-blue-70) !important;
+}
+
+.pair-blue-80.bgl_flatPill,
+.pair-blue-80.bgl_pill-border {
+    color: var(--bgl-blue-80) !important;
+}
+
+.pair-blue-90.bgl_flatPill,
+.pair-blue-90.bgl_pill-border {
+    color: var(--bgl-blue-90) !important;
+}
+
+.pair-blue-100.bgl_flatPill,
+.pair-blue-100.bgl_pill-border {
+    color: var(--bgl-blue-100) !important;
+}
+
+.pair-blue-110.bgl_flatPill,
+.pair-blue-110.bgl_pill-border {
+    color: var(--bgl-blue-110) !important;
+}
+
+.pair-blue-120.bgl_flatPill,
+.pair-blue-120.bgl_pill-border {
+    color: var(--bgl-blue-120) !important;
+}
+
+.pair-blue-130.bgl_flatPill,
+.pair-blue-130.bgl_pill-border {
+    color: var(--bgl-blue-130) !important;
+}
+
+.pair-blue-10.bgl_pill-border {
+    outline-color: var(--bgl-blue-10);
+}
+
+.pair-blue-20.bgl_pill-border {
+    outline-color: var(--bgl-blue-20);
+}
+
+.pair-blue-30.bgl_pill-border {
+    outline-color: var(--bgl-blue-30);
+}
+
+.pair-blue-40.bgl_pill-border {
+    outline-color: var(--bgl-blue-40);
+}
+
+.pair-blue-50.bgl_pill-border {
+    outline-color: var(--bgl-blue-50);
+}
+
+.pair-blue-60.bgl_pill-border {
+    outline-color: var(--bgl-blue-60);
+}
+
+.pair-blue-70.bgl_pill-border {
+    outline-color: var(--bgl-blue-70);
+}
+
+.pair-blue-80.bgl_pill-border {
+    outline-color: var(--bgl-blue-80);
+}
+
+.pair-blue-90.bgl_pill-border {
+    outline-color: var(--bgl-blue-90);
+}
+
+.pair-blue-100.bgl_pill-border {
+    outline-color: var(--bgl-blue-100);
+}
+
+.pair-blue-110.bgl_pill-border {
+    outline-color: var(--bgl-blue-110);
+}
+
+.pair-blue-120.bgl_pill-border {
+    outline-color: var(--bgl-blue-120);
+}
+
+.pair-blue-130.bgl_pill-border {
+    outline-color: var(--bgl-blue-130);
+}
+
+.pair-green-10.bgl_flatPill,
+.pair-green-10.bgl_pill-border {
+    color: var(--bgl-green-10) !important;
+}
+
+.pair-green-20.bgl_flatPill,
+.pair-green-20.bgl_pill-border {
+    color: var(--bgl-green-20) !important;
+}
+
+.pair-green-30.bgl_flatPill,
+.pair-green-30.bgl_pill-border {
+    color: var(--bgl-green-30) !important;
+}
+
+.pair-green-40.bgl_flatPill,
+.pair-green-40.bgl_pill-border {
+    color: var(--bgl-green-40) !important;
+}
+
+.pair-green-50.bgl_flatPill,
+.pair-green-50.bgl_pill-border {
+    color: var(--bgl-green-50) !important;
+}
+
+.pair-green-60.bgl_flatPill,
+.pair-green-60.bgl_pill-border {
+    color: var(--bgl-green-60) !important;
+}
+
+.pair-green-70.bgl_flatPill,
+.pair-green-70.bgl_pill-border {
+    color: var(--bgl-green-70) !important;
+}
+
+.pair-green-80.bgl_flatPill,
+.pair-green-80.bgl_pill-border {
+    color: var(--bgl-green-80) !important;
+}
+
+.pair-green-90.bgl_flatPill,
+.pair-green-90.bgl_pill-border {
+    color: var(--bgl-green-90) !important;
+}
+
+.pair-green-100.bgl_flatPill,
+.pair-green-100.bgl_pill-border {
+    color: var(--bgl-green-100) !important;
+}
+
+.pair-green-110.bgl_flatPill,
+.pair-green-110.bgl_pill-border {
+    color: var(--bgl-green-110) !important;
+}
+
+.pair-green-120.bgl_flatPill,
+.pair-green-120.bgl_pill-border {
+    color: var(--bgl-green-120) !important;
+}
+
+.pair-green-130.bgl_flatPill,
+.pair-green-130.bgl_pill-border {
+    color: var(--bgl-green-130) !important;
+}
+
+.pair-green-10.bgl_pill-border {
+    outline-color: var(--bgl-green-10);
+}
+
+.pair-green-20.bgl_pill-border {
+    outline-color: var(--bgl-green-20);
+}
+
+.pair-green-30.bgl_pill-border {
+    outline-color: var(--bgl-green-30);
+}
+
+.pair-green-40.bgl_pill-border {
+    outline-color: var(--bgl-green-40);
+}
+
+.pair-green-50.bgl_pill-border {
+    outline-color: var(--bgl-green-50);
+}
+
+.pair-green-60.bgl_pill-border {
+    outline-color: var(--bgl-green-60);
+}
+
+.pair-green-70.bgl_pill-border {
+    outline-color: var(--bgl-green-70);
+}
+
+.pair-green-80.bgl_pill-border {
+    outline-color: var(--bgl-green-80);
+}
+
+.pair-green-90.bgl_pill-border {
+    outline-color: var(--bgl-green-90);
+}
+
+.pair-green-100.bgl_pill-border {
+    outline-color: var(--bgl-green-100);
+}
+
+.pair-green-110.bgl_pill-border {
+    outline-color: var(--bgl-green-110);
+}
+
+.pair-green-120.bgl_pill-border {
+    outline-color: var(--bgl-green-120);
+}
+
+.pair-green-130.bgl_pill-border {
+    outline-color: var(--bgl-green-130);
+}
+
+.pair-red-10.bgl_flatPill,
+.pair-red-10.bgl_pill-border {
+    color: var(--bgl-red-10) !important;
+}
+
+.pair-red-20.bgl_flatPill,
+.pair-red-20.bgl_pill-border {
+    color: var(--bgl-red-20) !important;
+}
+
+.pair-red-30.bgl_flatPill,
+.pair-red-30.bgl_pill-border {
+    color: var(--bgl-red-30) !important;
+}
+
+.pair-red-40.bgl_flatPill,
+.pair-red-40.bgl_pill-border {
+    color: var(--bgl-red-40) !important;
+}
+
+.pair-red-50.bgl_flatPill,
+.pair-red-50.bgl_pill-border {
+    color: var(--bgl-red-50) !important;
+}
+
+.pair-red-60.bgl_flatPill,
+.pair-red-60.bgl_pill-border {
+    color: var(--bgl-red-60) !important;
+}
+
+.pair-red-70.bgl_flatPill,
+.pair-red-70.bgl_pill-border {
+    color: var(--bgl-red-70) !important;
+}
+
+.pair-red-80.bgl_flatPill,
+.pair-red-80.bgl_pill-border {
+    color: var(--bgl-red-80) !important;
+}
+
+.pair-red-90.bgl_flatPill,
+.pair-red-90.bgl_pill-border {
+    color: var(--bgl-red-90) !important;
+}
+
+.pair-red-100.bgl_flatPill,
+.pair-red-100.bgl_pill-border {
+    color: var(--bgl-red-100) !important;
+}
+
+.pair-red-110.bgl_flatPill,
+.pair-red-110.bgl_pill-border {
+    color: var(--bgl-red-110) !important;
+}
+
+.pair-red-120.bgl_flatPill,
+.pair-red-120.bgl_pill-border {
+    color: var(--bgl-red-120) !important;
+}
+
+.pair-red-130.bgl_flatPill,
+.pair-red-130.bgl_pill-border {
+    color: var(--bgl-red-130) !important;
+}
+
+.pair-red-10.bgl_pill-border {
+    outline-color: var(--bgl-red-10);
+}
+
+.pair-red-20.bgl_pill-border {
+    outline-color: var(--bgl-red-20);
+}
+
+.pair-red-30.bgl_pill-border {
+    outline-color: var(--bgl-red-30);
+}
+
+.pair-red-40.bgl_pill-border {
+    outline-color: var(--bgl-red-40);
+}
+
+.pair-red-50.bgl_pill-border {
+    outline-color: var(--bgl-red-50);
+}
+
+.pair-red-60.bgl_pill-border {
+    outline-color: var(--bgl-red-60);
+}
+
+.pair-red-70.bgl_pill-border {
+    outline-color: var(--bgl-red-70);
+}
+
+.pair-red-80.bgl_pill-border {
+    outline-color: var(--bgl-red-80);
+}
+
+.pair-red-90.bgl_pill-border {
+    outline-color: var(--bgl-red-90);
+}
+
+.pair-red-100.bgl_pill-border {
+    outline-color: var(--bgl-red-100);
+}
+
+.pair-red-110.bgl_pill-border {
+    outline-color: var(--bgl-red-110);
+}
+
+.pair-red-120.bgl_pill-border {
+    outline-color: var(--bgl-red-120);
+}
+
+.pair-red-130.bgl_pill-border {
+    outline-color: var(--bgl-red-130);
+}
+
+.pair-yellow-10.bgl_flatPill,
+.pair-yellow-10.bgl_pill-border {
+    color: var(--bgl-yellow-10) !important;
+}
+
+.pair-yellow-20.bgl_flatPill,
+.pair-yellow-20.bgl_pill-border {
+    color: var(--bgl-yellow-20) !important;
+}
+
+.pair-yellow-30.bgl_flatPill,
+.pair-yellow-30.bgl_pill-border {
+    color: var(--bgl-yellow-30) !important;
+}
+
+.pair-yellow-40.bgl_flatPill,
+.pair-yellow-40.bgl_pill-border {
+    color: var(--bgl-yellow-40) !important;
+}
+
+.pair-yellow-50.bgl_flatPill,
+.pair-yellow-50.bgl_pill-border {
+    color: var(--bgl-yellow-50) !important;
+}
+
+.pair-yellow-60.bgl_flatPill,
+.pair-yellow-60.bgl_pill-border {
+    color: var(--bgl-yellow-60) !important;
+}
+
+.pair-yellow-70.bgl_flatPill,
+.pair-yellow-70.bgl_pill-border {
+    color: var(--bgl-yellow-70) !important;
+}
+
+.pair-yellow-80.bgl_flatPill,
+.pair-yellow-80.bgl_pill-border {
+    color: var(--bgl-yellow-80) !important;
+}
+
+.pair-yellow-90.bgl_flatPill,
+.pair-yellow-90.bgl_pill-border {
+    color: var(--bgl-yellow-90) !important;
+}
+
+.pair-yellow-100.bgl_flatPill,
+.pair-yellow-100.bgl_pill-border {
+    color: var(--bgl-yellow-100) !important;
+}
+
+.pair-yellow-110.bgl_flatPill,
+.pair-yellow-110.bgl_pill-border {
+    color: var(--bgl-yellow-110) !important;
+}
+
+.pair-yellow-120.bgl_flatPill,
+.pair-yellow-120.bgl_pill-border {
+    color: var(--bgl-yellow-120) !important;
+}
+
+.pair-yellow-130.bgl_flatPill,
+.pair-yellow-130.bgl_pill-border {
+    color: var(--bgl-yellow-130) !important;
+}
+
+.pair-yellow-10.bgl_pill-border {
+    outline-color: var(--bgl-yellow-10);
+}
+
+.pair-yellow-20.bgl_pill-border {
+    outline-color: var(--bgl-yellow-20);
+}
+
+.pair-yellow-30.bgl_pill-border {
+    outline-color: var(--bgl-yellow-30);
+}
+
+.pair-yellow-40.bgl_pill-border {
+    outline-color: var(--bgl-yellow-40);
+}
+
+.pair-yellow-50.bgl_pill-border {
+    outline-color: var(--bgl-yellow-50);
+}
+
+.pair-yellow-60.bgl_pill-border {
+    outline-color: var(--bgl-yellow-60);
+}
+
+.pair-yellow-70.bgl_pill-border {
+    outline-color: var(--bgl-yellow-70);
+}
+
+.pair-yellow-80.bgl_pill-border {
+    outline-color: var(--bgl-yellow-80);
+}
+
+.pair-yellow-90.bgl_pill-border {
+    outline-color: var(--bgl-yellow-90);
+}
+
+.pair-yellow-100.bgl_pill-border {
+    outline-color: var(--bgl-yellow-100);
+}
+
+.pair-yellow-110.bgl_pill-border {
+    outline-color: var(--bgl-yellow-110);
+}
+
+.pair-yellow-120.bgl_pill-border {
+    outline-color: var(--bgl-yellow-120);
+}
+
+.pair-yellow-130.bgl_pill-border {
+    outline-color: var(--bgl-yellow-130);
+}
+
+.pair-purple-10.bgl_flatPill,
+.pair-purple-10.bgl_pill-border {
+    color: var(--bgl-purple-10) !important;
+}
+
+.pair-purple-20.bgl_flatPill,
+.pair-purple-20.bgl_pill-border {
+    color: var(--bgl-purple-20) !important;
+}
+
+.pair-purple-30.bgl_flatPill,
+.pair-purple-30.bgl_pill-border {
+    color: var(--bgl-purple-30) !important;
+}
+
+.pair-purple-40.bgl_flatPill,
+.pair-purple-40.bgl_pill-border {
+    color: var(--bgl-purple-40) !important;
+}
+
+.pair-purple-50.bgl_flatPill,
+.pair-purple-50.bgl_pill-border {
+    color: var(--bgl-purple-50) !important;
+}
+
+.pair-purple-60.bgl_flatPill,
+.pair-purple-60.bgl_pill-border {
+    color: var(--bgl-purple-60) !important;
+}
+
+.pair-purple-70.bgl_flatPill,
+.pair-purple-70.bgl_pill-border {
+    color: var(--bgl-purple-70) !important;
+}
+
+.pair-purple-80.bgl_flatPill,
+.pair-purple-80.bgl_pill-border {
+    color: var(--bgl-purple-80) !important;
+}
+
+.pair-purple-90.bgl_flatPill,
+.pair-purple-90.bgl_pill-border {
+    color: var(--bgl-purple-90) !important;
+}
+
+.pair-purple-100.bgl_flatPill,
+.pair-purple-100.bgl_pill-border {
+    color: var(--bgl-purple-100) !important;
+}
+
+.pair-purple-110.bgl_flatPill,
+.pair-purple-110.bgl_pill-border {
+    color: var(--bgl-purple-110) !important;
+}
+
+.pair-purple-120.bgl_flatPill,
+.pair-purple-120.bgl_pill-border {
+    color: var(--bgl-purple-120) !important;
+}
+
+.pair-purple-130.bgl_flatPill,
+.pair-purple-130.bgl_pill-border {
+    color: var(--bgl-purple-130) !important;
+}
+
+.pair-purple-10.bgl_pill-border {
+    outline-color: var(--bgl-purple-10);
+}
+
+.pair-purple-20.bgl_pill-border {
+    outline-color: var(--bgl-purple-20);
+}
+
+.pair-purple-30.bgl_pill-border {
+    outline-color: var(--bgl-purple-30);
+}
+
+.pair-purple-40.bgl_pill-border {
+    outline-color: var(--bgl-purple-40);
+}
+
+.pair-purple-50.bgl_pill-border {
+    outline-color: var(--bgl-purple-50);
+}
+
+.pair-purple-60.bgl_pill-border {
+    outline-color: var(--bgl-purple-60);
+}
+
+.pair-purple-70.bgl_pill-border {
+    outline-color: var(--bgl-purple-70);
+}
+
+.pair-purple-80.bgl_pill-border {
+    outline-color: var(--bgl-purple-80);
+}
+
+.pair-purple-90.bgl_pill-border {
+    outline-color: var(--bgl-purple-90);
+}
+
+.pair-purple-100.bgl_pill-border {
+    outline-color: var(--bgl-purple-100);
+}
+
+.pair-purple-110.bgl_pill-border {
+    outline-color: var(--bgl-purple-110);
+}
+
+.pair-purple-120.bgl_pill-border {
+    outline-color: var(--bgl-purple-120);
+}
+
+.pair-purple-130.bgl_pill-border {
+    outline-color: var(--bgl-purple-130);
+}
+
+.pair-brown-10.bgl_flatPill,
+.pair-brown-10.bgl_pill-border {
+    color: var(--bgl-brown-10) !important;
+}
+
+.pair-brown-20.bgl_flatPill,
+.pair-brown-20.bgl_pill-border {
+    color: var(--bgl-brown-20) !important;
+}
+
+.pair-brown-30.bgl_flatPill,
+.pair-brown-30.bgl_pill-border {
+    color: var(--bgl-brown-30) !important;
+}
+
+.pair-brown-40.bgl_flatPill,
+.pair-brown-40.bgl_pill-border {
+    color: var(--bgl-brown-40) !important;
+}
+
+.pair-brown-50.bgl_flatPill,
+.pair-brown-50.bgl_pill-border {
+    color: var(--bgl-brown-50) !important;
+}
+
+.pair-brown-60.bgl_flatPill,
+.pair-brown-60.bgl_pill-border {
+    color: var(--bgl-brown-60) !important;
+}
+
+.pair-brown-70.bgl_flatPill,
+.pair-brown-70.bgl_pill-border {
+    color: var(--bgl-brown-70) !important;
+}
+
+.pair-brown-80.bgl_flatPill,
+.pair-brown-80.bgl_pill-border {
+    color: var(--bgl-brown-80) !important;
+}
+
+.pair-brown-90.bgl_flatPill,
+.pair-brown-90.bgl_pill-border {
+    color: var(--bgl-brown-90) !important;
+}
+
+.pair-brown-100.bgl_flatPill,
+.pair-brown-100.bgl_pill-border {
+    color: var(--bgl-brown-100) !important;
+}
+
+.pair-brown-110.bgl_flatPill,
+.pair-brown-110.bgl_pill-border {
+    color: var(--bgl-brown-110) !important;
+}
+
+.pair-brown-120.bgl_flatPill,
+.pair-brown-120.bgl_pill-border {
+    color: var(--bgl-brown-120) !important;
+}
+
+.pair-brown-130.bgl_flatPill,
+.pair-brown-130.bgl_pill-border {
+    color: var(--bgl-brown-130) !important;
+}
+
+.pair-brown-10.bgl_pill-border {
+    outline-color: var(--bgl-brown-10);
+}
+
+.pair-brown-20.bgl_pill-border {
+    outline-color: var(--bgl-brown-20);
+}
+
+.pair-brown-30.bgl_pill-border {
+    outline-color: var(--bgl-brown-30);
+}
+
+.pair-brown-40.bgl_pill-border {
+    outline-color: var(--bgl-brown-40);
+}
+
+.pair-brown-50.bgl_pill-border {
+    outline-color: var(--bgl-brown-50);
+}
+
+.pair-brown-60.bgl_pill-border {
+    outline-color: var(--bgl-brown-60);
+}
+
+.pair-brown-70.bgl_pill-border {
+    outline-color: var(--bgl-brown-70);
+}
+
+.pair-brown-80.bgl_pill-border {
+    outline-color: var(--bgl-brown-80);
+}
+
+.pair-brown-90.bgl_pill-border {
+    outline-color: var(--bgl-brown-90);
+}
+
+.pair-brown-100.bgl_pill-border {
+    outline-color: var(--bgl-brown-100);
+}
+
+.pair-brown-110.bgl_pill-border {
+    outline-color: var(--bgl-brown-110);
+}
+
+.pair-brown-120.bgl_pill-border {
+    outline-color: var(--bgl-brown-120);
+}
+
+.pair-brown-130.bgl_pill-border {
+    outline-color: var(--bgl-brown-130);
+}
+
+.pair-orange-10.bgl_flatPill,
+.pair-orange-10.bgl_pill-border {
+    color: var(--bgl-orange-10) !important;
+}
+
+.pair-orange-20.bgl_flatPill,
+.pair-orange-20.bgl_pill-border {
+    color: var(--bgl-orange-20) !important;
+}
+
+.pair-orange-30.bgl_flatPill,
+.pair-orange-30.bgl_pill-border {
+    color: var(--bgl-orange-30) !important;
+}
+
+.pair-orange-40.bgl_flatPill,
+.pair-orange-40.bgl_pill-border {
+    color: var(--bgl-orange-40) !important;
+}
+
+.pair-orange-50.bgl_flatPill,
+.pair-orange-50.bgl_pill-border {
+    color: var(--bgl-orange-50) !important;
+}
+
+.pair-orange-60.bgl_flatPill,
+.pair-orange-60.bgl_pill-border {
+    color: var(--bgl-orange-60) !important;
+}
+
+.pair-orange-70.bgl_flatPill,
+.pair-orange-70.bgl_pill-border {
+    color: var(--bgl-orange-70) !important;
+}
+
+.pair-orange-80.bgl_flatPill,
+.pair-orange-80.bgl_pill-border {
+    color: var(--bgl-orange-80) !important;
+}
+
+.pair-orange-90.bgl_flatPill,
+.pair-orange-90.bgl_pill-border {
+    color: var(--bgl-orange-90) !important;
+}
+
+.pair-orange-100.bgl_flatPill,
+.pair-orange-100.bgl_pill-border {
+    color: var(--bgl-orange-100) !important;
+}
+
+.pair-orange-110.bgl_flatPill,
+.pair-orange-110.bgl_pill-border {
+    color: var(--bgl-orange-110) !important;
+}
+
+.pair-orange-120.bgl_flatPill,
+.pair-orange-120.bgl_pill-border {
+    color: var(--bgl-orange-120) !important;
+}
+
+.pair-orange-130.bgl_flatPill,
+.pair-orange-130.bgl_pill-border {
+    color: var(--bgl-orange-130) !important;
+}
+
+.pair-orange-10.bgl_pill-border {
+    outline-color: var(--bgl-orange-10);
+}
+
+.pair-orange-20.bgl_pill-border {
+    outline-color: var(--bgl-orange-20);
+}
+
+.pair-orange-30.bgl_pill-border {
+    outline-color: var(--bgl-orange-30);
+}
+
+.pair-orange-40.bgl_pill-border {
+    outline-color: var(--bgl-orange-40);
+}
+
+.pair-orange-50.bgl_pill-border {
+    outline-color: var(--bgl-orange-50);
+}
+
+.pair-orange-60.bgl_pill-border {
+    outline-color: var(--bgl-orange-60);
+}
+
+.pair-orange-70.bgl_pill-border {
+    outline-color: var(--bgl-orange-70);
+}
+
+.pair-orange-80.bgl_pill-border {
+    outline-color: var(--bgl-orange-80);
+}
+
+.pair-orange-90.bgl_pill-border {
+    outline-color: var(--bgl-orange-90);
+}
+
+.pair-orange-100.bgl_pill-border {
+    outline-color: var(--bgl-orange-100);
+}
+
+.pair-orange-110.bgl_pill-border {
+    outline-color: var(--bgl-orange-110);
+}
+
+.pair-orange-120.bgl_pill-border {
+    outline-color: var(--bgl-orange-120);
+}
+
+.pair-orange-130.bgl_pill-border {
+    outline-color: var(--bgl-orange-130);
+}
+
+.pair-turquoise-10.bgl_flatPill,
+.pair-turquoise-10.bgl_pill-border {
+    color: var(--bgl-turquoise-10) !important;
+}
+
+.pair-turquoise-20.bgl_flatPill,
+.pair-turquoise-20.bgl_pill-border {
+    color: var(--bgl-turquoise-20) !important;
+}
+
+.pair-turquoise-30.bgl_flatPill,
+.pair-turquoise-30.bgl_pill-border {
+    color: var(--bgl-turquoise-30) !important;
+}
+
+.pair-turquoise-40.bgl_flatPill,
+.pair-turquoise-40.bgl_pill-border {
+    color: var(--bgl-turquoise-40) !important;
+}
+
+.pair-turquoise-50.bgl_flatPill,
+.pair-turquoise-50.bgl_pill-border {
+    color: var(--bgl-turquoise-50) !important;
+}
+
+.pair-turquoise-60.bgl_flatPill,
+.pair-turquoise-60.bgl_pill-border {
+    color: var(--bgl-turquoise-60) !important;
+}
+
+.pair-turquoise-70.bgl_flatPill,
+.pair-turquoise-70.bgl_pill-border {
+    color: var(--bgl-turquoise-70) !important;
+}
+
+.pair-turquoise-80.bgl_flatPill,
+.pair-turquoise-80.bgl_pill-border {
+    color: var(--bgl-turquoise-80) !important;
+}
+
+.pair-turquoise-90.bgl_flatPill,
+.pair-turquoise-90.bgl_pill-border {
+    color: var(--bgl-turquoise-90) !important;
+}
+
+.pair-turquoise-100.bgl_flatPill,
+.pair-turquoise-100.bgl_pill-border {
+    color: var(--bgl-turquoise-100) !important;
+}
+
+.pair-turquoise-110.bgl_flatPill,
+.pair-turquoise-110.bgl_pill-border {
+    color: var(--bgl-turquoise-110) !important;
+}
+
+.pair-turquoise-120.bgl_flatPill,
+.pair-turquoise-120.bgl_pill-border {
+    color: var(--bgl-turquoise-120) !important;
+}
+
+.pair-turquoise-130.bgl_flatPill,
+.pair-turquoise-130.bgl_pill-border {
+    color: var(--bgl-turquoise-130) !important;
+}
+
+.pair-turquoise-10.bgl_pill-border {
+    outline-color: var(--bgl-turquoise-10);
+}
+
+.pair-turquoise-20.bgl_pill-border {
+    outline-color: var(--bgl-turquoise-20);
+}
+
+.pair-turquoise-30.bgl_pill-border {
+    outline-color: var(--bgl-turquoise-30);
+}
+
+.pair-turquoise-40.bgl_pill-border {
+    outline-color: var(--bgl-turquoise-40);
+}
+
+.pair-turquoise-50.bgl_pill-border {
+    outline-color: var(--bgl-turquoise-50);
+}
+
+.pair-turquoise-60.bgl_pill-border {
+    outline-color: var(--bgl-turquoise-60);
+}
+
+.pair-turquoise-70.bgl_pill-border {
+    outline-color: var(--bgl-turquoise-70);
+}
+
+.pair-turquoise-80.bgl_pill-border {
+    outline-color: var(--bgl-turquoise-80);
+}
+
+.pair-turquoise-90.bgl_pill-border {
+    outline-color: var(--bgl-turquoise-90);
+}
+
+.pair-turquoise-100.bgl_pill-border {
+    outline-color: var(--bgl-turquoise-100);
+}
+
+.pair-turquoise-110.bgl_pill-border {
+    outline-color: var(--bgl-turquoise-110);
+}
+
+.pair-turquoise-120.bgl_pill-border {
+    outline-color: var(--bgl-turquoise-120);
+}
+
+.pair-turquoise-130.bgl_pill-border {
+    outline-color: var(--bgl-turquoise-130);
+}
+
+.pair-pink-10.bgl_flatPill,
+.pair-pink-10.bgl_pill-border {
+    color: var(--bgl-pink-10) !important;
+}
+
+.pair-pink-20.bgl_flatPill,
+.pair-pink-20.bgl_pill-border {
+    color: var(--bgl-pink-20) !important;
+}
+
+.pair-pink-30.bgl_flatPill,
+.pair-pink-30.bgl_pill-border {
+    color: var(--bgl-pink-30) !important;
+}
+
+.pair-pink-40.bgl_flatPill,
+.pair-pink-40.bgl_pill-border {
+    color: var(--bgl-pink-40) !important;
+}
+
+.pair-pink-50.bgl_flatPill,
+.pair-pink-50.bgl_pill-border {
+    color: var(--bgl-pink-50) !important;
+}
+
+.pair-pink-60.bgl_flatPill,
+.pair-pink-60.bgl_pill-border {
+    color: var(--bgl-pink-60) !important;
+}
+
+.pair-pink-70.bgl_flatPill,
+.pair-pink-70.bgl_pill-border {
+    color: var(--bgl-pink-70) !important;
+}
+
+.pair-pink-80.bgl_flatPill,
+.pair-pink-80.bgl_pill-border {
+    color: var(--bgl-pink-80) !important;
+}
+
+.pair-pink-90.bgl_flatPill,
+.pair-pink-90.bgl_pill-border {
+    color: var(--bgl-pink-90) !important;
+}
+
+.pair-pink-100.bgl_flatPill,
+.pair-pink-100.bgl_pill-border {
+    color: var(--bgl-pink-100) !important;
+}
+
+.pair-pink-110.bgl_flatPill,
+.pair-pink-110.bgl_pill-border {
+    color: var(--bgl-pink-110) !important;
+}
+
+.pair-pink-120.bgl_flatPill,
+.pair-pink-120.bgl_pill-border {
+    color: var(--bgl-pink-120) !important;
+}
+
+.pair-pink-130.bgl_flatPill,
+.pair-pink-130.bgl_pill-border {
+    color: var(--bgl-pink-130) !important;
+}
+
+.pair-pink-10.bgl_pill-border {
+    outline-color: var(--bgl-pink-10);
+}
+
+.pair-pink-20.bgl_pill-border {
+    outline-color: var(--bgl-pink-20);
+}
+
+.pair-pink-30.bgl_pill-border {
+    outline-color: var(--bgl-pink-30);
+}
+
+.pair-pink-40.bgl_pill-border {
+    outline-color: var(--bgl-pink-40);
+}
+
+.pair-pink-50.bgl_pill-border {
+    outline-color: var(--bgl-pink-50);
+}
+
+.pair-pink-60.bgl_pill-border {
+    outline-color: var(--bgl-pink-60);
+}
+
+.pair-pink-70.bgl_pill-border {
+    outline-color: var(--bgl-pink-70);
+}
+
+.pair-pink-80.bgl_pill-border {
+    outline-color: var(--bgl-pink-80);
+}
+
+.pair-pink-90.bgl_pill-border {
+    outline-color: var(--bgl-pink-90);
+}
+
+.pair-pink-100.bgl_pill-border {
+    outline-color: var(--bgl-pink-100);
+}
+
+.pair-pink-110.bgl_pill-border {
+    outline-color: var(--bgl-pink-110);
+}
+
+.pair-pink-120.bgl_pill-border {
+    outline-color: var(--bgl-pink-120);
+}
+
+.pair-pink-130.bgl_pill-border {
+    outline-color: var(--bgl-pink-130);
+}
+
+.pair-gray-10.bgl_flatPill,
+.pair-gray-10.bgl_pill-border {
+    color: var(--bgl-gray-10) !important;
+}
+
+.pair-gray-20.bgl_flatPill,
+.pair-gray-20.bgl_pill-border {
+    color: var(--bgl-gray-20) !important;
+}
+
+.pair-gray-30.bgl_flatPill,
+.pair-gray-30.bgl_pill-border {
+    color: var(--bgl-gray-30) !important;
+}
+
+.pair-gray-40.bgl_flatPill,
+.pair-gray-40.bgl_pill-border {
+    color: var(--bgl-gray-40) !important;
+}
+
+.pair-gray-50.bgl_flatPill,
+.pair-gray-50.bgl_pill-border {
+    color: var(--bgl-gray-50) !important;
+}
+
+.pair-gray-60.bgl_flatPill,
+.pair-gray-60.bgl_pill-border {
+    color: var(--bgl-gray-60) !important;
+}
+
+.pair-gray-70.bgl_flatPill,
+.pair-gray-70.bgl_pill-border {
+    color: var(--bgl-gray-70) !important;
+}
+
+.pair-gray-80.bgl_flatPill,
+.pair-gray-80.bgl_pill-border {
+    color: var(--bgl-gray-80) !important;
+}
+
+.pair-gray-90.bgl_flatPill,
+.pair-gray-90.bgl_pill-border {
+    color: var(--bgl-gray-90) !important;
+}
+
+.pair-gray-100.bgl_flatPill,
+.pair-gray-100.bgl_pill-border {
+    color: var(--bgl-gray-100) !important;
+}
+
+.pair-gray-110.bgl_flatPill,
+.pair-gray-110.bgl_pill-border {
+    color: var(--bgl-gray-110) !important;
+}
+
+.pair-gray-120.bgl_flatPill,
+.pair-gray-120.bgl_pill-border {
+    color: var(--bgl-gray-120) !important;
+}
+
+.pair-gray-130.bgl_flatPill,
+.pair-gray-130.bgl_pill-border {
+    color: var(--bgl-gray-130) !important;
+}
+
+.pair-gray-10.bgl_pill-border {
+    outline-color: var(--bgl-gray-10);
+}
+
+.pair-gray-20.bgl_pill-border {
+    outline-color: var(--bgl-gray-20);
+}
+
+.pair-gray-30.bgl_pill-border {
+    outline-color: var(--bgl-gray-30);
+}
+
+.pair-gray-40.bgl_pill-border {
+    outline-color: var(--bgl-gray-40);
+}
+
+.pair-gray-50.bgl_pill-border {
+    outline-color: var(--bgl-gray-50);
+}
+
+.pair-gray-60.bgl_pill-border {
+    outline-color: var(--bgl-gray-60);
+}
+
+.pair-gray-70.bgl_pill-border {
+    outline-color: var(--bgl-gray-70);
+}
+
+.pair-gray-80.bgl_pill-border {
+    outline-color: var(--bgl-gray-80);
+}
+
+.pair-gray-90.bgl_pill-border {
+    outline-color: var(--bgl-gray-90);
+}
+
+.pair-gray-100.bgl_pill-border {
+    outline-color: var(--bgl-gray-100);
+}
+
+.pair-gray-110.bgl_pill-border {
+    outline-color: var(--bgl-gray-110);
+}
+
+.pair-gray-120.bgl_pill-border {
+    outline-color: var(--bgl-gray-120);
+}
+
+.pair-gray-130.bgl_pill-border {
+    outline-color: var(--bgl-gray-130);
+}
+
+.pair-black-10.bgl_flatPill,
+.pair-black-10.bgl_pill-border {
+    color: var(--bgl-black-10) !important;
+}
+
+.pair-black-20.bgl_flatPill,
+.pair-black-20.bgl_pill-border {
+    color: var(--bgl-black-20) !important;
+}
+
+.pair-black-30.bgl_flatPill,
+.pair-black-30.bgl_pill-border {
+    color: var(--bgl-black-30) !important;
+}
+
+.pair-black-40.bgl_flatPill,
+.pair-black-40.bgl_pill-border {
+    color: var(--bgl-black-40) !important;
+}
+
+.pair-black-50.bgl_flatPill,
+.pair-black-50.bgl_pill-border {
+    color: var(--bgl-black-50) !important;
+}
+
+.pair-black-60.bgl_flatPill,
+.pair-black-60.bgl_pill-border {
+    color: var(--bgl-black-60) !important;
+}
+
+.pair-black-70.bgl_flatPill,
+.pair-black-70.bgl_pill-border {
+    color: var(--bgl-black-70) !important;
+}
+
+.pair-black-80.bgl_flatPill,
+.pair-black-80.bgl_pill-border {
+    color: var(--bgl-black-80) !important;
+}
+
+.pair-black-90.bgl_flatPill,
+.pair-black-90.bgl_pill-border {
+    color: var(--bgl-black-90) !important;
+}
+
+.pair-black-100.bgl_flatPill,
+.pair-black-100.bgl_pill-border {
+    color: var(--bgl-black-100) !important;
+}
+
+.pair-black-110.bgl_flatPill,
+.pair-black-110.bgl_pill-border {
+    color: var(--bgl-black-110) !important;
+}
+
+.pair-black-120.bgl_flatPill,
+.pair-black-120.bgl_pill-border {
+    color: var(--bgl-black-120) !important;
+}
+
+.pair-black-130.bgl_flatPill,
+.pair-black-130.bgl_pill-border {
+    color: var(--bgl-black-130) !important;
+}
+
+.pair-black-10.bgl_pill-border {
+    outline-color: var(--bgl-black-10);
+}
+
+.pair-black-20.bgl_pill-border {
+    outline-color: var(--bgl-black-20);
+}
+
+.pair-black-30.bgl_pill-border {
+    outline-color: var(--bgl-black-30);
+}
+
+.pair-black-40.bgl_pill-border {
+    outline-color: var(--bgl-black-40);
+}
+
+.pair-black-50.bgl_pill-border {
+    outline-color: var(--bgl-black-50);
+}
+
+.pair-black-60.bgl_pill-border {
+    outline-color: var(--bgl-black-60);
+}
+
+.pair-black-70.bgl_pill-border {
+    outline-color: var(--bgl-black-70);
+}
+
+.pair-black-80.bgl_pill-border {
+    outline-color: var(--bgl-black-80);
+}
+
+.pair-black-90.bgl_pill-border {
+    outline-color: var(--bgl-black-90);
+}
+
+.pair-black-100.bgl_pill-border {
+    outline-color: var(--bgl-black-100);
+}
+
+.pair-black-110.bgl_pill-border {
+    outline-color: var(--bgl-black-110);
+}
+
+.pair-black-120.bgl_pill-border {
+    outline-color: var(--bgl-black-120);
+}
+
+.pair-black-130.bgl_pill-border {
+    outline-color: var(--bgl-black-130);
 }