@font-face {
    font-family: 'roll20Color';
    src: url('../fonts/roll20Color/roll20Color.eot?2nhh4z');
    src: url('../fonts/roll20Color/roll20Color.eot?2nhh4z#iefix') format('embedded-opentype'), url('../fonts/roll20Color/roll20Color.ttf?2nhh4z') format('truetype'), url('../fonts/roll20Color/roll20Color.woff?2nhh4z') format('woff'), url('../fonts/roll20Color/roll20Color.svg?2nhh4z#roll20Color') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="r20-"], [class*=" r20-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'roll20Color' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.r20-PurpleLightning .path1:before {
  content: "\1a4";
  color: rgb(12, 4, 19);
}
.r20-PurpleLightning .path2:before {
    content: "\1a5";
    margin-left: -0.6em;
    color: rgb(148, 6, 250);
}
.r20-BlueGryphon .path1:before {
  content: "\1e4";
  color: rgb(10, 11, 12);
}
.r20-BlueGryphon .path2:before {
  content: "\1e5";
  margin-left: -0.6em;
  color: rgb(8, 146, 245);
}
.r20-GreenHorse .path1:before {
  content: "\1fcc";
  color: rgb(0, 175, 14);
}
.r20-GreenHorse .path2:before {
    content: "\1fcd";
    margin-left: -0.63em;
    color: rgb(107, 172, 92);
}
.r20-GreenHorse .path3:before {
    content: "\1fce";
    margin-left: -0.63em;
    color: rgb(66, 107, 51);
}
.r20-GreenHorse .path4:before {
  content: "\1fcf";
  margin-left: -0.63em;
  color: rgb(42, 47, 39);
}
.r20-GreenHorse .path5:before {
    content: "\1fd0";
    margin-left: -0.63em;
    color: rgb(176, 207, 168);
}
.r20-GreenHorse .path6:before {
    content: "\1fd1";
    margin-left: -0.63em;
    color: rgb(35, 160, 34);
}
.r20-YellowBird .path1:before {
  content: "\1e9e";
  color: rgb(255, 239, 160);
}
.r20-YellowBird .path2:before {
  content: "\1e9f";
  margin-left: -0.6em;
  color: rgb(18, 16, 4);
}
.r20-YellowBird .path3:before {
    content: "\1ea0";
    margin-left: -0.6em;
    color: rgb(243, 203, 5);
}
.r20-OrangeLion .path1:before {
  content: "\20e";
  color: rgb(255, 106, 0);
}
.r20-OrangeLion .path2:before {
    content: "\20f";
    margin-left: -0.63em;
    color: rgb(46, 47, 47);
}
.r20-OrangeLion .path3:before {
    content: "\210";
    margin-left: -0.63em;
    color: rgb(250, 188, 141);
}
.r20-OrangeLion .path4:before {
  content: "\211";
  margin-left: -0.63em;
  color: rgb(208, 86, 4);
}
.r20-RedFox .path1:before {
  content: "\154";
  color: rgb(241, 235, 209);
}
.r20-RedFox .path2:before {
  content: "\155";
  margin-left: -0.6em;
  color: rgb(23, 4, 4);
}
.r20-RedFox .path3:before {
    content: "\156";
    margin-left: -0.6em;
    color: rgb(250, 6, 6);
}
.r20-BrownCow .path1:before {
  content: "\10c";
  color: rgb(12, 9, 12);
}
.r20-BrownCow .path2:before {
  content: "\10d";
  margin-left: -0.63em;
  color: rgb(221, 208, 201);
}
.r20-BrownCow .path3:before {
    content: "\10e";
    margin-left: -0.63em;
    color: rgb(125, 85, 75);
}
.r20-GrayYak .path1:before {
  content: "\1b3";
  color: rgb(90, 91, 91);
}
.r20-GrayYak .path2:before {
    content: "\1b4";
    margin-left: -0.63em;
    color: rgb(192, 192, 192);
}
.r20-BlackTower .path1:before {
  content: "\166";
  color: rgb(92, 92, 92);
}
.r20-BlackTower .path2:before {
  content: "\167";
  margin-left: -1em;
  color: rgb(6, 6, 5);
}
.r20-A:before {
  content: "\41";
}
.r20-Aacute:before {
  content: "\c1";
}
.r20-Acircumflex:before {
  content: "\c2";
}
.r20-Adieresis:before {
  content: "\c4";
}
.r20-Agrave:before {
  content: "\c0";
}
.r20-Aring:before {
  content: "\c5";
}
.r20-Atilde:before {
  content: "\c3";
}
.r20-AE:before {
  content: "\c6";
}
.r20-B:before {
  content: "\42";
}
.r20-C:before {
  content: "\43";
}
.r20-Ccedilla:before {
  content: "\c7";
}
.r20-D:before {
  content: "\44";
}
.r20-Eth:before {
  content: "\d0";
}
.r20-E:before {
  content: "\45";
}
.r20-Eacute:before {
  content: "\c9";
}
.r20-Ecircumflex:before {
  content: "\ca";
}
.r20-Edieresis:before {
  content: "\cb";
}
.r20-Egrave:before {
  content: "\c8";
}
.r20-F:before {
  content: "\46";
}
.r20-G:before {
  content: "\47";
}
.r20-H:before {
  content: "\48";
}
.r20-I:before {
  content: "\49";
}
.r20-Iacute:before {
  content: "\cd";
}
.r20-Icircumflex:before {
  content: "\ce";
}
.r20-Idieresis:before {
  content: "\cf";
}
.r20-Igrave:before {
  content: "\cc";
}
.r20-J:before {
  content: "\4a";
}
.r20-uni004A0301:before {
  content: "\e900";
}
.r20-K:before {
  content: "\4b";
}
.r20-L:before {
  content: "\4c";
}
.r20-M:before {
  content: "\4d";
}
.r20-N:before {
  content: "\4e";
}
.r20-Ntilde:before {
  content: "\d1";
}
.r20-O:before {
  content: "\4f";
}
.r20-Oacute:before {
  content: "\d3";
}
.r20-Ocircumflex:before {
  content: "\d4";
}
.r20-Odieresis:before {
  content: "\d6";
}
.r20-Ograve:before {
  content: "\d2";
}
.r20-Oslash:before {
  content: "\d8";
}
.r20-Otilde:before {
  content: "\d5";
}
.r20-OE:before {
  content: "\152";
}
.r20-P:before {
  content: "\50";
}
.r20-Q:before {
  content: "\51";
}
.r20-R:before {
  content: "\52";
}
.r20-S:before {
  content: "\53";
}
.r20-T:before {
  content: "\54";
}
.r20-U:before {
  content: "\55";
}
.r20-Uacute:before {
  content: "\da";
}
.r20-Ucircumflex:before {
  content: "\db";
}
.r20-Udieresis:before {
  content: "\dc";
}
.r20-Ugrave:before {
  content: "\d9";
}
.r20-V:before {
  content: "\56";
}
.r20-W:before {
  content: "\57";
}
.r20-Wacute:before {
  content: "\1e82";
}
.r20-Wcircumflex:before {
  content: "\174";
}
.r20-Wdieresis:before {
  content: "\1e84";
}
.r20-Wgrave:before {
  content: "\1e80";
}
.r20-X:before {
  content: "\58";
}
.r20-Y:before {
  content: "\59";
}
.r20-Yacute:before {
  content: "\dd";
}
.r20-Ycircumflex:before {
  content: "\176";
}
.r20-Ydieresis:before {
  content: "\178";
}
.r20-Ygrave:before {
  content: "\1ef2";
}
.r20-Z:before {
  content: "\5a";
}
.r20-a:before {
  content: "\61";
}
.r20-aacute:before {
  content: "\e1";
}
.r20-acircumflex:before {
  content: "\e2";
}
.r20-adieresis:before {
  content: "\e4";
}
.r20-agrave:before {
  content: "\e0";
}
.r20-aring:before {
  content: "\e5";
}
.r20-atilde:before {
  content: "\e3";
}
.r20-ae:before {
  content: "\e6";
}
.r20-b:before {
  content: "\62";
}
.r20-c:before {
  content: "\63";
}
.r20-ccedilla:before {
  content: "\e7";
}
.r20-d:before {
  content: "\64";
}
.r20-e:before {
  content: "\65";
}
.r20-eacute:before {
  content: "\e9";
}
.r20-ecircumflex:before {
  content: "\ea";
}
.r20-edieresis:before {
  content: "\eb";
}
.r20-egrave:before {
  content: "\e8";
}
.r20-f:before {
  content: "\66";
}
.r20-g:before {
  content: "\67";
}
.r20-h:before {
  content: "\68";
}
.r20-i:before {
  content: "\69";
}
.r20-dotlessi:before {
  content: "\131";
}
.r20-iacute:before {
  content: "\ed";
}
.r20-icircumflex:before {
  content: "\ee";
}
.r20-idieresis:before {
  content: "\ef";
}
.r20-igrave:before {
  content: "\ec";
}
.r20-j:before {
  content: "\6a";
}
.r20-uni0237:before {
  content: "\237";
}
.r20-uni006A0301:before {
  content: "\e901";
}
.r20-k:before {
  content: "\6b";
}
.r20-l:before {
  content: "\6c";
}
.r20-m:before {
  content: "\6d";
}
.r20-n:before {
  content: "\6e";
}
.r20-ntilde:before {
  content: "\f1";
}
.r20-o:before {
  content: "\6f";
}
.r20-oacute:before {
  content: "\f3";
}
.r20-ocircumflex:before {
  content: "\f4";
}
.r20-odieresis:before {
  content: "\f6";
}
.r20-ograve:before {
  content: "\f2";
}
.r20-oslash:before {
  content: "\f8";
}
.r20-otilde:before {
  content: "\f5";
}
.r20-oe:before {
  content: "\153";
}
.r20-p:before {
  content: "\70";
}
.r20-q:before {
  content: "\71";
}
.r20-r:before {
  content: "\72";
}
.r20-s:before {
  content: "\73";
}
.r20-t:before {
  content: "\74";
}
.r20-u:before {
  content: "\75";
}
.r20-uacute:before {
  content: "\fa";
}
.r20-ucircumflex:before {
  content: "\fb";
}
.r20-udieresis:before {
  content: "\fc";
}
.r20-ugrave:before {
  content: "\f9";
}
.r20-v:before {
  content: "\76";
}
.r20-w:before {
  content: "\77";
}
.r20-wacute:before {
  content: "\1e83";
}
.r20-wcircumflex:before {
  content: "\175";
}
.r20-wdieresis:before {
  content: "\1e85";
}
.r20-wgrave:before {
  content: "\1e81";
}
.r20-x:before {
  content: "\78";
}
.r20-y:before {
  content: "\79";
}
.r20-yacute:before {
  content: "\fd";
}
.r20-ycircumflex:before {
  content: "\177";
}
.r20-ydieresis:before {
  content: "\ff";
}
.r20-ygrave:before {
  content: "\1ef3";
}
.r20-z:before {
  content: "\7a";
}
.r20-zero:before {
  content: "\30";
}
.r20-one:before {
  content: "\31";
}
.r20-two:before {
  content: "\32";
}
.r20-three:before {
  content: "\33";
}
.r20-four:before {
  content: "\34";
}
.r20-five:before {
  content: "\35";
}
.r20-six:before {
  content: "\36";
}
.r20-seven:before {
  content: "\37";
}
.r20-eight:before {
  content: "\38";
}
.r20-nine:before {
  content: "\39";
}
.r20-period:before {
  content: "\2e";
}
.r20-comma:before {
  content: "\2c";
}
.r20-colon:before {
  content: "\3a";
}
.r20-semicolon:before {
  content: "\3b";
}
.r20-exclam:before {
  content: "\21";
}
.r20-question:before {
  content: "\3f";
}
.r20-asterisk:before {
  content: "\2a";
}
.r20-numbersign:before {
  content: "\23";
}
.r20-slash:before {
  content: "\2f";
}
.r20-backslash:before {
  content: "\5c";
}
.r20-hyphen:before {
  content: "\2d";
}
.r20-underscore:before {
  content: "\5f";
}
.r20-parenleft:before {
  content: "\28";
}
.r20-parenright:before {
  content: "\29";
}
.r20-braceleft:before {
  content: "\7b";
}
.r20-braceright:before {
  content: "\7d";
}
.r20-bracketleft:before {
  content: "\5b";
}
.r20-bracketright:before {
  content: "\5d";
}
.r20-quotesinglbase:before {
  content: "\201a";
}
.r20-quotedblbase:before {
  content: "\201e";
}
.r20-quotedblleft:before {
  content: "\201c";
}
.r20-quotedblright:before {
  content: "\201d";
}
.r20-quoteleft:before {
  content: "\2018";
}
.r20-quoteright:before {
  content: "\2019";
}
.r20-guillemotleft:before {
  content: "\ab";
}
.r20-guillemotright:before {
  content: "\bb";
}
.r20-guilsinglleft:before {
  content: "\2039";
}
.r20-guilsinglright:before {
  content: "\203a";
}
.r20-quotedbl:before {
  content: "\22";
}
.r20-quotesingle:before {
  content: "\27";
}
.r20-at:before {
  content: "\40";
}
.r20-ampersand:before {
  content: "\26";
}
.r20-bar:before {
  content: "\7c";
}
.r20-cent:before {
  content: "\a2";
}
.r20-dollar:before {
  content: "\24";
}
.r20-Euro:before {
  content: "\20ac";
}
.r20-yen:before {
  content: "\a5";
}
.r20-plus:before {
  content: "\2b";
}
.r20-minus:before {
  content: "\2212";
}
.r20-multiply:before {
  content: "\d7";
}
.r20-divide:before {
  content: "\f7";
}
.r20-equal:before {
  content: "\3d";
}
.r20-greater:before {
  content: "\3e";
}
.r20-less:before {
  content: "\3c";
}
.r20-asciicircum:before {
  content: "\5e";
}
.r20-percent:before {
  content: "\25";
}
.r20-uni0308:before {
  content: "\308";
}