/*
  Icon Font: dicefont
*/

@font-face {
  font-family: "dicefont";
  src: url("./dicefont.eot");
  src: url("./dicefont.eot?#iefix") format("embedded-opentype"),
    url("./dicefont.woff") format("woff"),
    url("./dicefont.ttf") format("truetype"),
    url("./dicefont.svg#dicefont") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Genesys";
  src: url("./genesysglyphsanddice.woff2") format("woff2"),
    url("./genesysglyphsanddice.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "EotE Symbol";
  src: url("./EotESymbol-Regular.eot");
  src: url("./EotESymbol-Regular.eot?#iefix") format("embedded-opentype"),
    url("./EotESymbol-Regular.woff") format("woff"),
    url("./EotESymbol-Regular.ttf") format("truetype"),
    url("./EotESymbol-Regular.svg#EotESymbol-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "dicefont";
    src: url("./dicefont.svg#dicefont") format("svg");
  }
}

[data-icon]:before {
  content: attr(data-icon);
}

[data-icon]:before,
.df-d10-blank:before,
.df-d100-blank:before,
.df-d100:before,
.df-dpercent:before,
.df-d10-0:before,
.df-d10-1:before,
.df-d10-10:before,
.df-d10-2:before,
.df-d10-3:before,
.df-d10-4:before,
.df-d10-5:before,
.df-d10-6:before,
.df-d10-7:before,
.df-d10-8:before,
.df-d10-9:before,
.df-d12-blank:before,
.df-d12-1:before,
.df-d12-10:before,
.df-d12-11:before,
.df-d12-12:before,
.df-d12-2:before,
.df-d12-3:before,
.df-d12-4:before,
.df-d12-5:before,
.df-d12-6:before,
.df-d12-7:before,
.df-d12-8:before,
.df-d12-9:before,
.df-d2-1:before,
.df-d2-2:before,
.df-d20-blank:before,
.df-d20-1:before,
.df-d20-10:before,
.df-d20-11:before,
.df-d20-12:before,
.df-d20-13:before,
.df-d20-14:before,
.df-d20-15:before,
.df-d20-16:before,
.df-d20-17:before,
.df-d20-18:before,
.df-d20-19:before,
.df-d20-2:before,
.df-d20-20:before,
.df-d20-3:before,
.df-d20-4:before,
.df-d20-5:before,
.df-d20-6:before,
.df-d20-7:before,
.df-d20-8:before,
.df-d20-9:before,
.df-d4-blank:before,
.df-d4-1:before,
.df-d4-2:before,
.df-d4-3:before,
.df-d4-4:before,
.df-d6-blank:before,
.df-d6-1:before,
.df-d6-2:before,
.df-d6-3:before,
.df-d6-4:before,
.df-d6-5:before,
.df-d6-6:before,
.df-d8-blank:before,
.df-d8-1:before,
.df-d8-2:before,
.df-d8-3:before,
.df-d8-4:before,
.df-d8-5:before,
.df-d8-6:before,
.df-d8-7:before,
.df-d8-8:before,
.df-dot-d6-1:before,
.df-dot-d6-2:before,
.df-dot-d6-3:before,
.df-dot-d6-4:before,
.df-dot-d6-5:before,
.df-dot-d6-6:before,
.df-small-dot-d6-1:before,
.df-small-dot-d6-2:before,
.df-small-dot-d6-3:before,
.df-small-dot-d6-4:before,
.df-small-dot-d6-5:before,
.df-small-dot-d6-6:before,
.df-solid-small-dot-d6-1:before,
.df-solid-small-dot-d6-2:before,
.df-solid-small-dot-d6-3:before,
.df-solid-small-dot-d6-4:before,
.df-solid-small-dot-d6-5:before,
.df-solid-small-dot-d6-6:before,
.df-d30-blank:before,
.df-d30-1:before,
.df-d30-10:before,
.df-d30-11:before,
.df-d30-12:before,
.df-d30-13:before,
.df-d30-14:before,
.df-d30-15:before,
.df-d30-16:before,
.df-d30-17:before,
.df-d30-18:before,
.df-d30-19:before,
.df-d30-2:before,
.df-d30-20:before,
.df-d30-3:before,
.df-d30-4:before,
.df-d30-5:before,
.df-d30-6:before,
.df-d30-7:before,
.df-d30-8:before,
.df-d30-21:before,
.df-d30-22:before,
.df-d30-23:before,
.df-d30-24:before,
.df-d30-25:before,
.df-d30-26:before,
.df-d30-27:before,
.df-d30-28:before,
.df-d30-29:before,
.df-d30-30:before,
.df-d30-9:before {
  display: inline-block;
  font-family: "dicefont";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.df-d10-blank:before {
  content: "\f144";
}

.df-d100-blank:before {
  content: "\f14c";
}

.df-dpercent:before {
  content: "\f14d";
}

.df-d100:before {
  content: "\f145";
}

.df-d10-0:before {
  content: "\f100";
}

.df-d10-1:before {
  content: "\f101";
}

.df-d10-10:before {
  content: "\f102";
}

.df-d10-2:before {
  content: "\f103";
}

.df-d10-3:before {
  content: "\f104";
}

.df-d10-4:before {
  content: "\f105";
}

.df-d10-5:before {
  content: "\f106";
}

.df-d10-6:before {
  content: "\f107";
}

.df-d10-7:before {
  content: "\f108";
}

.df-d10-8:before {
  content: "\f109";
}

.df-d10-9:before {
  content: "\f10a";
}

.df-d12-blank:before {
  content: "\f146";
}

.df-d12-1:before {
  content: "\f10b";
}

.df-d12-10:before {
  content: "\f10c";
}

.df-d12-11:before {
  content: "\f10d";
}

.df-d12-12:before {
  content: "\f10e";
}

.df-d12-2:before {
  content: "\f10f";
}

.df-d12-3:before {
  content: "\f110";
}

.df-d12-4:before {
  content: "\f111";
}

.df-d12-5:before {
  content: "\f112";
}

.df-d12-6:before {
  content: "\f113";
}

.df-d12-7:before {
  content: "\f114";
}

.df-d12-8:before {
  content: "\f115";
}

.df-d12-9:before {
  content: "\f116";
}

.df-d2-1:before {
  content: "\f117";
}

.df-d2-2:before {
  content: "\f118";
}

.df-d20-blank:before {
  content: "\f14a";
}

.df-d20-1:before {
  content: "\f119";
}

.df-d20-10:before {
  content: "\f11a";
}

.df-d20-11:before {
  content: "\f11b";
}

.df-d20-12:before {
  content: "\f11c";
}

.df-d20-13:before {
  content: "\f11d";
}

.df-d20-14:before {
  content: "\f11e";
}

.df-d20-15:before {
  content: "\f11f";
}

.df-d20-16:before {
  content: "\f120";
}

.df-d20-17:before {
  content: "\f121";
}

.df-d20-18:before {
  content: "\f122";
}

.df-d20-19:before {
  content: "\f123";
}

.df-d20-2:before {
  content: "\f124";
}

.df-d20-20:before {
  content: "\f125";
}

.df-d20-3:before {
  content: "\f126";
}

.df-d20-4:before {
  content: "\f127";
}

.df-d20-5:before {
  content: "\f128";
}

.df-d20-6:before {
  content: "\f129";
}

.df-d20-7:before {
  content: "\f12a";
}

.df-d20-8:before {
  content: "\f12b";
}

.df-d20-9:before {
  content: "\f12c";
}

.df-d4-blank:before {
  content: "\f147";
}

.df-d4-1:before {
  content: "\f12d";
}

.df-d4-2:before {
  content: "\f12e";
}

.df-d4-3:before {
  content: "\f12f";
}

.df-d4-4:before {
  content: "\f130";
}

.df-d6-blank:before {
  content: "\f148";
}

.df-d6-1:before {
  content: "\f131";
}

.df-d6-2:before {
  content: "\f132";
}

.df-d6-3:before {
  content: "\f133";
}

.df-d6-4:before {
  content: "\f134";
}

.df-d6-5:before {
  content: "\f135";
}

.df-d6-6:before {
  content: "\f136";
}

.df-d8-blank:before {
  content: "\f149";
}

.df-d8-1:before {
  content: "\f137";
}

.df-d8-2:before {
  content: "\f138";
}

.df-d8-3:before {
  content: "\f139";
}

.df-d8-4:before {
  content: "\f13a";
}

.df-d8-5:before {
  content: "\f13b";
}

.df-d8-6:before {
  content: "\f13c";
}

.df-d8-7:before {
  content: "\f13d";
}

.df-d8-8:before {
  content: "\f13e";
}

.df-dot-d6-1:before {
  content: "\f13f";
}

.df-dot-d6-2:before {
  content: "\f140";
}

.df-dot-d6-3:before {
  content: "\f141";
}

.df-dot-d6-4:before {
  content: "\f142";
}

.df-dot-d6-5:before {
  content: "\f143";
}

.df-dot-d6-6:before {
  content: "\f18f";
}

.df-small-dot-d6-1:before {
  content: "\f183";
}

.df-small-dot-d6-2:before {
  content: "\f184";
}

.df-small-dot-d6-3:before {
  content: "\f185";
}

.df-small-dot-d6-4:before {
  content: "\f186";
}

.df-small-dot-d6-5:before {
  content: "\f187";
}

.df-small-dot-d6-6:before {
  content: "\f188";
}

.df-solid-small-dot-d6-1:before {
  content: "\f189";
}

.df-solid-small-dot-d6-2:before {
  content: "\f18a";
}

.df-solid-small-dot-d6-3:before {
  content: "\f18b";
}

.df-solid-small-dot-d6-4:before {
  content: "\f18c";
}

.df-solid-small-dot-d6-5:before {
  content: "\f18d";
}

.df-solid-small-dot-d6-6:before {
  content: "\f18e";
}

.df-d30-blank:before {
  content: "\f14b";
}

.df-d30-1:before {
  content: "\f14f";
}

.df-d30-10:before {
  content: "\f158";
}

.df-d30-11:before {
  content: "\f159";
}

.df-d30-12:before {
  content: "\f15a";
}

.df-d30-13:before {
  content: "\f15b";
}

.df-d30-14:before {
  content: "\f15c";
}

.df-d30-15:before {
  content: "\f15d";
}

.df-d30-16:before {
  content: "\f15e";
}

.df-d30-17:before {
  content: "\f15f";
}

.df-d30-18:before {
  content: "\f160";
}

.df-d30-19:before {
  content: "\f161";
}

.df-d30-2:before {
  content: "\f150";
}

.df-d30-20:before {
  content: "\f162";
}

.df-d30-3:before {
  content: "\f151";
}

.df-d30-4:before {
  content: "\f152";
}

.df-d30-5:before {
  content: "\f153";
}

.df-d30-6:before {
  content: "\f154";
}

.df-d30-7:before {
  content: "\f155";
}

.df-d30-8:before {
  content: "\f156";
}

.df-d30-9:before {
  content: "\f157";
}

.df-d30-21:before {
  content: "\f163";
}

.df-d30-22:before {
  content: "\f164";
}

.df-d30-23:before {
  content: "\f165";
}

.df-d30-24:before {
  content: "\f166";
}

.df-d30-25:before {
  content: "\f167";
}

.df-d30-26:before {
  content: "\f168";
}

.df-d30-27:before {
  content: "\f169";
}

.df-d30-28:before {
  content: "\f16a";
}

.df-d30-29:before {
  content: "\f16b";
}

.df-d30-30:before {
  content: "\f16c";
}

.ability:before {
  display: inline-block;
  font-family: "Genesys";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "k";
  color: #46ac4e;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}

.difficulty:before {
  display: inline-block;
  font-family: "Genesys";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "k";
  color: #52287e;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}

.proficiency:before {
  display: inline-block;
  font-family: "Genesys";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "l";
  color: #fef035;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}

.challenge:before {
  display: inline-block;
  font-family: "Genesys";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "l";
  color: #751317;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}

.boost:before {
  display: inline-block;
  font-family: "Genesys";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "j";
  color: #76cddb;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}

.setback:before {
  display: inline-block;
  font-family: "Genesys";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "j";
  color: #000000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--mantine-color-default-border);
}

.magic:before {
  display: inline-block;
  font-family: "Genesys";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "l";
  color: #ffffff;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}

.force:before {
  display: inline-block;
  font-family: "Genesys";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "l";
  color: #ffffff;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}

.success:before {
  display: inline-block;
  font-family: "Genesys";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "s";
}

.advantage:before {
  display: inline-block;
  font-family: "Genesys";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "a";
}

.failure:before {
  display: inline-block;
  font-family: "Genesys";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "f";
}

.threat:before {
  display: inline-block;
  font-family: "Genesys";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "h";
}

.triumph:before {
  display: inline-block;
  font-family: "Genesys";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "t";
}

.despair:before {
  display: inline-block;
  font-family: "Genesys";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "d";
}

.light:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\005A";
}

.dark:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\007A";
}

.forcepoint:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\0059";
}

/* ============================================
   Star Wars EotE Symbol Font Classes
   Used when ruleset name contains "Star Wars"
   ============================================ */

/* Star Wars EotE - Dice Type Icons */
/* Note: font-size: 0.85em to match Genesys font visual size */
/* Ability (d8) = Diamond shape - green */
.sw-ability:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.85em;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "d";
  color: #46ac4e;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}

/* Difficulty (d8) = Diamond shape - purple */
.sw-difficulty:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.85em;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "d";
  color: #52287e;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}

/* Proficiency (d12) = Hexagon shape - yellow */
.sw-proficiency:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.85em;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "c";
  color: #fef035;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}

/* Challenge (d12) = Hexagon shape - red */
.sw-challenge:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.85em;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "c";
  color: #751317;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}

.sw-boost:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.85em;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "b";
  color: #76cddb;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}

.sw-setback:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.85em;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "b";
  color: #000000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--mantine-color-default-border);
}

/* Magic/Force (d12) = Hexagon shape - white */
.sw-magic:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.85em;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "c";
  color: #ffffff;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}

/* Force (d12) = Hexagon shape - white */
.sw-force:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.85em;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "c";
  color: #ffffff;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}

/* Star Wars EotE - Result Symbols */
.sw-success:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.85em;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "s";
}

.sw-advantage:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.85em;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "a";
}

.sw-failure:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.85em;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "f";
}

.sw-threat:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.85em;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "t";
}

.sw-triumph:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.85em;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "x";
}

.sw-despair:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.85em;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "y";
}

/* Star Wars EotE - Light/Dark use same chars as existing classes */
.sw-light:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.85em;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\005A";
}

.sw-dark:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.85em;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\007A";
}

.sw-forcepoint:before {
  display: inline-block;
  font-family: "EotE Symbol";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 0.85em;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\0059";
}