@bagelink/vue 1.15.80 → 1.15.86

package/src/styles/base-colors.css

@@ -3113,4 +3113,833 @@
 
 .pair-black-130.bgl_pill-border {
     outline-color: var(--bgl-black-130);
-}
+}
+
+/* New role colors — pair-* */
+.pair-secondary {
+    background-color: var(--bgl-secondary);
+    color: var(--bgl-white);
+    border-color: var(--bgl-secondary);
+}
+
+.pair-secondary-light {
+    background-color: var(--bgl-secondary-light);
+    color: var(--bgl-black);
+    border-color: var(--bgl-secondary-light);
+}
+
+.pair-secondary-light-alt {
+    background-color: var(--bgl-secondary-light);
+    color: var(--bgl-secondary);
+    border-color: var(--bgl-secondary-light);
+}
+
+.pair-secondary-tint {
+    background-color: var(--bgl-secondary-tint);
+    color: var(--bgl-black);
+    border-color: var(--bgl-secondary-tint);
+}
+
+.pair-secondary-tint-alt {
+    background-color: var(--bgl-secondary-tint);
+    color: var(--bgl-secondary);
+    border-color: var(--bgl-secondary-tint);
+}
+
+.pair-secondary-10 {
+    background-color: var(--bgl-secondary-10);
+    color: var(--bgl-black);
+    border-color: var(--bgl-secondary-10);
+}
+
+.pair-secondary-10-alt {
+    background-color: var(--bgl-secondary-10);
+    color: var(--bgl-secondary);
+    border-color: var(--bgl-secondary-10);
+}
+
+.pair-secondary-20 {
+    background-color: var(--bgl-secondary-20);
+    color: var(--bgl-black);
+    border-color: var(--bgl-secondary-20);
+}
+
+.pair-secondary-20-alt {
+    background-color: var(--bgl-secondary-20);
+    color: var(--bgl-secondary);
+    border-color: var(--bgl-secondary-20);
+}
+
+.pair-secondary-30 {
+    background-color: var(--bgl-secondary-30);
+    color: var(--bgl-black);
+    border-color: var(--bgl-secondary-30);
+}
+
+.pair-secondary-30-alt {
+    background-color: var(--bgl-secondary-30);
+    color: var(--bgl-secondary);
+    border-color: var(--bgl-secondary-30);
+}
+
+.pair-secondary-40 {
+    background-color: var(--bgl-secondary-40);
+    color: var(--bgl-black);
+    border-color: var(--bgl-secondary-40);
+}
+
+.pair-secondary-40-alt {
+    background-color: var(--bgl-secondary-40);
+    color: var(--bgl-secondary);
+    border-color: var(--bgl-secondary-40);
+}
+
+.pair-secondary-50 {
+    background-color: var(--bgl-secondary-50);
+    color: var(--bgl-black);
+    border-color: var(--bgl-secondary-50);
+}
+
+.pair-secondary-60 {
+    background-color: var(--bgl-secondary-60);
+    color: var(--bgl-white);
+    border-color: var(--bgl-secondary-60);
+}
+
+.pair-secondary-70 {
+    background-color: var(--bgl-secondary-70);
+    color: var(--bgl-white);
+    border-color: var(--bgl-secondary-70);
+}
+
+.pair-secondary-80 {
+    background-color: var(--bgl-secondary-80);
+    color: var(--bgl-white);
+    border-color: var(--bgl-secondary-80);
+}
+
+.pair-secondary-90 {
+    background-color: var(--bgl-secondary-90);
+    color: var(--bgl-white);
+    border-color: var(--bgl-secondary-90);
+}
+
+.pair-secondary-100 {
+    background-color: var(--bgl-secondary-100);
+    color: var(--bgl-white);
+    border-color: var(--bgl-secondary-100);
+}
+
+.pair-secondary-110 {
+    background-color: var(--bgl-secondary-110);
+    color: var(--bgl-white);
+    border-color: var(--bgl-secondary-110);
+}
+
+.pair-secondary-120 {
+    background-color: var(--bgl-secondary-120);
+    color: var(--bgl-white);
+    border-color: var(--bgl-secondary-120);
+}
+
+.pair-secondary-130 {
+    background-color: var(--bgl-secondary-130);
+    color: var(--bgl-white);
+    border-color: var(--bgl-secondary-130);
+}
+
+.pair-secondary.bgl_flatPill,
+.pair-secondary.bgl_pill-border {
+    color: var(--bgl-secondary);
+}
+
+.pair-secondary.bgl_pill-border {
+    outline-color: var(--bgl-secondary);
+}
+
+.pair-secondary-light.bgl_flatPill,
+.pair-secondary-light.bgl_pill-border {
+    color: var(--bgl-secondary-light);
+}
+
+.pair-secondary-light.bgl_pill-border {
+    outline-color: var(--bgl-secondary-light);
+}
+
+.pair-secondary-tint.bgl_flatPill,
+.pair-secondary-tint.bgl_pill-border {
+    color: var(--bgl-secondary-tint);
+}
+
+.pair-secondary-tint.bgl_pill-border {
+    outline-color: var(--bgl-secondary-tint);
+}
+
+.pair-secondary-10.bgl_flatPill,
+.pair-secondary-10.bgl_pill-border {
+    color: var(--bgl-secondary-10);
+}
+
+.pair-secondary-10.bgl_pill-border {
+    outline-color: var(--bgl-secondary-10);
+}
+
+.pair-secondary-20.bgl_flatPill,
+.pair-secondary-20.bgl_pill-border {
+    color: var(--bgl-secondary-20);
+}
+
+.pair-secondary-20.bgl_pill-border {
+    outline-color: var(--bgl-secondary-20);
+}
+
+.pair-secondary-30.bgl_flatPill,
+.pair-secondary-30.bgl_pill-border {
+    color: var(--bgl-secondary-30);
+}
+
+.pair-secondary-30.bgl_pill-border {
+    outline-color: var(--bgl-secondary-30);
+}
+
+.pair-secondary-40.bgl_flatPill,
+.pair-secondary-40.bgl_pill-border {
+    color: var(--bgl-secondary-40);
+}
+
+.pair-secondary-40.bgl_pill-border {
+    outline-color: var(--bgl-secondary-40);
+}
+
+.pair-secondary-50.bgl_flatPill,
+.pair-secondary-50.bgl_pill-border {
+    color: var(--bgl-secondary-50);
+}
+
+.pair-secondary-50.bgl_pill-border {
+    outline-color: var(--bgl-secondary-50);
+}
+
+.pair-secondary-60.bgl_flatPill,
+.pair-secondary-60.bgl_pill-border {
+    color: var(--bgl-secondary-60);
+}
+
+.pair-secondary-60.bgl_pill-border {
+    outline-color: var(--bgl-secondary-60);
+}
+
+.pair-secondary-70.bgl_flatPill,
+.pair-secondary-70.bgl_pill-border {
+    color: var(--bgl-secondary-70);
+}
+
+.pair-secondary-70.bgl_pill-border {
+    outline-color: var(--bgl-secondary-70);
+}
+
+.pair-secondary-80.bgl_flatPill,
+.pair-secondary-80.bgl_pill-border {
+    color: var(--bgl-secondary-80);
+}
+
+.pair-secondary-80.bgl_pill-border {
+    outline-color: var(--bgl-secondary-80);
+}
+
+.pair-secondary-90.bgl_flatPill,
+.pair-secondary-90.bgl_pill-border {
+    color: var(--bgl-secondary-90);
+}
+
+.pair-secondary-90.bgl_pill-border {
+    outline-color: var(--bgl-secondary-90);
+}
+
+.pair-secondary-100.bgl_flatPill,
+.pair-secondary-100.bgl_pill-border {
+    color: var(--bgl-secondary-100);
+}
+
+.pair-secondary-100.bgl_pill-border {
+    outline-color: var(--bgl-secondary-100);
+}
+
+.pair-secondary-110.bgl_flatPill,
+.pair-secondary-110.bgl_pill-border {
+    color: var(--bgl-secondary-110);
+}
+
+.pair-secondary-110.bgl_pill-border {
+    outline-color: var(--bgl-secondary-110);
+}
+
+.pair-secondary-120.bgl_flatPill,
+.pair-secondary-120.bgl_pill-border {
+    color: var(--bgl-secondary-120);
+}
+
+.pair-secondary-120.bgl_pill-border {
+    outline-color: var(--bgl-secondary-120);
+}
+
+.pair-secondary-130.bgl_flatPill,
+.pair-secondary-130.bgl_pill-border {
+    color: var(--bgl-secondary-130);
+}
+
+.pair-secondary-130.bgl_pill-border {
+    outline-color: var(--bgl-secondary-130);
+}
+
+.pair-tertiary {
+    background-color: var(--bgl-tertiary);
+    color: var(--bgl-white);
+    border-color: var(--bgl-tertiary);
+}
+
+.pair-tertiary-light {
+    background-color: var(--bgl-tertiary-light);
+    color: var(--bgl-black);
+    border-color: var(--bgl-tertiary-light);
+}
+
+.pair-tertiary-light-alt {
+    background-color: var(--bgl-tertiary-light);
+    color: var(--bgl-tertiary);
+    border-color: var(--bgl-tertiary-light);
+}
+
+.pair-tertiary-tint {
+    background-color: var(--bgl-tertiary-tint);
+    color: var(--bgl-black);
+    border-color: var(--bgl-tertiary-tint);
+}
+
+.pair-tertiary-tint-alt {
+    background-color: var(--bgl-tertiary-tint);
+    color: var(--bgl-tertiary);
+    border-color: var(--bgl-tertiary-tint);
+}
+
+.pair-tertiary-10 {
+    background-color: var(--bgl-tertiary-10);
+    color: var(--bgl-black);
+    border-color: var(--bgl-tertiary-10);
+}
+
+.pair-tertiary-10-alt {
+    background-color: var(--bgl-tertiary-10);
+    color: var(--bgl-tertiary);
+    border-color: var(--bgl-tertiary-10);
+}
+
+.pair-tertiary-20 {
+    background-color: var(--bgl-tertiary-20);
+    color: var(--bgl-black);
+    border-color: var(--bgl-tertiary-20);
+}
+
+.pair-tertiary-20-alt {
+    background-color: var(--bgl-tertiary-20);
+    color: var(--bgl-tertiary);
+    border-color: var(--bgl-tertiary-20);
+}
+
+.pair-tertiary-30 {
+    background-color: var(--bgl-tertiary-30);
+    color: var(--bgl-black);
+    border-color: var(--bgl-tertiary-30);
+}
+
+.pair-tertiary-30-alt {
+    background-color: var(--bgl-tertiary-30);
+    color: var(--bgl-tertiary);
+    border-color: var(--bgl-tertiary-30);
+}
+
+.pair-tertiary-40 {
+    background-color: var(--bgl-tertiary-40);
+    color: var(--bgl-black);
+    border-color: var(--bgl-tertiary-40);
+}
+
+.pair-tertiary-40-alt {
+    background-color: var(--bgl-tertiary-40);
+    color: var(--bgl-tertiary);
+    border-color: var(--bgl-tertiary-40);
+}
+
+.pair-tertiary-50 {
+    background-color: var(--bgl-tertiary-50);
+    color: var(--bgl-black);
+    border-color: var(--bgl-tertiary-50);
+}
+
+.pair-tertiary-60 {
+    background-color: var(--bgl-tertiary-60);
+    color: var(--bgl-white);
+    border-color: var(--bgl-tertiary-60);
+}
+
+.pair-tertiary-70 {
+    background-color: var(--bgl-tertiary-70);
+    color: var(--bgl-white);
+    border-color: var(--bgl-tertiary-70);
+}
+
+.pair-tertiary-80 {
+    background-color: var(--bgl-tertiary-80);
+    color: var(--bgl-white);
+    border-color: var(--bgl-tertiary-80);
+}
+
+.pair-tertiary-90 {
+    background-color: var(--bgl-tertiary-90);
+    color: var(--bgl-white);
+    border-color: var(--bgl-tertiary-90);
+}
+
+.pair-tertiary-100 {
+    background-color: var(--bgl-tertiary-100);
+    color: var(--bgl-white);
+    border-color: var(--bgl-tertiary-100);
+}
+
+.pair-tertiary-110 {
+    background-color: var(--bgl-tertiary-110);
+    color: var(--bgl-white);
+    border-color: var(--bgl-tertiary-110);
+}
+
+.pair-tertiary-120 {
+    background-color: var(--bgl-tertiary-120);
+    color: var(--bgl-white);
+    border-color: var(--bgl-tertiary-120);
+}
+
+.pair-tertiary-130 {
+    background-color: var(--bgl-tertiary-130);
+    color: var(--bgl-white);
+    border-color: var(--bgl-tertiary-130);
+}
+
+.pair-tertiary.bgl_flatPill,
+.pair-tertiary.bgl_pill-border {
+    color: var(--bgl-tertiary);
+}
+
+.pair-tertiary.bgl_pill-border {
+    outline-color: var(--bgl-tertiary);
+}
+
+.pair-tertiary-light.bgl_flatPill,
+.pair-tertiary-light.bgl_pill-border {
+    color: var(--bgl-tertiary-light);
+}
+
+.pair-tertiary-light.bgl_pill-border {
+    outline-color: var(--bgl-tertiary-light);
+}
+
+.pair-tertiary-tint.bgl_flatPill,
+.pair-tertiary-tint.bgl_pill-border {
+    color: var(--bgl-tertiary-tint);
+}
+
+.pair-tertiary-tint.bgl_pill-border {
+    outline-color: var(--bgl-tertiary-tint);
+}
+
+.pair-tertiary-10.bgl_flatPill,
+.pair-tertiary-10.bgl_pill-border {
+    color: var(--bgl-tertiary-10);
+}
+
+.pair-tertiary-10.bgl_pill-border {
+    outline-color: var(--bgl-tertiary-10);
+}
+
+.pair-tertiary-20.bgl_flatPill,
+.pair-tertiary-20.bgl_pill-border {
+    color: var(--bgl-tertiary-20);
+}
+
+.pair-tertiary-20.bgl_pill-border {
+    outline-color: var(--bgl-tertiary-20);
+}
+
+.pair-tertiary-30.bgl_flatPill,
+.pair-tertiary-30.bgl_pill-border {
+    color: var(--bgl-tertiary-30);
+}
+
+.pair-tertiary-30.bgl_pill-border {
+    outline-color: var(--bgl-tertiary-30);
+}
+
+.pair-tertiary-40.bgl_flatPill,
+.pair-tertiary-40.bgl_pill-border {
+    color: var(--bgl-tertiary-40);
+}
+
+.pair-tertiary-40.bgl_pill-border {
+    outline-color: var(--bgl-tertiary-40);
+}
+
+.pair-tertiary-50.bgl_flatPill,
+.pair-tertiary-50.bgl_pill-border {
+    color: var(--bgl-tertiary-50);
+}
+
+.pair-tertiary-50.bgl_pill-border {
+    outline-color: var(--bgl-tertiary-50);
+}
+
+.pair-tertiary-60.bgl_flatPill,
+.pair-tertiary-60.bgl_pill-border {
+    color: var(--bgl-tertiary-60);
+}
+
+.pair-tertiary-60.bgl_pill-border {
+    outline-color: var(--bgl-tertiary-60);
+}
+
+.pair-tertiary-70.bgl_flatPill,
+.pair-tertiary-70.bgl_pill-border {
+    color: var(--bgl-tertiary-70);
+}
+
+.pair-tertiary-70.bgl_pill-border {
+    outline-color: var(--bgl-tertiary-70);
+}
+
+.pair-tertiary-80.bgl_flatPill,
+.pair-tertiary-80.bgl_pill-border {
+    color: var(--bgl-tertiary-80);
+}
+
+.pair-tertiary-80.bgl_pill-border {
+    outline-color: var(--bgl-tertiary-80);
+}
+
+.pair-tertiary-90.bgl_flatPill,
+.pair-tertiary-90.bgl_pill-border {
+    color: var(--bgl-tertiary-90);
+}
+
+.pair-tertiary-90.bgl_pill-border {
+    outline-color: var(--bgl-tertiary-90);
+}
+
+.pair-tertiary-100.bgl_flatPill,
+.pair-tertiary-100.bgl_pill-border {
+    color: var(--bgl-tertiary-100);
+}
+
+.pair-tertiary-100.bgl_pill-border {
+    outline-color: var(--bgl-tertiary-100);
+}
+
+.pair-tertiary-110.bgl_flatPill,
+.pair-tertiary-110.bgl_pill-border {
+    color: var(--bgl-tertiary-110);
+}
+
+.pair-tertiary-110.bgl_pill-border {
+    outline-color: var(--bgl-tertiary-110);
+}
+
+.pair-tertiary-120.bgl_flatPill,
+.pair-tertiary-120.bgl_pill-border {
+    color: var(--bgl-tertiary-120);
+}
+
+.pair-tertiary-120.bgl_pill-border {
+    outline-color: var(--bgl-tertiary-120);
+}
+
+.pair-tertiary-130.bgl_flatPill,
+.pair-tertiary-130.bgl_pill-border {
+    color: var(--bgl-tertiary-130);
+}
+
+.pair-tertiary-130.bgl_pill-border {
+    outline-color: var(--bgl-tertiary-130);
+}
+
+.pair-quaternary {
+    background-color: var(--bgl-quaternary);
+    color: var(--bgl-white);
+    border-color: var(--bgl-quaternary);
+}
+
+.pair-quaternary-light {
+    background-color: var(--bgl-quaternary-light);
+    color: var(--bgl-black);
+    border-color: var(--bgl-quaternary-light);
+}
+
+.pair-quaternary-light-alt {
+    background-color: var(--bgl-quaternary-light);
+    color: var(--bgl-quaternary);
+    border-color: var(--bgl-quaternary-light);
+}
+
+.pair-quaternary-tint {
+    background-color: var(--bgl-quaternary-tint);
+    color: var(--bgl-black);
+    border-color: var(--bgl-quaternary-tint);
+}
+
+.pair-quaternary-tint-alt {
+    background-color: var(--bgl-quaternary-tint);
+    color: var(--bgl-quaternary);
+    border-color: var(--bgl-quaternary-tint);
+}
+
+.pair-quaternary-10 {
+    background-color: var(--bgl-quaternary-10);
+    color: var(--bgl-black);
+    border-color: var(--bgl-quaternary-10);
+}
+
+.pair-quaternary-10-alt {
+    background-color: var(--bgl-quaternary-10);
+    color: var(--bgl-quaternary);
+    border-color: var(--bgl-quaternary-10);
+}
+
+.pair-quaternary-20 {
+    background-color: var(--bgl-quaternary-20);
+    color: var(--bgl-black);
+    border-color: var(--bgl-quaternary-20);
+}
+
+.pair-quaternary-20-alt {
+    background-color: var(--bgl-quaternary-20);
+    color: var(--bgl-quaternary);
+    border-color: var(--bgl-quaternary-20);
+}
+
+.pair-quaternary-30 {
+    background-color: var(--bgl-quaternary-30);
+    color: var(--bgl-black);
+    border-color: var(--bgl-quaternary-30);
+}
+
+.pair-quaternary-30-alt {
+    background-color: var(--bgl-quaternary-30);
+    color: var(--bgl-quaternary);
+    border-color: var(--bgl-quaternary-30);
+}
+
+.pair-quaternary-40 {
+    background-color: var(--bgl-quaternary-40);
+    color: var(--bgl-black);
+    border-color: var(--bgl-quaternary-40);
+}
+
+.pair-quaternary-40-alt {
+    background-color: var(--bgl-quaternary-40);
+    color: var(--bgl-quaternary);
+    border-color: var(--bgl-quaternary-40);
+}
+
+.pair-quaternary-50 {
+    background-color: var(--bgl-quaternary-50);
+    color: var(--bgl-black);
+    border-color: var(--bgl-quaternary-50);
+}
+
+.pair-quaternary-60 {
+    background-color: var(--bgl-quaternary-60);
+    color: var(--bgl-white);
+    border-color: var(--bgl-quaternary-60);
+}
+
+.pair-quaternary-70 {
+    background-color: var(--bgl-quaternary-70);
+    color: var(--bgl-white);
+    border-color: var(--bgl-quaternary-70);
+}
+
+.pair-quaternary-80 {
+    background-color: var(--bgl-quaternary-80);
+    color: var(--bgl-white);
+    border-color: var(--bgl-quaternary-80);
+}
+
+.pair-quaternary-90 {
+    background-color: var(--bgl-quaternary-90);
+    color: var(--bgl-white);
+    border-color: var(--bgl-quaternary-90);
+}
+
+.pair-quaternary-100 {
+    background-color: var(--bgl-quaternary-100);
+    color: var(--bgl-white);
+    border-color: var(--bgl-quaternary-100);
+}
+
+.pair-quaternary-110 {
+    background-color: var(--bgl-quaternary-110);
+    color: var(--bgl-white);
+    border-color: var(--bgl-quaternary-110);
+}
+
+.pair-quaternary-120 {
+    background-color: var(--bgl-quaternary-120);
+    color: var(--bgl-white);
+    border-color: var(--bgl-quaternary-120);
+}
+
+.pair-quaternary-130 {
+    background-color: var(--bgl-quaternary-130);
+    color: var(--bgl-white);
+    border-color: var(--bgl-quaternary-130);
+}
+
+.pair-quaternary.bgl_flatPill,
+.pair-quaternary.bgl_pill-border {
+    color: var(--bgl-quaternary);
+}
+
+.pair-quaternary.bgl_pill-border {
+    outline-color: var(--bgl-quaternary);
+}
+
+.pair-quaternary-light.bgl_flatPill,
+.pair-quaternary-light.bgl_pill-border {
+    color: var(--bgl-quaternary-light);
+}
+
+.pair-quaternary-light.bgl_pill-border {
+    outline-color: var(--bgl-quaternary-light);
+}
+
+.pair-quaternary-tint.bgl_flatPill,
+.pair-quaternary-tint.bgl_pill-border {
+    color: var(--bgl-quaternary-tint);
+}
+
+.pair-quaternary-tint.bgl_pill-border {
+    outline-color: var(--bgl-quaternary-tint);
+}
+
+.pair-quaternary-10.bgl_flatPill,
+.pair-quaternary-10.bgl_pill-border {
+    color: var(--bgl-quaternary-10);
+}
+
+.pair-quaternary-10.bgl_pill-border {
+    outline-color: var(--bgl-quaternary-10);
+}
+
+.pair-quaternary-20.bgl_flatPill,
+.pair-quaternary-20.bgl_pill-border {
+    color: var(--bgl-quaternary-20);
+}
+
+.pair-quaternary-20.bgl_pill-border {
+    outline-color: var(--bgl-quaternary-20);
+}
+
+.pair-quaternary-30.bgl_flatPill,
+.pair-quaternary-30.bgl_pill-border {
+    color: var(--bgl-quaternary-30);
+}
+
+.pair-quaternary-30.bgl_pill-border {
+    outline-color: var(--bgl-quaternary-30);
+}
+
+.pair-quaternary-40.bgl_flatPill,
+.pair-quaternary-40.bgl_pill-border {
+    color: var(--bgl-quaternary-40);
+}
+
+.pair-quaternary-40.bgl_pill-border {
+    outline-color: var(--bgl-quaternary-40);
+}
+
+.pair-quaternary-50.bgl_flatPill,
+.pair-quaternary-50.bgl_pill-border {
+    color: var(--bgl-quaternary-50);
+}
+
+.pair-quaternary-50.bgl_pill-border {
+    outline-color: var(--bgl-quaternary-50);
+}
+
+.pair-quaternary-60.bgl_flatPill,
+.pair-quaternary-60.bgl_pill-border {
+    color: var(--bgl-quaternary-60);
+}
+
+.pair-quaternary-60.bgl_pill-border {
+    outline-color: var(--bgl-quaternary-60);
+}
+
+.pair-quaternary-70.bgl_flatPill,
+.pair-quaternary-70.bgl_pill-border {
+    color: var(--bgl-quaternary-70);
+}
+
+.pair-quaternary-70.bgl_pill-border {
+    outline-color: var(--bgl-quaternary-70);
+}
+
+.pair-quaternary-80.bgl_flatPill,
+.pair-quaternary-80.bgl_pill-border {
+    color: var(--bgl-quaternary-80);
+}
+
+.pair-quaternary-80.bgl_pill-border {
+    outline-color: var(--bgl-quaternary-80);
+}
+
+.pair-quaternary-90.bgl_flatPill,
+.pair-quaternary-90.bgl_pill-border {
+    color: var(--bgl-quaternary-90);
+}
+
+.pair-quaternary-90.bgl_pill-border {
+    outline-color: var(--bgl-quaternary-90);
+}
+
+.pair-quaternary-100.bgl_flatPill,
+.pair-quaternary-100.bgl_pill-border {
+    color: var(--bgl-quaternary-100);
+}
+
+.pair-quaternary-100.bgl_pill-border {
+    outline-color: var(--bgl-quaternary-100);
+}
+
+.pair-quaternary-110.bgl_flatPill,
+.pair-quaternary-110.bgl_pill-border {
+    color: var(--bgl-quaternary-110);
+}
+
+.pair-quaternary-110.bgl_pill-border {
+    outline-color: var(--bgl-quaternary-110);
+}
+
+.pair-quaternary-120.bgl_flatPill,
+.pair-quaternary-120.bgl_pill-border {
+    color: var(--bgl-quaternary-120);
+}
+
+.pair-quaternary-120.bgl_pill-border {
+    outline-color: var(--bgl-quaternary-120);
+}
+
+.pair-quaternary-130.bgl_flatPill,
+.pair-quaternary-130.bgl_pill-border {
+    color: var(--bgl-quaternary-130);
+}
+
+.pair-quaternary-130.bgl_pill-border {
+    outline-color: var(--bgl-quaternary-130);
+}