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

[class^="icon-hero"],
[class*="icon-hero"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "OWL_Heroes" !important;
    speak: none;
    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;
}

.icon-hero-Ana:before {
    content: "\e960";
}
.icon-hero-Ashe:before {
    content: "\e961";
}
.icon-hero-Baptiste:before {
    content: "\e989";
}
.icon-hero-Bastion:before {
    content: "\e962";
}
.icon-hero-Brigitte:before {
    content: "\e963";
}
.icon-hero-Doomfist:before {
    content: "\e964";
}
.icon-hero-DVa:before {
    content: "\e965";
}
.icon-hero-Genji:before {
    content: "\e966";
}
.icon-hero-Hanzo:before {
    content: "\e967";
}
.icon-hero-Junkrat:before {
    content: "\e968";
}
.icon-hero-Lucio:before {
    content: "\e969";
}
.icon-hero-McCree:before {
    content: "\e970";
}
.icon-hero-Mei:before {
    content: "\e971";
}
.icon-hero-Mercy:before {
    content: "\e972";
}
.icon-hero-Moira:before {
    content: "\e973";
}
.icon-hero-Orisa:before {
    content: "\e974";
}
.icon-hero-Pharah:before {
    content: "\e975";
}
.icon-hero-Reaper:before {
    content: "\e976";
}
.icon-hero-Reinhardt:before {
    content: "\e977";
}
.icon-hero-Roadhog:before {
    content: "\e978";
}
.icon-hero-Soldier76:before {
    content: "\e979";
}
.icon-hero-Sombra:before {
    content: "\e980";
}
.icon-hero-Symmetra:before {
    content: "\e981";
}
.icon-hero-Torbjorn:before {
    content: "\e982";
}
.icon-hero-Tracer:before {
    content: "\e983";
}
.icon-hero-Widowmaker:before {
    content: "\e984";
}
.icon-hero-Winston:before {
    content: "\e985";
}
.icon-hero-WreckingBall:before {
    content: "\e986";
}
.icon-hero-Zarya:before {
    content: "\e987";
}
.icon-hero-Zenyatta:before {
    content: "\e988";
}