/**
 * Lumos Color 1.0.5
 * Copyright 2023 Timothy Ricks
 * Released under the MIT License
 * Released on: July 30, 2023
*/

a {
  color: inherit;
}
* {
  border-color: var(--bc1);
  -webkit-text-stroke-color: var(--sc1);
}
*::selection {
  background: var(--selection-bg);
  color: var(--selection-fc);
}
img::selection {
  background: transparent;
}
body,
[class*="sm0"],
[class*="cm0"],
[class*="em0"],
[class*="bm0"],
[class*="lm0"],
:is(
    [class*="sm0"],
    :where(
        [section-mode]:not([section-mode=""]),
        [card-mode]:not([card-mode=""]),
        [element-mode]:not([element-mode=""]),
        [btn-mode]:not([btn-mode=""]),
        [link-mode]:not([link-mode=""])
      )
  ) {
  background-color: var(--bg1);
  background-image: var(--bg1i);
  border-color: var(--bg1b);
  box-shadow: var(--bg1s);
  color: var(--fc1);
}
body,
:where([section-mode]:not([section-mode=""]), [class*="sm0"]),
:where([card-mode]:not([card-mode=""]), [class*="cm0"]),
:where([element-mode]:not([element-mode=""]), [class*="em0"]),
:where([btn-mode]:not([btn-mode=""]), [class*="bm0"]),
:where([link-mode]:not([link-mode=""]), [class*="lm0"]) {
  /* mode variable defaults */
  --m-bg1: transparent;
  --m-bg1-hover: var(--m-bg1);
  --m-bg1-active: var(--m-bg1);
  --m-bg1i: none;
  --m-bg1i-hover: var(--m-bg1i);
  --m-bg1i-active: var(--m-bg1i);
  --m-bg1b: var(--bg1);
  --m-bg1b-hover: var(--m-bg1b);
  --m-bg1b-active: var(--m-bg1b);
  --m-bg1s: none;
  --m-bg1s-hover: var(--m-bg1s);
  --m-bg1s-active: var(--m-bg1s);
  --m-bg2: transparent;
  --m-bg2-hover: var(--m-bg2);
  --m-bg2-active: var(--m-bg2);
  --m-bg2i: none;
  --m-bg2i-hover: var(--m-bg2i);
  --m-bg2i-active: var(--m-bg2i);
  --m-bg2b: var(--bg2);
  --m-bg2b-hover: var(--m-bg2b);
  --m-bg2b-active: var(--m-bg2b);
  --m-bg2s: none;
  --m-bg2s-hover: var(--m-bg2s);
  --m-bg2s-active: var(--m-bg2s);
  --m-bg3: transparent;
  --m-bg3-hover: var(--m-bg3);
  --m-bg3-active: var(--m-bg3);
  --m-bg3i: none;
  --m-bg3i-hover: var(--m-bg3i);
  --m-bg3i-active: var(--m-bg3i);
  --m-bg3b: var(--bg3);
  --m-bg3b-hover: var(--m-bg3b);
  --m-bg3b-active: var(--m-bg3b);
  --m-bg3s: none;
  --m-bg3s-hover: var(--m-bg3s);
  --m-bg3s-active: var(--m-bg3s);
  --m-bg4: transparent;
  --m-bg4-hover: var(--m-bg4);
  --m-bg4-active: var(--m-bg4);
  --m-bg4i: none;
  --m-bg4i-hover: var(--m-bg4i);
  --m-bg4i-active: var(--m-bg4i);
  --m-bg4b: var(--bg4);
  --m-bg4b-hover: var(--m-bg4b);
  --m-bg4b-active: var(--m-bg4b);
  --m-bg4s: none;
  --m-bg4s-hover: var(--m-bg4s);
  --m-bg4s-active: var(--m-bg4s);
  --m-bg5: transparent;
  --m-bg5-hover: var(--m-bg5);
  --m-bg5-active: var(--m-bg5);
  --m-bg5i: none;
  --m-bg5i-hover: var(--m-bg5i);
  --m-bg5i-active: var(--m-bg5i);
  --m-bg5b: var(--bg5);
  --m-bg5b-hover: var(--m-bg5b);
  --m-bg5b-active: var(--m-bg5b);
  --m-bg5s: none;
  --m-bg5s-hover: var(--m-bg5s);
  --m-bg5s-active: var(--m-bg5s);
  --m-bg6: transparent;
  --m-bg6-hover: var(--m-bg6);
  --m-bg6-active: var(--m-bg6);
  --m-bg6i: none;
  --m-bg6i-hover: var(--m-bg6i);
  --m-bg6i-active: var(--m-bg6i);
  --m-bg6b: var(--bg6);
  --m-bg6b-hover: var(--m-bg6b);
  --m-bg6b-active: var(--m-bg6b);
  --m-bg6s: none;
  --m-bg6s-hover: var(--m-bg6s);
  --m-bg6s-active: var(--m-bg6s);
  --m-fc1: inherit;
  --m-fc1-hover: var(--m-fc1);
  --m-fc1-active: var(--m-fc1);
  --m-fc2: var(--fc1);
  --m-fc2-hover: var(--m-fc2);
  --m-fc2-active: var(--m-fc2);
  --m-fc3: var(--fc1);
  --m-fc3-hover: var(--m-fc3);
  --m-fc3-active: var(--m-fc3);
  --m-fc4: var(--fc1);
  --m-fc4-hover: var(--m-fc4);
  --m-fc4-active: var(--m-fc4);
  --m-fc5: var(--fc1);
  --m-fc5-hover: var(--m-fc5);
  --m-fc5-active: var(--m-fc5);
  --m-fc6: var(--fc1);
  --m-fc6-hover: var(--m-fc6);
  --m-fc6-active: var(--m-fc6);
  --m-bc1: var(--fc1);
  --m-bc1-hover: var(--m-bc1);
  --m-bc1-active: var(--m-bc1);
  --m-bc2: var(--fc1);
  --m-bc2-hover: var(--m-bc2);
  --m-bc2-active: var(--m-bc2);
  --m-bc3: var(--fc1);
  --m-bc3-hover: var(--m-bc3);
  --m-bc3-active: var(--m-bc3);
  --m-sc1: var(--fc1);
  --m-sc1-hover: var(--m-sc1);
  --m-sc1-active: var(--m-sc1);
  --m-sc2: var(--fc1);
  --m-sc2-hover: var(--m-sc2);
  --m-sc2-active: var(--m-sc2);
  --m-sc3: var(--fc1);
  --m-sc3-hover: var(--m-sc3);
  --m-sc3-active: var(--m-sc3);
  /* mode variable finals */
  --selection-bg: var(--fc1);
  --selection-fc: var(--bg1);
  --bg1: var(--m-bg1);
  --bg1-hover: var(--m-bg1-hover);
  --bg1-active: var(--m-bg1-active);
  --bg1i: var(--m-bg1i);
  --bg1i-hover: var(--m-bg1i-hover);
  --bg1i-active: var(--m-bg1i-active);
  --bg1b: var(--m-bg1b);
  --bg1b-hover: var(--m-bg1b-hover);
  --bg1b-active: var(--m-bg1b-active);
  --bg1s: var(--m-bg1s);
  --bg1s-hover: var(--m-bg1s-hover);
  --bg1s-active: var(--m-bg1s-active);
  --bg2: var(--m-bg2);
  --bg2-hover: var(--m-bg2-hover);
  --bg2-active: var(--m-bg2-active);
  --bg2i: var(--m-bg2i);
  --bg2i-hover: var(--m-bg2i-hover);
  --bg2i-active: var(--m-bg2i-active);
  --bg2b: var(--m-bg2b);
  --bg2b-hover: var(--m-bg2b-hover);
  --bg2b-active: var(--m-bg2b-active);
  --bg2s: var(--m-bg2s);
  --bg2s-hover: var(--m-bg2s-hover);
  --bg2s-active: var(--m-bg2s-active);
  --bg3: var(--m-bg3);
  --bg3-hover: var(--m-bg3-hover);
  --bg3-active: var(--m-bg3-active);
  --bg3i: var(--m-bg3i);
  --bg3i-hover: var(--m-bg3i-hover);
  --bg3i-active: var(--m-bg3i-active);
  --bg3b: var(--m-bg3b);
  --bg3b-hover: var(--m-bg3b-hover);
  --bg3b-active: var(--m-bg3b-active);
  --bg3s: var(--m-bg3s);
  --bg3s-hover: var(--m-bg3s-hover);
  --bg3s-active: var(--m-bg3s-active);
  --bg4: var(--m-bg4);
  --bg4-hover: var(--m-bg4-hover);
  --bg4-active: var(--m-bg4-active);
  --bg4i: var(--m-bg4i);
  --bg4i-hover: var(--m-bg4i-hover);
  --bg4i-active: var(--m-bg4i-active);
  --bg4b: var(--m-bg4b);
  --bg4b-hover: var(--m-bg4b-hover);
  --bg4b-active: var(--m-bg4b-active);
  --bg4s: var(--m-bg4s);
  --bg4s-hover: var(--m-bg4s-hover);
  --bg4s-active: var(--m-bg4s-active);
  --bg5: var(--m-bg5);
  --bg5-hover: var(--m-bg5-hover);
  --bg5-active: var(--m-bg5-active);
  --bg5i: var(--m-bg5i);
  --bg5i-hover: var(--m-bg5i-hover);
  --bg5i-active: var(--m-bg5i-active);
  --bg5b: var(--m-bg5b);
  --bg5b-hover: var(--m-bg5b-hover);
  --bg5b-active: var(--m-bg5b-active);
  --bg5s: var(--m-bg5s);
  --bg5s-hover: var(--m-bg5s-hover);
  --bg5s-active: var(--m-bg5s-active);
  --bg6: var(--m-bg6);
  --bg6-hover: var(--m-bg6-hover);
  --bg6-active: var(--m-bg6-active);
  --bg6i: var(--m-bg6i);
  --bg6i-hover: var(--m-bg6i-hover);
  --bg6i-active: var(--m-bg6i-active);
  --bg6b: var(--m-bg6b);
  --bg6b-hover: var(--m-bg6b-hover);
  --bg6b-active: var(--m-bg6b-active);
  --bg6s: var(--m-bg6s);
  --bg6s-hover: var(--m-bg6s-hover);
  --bg6s-active: var(--m-bg6s-active);
  --fc1: var(--m-fc1);
  --fc1-hover: var(--m-fc1-hover);
  --fc1-active: var(--m-fc1-active);
  --fc2: var(--m-fc2);
  --fc2-hover: var(--m-fc2-hover);
  --fc2-active: var(--m-fc2-active);
  --fc3: var(--m-fc3);
  --fc3-hover: var(--m-fc3-hover);
  --fc3-active: var(--m-fc3-active);
  --fc4: var(--m-fc4);
  --fc4-hover: var(--m-fc4-hover);
  --fc4-active: var(--m-fc4-active);
  --fc5: var(--m-fc5);
  --fc5-hover: var(--m-fc5-hover);
  --fc5-active: var(--m-fc5-active);
  --fc6: var(--m-fc6);
  --fc6-hover: var(--m-fc6-hover);
  --fc6-active: var(--m-fc6-active);
  --bc1: var(--m-bc1);
  --bc1-hover: var(--m-bc1-hover);
  --bc1-active: var(--m-bc1-active);
  --bc2: var(--m-bc2);
  --bc2-hover: var(--m-bc2-hover);
  --bc2-active: var(--m-bc2-active);
  --bc3: var(--m-bc3);
  --bc3-hover: var(--m-bc3-hover);
  --bc3-active: var(--m-bc3-active);
  --sc1: var(--m-sc1);
  --sc1-hover: var(--m-sc1-hover);
  --sc1-active: var(--m-sc1-active);
  --sc2: var(--m-sc2);
  --sc2-hover: var(--m-sc2-hover);
  --sc2-active: var(--m-sc2-active);
  --sc3: var(--m-sc3);
  --sc3-hover: var(--m-sc3-hover);
  --sc3-active: var(--m-sc3-active);
}
/* hover variables */
@media (pointer: fine) {
  [card-mode]:not([class*="hv0"]):hover,
  [class*="cm0"]:not([class*="hv0"]):hover,
  a:hover [card-mode]:not([class*="hv0"]),
  a:hover [class*="cm0"]:not([class*="hv0"]),
  [element-mode]:not([class*="hv0"]):hover,
  [class*="em0"]:not([class*="hv0"]):hover,
  a:hover [element-mode]:not([class*="hv0"]),
  a:hover [class*="em0"]:not([class*="hv0"]),
  [btn-mode]:not([class*="hv0"]):hover,
  [class*="bm0"]:not([class*="hv0"]):hover,
  a:hover [btn-mode]:not([class*="hv0"]),
  a:hover [class*="bm0"]:not([class*="hv0"]),
  [link-mode]:not([class*="hv0"]):hover,
  [class*="lm0"]:not([class*="hv0"]):hover,
  a:hover [link-mode]:not([class*="hv0"]),
  a:hover [class*="lm0"]:not([class*="hv0"]) {
    --bg1: var(--bg1-hover);
    --bg1i: var(--bg1i-hover);
    --bg1b: var(--bg1b-hover);
    --bg1s: var(--bg1s-hover);
    --bg2: var(--bg2-hover);
    --bg2i: var(--bg2i-hover);
    --bg2b: var(--bg2b-hover);
    --bg2s: var(--bg2s-hover);
    --bg3: var(--bg3-hover);
    --bg3i: var(--bg3i-hover);
    --bg3b: var(--bg3b-hover);
    --bg3s: var(--bg3s-hover);
    --bg4: var(--bg4-hover);
    --bg4i: var(--bg4i-hover);
    --bg4b: var(--bg4b-hover);
    --bg4s: var(--bg4s-hover);
    --bg5: var(--bg5-hover);
    --bg5i: var(--bg5i-hover);
    --bg5b: var(--bg5b-hover);
    --bg5s: var(--bg5s-hover);
    --bg6: var(--bg6-hover);
    --bg6i: var(--bg6i-hover);
    --bg6b: var(--bg6b-hover);
    --bg6s: var(--bg6s-hover);
    --fc1: var(--fc1-hover);
    --fc2: var(--fc2-hover);
    --fc3: var(--fc3-hover);
    --fc4: var(--fc4-hover);
    --fc5: var(--fc5-hover);
    --fc6: var(--fc6-hover);
    --bc1: var(--bc1-hover);
    --bc2: var(--bc2-hover);
    --bc3: var(--bc3-hover);
    --sc1: var(--sc1-hover);
    --sc2: var(--sc2-hover);
    --sc3: var(--sc3-hover);
  }
}
/* active variables */
.is-active
  :is(
    [card-mode]:not([card-mode=""]),
    [class*="cm0"],
    [element-mode],
    [class*="em0"],
    [btn-mode],
    [class*="bm0"],
    [link-mode],
    [class*="lm0"]
  ),
.w--current
  :is(
    [card-mode]:not([card-mode=""]),
    [class*="cm0"],
    [element-mode],
    [class*="em0"],
    [btn-mode],
    [class*="bm0"],
    [link-mode],
    [class*="lm0"]
  ),
:is(
    [card-mode]:not([card-mode=""]),
    [class*="cm0"],
    [element-mode],
    [class*="em0"],
    [btn-mode],
    [class*="bm0"],
    [link-mode],
    [class*="lm0"]
  ).is-active,
:is(
    [card-mode]:not([card-mode=""]),
    [class*="cm0"],
    [element-mode],
    [class*="em0"],
    [btn-mode],
    [class*="bm0"],
    [link-mode],
    [class*="lm0"]
  ).w--current,
:is(input, select, textarea):is(
    [card-mode]:not([card-mode=""]),
    [class*="cm0"],
    [element-mode],
    [class*="em0"],
    [btn-mode],
    [class*="bm0"],
    [link-mode],
    [class*="lm0"]
  ):focus {
  --bg1: var(--bg1-active);
  --bg1i: var(--bg1i-active);
  --bg1b: var(--bg1b-active);
  --bg1s: var(--bg1s-active);
  --bg2: var(--bg2-active);
  --bg2i: var(--bg2i-active);
  --bg2b: var(--bg2b-active);
  --bg2s: var(--bg2s-active);
  --bg3: var(--bg3-active);
  --bg3i: var(--bg3i-active);
  --bg3b: var(--bg3b-active);
  --bg3s: var(--bg3s-active);
  --bg4: var(--bg4-active);
  --bg4i: var(--bg4i-active);
  --bg4b: var(--bg4b-active);
  --bg4s: var(--bg4s-active);
  --bg5: var(--bg5-active);
  --bg5i: var(--bg5i-active);
  --bg5b: var(--bg5b-active);
  --bg5s: var(--bg5s-active);
  --bg6: var(--bg6-active);
  --bg6i: var(--bg6i-active);
  --bg6b: var(--bg6b-active);
  --bg6s: var(--bg6s-active);
  --fc1: var(--fc1-active);
  --fc2: var(--fc2-active);
  --fc3: var(--fc3-active);
  --fc4: var(--fc4-active);
  --fc5: var(--fc5-active);
  --fc6: var(--fc6-active);
  --bc1: var(--bc1-active);
  --bc2: var(--bc2-active);
  --bc3: var(--bc3-active);
  --sc1: var(--sc1-active);
  --sc2: var(--sc2-active);
  --sc3: var(--sc3-active);
}
/* COLOR STYLES */

/**%#**/
/* btn and link mode transitions */
[btn-mode],
[class*="bm0"],
[link-mode],
[class*="lm0"] {
  transition-property: background-color, color, border-color;
  transition-duration: 200ms;
}
/* applies default border width to cards, elements, and buttons */
[card-mode]:not([card-mode=""]),
[class*="cm0"],
[element-mode]:not([element-mode=""]),
[class*="em0"],
[btn-mode]:not([btn-mode=""]),
[class*="bm0"] {
  --border-width: var(--bw1);
}
/**#%**/

/* global swatches */
html {
  --dark-1: 0, 56, 255;
  --dark-2: 0, 21, 213;
  --light-1: 255, 255, 255;
  --light-2: 144, 168, 252;
  --brand-1: 0, 22, 102;
  --alt-selection-bg: rgba(var(--brand-1), 1);
  --alt-selection-fc: rgba(var(--light-2), 1);
}

/* section mode 1 (dark mode) */
body, [section-mode="1"], [class*="sm0-1"],
/* styles card mode 2 when inside section mode 2 */
:is([section-mode="2"], [class*="sm0-2"]) :is([card-mode="2"], [class*="cm0-2"]) {
  /* section mode 1 */
  --m-bg1: rgba(var(--dark-1), 1);
  --m-fc1: rgba(var(--light-1), 1);
  --m-fc2: rgba(var(--light-1), 0.5);
  --m-bc1: rgba(var(--light-1), 0.2);
  --m-sc1: rgba(var(--light-1), 1);
  /* element mode 1 (tag) */
  --em1-bg1: rgba(var(--brand-1), 1);
  --em1-fc1: rgba(var(--light-2), 1);
  --em1-bc1: rgba(var(--brand-1), 0.2);
  /* btn mode 1 (primary) */
  --bm1-bg1: rgba(var(--dark-2), 1);
  --bm1-bg1b: rgba(var(--dark-2), 1);
  --bm1-fc1: rgba(var(--light-1), 1);
  --bm1-bg1-hover: rgba(var(--brand-1), 1);
  --bm1-bg1b-hover: rgba(var(--brand-1), 1);
  --bm1-fc1-hover: rgba(var(--light-1), 1);
  /* btn mode 2 (secondary) */
  --bm2-bg1b: rgba(var(--dark-2), 0.2);
  --bm2-fc1: rgba(var(--light-1), 1);
  --bm2-bg1-hover: rgba(var(--dark-2), 1);
  --bm2-bg1b-hover: rgba(var(--dark-2), 1);
  --bm2-fc1-hover: rgba(var(--light-1), 1);
  /* link mode 1 (tab link) */
  --lm1-fc1: rgba(var(--light-1), 0.6);
  --lm1-fc1-hover: rgba(var(--light-1), 1);
  --lm1-bg1b-active: rgba(var(--brand-1), 1);
  --lm1-fc1-active: rgba(var(--light-1), 1);
}

/* section mode 2 (light mode) */
[section-mode="2"], [class*="sm0-2"],
/* card mode 2 */
[card-mode="2"], [class*="cm0-2"],
/* styles card mode 2 when inside section mode 1 */
:is([section-mode="1"], [class*="sm0-1"]) :is([card-mode="2"], [class*="cm0-2"]) {
  /* section mode 2 */
  --m-bg1: rgba(var(--light-1), 1);
  --m-fc1: rgba(var(--dark-1), 1);
  --m-fc2: rgba(var(--dark-1), 0.5);
  --m-bc1: rgba(var(--dark-1), 0.2);
  --m-sc1: rgba(var(--dark-1), 1);
  /* element mode 1 (tag) */
  --em1-bg1: rgba(var(--brand-1), 1);
  --em1-fc1: rgba(var(--light-2), 1);
  --em1-bc1: rgba(var(--brand-1), 0.2);
  /* btn mode 1 (primary) */
  --bm1-bg1: rgba(var(--dark-2), 1);
  --bm1-bg1b: rgba(var(--dark-2), 1);
  --bm1-fc1: rgba(var(--light-1), 1);
  --bm1-bg1-hover: rgba(var(--brand-1), 1);
  --bm1-bg1b-hover: rgba(var(--brand-1), 1);
  --bm1-fc1-hover: rgba(var(--light-1), 1);
  /* btn mode 2 (secondary) */
  --bm2-bg1b: rgba(var(--dark-2), 0.2);
  --bm2-fc1: rgba(var(--brand-1), 1);
  --bm2-bg1-hover: rgba(var(--dark-2), 1);
  --bm2-bg1b-hover: rgba(var(--dark-2), 1);
  --bm2-fc1-hover: rgba(var(--light-1), 1);
  /* link mode 1 (tab link) */
  --lm1-fc1: rgba(var(--dark-1), 0.5);
  --lm1-fc1-hover: rgba(var(--dark-1), 1);
  --lm1-bg1b-active: rgba(var(--dark-1), 1);
  --lm1-fc1-active: rgba(var(--dark-1), 1);
}

/* card mode 1 when inside section mode 2 */
:is([section-mode="2"], [class*="sm0-2"])
  :is([card-mode="1"], [class*="cm0-1"]) {
  --m-bg1: rgba(var(--dark-2), 1);
  --m-fc2: rgba(var(--light-1), 0.7);
  --m-bc1: rgba(var(--light-1), 0.2);
  --m-sc1: rgba(var(--light-2), 1);
}
/* card mode 1 default style */
:is([card-mode="1"], [class*="cm0-1"]),
/* card mode 1 when inside section mode 1 */
:is([section-mode="1"], [class*="sm0-1"]) :is([card-mode="1"], [class*="cm0-1"]) {
  --m-bg1: rgba(var(--light-2), 1);
  --m-fc2: rgba(var(--brand-1), 0.5);
  --m-bc1: rgba(var(--brand-1), 0.2);
  --m-sc1: rgba(var(--brand-1), 1);
}

/**%{{element mode: tag}**/
[element-mode="1"],
[class*="em0-1"] {
  --m-bg1: var(--em1-bg1);
  --m-fc1: var(--em1-fc1);
  --m-bc1: var(--em1-bc1);
} /**}%**/

/**%{{btn mode: solid}**/
[btn-mode="1"],
[class*="bm0-1"] {
  --m-bg1: var(--bm1-bg1);
  --m-fc1: var(--bm1-fc1);
  --m-bg1-hover: var(--bm1-bg1-hover);
  --m-fc1-hover: var(--bm1-fc1-hover);
} /**}%**/

/**%{{btn mode: outlined}**/
[btn-mode="2"],
[class*="bm0-2"] {
  --m-bg1b: var(--bm2-bg1b);
  --m-fc1: var(--bm2-fc1);
  --m-bg1-hover: var(--bm2-bg1-hover);
  --m-bg1b-hover: var(--bm2-bg1b-hover);
  --m-fc1-hover: var(--bm2-fc1-hover);
  --selection-bg: var(--alt-selection-bg);
  --selection-fc: var(--alt-selection-fc);
} /**}%**/

/**%{{link mode: nav}**/
[link-mode="1"],
[class*="lm0-1"] {
  --m-fc1: var(--lm1-fc1);
  --m-fc1-hover: var(--lm1-fc1-hover);
  --m-bg1b-active: var(--lm1-bg1b-active);
  --m-fc1-active: var(--lm1-fc1-active);
  --selection-bg: var(--alt-selection-bg);
  --selection-fc: var(--alt-selection-fc);
} /**}%**/

/* backgrounds */
[class*="bg0"] {
  background-color: transparent;
}
[class*="bg0-1"] {
  background-color: currentColor;
}
[class*="bg1"] {
  background-color: var(--bg1);
  border-color: var(--bg1b);
}
/* font colors */
[class*="fc0"] {
  color: transparent;
}
[class*="fc0-1"] {
  color: currentColor;
}
[class*="fc0-2"] {
  color: inherit;
}
[class*="fc1"] {
  color: var(--fc1);
}
[class*="fc2"] {
  color: var(--fc2);
}
/* border colors */
[class*="bc0"] {
  border-color: transparent;
}
[class*="bc0-1"] {
  border-color: currentColor;
}
[class*="bc0-2"] {
  border-color: inherit;
}
[class*="bc1"] {
  border-color: var(--bc1);
}
[class*="bc2"] {
  border-color: var(--bc2);
}
/* text stroke colors */
[class*="sc0"] {
  -webkit-text-stroke-color: transparent;
}
[class*="sc0-1"] {
  -webkit-text-stroke-color: currentColor;
}
[class*="sc0-2"] {
  -webkit-text-stroke-color: inherit;
}
[class*="sc1"] {
  -webkit-text-stroke-color: var(--sc1);
}