@charset "UTF-8";
.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  list-style: none; }

.gu-hide {
  display: none !important; }

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important; }

.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20); }

@media only screen and (max-width: 40em) {
  .hide-for-small-down,
  .show-for-medium-up {
    display: none !important; } }

@media only screen and (min-width: 40.0625em) {
  .hide-for-medium-up,
  .show-for-small-down,
  .show-for-small-down-custom {
    display: none !important; } }

@media only screen and (min-width: 73.8125em) {
  .show-for-medium-only,
  .show-for-medium-only-custom {
    display: none !important; } }
@media only screen and (max-width: 40em) {
  .show-for-medium-only,
  .show-for-medium-only-custom {
    display: none !important; } }

@media only screen and (max-width: 73.75em) {
  .hide-for-medium-down,
  .show-for-large-up,
  .show-for-large-up-custom {
    display: none !important; } }

.show-for-dark-only, .hide-for-light {
  display: none !important; }

html {
  height: 100%;
  overflow-y: scroll; }

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  background-color: #E1E4EA;
  color: #555;
  font-size: 14px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:focus {
  outline: none; }

a {
  text-decoration: none; }

button::-moz-focus-inner {
  border: 0; }

h2 a, h3 a, h4 a {
  color: inherit;
  text-decoration: inherit; }

main {
  margin-top: 20px; }
  main.no-margin-top {
    margin-top: 0px; }

#liveContent {
  min-height: 1835px; }

.site-content {
  position: relative;
  flex-grow: 1;
  max-width: 1200px;
  margin: 0 auto;
  min-height: 10vh; }
  .site-content p {
    margin: 5px 5px; }
    .site-content p a {
      color: inherit;
      text-decoration: underline; }
  .site-content .site-content-header {
    display: block;
    margin: 0 5px; }
    .site-content .site-content-header h2 {
      display: inline-block;
      margin-top: 0px;
      margin-bottom: 5px;
      font-weight: 400;
      font-size: 22px;
      color: #888; }
    .site-content .site-content-header .h2complement, .site-content .site-content-header .bans {
      font-weight: 400;
      font-size: 16px;
      color: #A0A0A0; }
    .site-content .site-content-header .bans {
      margin-top: 4px;
      float: right; }
      @media only screen and (max-width: 40em) {
        .site-content .site-content-header .bans {
          float: left; } }
      .site-content .site-content-header .bans .txt {
        margin-bottom: 5px;
        margin-right: 6px; }
      .site-content .site-content-header .bans .banSpace {
        display: inline-block;
        margin-right: 10px; }
    .site-content .site-content-header .autorefreshNotice {
      float: right;
      margin-top: 7px;
      font-size: 14px;
      color: #888; }
      @media only screen and (max-width: 40em) {
        .site-content .site-content-header .autorefreshNotice {
          display: none; } }
    .site-content .site-content-header::after {
      content: "";
      display: block;
      clear: both; }
  .site-content #runesExportedText {
    display: inline-block;
    float: right;
    font-size: 14px;
    color: #A0A0A0;
    text-transform: none; }
  .site-content h3 {
    margin-left: 5px;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 18px;
    color: #888; }
  .arena .site-content {
    display: flex;
    flex-direction: column;
    align-items: center; }

.site-content-3 {
  max-width: 720px; }

.site-content-bg {
  background-color: #E1E4EA; }

.site-content-arena {
  overflow-y: auto !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.relative {
  position: relative !important; }

.img-align-block,
.img-align-block-right {
  display: flex;
  align-items: center; }
  .img-align-block > div:not(.txt),
  .img-align-block-right > div:not(.txt) {
    flex-shrink: 0; }
  .img-align-block img,
  .img-align-block-right img {
    flex: 1 0 auto;
    padding: 0; }
    .img-align-block img.margin-left,
    .img-align-block-right img.margin-left {
      margin-left: 0.3125rem; }
  .img-align-block a.name:hover,
  .img-align-block-right a.name:hover {
    text-decoration: underline; }
  .img-align-block .name,
  .img-align-block-right .name {
    color: #555; }
    .img-align-block .name.nounderline,
    .img-align-block-right .name.nounderline {
      text-decoration: none !important; }
  .img-align-block i, .img-align-block .subname,
  .img-align-block-right i,
  .img-align-block-right .subname {
    color: #999;
    font-size: 11px;
    line-height: 15px; }
  .img-align-block .txt,
  .img-align-block-right .txt {
    flex: 0 1 auto;
    padding-left: 0.3125rem;
    word-wrap: break-word;
    line-height: 1.125rem; }

.img-align-block-right {
  flex-direction: row-reverse !important; }
  .img-align-block-right .txt {
    padding-left: 0;
    padding-right: 0.3125rem; }

.hide, .hidden {
  display: none; }

.text-center {
  text-align: center !important; }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.wggreen {
  background-color: #3CBC8D; }

.wggreenfont {
  color: #3CBC8D; }

.wgred {
  background-color: #E9422E; }

.wgredfont {
  color: #E9422E; }

.wgyellow {
  background-color: #FAC552; }

.wgyellowfont {
  color: #FAC552; }

.wgblue {
  background-color: #2796BC; }

.wgbluefont {
  color: #2796BC; }

.inlineBlock {
  display: inline-block; }

.with-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.site-footer {
  max-width: 1200px;
  margin: 20px auto 0 auto; }
  .site-footer .site-footer-content {
    display: flex;
    background-color: #E1E4EA;
    border-top: 1px solid #CCC;
    padding-top: 5px; }
    .site-footer .site-footer-content .site-footer-content-text {
      font-size: 12px;
      color: #A0A0A0;
      flex: 1;
      margin: 0 auto; }
      .site-footer .site-footer-content .site-footer-content-text .footerLinks a {
        color: #777;
        text-decoration: underline; }
    .site-footer .site-footer-content .overwolfFooter {
      width: 150px;
      text-align: center; }
      .site-footer .site-footer-content .overwolfFooter img {
        margin-top: 7px;
        width: 130px; }
  .site-footer .site-footer-ad {
    max-width: 970px;
    margin: 5px auto; }
  .site-footer .ccpaLink a {
    color: #777;
    text-decoration: underline; }

.olderGamesButtonContainer {
  display: flex;
  justify-content: center; }
  .olderGamesButtonContainer .olderGamesButton {
    background-color: #2387a9;
    width: 120px;
    font-size: 13px;
    color: #FFF;
    cursor: pointer;
    padding: 6px;
    margin-top: 2px;
    margin-bottom: 2px;
    border: none;
    padding: 4px;
    margin-top: 0px;
    margin-bottom: 2px; }
    .olderGamesButtonContainer .olderGamesButton:hover {
      background-color: #1b6984; }
    .olderGamesButtonContainer .olderGamesButton:disabled, .olderGamesButtonContainer .olderGamesButton[disabled] {
      opacity: 0.5;
      cursor: not-allowed; }
      .olderGamesButtonContainer .olderGamesButton:disabled:hover, .olderGamesButtonContainer .olderGamesButton[disabled]:hover {
        background-color: #2387a9; }

.summonerProfileButton {
  background-color: #2387a9;
  width: 180px;
  font-size: 15px;
  color: #FFF;
  cursor: pointer;
  padding: 6px;
  margin-top: 2px;
  margin-bottom: 2px;
  border: none;
  margin-top: 5px; }
  .summonerProfileButton:hover {
    background-color: #1b6984; }
  .summonerProfileButton:disabled, .summonerProfileButton[disabled] {
    opacity: 0.5;
    cursor: not-allowed; }
    .summonerProfileButton:disabled:hover, .summonerProfileButton[disabled]:hover {
      background-color: #2387a9; }

.backToHomepageButton {
  background-color: #2387a9;
  width: 180px;
  font-size: 15px;
  color: #FFF;
  cursor: pointer;
  padding: 6px;
  margin-top: 2px;
  margin-bottom: 2px;
  border: none;
  margin-top: 5px; }
  .backToHomepageButton:hover {
    background-color: #1b6984; }
  .backToHomepageButton:disabled, .backToHomepageButton[disabled] {
    opacity: 0.5;
    cursor: not-allowed; }
    .backToHomepageButton:disabled:hover, .backToHomepageButton[disabled]:hover {
      background-color: #2387a9; }

.seeMoreFeaturedGamesButton {
  background-color: #2387a9;
  width: 120px;
  font-size: 14px;
  color: #FFF;
  cursor: pointer;
  padding: 6px;
  margin-top: 2px;
  margin-bottom: 2px;
  border: none;
  padding: 4px;
  margin-left: 10px;
  vertical-align: top;
  margin-top: 4px; }
  .seeMoreFeaturedGamesButton:hover {
    background-color: #1b6984; }
  .seeMoreFeaturedGamesButton:disabled, .seeMoreFeaturedGamesButton[disabled] {
    opacity: 0.5;
    cursor: not-allowed; }
    .seeMoreFeaturedGamesButton:disabled:hover, .seeMoreFeaturedGamesButton[disabled]:hover {
      background-color: #2387a9; }

#share_pregame_copy_url {
  background-color: #2387a9;
  width: 115px;
  font-size: 14px;
  color: #FFF;
  cursor: pointer;
  padding: 6px;
  margin-top: 2px;
  margin-bottom: 2px;
  border: none;
  padding: 4px;
  margin-top: 18px;
  margin-right: 5px;
  margin-left: 5px;
  vertical-align: baseline; }
  #share_pregame_copy_url:hover {
    background-color: #1b6984; }
  #share_pregame_copy_url:disabled, #share_pregame_copy_url[disabled] {
    opacity: 0.5;
    cursor: not-allowed; }
    #share_pregame_copy_url:disabled:hover, #share_pregame_copy_url[disabled]:hover {
      background-color: #2387a9; }

.moreStatsButtonLink {
  margin: 0 auto; }
  .moreStatsButtonLink .moreStatsButton {
    background-color: #2387a9;
    width: 120px;
    font-size: 13px;
    color: #FFF;
    cursor: pointer;
    padding: 6px;
    margin-top: 2px;
    margin-bottom: 2px;
    border: none;
    padding: 4px; }
    .moreStatsButtonLink .moreStatsButton:hover {
      background-color: #1b6984; }
    .moreStatsButtonLink .moreStatsButton:disabled, .moreStatsButtonLink .moreStatsButton[disabled] {
      opacity: 0.5;
      cursor: not-allowed; }
      .moreStatsButtonLink .moreStatsButton:disabled:hover, .moreStatsButtonLink .moreStatsButton[disabled]:hover {
        background-color: #2387a9; }

.overwolfRunesImportButton {
  background-color: #2387a9;
  width: 150px;
  font-size: 13px;
  color: #FFF;
  cursor: pointer;
  padding: 6px;
  margin-top: 2px;
  margin-bottom: 2px;
  border: none;
  padding: 4px;
  line-height: 17px;
  width: unset;
  min-width: 150px; }
  .overwolfRunesImportButton:hover {
    background-color: #1b6984; }
  .overwolfRunesImportButton:disabled, .overwolfRunesImportButton[disabled] {
    opacity: 0.5;
    cursor: not-allowed; }
    .overwolfRunesImportButton:disabled:hover, .overwolfRunesImportButton[disabled]:hover {
      background-color: #2387a9; }
  .overwolfRunesImportButton.disabledBecauseAutoExport {
    display: none; }

.tftItemsButton {
  background-color: #2387a9;
  width: 130px;
  font-size: 15px;
  color: #FFF;
  cursor: pointer;
  padding: 6px;
  margin-top: 2px;
  margin-bottom: 2px;
  border: none;
  margin-top: 5px;
  margin-left: 10px;
  background-color: #3CBC8D; }
  .tftItemsButton:hover {
    background-color: #1b6984; }
  .tftItemsButton:disabled, .tftItemsButton[disabled] {
    opacity: 0.5;
    cursor: not-allowed; }
    .tftItemsButton:disabled:hover, .tftItemsButton[disabled]:hover {
      background-color: #2387a9; }

.tftTeamBuilderButton {
  background-color: #2387a9;
  width: 150px;
  font-size: 15px;
  color: #FFF;
  cursor: pointer;
  padding: 6px;
  margin-top: 2px;
  margin-bottom: 2px;
  border: none;
  margin-top: 5px;
  background-color: #3CBC8D; }
  .tftTeamBuilderButton:hover {
    background-color: #1b6984; }
  .tftTeamBuilderButton:disabled, .tftTeamBuilderButton[disabled] {
    opacity: 0.5;
    cursor: not-allowed; }
    .tftTeamBuilderButton:disabled:hover, .tftTeamBuilderButton[disabled]:hover {
      background-color: #2387a9; }

.infobanner {
  margin: 0;
  padding: 12px 20px;
  text-align: center;
  font-size: 0.875rem;
  border-bottom: 1px solid; }
  .infobanner.homepage-infobanner {
    margin-bottom: 0; }
  .infobanner .infobannerContent {
    max-width: 1200px;
    margin: 0 auto; }
  .infobanner.warning {
    color: #9A7E26;
    background-color: #FFFAED;
    border-color: #FFE6C9; }
  .infobanner.info {
    color: #3B799A;
    background-color: #E6F5FD;
    border-color: #C5F1FA; }
  .infobanner.error {
    color: #A1513C;
    background-color: #FBE9E6;
    border-color: #F7D0D1; }
  .infobanner.success {
    color: #687F42;
    background-color: #F0FBE4;
    border-color: #EBF8CD; }
  .infobanner.closable {
    display: none; }
  .infobanner a {
    color: inherit;
    font-size: inherit; }
  .infobanner .closeButton {
    cursor: pointer; }
    .infobanner .closeButton i {
      cursor: pointer; }

#onPartialInfobannerContainer {
  margin-top: -20px;
  margin-bottom: 20px; }

@font-face {
  font-family: 'wgfont';
  src: url("data:application/octet-stream;base64,d09GRgABAAAAAEHMAA8AAAAAZZwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIslek9TLzIAAAGUAAAAQwAAAFY+IlOOY21hcAAAAdgAAAGOAAAE0FpGdwpjdnQgAAADaAAAAAsAAAAOAAAAAGZwZ20AAAN0AAAG7QAADgxiLvl6Z2FzcAAACmQAAAAIAAAACAAAABBnbHlmAAAKbAAAMj0AAEks+cBtDWhlYWQAADysAAAAMgAAADYcW29LaGhlYQAAPOAAAAAgAAAAJAfFBBRobXR4AAA9AAAAAHMAAADoz9r/42xvY2EAAD10AAAAdgAAAHbRi8HgbWF4cAAAPewAAAAgAAAAIAI8EKRuYW1lAAA+DAAAAXQAAAKdnGsGRHBvc3QAAD+AAAABzQAAArplpV6McHJlcAAAQVAAAAB6AAAAnH62O7Z4nGNgZGBg4GIwYLBjYHJx8wlh4MtJLMljkGJgYYAAkDwymzEnMz2RgQPGA8qxgGkOIGaDiAIAJjsFSAB4nGNgZJ7KOIGBlYGBqYppDwMDQw+EZnzAYMjIBBRlYGVmwAoC0lxTGA68YPj4gjnofxZDFHMIwwygMCNIDgANGA03AHic5dQ5UhxBFIThfxYQYtOGACEBYpFACwNaWOZK2FicDReLCA5AYMlKA6P6BCiLShNOQE98E9PVEd018TIbmAAG9tOG0F+g51/05r3ae1gfMP2wPuSfz5d57ZUpjcqoXJarcl1uy1132p13N53u70E8deXRo+c7nj3yqVf6ftLQO5zkBVO89D5mmGWOeV55F294yzsWeM8iS77LB1b4yCdWWWOdz2ywyRbbfOErO+zyje/88P/ZY8Q+B/ziN3/4yyFHHHPC2I+cfGKXz+mYrV/9i5yN60SbmgeFZ4Oi5kdRM6So2VJ4hig8TRSeKwpPGEXNnMJTR1F3p3ASUDgTKJwOFM4JCicGhbODwilC4TyhcLJQOGMonDYUzh0KJxCFs4jCqUThfKJwUlE4syicXhTOMQonGoWzjcIpR+G8o3DyUbgDKNwGFO4FCjcEhbuCwq1BUd8TCjcJhTuFwu3yO6BxzyiXjRtHuWrcPcp14xZSbhv3kXLXuJl0p407SnfeuK10N417S6eG8X/PILl0AAB4nGNgQAYAAA4AAQB4nK1Xa1sbxxWe1Q2MAQNC2M267ihjUZcdySRxHGIrDtllURwlqcC43XVuu0i4TZNekt7oNb1flD9zVrRPnW/5aXnPzEoBB9ynz1M+6Lwz886c65xZSGhJ4n4UxlJ2H4n5nS5V7j2I6IZL1+LkoRzej6jQSD+bFtOi31f7br1OIiYRqK2RcESQ+E1yNMnkYZMKWtVVvUlFLQdHxeWa8AOqBjJJ/KywHPhZoxhQIdg7lDSrAIJ0QKXe4ahQKOAYqh9crvPsaL7m+JcloPJHVaeKNUWiFx3EoxWnYBSWNBU9qgUR66OVIMgJrhxI+rxHpdUHo2vOXBD2Q6qEUZ2KjXj3rQhkdxhJ6vUwtQk2bTDaiGOZWTYsuoapfCRpndfXmfl5L5KIxjCVNNOLEsxIXpthdJPRzcRN4jh2ES2aDfokdiMSXSbXMXa7dIXRlW76aEH0mfGoLPbjeJDG5HhxnHsQywH8UX7cpLKWsKDUSOHTVNCLaEr5NK18ZABbkiZVTLgRCTnIpvZ9yYvsrmvN518SSdin8lodi4EcyiF0ZevlBiK0EyU9N92NIxXXY0mb9yKsuRyX3JQmTWk6F3gjUbBpnsZQ+QrlovyUCvsPyenDEJpaa9I5LdnaebhVEvuST6DNJGZKsmWsndGjc/MiCP21+qRwzuuThTRrT3E8mBDA9USGQ5VyUk2whcsJIenCyLGVSK1Kt6yKuTO201XsEu6Xrh3fNK+NQ0dzs6IYQour6vEaiviCzgqFkAbpVpMWNKhS0oXgNT4AABmiBR7tYrRg8rWIgxZMUCRi0IdmWgwSOUwkLSJsTVrS3b0oKw224qs0d6AOm1TV3Z2oe89OunXMV838ss7EUnA/ypaWAnJSnxY9vnIoLT+7wD8L+CFnBbkoNnpRxuGDv/4QGYbahbW6wrYxdu06b8FN5pkYnnRgfwezJ5N1RgozIaoK8UJB3Rk5jmOyVdMiE4VwL6Il5cuQ5lF+c4hw4svkP5cuOWJRVIXv+xyBZaw5abY87dGnnvs0wrUCH2teky7qzGF5CfFm+TWdFVk+pbMSS1dnZZaXdVZh+XWdTbG8orNplt/Q2TmWnlbj+FMlQaSVbJHzDt+WJuljiyuTxY/sYvPY4upk8WO7KLWgC96ZfsKpf1tX2c/j/tXhn4RdT8M/lgr+sbwK/1g24B/LVfjH8pvwj+U1+MfyW/CP5Rr8Y9nSsm0K9rqG2kuJRNNzksCkFJewxTW7rum6R9dxH5/BVejIM7Kp0g3Fjf2JDJe9f3ac4my+EnLF0TNrWdmphRGaInv53LHwnMW5oeXzxvLncZrlhF/ViWt7qi08L1b+Jfhv647ayG44Nfb1JuIBB063H5cl3WjSC7p1sd2kjf9GRWH3QX8RKRIrDdmSHW4JCO3d4bCjOughER4+dF28SBuOU1tGhG+hd63QRdBKaKcNQ8tmhU/nA+9g2FJStoc48/ZJmmzZ86ii/DFbUsI9ZXMnOirJsnSPSqvlp2KfO+0MmrYyO9R2QpXg8euacLezr1IpSAaKynhUsVwKUhc44U73+J4UpqH/q23kWEHDNr9YM4HRgvNOUaJsT62giSAZZRRc+Sun4kQ2osFGFPGbd9IvdaEQ2uNYSMyWV/NYqDbC9NJkiWbM+rbqsFLO4p1JCNkZG2kSe1FLtvGgs/X5pGS78lRQpYHR3ePfLjaJp1V7ni3FJf/yMUuCcboS/sB53OVxijfRP1ocxW26GEQ9F2+qbMetbN1Zxr195cTqrts7seqfuvdJOwJNt7wnKdzSdNsbwjauMTh1JhUJbdE6doTGZa7PVRv5FB9ovnWdC1Th+rRw8+z52zqbwVsz3vI/lnTn/1XF7BP3sbZCqzpWL/U4t7ODBnzLG0flVYxue3WVxyX3ZhKCuwhBzV57fI3ghldbdBO3/LUz5rs4zlmu0gvAr2t6EeINjmKIcMttPLzjaL2puaDpDcBv65EQ2wA9AIfBjh45ZmYXwMzcY04HYI85DO4zh8F3mMPgu/oIvTAAioAcg2J95Ni5B0B27i3mOYzeZp5B7zDPoHeZZ9B7rDMESFgng5R1MthnnQz6zHkVYMAcBgfMYfCQOQy+Z+zaAvq+sYvR+8YuRj8wdjH6wNjF6ENjF6MfGrsY/cjYxejHiHF7ksCfmBFtAn5k4SuAH3PQzcjH6Kd4a3POzyxkzs8Nx8k5v8Dmlyan/tKMzI5DC3nHryxk+q9xTk74jYVM+K2FTPgduHcm5/3ejAz9EwuZ/gcLmf5H7MwJf7KQCX+2kAl/AfflyXl/NSND/5uFTP+7hUz/B3bmhH9ayIShhUz4VI/Omy9bqrijUqEY4p8mtMHY92j6gIpXe4fjx7r5BSXaAUEAAAAAAQAB//8AD3ic3bwJeFxXlSd+l/fu26ree/XWUlWpVKpSVWktSbVai+WSLMuLZMtWvMlx7DhxItsJJnYcZ3cEiYyBkA1IQqDThGELQzMhDEvTIdDdAQJk6DT/dAjLMN1A00kvdCbDdIcQlefcV7KzdDPN1/+Z7/t/f1t6y313P+ee8zvnniuEETr7KRqhNtIQ+5xEcLFHwSxXiZSrPvYcKizHw5YVJn8dxpsbByXVoFU9JMOTgxCUhcsM2YZc5NcdDSOMZyAVL0H6yYRDWLQHOxJm6X6cK6/BeX6pFqFePCM2fiPqLMHYj37EWEI0BSyKeFjiyWKC6exHP25+brwqNtshu/EvoJ2WumcE7RB8riHHdyhrWWkpj5uNtOEav3hkN6/CFBqv8maCek0hwfAXm01Bq6/rBULn23qm2ZaEEYExEUSWoD100neCtrKOEYxKag6t1hwVtMWb+PGPgiYYFuAFC+wrkni+hSAhGNS5tvC+c/NH3zh/fktz/gzse0Fz+ZWWYFR43/n6+MCgJd4iSUvij38Ek5dYGRhvC0ZFzp49e4Q+RMNIRu2oWO9vg7HomGICI6PkNBKgGwI6jDCleB46QQ8giuk2P+PYlsjiPbhcwMzxxjB2+IBZJl0gY0KS+I7ke+TWe56+B35wsnfY+erBG7fec6hORq+846N3XDmK133VxW9fuIfc++372e2NB1q73a+uGzty10fuODosTFx+7+YbD37VhdlFZ39N7yFfRyYaRIV6TyGXjbqGHpYxDcF0kBkBOkuXgqkhnAzdnZl0e8QROdkjDpMylYybSefyEQV7NQne03nOxUCbanPGKuXqCC56rXwuqeXpz975rOFgPA7/b0qLEgFuONU4JYXFjEBEfLc1YJ9R5Stk9QaGOxv/E7I++6ynYwPLjZdxR5cI3ZloPA5Zu5gu4i2GcexKWVXln10umEA6xudb6KdzKIKKaARNop1oP3pr/cpZHaYbz0SwoilLSJO1JRPLRF4yMKQvSZizuogXQyrBDGF2CjEBfk4hQbgNyIUQnYcbRQfCGFG0bd9Fe+Z3bp/bOr1p4/q1E2vGhodaXKellrHbTYu19WA+DblauVRM4lqxxlwHqJdph1kqj4mQSMYwLJRaMSn4nKy5crXowUMBjxFPdFg+k8tXK+W8VyqOYb+YP59les/wdF8drxO6J9pzWUpunVvbiE5uxULITOWG21lHYcPWqZYuU06vyqVMHS9/Y/vJ7fCD33nqkUVy03++Aa8dK0wP7emj2Wz7ZKewbv3K9310srf3614Mh11zS+PCiS1bJpKrJlaVc140ESOeGVOJlyuvmkiQO0d4ge2Nf5w/RW74wnXstv+np4An6fgW0w1Ho3jlM4JFdvazwrVUg9mSUBio4aLL65ciURVhylWqLoUwlemSjmUsL2mBQFEkQhFDS2HMBIHtghsT9iOBCbOWpeuyLMBasVzLdWw9okdMQw7L4ZCmKoIkSEyEhmjEZD5wZSYS/LrtkVLwlOVvl92JL7uDfPs371xPvnMnf9vX+ClO4uTyE2R0+eYNdM+rv8S/alyA/+DZ5ZvJrVw80GBtPE9uht6nUQlN1ddqhAiEswAsXwEYR6CLkA26fQqWMUEY2AYRgRFYzyAH+HoWDwBbidt8r8Nxo57EWntwLu+5nNiVco1JSZyq4nJOSgOTeEWgerVUrIqOxIRUBwjtWrUXC75HH9qxmIaFnl7cMf2XWPhp44umNnXQ9MzJAc3EP9C2NF5u/LDx8hZN2wITmsPyFg0P3zY+vHbhfeSuw2uHx287fuYM3gh5D67TTFMbmDSfsu23PfDA2+ycs/gAefBUU6ec/SydB5p1oE319RaINjwjwfrAsHIWZYzxbQrkEQUkHkYCpcI8rA66n2Eq0FmMkol4rCXq2hGDE0VmqANnVOb1wNp3A0ERKdUyML41uJLLpJnvZtxSBNYE13c18qW1+/atPfRW85ZYbjIzPr0XX3VV4/s8jWoXjy8/P7EP481vu6AtifHV4u4L9r+t8bmLx0kUkpv9/md6hvwp6keb65sKvd0pIoJ8gv57FqECcBcRZhAT2RJ0XlyCvgtLQEKQagQTLtpQQCp0gNe1rcPzMpF0Z0AqJrmOTvNpvhRrBbxyW409v4DLtST2czCgWtGvAiWr9Ey20r3zuk8euO9mO3rqkpG9lm1Eo2vmcr3Z3pbJr10lHtk0W1lddUfK5Gg172+86/TBOtlGNuOpKmXhSyaIS1q2XNx9wUHRdaYP4aFQqt7BgA8FzozCfqCLilJoGM2hd9fPrMea3A9KxsVE4tpLmImEiSYzWWOLpkIkgQgSWTRELvWAgosohFQ5pB4GPcQEmQEBgW0FzqjnR69jPvyRkfZ2DfDEyNzI3Mz0urX1Ne3D7cPlUl9PPqultFSsxbYMHdabilULyNuUatiTHFZLF3CaGRhoWq6BKPM5n9fS+QKW0jrNNJNhzZ1PJ0xiXHcAm3ekhCCZjGhb8VTvBjx3O+7esGHK89TtYu/b335bj7j9DsZm3r6j/+KpVSmibGebnn7uexsZpEqXPtd49qDElO2YHcIp3IvTC+L2Oc2KkoSpzd2XSCR0fbsqsZ4BUu5ikrr9fnF4FY6mO6KQKm6aI1tmREi9T9y9m+zdKfKsh44fP8Rznsclj5HHYO6idZfwaQKuwScxXwsgv2iTy02WyplVvO+ep55q/Pipp8hjTzV+8t3v4vRTXJaAXvos4ABAeiAN16N19QkNBEYbFrgokSV5icErFyWLCpaAGkRCC6DrYIHNw41yQUiF2anJUt7LZXMx11K5nsmB8nW8bCXjSGO4BrxKQAPr2AE+9YB1A52zGgcypZzL5/IFWuMMW+KXdq6TIR9G3XceIZ+8s2v20MaBmZOr/aRrprPdE1iVGwOyOtGVS5tu0q8f3zKAU96Hqx14PFt+yEvhyy48Uend967KiQvNfVev79w60S0kfbt7pLuY7+AquSNf7B7utfwk7a3P5df7SVzJlnG1o5Jqrtl/JM8AAOpAyXo83WJKAod7AIzO4T0n4TgCi70Z8J3HsudgZoDSyDPGjNlrfvSjcJkx+d187d0wPvpR4yqPP3zsY8a/zGgUeIZAZx2iz9PtyEBRQGvTaC+6on6o1N1FZWUoRyjbWCeE0hmkK/oSUmRlScUSLDmJLSJZw4zCuuI0wwQkZrCyAEIdRqFwODSPQqHwARQOhbfN7962dd3kyPCqWnHAsRzbsT3fNoCaWVAP6XwORuV7RbjmHR3GW4X1cu6hVs4xKZev+RwQgjhKS/kcTI6UA3HqeD6okCTmwAF4AcRWgZTHSJKSSxUl/UBaUagqxE/HBfWTyc4k/Py4ebs9N2xvuCxzVaI7SWJ+Ur9JFXKXbbCHOrFjCQ/+6ENCxHly622PPfnYbVtXbt9U5ExGVihNJOglboKkOpMk4fKHXIrEeuOdxC4KD8YcSO1OYMgU+oxQdHIJJyWb5uxV+PgWS5dT9PIvnZkRti9+7YmvLW4XZs58KcCin6V7YI3I6AhfIZfNz4wLSBgBTIbKnXFTAE00E4hwgNcIZHhzIVJ8TpqTk3svvGDbxg093emUbUkcw5dzaR2DYs3CauBTBULJgRWS51ga1grr4dIKVkYw9VzhwtwBeIXJDVRVtbaSWAJWq9bgP8eywHV+QKZmZRIkJDEZmbtujuw8sRMnZOmQqtmdTDS2hiVpc0tMkQTzJjlkxv1ZZrIpTxDlTtWQL5dkrIqHZN3PNvPKm6MxRaaRm6QQNhL+rGhIGxxBUJqZVbyvCa+u49/NpBsvgsXhbsXiaFieSZiqtKCERkVWT4IBEioaibiBQ1KQtyWW6pNCkrP1dVm1EVFcm1jJGjNxiMu6s42zz9FnyEvIQeoXuS2UwRxTVV2uqmt2FYbOpwVuNfqE+epoiMm/cJxNqsceNL2rHIv82IstI10FUeFMyET9Zcw75ERX7IznAZfn0Ro0U9/YiTGLwEKpFQBRtWNR4Boag4YGZE8EcRGJlIj0FFCYwHpa4GCM7kKAwPdzYDY7HM9WqtlSoKRX5FyAIwKhFrwzKQJLor1Y5fKPE82OwDLqx/ic3Qh0rZYgP7X2rW0McKiB3ympqtS4NpBS+OlsGWSYrD7rJbRLGu8DM68O5t6Vl2hgjbSCWTLzaFDmacAgQb5ytjEQlHwUhB/+YeNnhkNCUJCxOrcHoWDC8wJceXYZ+JzrcwPVwELZUF/XhUWqwGyg1+NK0N3iKUDPXJMf5tIJjJQFsE0Y3gXahx3g87XNTfbYXi6XkVmyJ1sp54CfGcyAByOu2mA7ZtISA2IBbhnjQMzh6sF3m985g49RLl24UYnBWMG/Ckyv4HLn2N7BM+uV8CaBKWIyu6rbi2dGcfApaiXUpBP6/vFvPP/kUXbDY7/68qm5c8VUfMvg9sK1Ya0mSLl40nJjIWMi68AHK62ZLJbonLvmiRMnnvhbfuHY5uxX6BXkLKx5jrKvQdfXT16CZemi7QTJb50YrnRnYcAJLDJhpg2LG0FXIkk+HsYC6ElZkBZCRAPkj7nVdlhXCQPkN8/vTNyPRCbOZjKOpQJuzVyTuebgpbt2btk8OhJvsdJOWg8rETXSVOEGV+FpxiF4OVc692ADGwF29Urt+TYSKeco2GU1mLRAcnBx0Y+5DPClXPOlXAs+BxcfshiYJ5SqkIVnAMENubnw4NBICmrBn7OiLZmWltPN2x8u/3mmWMzgH3iV4p7iE7oedXRNchKp1kot2WYYEUnVrWgiFXetsCIpclgJKfEkAGyhvdUxQy3FXir2dK1bpRl2PMUirpeMQ46wDHnDlhvHD8Vz8fM/eF8ps/xfOoqbi4Wt5O8zpeW/jJgSrzEcCjFFFcOiooK5HJbSQPawqqmFwVw+3mI7mkKxqOpqSAn58CQobZBNVyVMFc2xW+L53GABsodllfO7cvbXZ4/SH9EtwMsG8lEbyIB+4Pw1aAMarBdGa735hMK4dQ4wCy0JgUWOml4HfHK8vm6yvmF8Q6Wc7RA5lfI5mFNPwr7EYE6rQAGYxlwNe6wfptvLFvi1DdMcEAGYPZsE5AC0sT1OjjEsFj2dFHAV/11FctxkOdToeeABt1tSe/E3Ss0UEld7Oz7wAbf71WdcXTUnjfV3t5HWu9er3eTtb0pofOfid5HTT5wht5PL7/c6ZbU713h/pSx7UE/ji/cH9XbgR5NVvQzN/VDtdlNC4u7lnwZ1uPpb1F6H10SS5qS+4W5Pv+1df3JGuOvL96z4qM5+g5bJy0hHZj0cogRt4hI5yiVytmrlgYtMlAK+8jpI6EhuQ7l38SxqvG+xM3UTzv3yCO64KVZYbNx7Fi12VqdyK3KH23chlEAFNFkfB80tCp6rU0rIDIMGBREJCyBrQPRwoYtxIHTxAa5lt2HU251pj0UtU2IAbUJSgHuT+JwAsVfkDyBPzwfImbfLeZ4gMdduShz8Bye+cfyc1PhjVQJ5AdVcAZpNZaJ8oywyVVUWZJVqKwICLssbjnDRcoRn/SbeI1FRpFLj40yWV2z0w/Rv6QUgP9Koj2uWNrD2fEuFIXk2ADGOGJjARGERJCsTyCkYGyOgWRBYhAgMIT7I+dcGabvxqMPBQ2tPpMytJPjFfq0IQhXWqw9aHyABtwHLtXya5R0/kBR8Jefwh3Cn0PjLxt7GT/ExOdMStjLy9sntcgZ6Y9ipE9hxp3p7p1wH7/sznCONnzT2NX5CoFwkL2d+5SghOSPLGVVliv7iYJcfezTpWLnRHDGdQH8eBv25DWhnoXg9akVMQxff4LV07abXUsepAjbHcArkeS0v+RJ9/vQvGi/+4vTpX2DzF6eX/+sLL6x/6CF80ZlzKfD1ruefhzT0/6ad/JvaaYR4levf2M7jvOn1KMDav6Y/D+whAw2hMbQBS3W3PjZigiCQkFDmNtDMOBbw9PQj6tbd9QEkUYFKQEYkwLfjQHoBUWFBhhcmguGHRELEXUgUyX4EGGI2Pv2IBuW6VvKDcPq3C/j/robqg68vAuyy+G+WmZ+frwMYmFy7enSw0JVLxj0bZoI5Cl/aMJluycUc2nugTew3Ahywo+BDPvcmjAMZPerjTAVL+RXDCL9Y31GvYFdRnlAs+O04D3SeziQVKsVlNRxaAS0c7ogdcrT2UOOdD5G3lh4qgYG0w/zK+I7xtiq+51wVjcePnEc9umCzhCzQ88BnSoIaZHznhxvv/DAulB8qG8YOsxfsXXT2g/QntA11wgotguQfReNoCpDcAjqD7kcfRp9CS/W35zAhwns3Z2jY/r0H7qTY/Dgw3AdxBIkzAA0ip5EgM5hEgSxIWAxhVRHVBQ0rOqaWQheAW+2wZR+G1kwcNhcMbkPiXXDDHDJiNHv/vWfecc3VU+sm147X14yNjgwP1cBWilgRK1GNuDscsMBsKWKCUC15oLbHACtmIu0RMKn8Eggv14GJ5+q8Esm3+26mUhL5Bb/xKcIv9kAGjALX986hgQAc5KS073FTtlwUdWwQyMI8nmcMryHNfLVqgUIml6sqXiSwO2ABc8VWog7LrcFlIKwBAlBoSyx9RQAEKH6NjBEqiN2ZLYTajGCsvlp/cGmJqqdPv/pPr92Xll4GkIlFMWTrxaEilkVNWBfdTcULJ+nkOBXxtDg0e5sVkkWJKEyRhWh3vUsfGa+HdUDoWi0SG0gSzY6KrK0tHglTVun4g46OnTvxmfVUU2O2TFtY452NM0yELmAqhhkjTzT+qjOlYDy5TgB2o5qxCn89dHT6vpnp+xq/mblveobf7m+8Mn0f3kZU969EEYfkto52LJkS7TWGyN4e3Nv16Q+T2uxtE32+KHN/FhOkkNUZHh4f1w1JbbEr8miSioYdFYS2VDyiHs/8QUdm187GMnZoJksSttz0oZ39B/pT8hyaQLvQtegudGt9ccckQcrbcAQfwCH1VhwOgQ2iEEQUtChgpBGkAfzWsCbhRV0GBRHRcOQUAxROFK4dI6oWAQZTQ2F1l4VBq4a10GF4V8P7gQXV8Owdt7/7XaeXbrnpxPFDCwcv3b/vovldO7ts38/0Tnd02pzfWOCucZ1SNUlHMDc7OcdYa7i5SWzPNbiHLNCcACiL5QBlEiiRBubIUMlfw3cM/CRp4k6atYG/ACFlDMy5tQ1nefIYAM4kHsGgtUTmci2W6QcR0obbOetBbrCQl4VUYWJUAaysqJLl5zywWHDUP9zOlt47tcPYP9OtMwXWp8oiiqR2pL14Yl2u7WmL6YLBrO9aW8oP1GNdQld8KuQXJqjkxj7UuOOW6lDh4Lw9JEtRUxElvD1vRUUqypoRduKFPgl/TGLCY3+ohw3dsvDDqgwYVY/pqkie0va8448+ZTGKBbVFuADUuEjHJ3D/bkAqfY0Xf4KFNt0TZSqaHqYTW7Z94+p5YkmaJlmN77ywSLa1D5JCaptGCKF6aQx/lyw/uw5Kuh7YWEy3CZjwIJblcIRVq/S4KXAbU9MMw4x4OsjsTsxWsMWX6f10I6ClEbQXfbweG8aKuGs9QAJbAy1FZ3b2EGWKEYmsKKkqmK2KIB5HWCIIHwdQAsOlh5GCkKQg7nSVsCAdQWCekHlECDfiCNsWr6/iBamoLPKSEiaLv2vR+bo+v9v3E51+NBZ1uFMwWwZZk5YC+oO5ly4AXzEHxEYRZAwOPhorCbV8gVTKVT/waLTB1xVXG5jH+XPetqYq4cAH7rTPPGEWTI+GMEl5sq4Lnm1ebfSZc2bjWuNqUBlzpnnCKER8qgpJX9ElTZBVC/9qYK7wjsLVhcHBgXf0n+jvn+s/3X/+7T/6xgnT8qjJDOi0oApepGCcMIxtJv59z7zaNOaMXqgU6tR1xUthAeZF0SKNOyb6t/UPXN3/joHBQajmdGGu0H+icKb5tkK/e4B+3YFtGUVz9VkXsCGeUTADdc2ERREL3Al+SgJdQRmih2XgD0zm4UY4HCR4mxUYj1bUivqeY7/eZGzubSBA4PBrF6tmLsVMz3ZLUr5UwU89jvXGS43bGi9h/fH3PfNM47lnnvnlVd/+9lW0+1wyvgnrrz71DO7+3vcazz5Dur/7+OPf5bgfeO/sFfSDgGnr6EJ0I7obfQJ9Dl1cv+j664YlJkrinViRHn34Ex+7L6JLWNmOBSrwfXIQ3OIC2FhgGCuHQVdiQCAYNCPIPmEXEgSuBwU0e/ddd7z72pNXHrlwftvspqn6moFCup2PxdYxN05d7tDiugmQLZDD5+ZT4FLm8iKQJjXAu/1YSnO3GDBQP66UCyRtm204SUBU+Vx7iVlgHduEfCWeDLU4gT2s40y+zCvhzmhgzEpgPzeb4Zu80HC6B0d8riJ5Z5w0zxeYfCAB3YgUOOm42PK/buuKkkiFwp2hTC8sWqOuFQxNEAXTVtWQTMqKYPb7HZiqoVBbSqtF04kr75pLCE7k5ZcJJmq294bvMCJoFzZebPz3lhgGZXH99VduuHGHBWBOsgZAIDgpRR3rTrBw7v6drpcwqn12X3iAdet9nqCGdLVjp2c3/ryvvb03LGTktjzMObHmXIylqEyZqaqYzkppK5RIbVLVLrPviiGzbrzlQmMgpCiSGLEj3O0tkkg51ktYzASRRM257+ydPrme0c5O2xUac42bBL5HANImvAB6NR7Dp/EZOduB3x7acu2GlrbJVHzTamKIGCva+Bd2uNEtl4mkh5DdWlu4z97w8IbooEElEZYr2Tl8z3uHrNZETu28aNCasE/u8JOtje9Ph7tLdjU7YDnTTVz+MXob9VEHmkS70RXoJnRRfU8bFkkWrCbxpuuuvuqKw7MzsiBdgrFwgIs5wGcAaZfOYWAGmB0Y7xTUBQ3T5g4T91it4LBdO9dPrZ2IpkvDm2UW52zHeSsS6EHghVI2AFkgpwok0x7p55EVLqg47r11/RL3z44Bx3GuCH56cAsu8SK1UVzJnUsTdRIIQO7a5Y6AfIU7W1xgaoczeaWarzwjyoqV7kyENKH4Mu5clVVlWPxyMtu4n4nXQCMJf/9/uCBcYUqsRVI9SVNWRYotHfN9Vl9Iej5UtrnhaB/d5ozYUuOHxaoQ1UtxSS1EjPY+FSsRhX+HG+ggj4S0cEth+UhnwuC+QLCXsiFFlAVAZIR8n0HKQReLRz/z2KwSxlgz+532keyxvYkRu7Ub9EnjocaL+uiOUEgZVUKhnacSkjZYPvO+qfxcizQWHtuy6f2rw21t70/1rOToSVlbZrdsDnyNr5x9iv6S/BFIwDZUQt31POXCzQDrisysOFkI2HV820Xg2y6d2Wy+h0ee1CLlWoV7C+0kwJE1HJvYtUzTITYCbzjLt3ElCiBW9MDar9nV3NfJB2It8kelDk9Ve7pXHf0oezDR2ZmodufI+xofV1WvQ/qo3BLHezTVDR53EktUyaBSjDUkt4Xq8rob8ctGZ2L5l4luZzt++ira4jakWFHhD/jXseIKlnuF/oD8BUje96PPomfRB+va+5fG62nKGMIz049EQRWXuSBdQqIiKKCPGZJkJvHdT5h2hWtTrgkOI0JpoE152A2hoIgrrysG9tzvWG6+7n/x85/+1O99CETrNYcun5keGerqTMQCFSGwgK+bcq5WzQY4HxiVcNesxLDbFH/FgIfHSFGnXPymA/HoNmEcL1t8zbXI+T+XZoHA5NdMsHWRz1XKQTOlN2Rtcn6w0RFI0hWXZZIL8o5a1WMr8p5vxxabxc97MWvVQBMITWdn0KOc5+P9jb9pUbVMcmvFj6dsE6c+MrJW0ATd+6GVMvz4WKkx1LH2QyG5NeHH69XbT35WIVRWHznx+BEvZYb/LhQi1E8cuSwCBtvwaN+xvx+zwhKGxUAlSR1a+6Xr+9eMRcKmtn5i9cTm8s0uZFu9uv+aF1eZmgigC1uh+26/8wM6thW9qyt+wa7FQm+XGvL7jn0BJzSZyrJ4rqkXDXHxeMTssJ3oWO/9wlX7dgkqBctHX/6WGzOc9vh0dQYWo6CRY5f6YTkUbotN9EZsVaCXDnktLJwIu59XmOxGGk/tS43eIlCRSZ412DUuy6pc75pIY1l6QtcdWWRedM92QcSmY3TOeTKsaMlu8yK6IHnRerfpmUwYqlSGGBnrOSKJpmt07bAlEXLF+tfpyqrSQJnSRNqf2nhXPpMSGSUd9YOySENMWGnmSff392nQjmtUAbGnqCoDwlKfBJHMYs6awloKRprS9Bn+Pr2LtqIy2luf70sTiRXaExGACEUV2LUEYpiDBQpsiwL2FoC9AQchvukA+IfLacA/UNMB7vAJfH75XCrZ4jtWSAPkU8ZlBdg6W/R4WFItQIp8Bz/Pd/J5MASIV262+jUeG1FMAoem85LncghJ2woTE3smsfzw4LsuwfS06URTqaiTEN/hbi2Ue79pTuytk8m+WOs32yIPt98ysXdiot9ybyheMqVEevXUQBLHrL6ugbZvJlugor11HHmyt5ztuD4WYL3v0zvJX6MWkHNZlKtnOjLtqWRrPMbHNANSdSMNNu65dXoyEou4fG8Zjwm1SFonYG4XaD5SBKQiRjw/ksMRJkWq+GnR2bT3I/v2f2TfVAiwHzxfvO/DF0+FG1/99BVH8a8+efRKco2o51IeXr4kmsxx3NGRdgh5MJrs0LTGmD6E/3i4MYP/RB9urBkC2SVBPz9P/xttRzH0H/GD+E/xC/glsko4Nv2IsnX3+AG0AY2CmKY84gDFob9AU3QfpwQ83Yvei06jW8AUEaEiGf8Q/SP6O/QCQEQPOZBigTzPoL9GPwYDV0A2svBnoBw84S8CVX+DfgCi8nvoIOQMQep34VsYhfAa9E/Qlg7PX4cUDemkhVhEJgh9Bn0aOMRDKr4N74M8LvIw35EzAPDqaAbfEjxjNI02o3FusECeTfHAEhq/9N89EgbjcP6VcYj/t8YBc4ehxeZoyJtG8/8HkszPB9xVb2p5BN1eAiNBAc3PQPODfmOytAjwDZT5KWRbgmUHplHIEkKnUChshcKnkB7Wwrq2iDQ1rKmnkOqFVe8U8tyw555CIM9c01hEESNy2sEUWTa1DvNIF52FFxB8cueR6xoHkOEa25oMUr/nd+mMQy3qWIvQKdGy+aawYIk8KPPf1zX0b/Xs/yMzND8/PkAGSAG/jP8J/xz/DD+G/wj/B/wR/Hb8NjAab8Qn8TW4FcdxFPtYwwp6En0D/TF6HD2APoDuQu9Bt4JoP46uAvR+BB1Gh9Al6ABahSoog9qBg31o1+8BBBe4kfkuEuBnAAQgogd9bpllyxUXUmvFWikAAfx/gEP4Q7CDCQCd4+oASfDEfAA8pCbM4XYefwCEwgFHJpcBOM93ooMADA4keJQj92pBC0F4Bd8kLQYYh2/WF71SrolZAtxRzlVwLl+sQl3c9szneP0czvTzSEqOTIMOch9pMCSpWqvwDRkdAE+FW6q8G5laUKXn5/KDoJcyHAplAos0DVWNga2hkySplSAB0NQg398BdJbhsEfKMDfYQ1/x1fGh8SfuMynxSoNNXeKt7O0WVzf3d1deqzXuXwkgXDFAVaViK2YeQLQA9fGul6sVQNi+5/KJhMw+5VG/bYHXTsdNCkF7gL/5THHnTQXs4exoc9xQZdA85AcCZgJPM5RJB731C5gH3On4/JZ1hQfhDfIYPF60yG+1YrXUfIM+reDGJmk93jPuovaaw6cX+pWoHDOiDomEDS3jdxckS8KS/OrDmhdxdQW3xamsMzvuR51oxFBDhtNl6yEVTAyZAFIxmCIaokJUiYm6qPb6eYNIgkJVW5eGpi3RE6MqC9OuDT21nSF/q6pLIqFCyAslPF5CURT4DL8hSpniCfHV7dUwNdxWv1Wn9BtinxCmgDVDYFNrIUXOJFKdmi4prDPnpYmjWAL0AYwyRpkANpDAABUREgKAK1KdsHhryY1JnuGpNCsnoVMGoCsK1nO8leXXTI20sc41mZAEyzxEy2tpZ00UW0MOw4SqGqHM1dW4rBmqqtsK00RJEAQSDlMpDGhOjFqtpi8SQQqHmCon46YHSBUgmyhbXkvHhmzMt0MqI5J+hUwoFmFwUSgG/2lSYiFJFtVfax1qyJV0jZ8vEEMxWRSJmMw6Ikyy5lPAtULjPRJVwqIh67qmAESVKFUo94FqctiIRBRdVSZsW4FCagr3R7pXXzo5VI3bJvENgJaSAHwpwxwBQo5oEZUyUZIUS5I1xgRNliNEEj2JyFSImLyP5DHXhkkkguOHVSwI0nCroZt60YtJGJOIxJ0ZURiwbEmMEM3khTD3VQkiTKIqMqJaqiX5YdcRZKamM0STDR74DFZxWBFKNcgPlDKz9ezqghAipqkpEvROESSRAlF524wIbaIo9IXlpIwVSaFClDDcqAxlFc0UhBBk406JuKWougCWSkixIJnYjsFLE9vUgBWADYikRJgYUqnKRFFrz415stjiMeAl3AJZYcjV0YEoy1SHB1uoANhb21RQZJVwdxOnf0qE2ZLFVgbdEgRFdxyVYGA2EmZ8V4vKuVI+aVpAjKxsR6SQGDUUVeQuZEKYqjGVTwujlqTUNcz9yVq+RwFDE54JSeUzvWCo4z5FIRIFYyWkYCLLctiMRJNSrkWJwAQCAYBZuqEvMAYiAtH5VAPlgDDA85AuynypMbpAc4NtQq6Uanyhki0TkklVabYrmxE1GkQeCTqBroQpUcDawaIAzBcGZvZDhgotwBKFugWu7CSzuV98F/1jmkRd6ASPGlehz3MwYWSmaUgHMV1Y5B4GEZYlmNRAkNOIx3jx7VAe1yoKs8ePXbJ/984tMxNjA4WuXBBXoOOmXdzW9EauyCMu/9/4v2kGN52IK57EwM6VQP2w4HWlYKALfI/rkNeKN71IwTPoJ7zY5ofFofS622sDHXpCMNuSw6NrUjGBe+CoLFkb7s7aXtyt9m79WWGCCW/bFst3qEzzOrtA+K25afe4G9MJ6RpPOWtauuoj1+e6Wt3BuaHxTtvDcX+y7LaYesvA2tZ4d0uoPZVKa1I39dSEKsb11plsm6u0al2VUq5LolZbYl3Ri3t29u71NgNZAUvntv4bBrt4ZLcR0dJr1/f6vhBzYU3JWnhojRNOKiAEDcO0pdZwO3B9LNYGPYfvsHCN5OV7tl7UbsZaHCeNmnT7EH2eplAnWIrT9Q3JhGMKkBHAKZAOS0AwiUg8Vh4IBnACodu4pKNkF+douh9WN6Gz5VJxcKC/0Nfb093VErVlvnvtteL2SjVw0gXzy6PMOFgoegAL3MC7wWOWS27GzVQylVKlRK78z6/+ZUdh31RBJt2CKgiywPb+fK+gW0TXdaIWNuDJe+89CD+L9eEj39ZD6alRrzwQig2YDhGKueqJE9XdcjqRFEKhQtUbnfolz3svWhnn9fQHdAIw/Bb0/rpRgjXXgQVpegIkAJ2ZfkQHLFpBYHIzkS42fZjH0YoHk0fOE36mg0qMHuaVBU4fflCAIICL1TeW4yEmv0vB+bq2OuvWujqiWR62FwSWsEzgY2me0jvvhSk3GZMHnoC5zWNVA4AUhKIGiMnj3NyPI83AGzcCnE6fm6gfPXbr3h1zE5LUDvq5Mr5u45EL58uVSnn+wiNbN6yvXizp6iuqrtvS7rW791x667Gj9YnGlxMgVk/rakHVPy07eD+kjk/gdGpEcqEaqb8lzss/wytqS9b2SbYeVv8ZNPSuyWxuov6WY43/kpNt8RIchYrVxpduZnRl/m+A+V+L6mgOfawO2ovJs1OESmSmGZ+xSsFcPiBA97IIQvQ4zJkA07nITT4Zixwlc+C9AIxJgiMn5AACzQnTP/Smomzxdy07X28haGbjyKrSYKE3096acCxFRnVSDzZCSjyIFGZY4BNsBsRJrxBnDP9rxCmdjzoNgjT+JU3yjhquHz2OpauO1sdfR56wZEtDUxtnj12yb9XQUG3/gePXHby08rVgBv9GDYfJKVWk8u1h1VTDH5dtmgmrfwi0whPjR481Xjn2lvpEe0CfMICwUryV1/AzXtWa1Qth1VF0QGQxNbx8f1i22eU4FdT7tetFGviJvkI3UBHFUKLeAjCLh/gwjDaeD/PptHiYTzY4dijaPC49GPYY90cGaJKsTvaYDze+/vefjIb09O8d27NaqfpPu3rLLX2rsn7SfPjv8cjDfntqqO9U1HT/3K8qa+aPruzLfZJeQR2wVNvQGnTv54cxE7jfVg38tiKsJRHWIKhufg6PE/AUCCMiXcX9UtBluoD4Nt0uWFH4Yu6+3hosRV6ML8E3lQNWO/VbC87XfYLGVtfK/b35jlZ+rEJCBjG4hwufD/4sVis8+PM1AvOwYbcZRCytHLDIQgptLtFKLc+PjNLw8rZ8rZYn/wmukg1vwWne/xS2l98vSfgUeSSgD+BFrKs2XHHjVsmWqVPLL28NCj6Sr736UlDoEX5d/hpwC76ZYCCtGoZr45+ARdRHeDlpZV6/Qt9PziIN2SiKWuuxqGsHAVxhDeCzoDfjB0Fo8OFx80DyazycG0u+hGt+TcFuCZN3tdqqdtNzC16flX71leEnM/jqzLeGl3/c+PkIjpOzrXbRv+y5W2TFasHK8LcyjfdknhzGscZfj+BEcN71nfRTtAR2ZhmtqY92thMQijwGTwQwIPAAbyTwk6QSgAPg2qXg5CvfHqL7+XbErOu6TsWt2Fwywszy4AX3fJATP2fEY5iBDnYgByP8WIQUqYF2Obd3PTBRwFGL2FZ0oF7EJ3cs/8P26z7UPxE9zF+PRif6o/8cHY++FN2+sb1Aim0bI1EcM1eet5/E1+Evt/f7R/Du9gHSm2l88mgUyv5zS8tLUa5P+P7YkSCOvQ2lURaVQK9cVX9LBiPWCoZ4PgUqlM4gfo6RsoUQsJ0iIoVHVEqCyOUQUmVBXUAyArRLFsJgvmNtF9w0vB/By2y5jFF5tDw6MlStgGbt7erMdqTbY74eUhhqw0m9edbIjzRnIV/hl0gQyY15lLvvVksGBi1X8mv8cBA/d9cO9jaO8Jd8JkIfBUiU8pZfgFvjz+HimT83qt7z8JRrX/+JTzQ++IlPvOWRZ5P+Czjpkdz3k/7z5CbIvyco9uGUh6/1qsbPTS/lfdG/9hP45k/8ySMvvOBBZR+806s2tpBbn/dSuPFAcx/7CH2Bboa5Wo02o4vQW9DNxK/X9szvoI5x7VGiO2/FYX0ADMiF/m6qWusTYHGtAVtOEzhmBdGOlZn9WPVtQKbT04+EQD5cigzHWHKxakUUFaQE1ahwHGYT8Mhx5OhhZ5dnEt3GYVkP83mWLFk6jCwUUazIAlIQExV2CDCNSOdDWEQaEbWFNx8BjE8/koWmDv62pjSCF/8PttUNbV32WluWGln8v9VY/fJ/rR1t8f90Qzy+sXfLllTqxuuvPn7F4UsPbLloy0V7L5zbtnV2euPaidTq1OrRkY64F7Gidibts7Yen8eq5Gt896pSlvLBBlQlzfI8oM6Vkth2M7lKeYzW+GFZKc+3GLzgwFupInLOPnfSDURzEIlXKQP/MylfK7ni60/C8RMfKyLk3PtfjPWOdrQlUmZ0RBf0qKoqHcrIlyuJNP62kEh3etQKtzj94Wqqc1WukMPr6WZVXt7Dg5LJx6XQq//wR6MYi37nzAjd8voP+PUv1b4izg62mGZGaGNWW5hHmiR3DI6zbjwx76ithWQ0GtZNnGpPpAqdiUIsaaQfvSKo5ApZDeEXV61a2+dLqtO9/q+eu5KfU+EX7PHY6RDj5y6QCrL318EZQ65X+0GzzvKz7+gWdCf6fXRD/dp3vu3wgaFVg5LErj+2cbwlwiiZ39bVrsgA9xFILdsMESbZbCESJpIuE646FwwwglUB4AFFCxqYrJaFd/E7tvYjC1uzD37w3ve+591Lt9584zVXv+WKyy696MIdF2yezq38y/Cwyuzr4sJ5LBvM+xvexTedW8GV//3335b/t30/196591qkyQ+1lRNDOKnKnwvm8XOcXOcfcasqnUtp/Oy3fOCF+Ykffmn89F9Pf+2yodqxbHVUcTlLfpktv3Zo5ifnSfpnrx2k+fz5xz/7XT//5Hzal5cfypahmf08NDfQy39BRsnfIB21okw9hZp/8eL1p6BXorvLuTccu8w15ygfTFkBrwSEkRH1FS2hvcIPQ/1K97BjNEL8vNMrahIsi/9hwFcNnh3sPal7Hs8Ir9wegH78KX2BfBbwySA/rd2DRZbjJ825553OKIwABA2OanP/BebnoAhY3zyaRMCisBDYUhzA8WgSgmbtnO3bCYeH62eDZc0v50PXuC0K6z0YCix3TnPue+YKMQhnex6WKGhkJj0qip8TDZUiWHHB0zIK1h5FYOE8Kn6FLzP+yx5lhvioCFOs4k5ZfJTB2guWH/xAejC+BozvcejbOpSqt/IoLL4B+dqpYYnmO+g6aS0/NdxH+H4pSYp+ECPVir1mFBSFDgeu3ALJ8x+8GueCYM0xwuO8q24Vv4fHly3s+0xXl6LIlm6ZgCs8AfSmJjiyLFmmKWdu/963drYMOE4u9PpvsmlJJpS5/b+++z3fYoQjYiIzU6J6OdmxNXrJtm3JoqrIOgMLSgPDCYC1E37tY9uApighFZIJI+pKPMaRQO7wv/XApc9gvWCEJEHAm1QFzGy0kQZ/4EEESgKH8YMbeljWZK35VxsYhzSRbARH2iPn7zc3buW/9KGGiH8Dv+2N91VwDT/YuBuPNO5tbJzCx/DfNtbha9DKuVF+rmUQTaE99V3dmIqtWKb1LBHkkRLINGEGyWAeyNw84NFdYKEzwniYJfRA5kFKEmJYYgtvNtUzuXxXxc/4HQo/bg3qhh9XD3iL+5pKxTFaIGlunQfIn29sNHe/k4Rz4zmDfeTcH0Gh85PHP7zz4s+MCuIMiwhdJ9cOH9raTQozV771YOfmiO2/Yji4N7Jh9IG5XQ+emGh8aEVy3KxKHSB29kHi5NxGpgubwY6uDBdmjpw4MlPozG42+zz9lahtbRgamzzx4KZXeKGMrH6d6wUhmJ9HALPS4ARWCzpcvzyKsRBRiIh0HCBWWZJP6xgyY1VYCAEo4KcRYVUuhBkRJUncxe+itF+B7NIsMFfw5zjMFrOFH9u3LdmQDf7XOF73xzgMfnAUVHE7/No1IGrJreGIlOF/MiZSw7/ahvu3bXvP8uVfuB4/9tIXrr/+J6vJxS/Bv8bu9+DHlr94/fXkgeXvvHTDDeT0Q/8LOxw4XwAAAHicY2BkYGAAYsbl3erx/DZfGfiZXwBFGO6kiF6F0f9//s9gKWcOAXI5GJhAogBM1gyFAAB4nGNgZGBgDvqfxcDAUvb/5/+fLOUMQBEUYAUAonUG4HicY37BwMAsyMDAmMrAwNQEwSA284L//5kXMDCw6P//z1IG5IPURYLEgWJAPtMeqBpBJLkr//9B2P//Mv8F838ym0D5L6Dq0DHQPOYZyGL/f8HFF+DQ4wTE2VD2SqAb4Gb9/89kDeJD8QKou4ByACrgQU4AAAAAAAAeAFIAiAC+APIBQgGqAm4C0ANIA6QEFATUBPYFfgXIBogHSgd2B/wIggl0ChAKOAqiCxYLSgt+DHQNtg7QD7AQDBFKEjISnBQqFKYU+hpiGz4bshxyHT4dfB4oHmoe2h9wISgiNiJ6IuojZCOkJDQklgAAAAEAAAA6AjkADQAAAAAAAgAuAF0AjQAAATkODAAAAAB4nHWPy0rDQBSG/7HxWnCh6E6YjaIIaRtwoW4KFXWtUNdpnFzKNFMmU6Fb38GFL+er6J9kWkQww8l85z/XAXCALwi03xWtZYGAXssb2Ma15w71oeeA587zJrp49LxF/dnzHi7x4rmLQ7yzgwh26U3x4VlgB9+eN7Avtj13sCOOPAfkE8+bOBannreo33rew1iMPHdxJj5HZr60RZY7eT66kFE/GsjJUhpKRRlrGS9cbmwlhzI1pVNamzAxM2109qSyhY5tjbWNla0KU8pB2K/dB1UqGzv1Wner3rLIuVSm1szkve8j59ZMVeLC3Ln5Ta/3uz9GMJhjCYsCGXI4SJxTveAdoU8bkCbMkMxsswqUiKGpxFiwIm8iFf0hLaVXUlXM0OQQCf+zhjWrnxjJWKdZbdfq6h4zWvcqmi6S00NusYo+MFo2GXEz4XW9W4U3xiOqjhvUW9hmqsT9n30k31vHplQS6mHzakf1Bj2ef/b/AaZpdgZ4nG1S2XbTMBD1bezYcVJKoOxr2TdBG9aWj8lR5HGsE0Uyktw0f4+UGA4PzItm0Z07c6XkINlbmfzfLnCAAVJkGCJHgRFKjDHBIa7hCNcxxQ3cxDFu4Tbu4C7u4T4e4CEe4TGe4ClO8AzP8QIv8Qqv8QZv8Q7v8QEMH/EJpzjDDJ/xBV/xDd/xA+e4wM8kbRXfjrleKmJWLhtf7v3KbHSxd7u2zymq/dARt6JJG7OmrHNk3WjBLRMNt35AWypqLmhhzCr3G+k92XQjazm0JIytMr7hthoKrgWpkKsq6QfCLMsdnHFLvFBSrxhd+akURrOGVMuEtEJRlVfSxS4D1+l0bYye8kCgvQz3+isTqWvzN9jt00fjuFDvj3atKZCXl7Iis3NPPPF1HRFzz4WXws1np2fn88Zckp1HRBpHm/zTp8qVUbFS9OcsE2E/l1YkVpkLO9EoSsFMS7psjTU1OWfshCvF6khitBtFEVmrOnfUSOeN3TJLy05xe/gnVnGqQSv1cdCFrOaK7VRyv7pAkXU6lIo4lzK8Sisj3KEKUKa79YKCypnnC0VpYPYFXQWt9ZL28m5N57sFsfgJ8o3UoYnLe9phfEDRJMlvLofOWAAAAHicY/DewXAiKGIjI2Nf5AbGnRwMHAzJBRsZ2J02MjBoQWguFHonAwMDNxJrJwMzA4PLRhXGjsCIDQ4dESB+istGDRB/BwcDRIDBJVJ6ozpIaBdHAwMji0NHcghMAgQ2MvBp7WD837qBpXcjE4PLZtYUNgYXFwCUHCoHAAA=") format("woff"); }
.fa {
  font-family: "wgfont";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-size-adjust: none;
  font-stretch: normal;
  font-feature-settings: normal;
  font-language-override: normal;
  font-kerning: auto;
  font-synthesis: weight style;
  font-variant: normal;
  font-size: inherit;
  text-rendering: auto; }

.fa-play:before {
  content: '\e800'; }

/* '' */
.fa-angle-right:before {
  content: '\e801'; }

/* '' */
.fa-angle-down:before {
  content: '\e802'; }

/* '' */
.fa-angle-up:before {
  content: '\e803'; }

/* '' */
.fa-angle-left:before {
  content: '\e804'; }

/* '' */
.fa-search:before {
  content: '\e805'; }

/* '' */
.fa-home:before {
  content: '\e806'; }

/* '' */
.fa-users:before {
  content: '\e807'; }

/* '' */
.fa-bar-chart:before {
  content: '\e808'; }

/* '' */
.fa-eye:before {
  content: '\e809'; }

/* '' */
.fa-facebook:before {
  content: '\e80a'; }

/* '' */
.fa-twitter:before {
  content: '\e80b'; }

/* '' */
.fa-wifi:before {
  content: '\e80c'; }

/* '' */
.fa-record:before {
  content: '\e80d'; }

/* '' */
.fa-award:before {
  content: '\e80e'; }

/* '' */
.fa-cancel:before {
  content: '\e80f'; }

/* '' */
.fa-reddit:before {
  content: '\e810'; }

/* '' */
.fa-cog:before {
  content: '\e811'; }

/* '' */
.fa-chart-area:before {
  content: '\e812'; }

/* '' */
.fa-link-ext:before {
  content: '\e813'; }

/* '' */
.fa-icon-help-circled:before {
  content: '\e814'; }

/* '' */
.fa-discord:before {
  content: '\e815'; }

/* '' */
.fa-sun:before {
  content: '\e816'; }

/* '' */
.fa-moon:before {
  content: '\e817'; }

/* '' */
.fa-attention-circled:before {
  content: '\e818'; }

/* '' */
.fa-info-circled:before {
  content: '\e819'; }

/* '' */
.fa-right-circle:before {
  content: '\e81a'; }

/* '' */
.fa-down-circle:before {
  content: '\e81b'; }

/* '' */
.fa-icon-edit:before {
  content: '\e81c'; }

/* '' */
.fa-video-edit:before {
  content: '\e81d'; }

/* '' */
.fa-teamfight_tactics_2019_hover_icon:before {
  content: '\e81e'; }

/* '' */
.fa-link:before {
  content: '\e81f'; }

/* '' */
.fa-down-circled:before {
  content: '\e820'; }

/* '' */
.fa-lolicon:before {
  content: '\e821'; }

/* '' */
.fa-lolicon2:before {
  content: '\e822'; }

/* '' */
.fa-cards:before {
  content: '\e823'; }

/* '' */
.fa-deck:before {
  content: '\e824'; }

/* '' */
.fa-share:before {
  content: '\e825'; }

/* '' */
.fa-book-open:before {
  content: '\e826'; }

/* '' */
.fa-porofessor:before {
  content: '\e827'; }

/* '' */
.fa-all-factions:before {
  content: '\e828'; }

/* '' */
.fa-user-plus:before {
  content: '\e829'; }

/* '' */
.fa-history-regular:before {
  content: '\e82a'; }

/* '' */
.fa-history-light:before {
  content: '\e82b'; }

/* '' */
.fa-pin:before {
  content: '\e82c'; }

/* '' */
.fa-external-link-square:before {
  content: '\e82d'; }

/* '' */
.fa-unpin:before {
  content: '\e82e'; }

/* '' */
.fa-download:before {
  content: '\f02e'; }

/* '' */
.fa-docs:before {
  content: '\f0c5'; }

/* '' */
.fa-list-numbered:before {
  content: '\f0cb'; }

/* '' */
.fa-table:before {
  content: '\f0ce'; }

/* '' */
.fa-sort:before {
  content: '\f0dc'; }

/* '' */
.fa-exchange:before {
  content: '\f0ec'; }

/* '' */
.fa-icon-youtube-play:before {
  content: '\f16a'; }

/* '' */
.fa-windows:before {
  content: '\f17a'; }

/* '' */
.fa-history:before {
  content: '\f1da'; }

/* '' */
.fa-twitch:before {
  content: '\f1e8'; }

/* '' */
.site-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  background-color: #2B333E;
  box-shadow: 0px 0 8px 2px rgba(0, 0, 0, 0.6);
  margin: 0;
  padding: 8px 0;
  color: #FFF; }
  .site-header.no-margin-bottom {
    margin-bottom: 0; }
  .site-header .site-header-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 5px; }
    .site-header .site-header-content .site-title {
      margin: 0 0 0 0px;
      height: 28px;
      display: inline-block; }
      .site-header .site-header-content .site-title a {
        color: inherit;
        text-decoration: none; }
    .site-header .site-header-content .downloadPopupButton {
      font-size: 15px;
      color: #FFF;
      cursor: pointer;
      padding: 4px 16px;
      margin-top: 2px;
      margin-bottom: -4px;
      margin-left: 23px;
      border: none;
      vertical-align: top;
      padding-left: 9px;
      background-color: #e32e18; }
      .site-header .site-header-content .downloadPopupButton i {
        margin-right: 3px;
        font-size: 18px; }
      .site-header .site-header-content .downloadPopupButton:hover {
        background-color: #b12413; }
    .site-header .site-header-content .log-logo {
      display: inline-block;
      position: relative;
      width: 35px; }
      @media only screen and (max-width: 40em) {
        .site-header .site-header-content .log-logo {
          display: none; } }
      .site-header .site-header-content .log-logo a {
        position: absolute;
        top: -18px;
        left: 0; }
        .site-header .site-header-content .log-logo a img {
          width: 25px;
          height: 25px; }
    .site-header .site-header-content .social-media {
      display: inline-block;
      margin-right: 20px; }
      .site-header .site-header-content .social-media a {
        color: #E3E3E3;
        font-size: 18px;
        line-height: 18px;
        vertical-align: bottom;
        text-decoration: none;
        margin-left: 5px; }
    .site-header .site-header-content .overwolfLink {
      display: inline-block; }
      .site-header .site-header-content .overwolfLink img {
        height: 17px;
        line-height: 18px;
        vertical-align: bottom;
        margin-bottom: 1px; }
    .site-header .site-header-content .languageSelector {
      display: inline-block;
      color: #D3D3D3;
      position: relative;
      cursor: pointer; }
      .site-header .site-header-content .languageSelector .selectedLanguage {
        height: 28px;
        padding-top: 4px;
        padding-left: 10px;
        padding-right: 20px; }
        @media only screen and (max-width: 40em) {
          .site-header .site-header-content .languageSelector .selectedLanguage {
            margin-left: 0px; } }
        .site-header .site-header-content .languageSelector .selectedLanguage:after {
          content: "";
          display: inline-block;
          border: inset 5px;
          border-color: #D3D3D3 transparent transparent transparent;
          border-top-style: solid;
          position: absolute;
          top: 12px;
          right: 5px; }
      .site-header .site-header-content .languageSelector:hover .dropdown {
        display: block; }
      .site-header .site-header-content .languageSelector .dropdown {
        display: none;
        position: absolute;
        top: 22px;
        right: 3px;
        background-color: #2B333E;
        padding-top: 7px;
        z-index: 10; }
        .site-header .site-header-content .languageSelector .dropdown a {
          color: inherit;
          font-size: inherit;
          text-decoration: inherit; }
        .site-header .site-header-content .languageSelector .dropdown .dropdownOption {
          padding: 4px 14px; }
          .site-header .site-header-content .languageSelector .dropdown .dropdownOption:hover, .site-header .site-header-content .languageSelector .dropdown .dropdownOption.selected {
            background-color: #607389; }
    .site-header .site-header-content .searchArea {
      display: inline-block;
      background-color: #37424F;
      color: #C8C8C8;
      border: none;
      border-radius: 0;
      height: 28px;
      padding-left: 7px;
      padding-right: 5px;
      margin-right: 20px; }
      @media only screen and (max-width: 40em) {
        .site-header .site-header-content .searchArea {
          display: none; } }
      .site-header .site-header-content .searchArea input {
        background-color: #37424F;
        border: none !important;
        box-shadow: none !important;
        color: #C8C8C8;
        padding: 0;
        margin-top: 4px;
        width: 120px;
        font-size: 14px; }
      .site-header .site-header-content .searchArea .regionSelect {
        position: relative;
        display: inline;
        cursor: pointer;
        font-size: 14px;
        margin-left: 10px;
        margin-right: 5px;
        width: 38px; }
        .site-header .site-header-content .searchArea .regionSelect .currentValue {
          display: inline;
          width: 25px;
          background-color: #37424F;
          color: #C8C8C8; }
        .site-header .site-header-content .searchArea .regionSelect .dropdown {
          display: none;
          position: absolute;
          top: 22px;
          left: -9px;
          background-color: #37424F; }
          .site-header .site-header-content .searchArea .regionSelect .dropdown .regionOption {
            padding: 3px 8px; }
            .site-header .site-header-content .searchArea .regionSelect .dropdown .regionOption:hover, .site-header .site-header-content .searchArea .regionSelect .dropdown .regionOption.selected {
              background-color: #607389; }
      .site-header .site-header-content .searchArea .searchButton {
        cursor: pointer;
        background-color: #37424F;
        border: none !important;
        color: #C8C8C8;
        box-shadow: none !important;
        line-height: 26px;
        padding-right: 2px;
        padding-left: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-left: 0;
        margin-right: 2px;
        transform: scale(-1, 1); }
      .site-header .site-header-content .searchArea ::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #C8C8C8; }
      .site-header .site-header-content .searchArea :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #C8C8C8;
        opacity: 1; }
      .site-header .site-header-content .searchArea ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #C8C8C8;
        opacity: 1; }
      .site-header .site-header-content .searchArea :-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #C8C8C8; }
    .site-header .site-header-content::after {
      content: "";
      display: block;
      clear: both; }

.site-header-bottom-margin {
  margin-bottom: 44px; }

.legalContactPageStuff {
  font-style: italic;
  font-size: 11px; }

.cards-list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow-x: auto;
  margin-top: 10px;
  margin-bottom: 30px;
  list-style: none;
  padding: 5px 0 15px 0; }
  @media only screen and (max-width: 40em) {
    .cards-list {
      margin-left: 0;
      margin-right: 15px; } }
  .cards-list li {
    margin: 0 5px;
    padding: 0; }
  .cards-list.no-margin-top {
    margin-top: 0; }
  .cards-list.no-margin-bottom {
    margin-bottom: 0; }
  .cards-list.cards-list-centered {
    justify-content: center; }
  .cards-list.cards-list-space-evenly {
    justify-content: space-evenly; }
  .arena .cards-list {
    width: 100%;
    justify-content: space-around;
    margin: 0;
    padding: 0 5px; }
    .arena .cards-list:last-of-type {
      display: none; }

.card {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 6px #999; }
  .card.card-5 {
    width: 230px; }
  .card.card-4 {
    width: 288px; }
  .card.card-3 {
    width: 390px; }
  .card .cardHeader {
    position: relative;
    flex: 0 1 100%;
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    min-height: 24px;
    padding: 2px 0px;
    text-align: center; }
    .card .cardHeader a {
      color: inherit;
      font-size: inherit;
      font-weight: inherit;
      text-decoration: none; }
      .card .cardHeader a:hover {
        text-decoration: underline; }
    .card .cardHeader.blue {
      background-color: #2796BC; }
    .card .cardHeader.red {
      background-color: #E9422E; }
    .card .cardHeader.black {
      background-color: #2B333E; }
    .card .cardHeader.twitch {
      background-color: #4B367C; }
  .card .cardBody {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #F3F5F8;
    padding: 7px 5px 2px 5px; }
    .card .cardBody .box {
      flex: 0 1 100%;
      position: relative;
      background-color: #FFF;
      max-width: 100%;
      border: 1px solid #E2E2E2;
      padding: 5px;
      margin-bottom: 5px;
      text-align: center; }
      .card .cardBody .box.canExpand {
        cursor: pointer; }
        .card .cardBody .box.canExpand .expandSeparator {
          height: 0px;
          border-bottom: 1px #DDD solid;
          margin: 7px 25px; }
        .card .cardBody .box.canExpand:hover:not(.deployed) {
          border: 1px solid #CCC; }
        .card .cardBody .box.canExpand.deployed .expandableHint {
          display: none; }
        .card .cardBody .box.canExpand .expandableHint {
          position: absolute;
          bottom: 2px;
          right: 5px;
          color: #CCC;
          font-size: 15px; }
      .card .cardBody .box.half, .card .cardBody .box .half {
        flex: 0 1 calc(50% - 3px /* lateral margin */); }
        .card .cardBody .box.half .content, .card .cardBody .box .half .content {
          line-height: 15px; }
        .card .cardBody .box.half .expandableHint, .card .cardBody .box .half .expandableHint {
          bottom: 0px;
          right: 3px; }
        .card .cardBody .box.half.deployed, .card .cardBody .box .half.deployed {
          border-bottom: 5px #FFF solid;
          margin-bottom: -5px;
          padding-bottom: 11px; }
        .card .cardBody .box.half.leftMargin, .card .cardBody .box .half.leftMargin {
          padding-left: 12px; }
      .card .cardBody .box.imgFlex, .card .cardBody .box .imgFlex {
        display: flex;
        align-items: center;
        position: relative; }
        .card .cardBody .box.imgFlex > div, .card .cardBody .box .imgFlex > div {
          flex-shrink: 0; }
        .card .cardBody .box.imgFlex div.imgColumn-48, .card .cardBody .box .imgFlex div.imgColumn-48 {
          width: 56px;
          height: 48px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 5px; }
        .card .cardBody .box.imgFlex div.imgColumn-36, .card .cardBody .box .imgFlex div.imgColumn-36 {
          width: 36px;
          height: 36px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 5px; }
        .card .cardBody .box.imgFlex div.imgColumn-24, .card .cardBody .box .imgFlex div.imgColumn-24 {
          width: 24px;
          height: 24px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 5px; }
        .card .cardBody .box.imgFlex div.imgColumn-champion, .card .cardBody .box .imgFlex div.imgColumn-champion {
          align-items: center;
          justify-content: center;
          font-size: 0;
          width: 56px;
          height: 66px;
          margin-right: 5px; }
          .card .cardBody .box.imgFlex div.imgColumn-champion.imgColumn-champion-48, .card .cardBody .box .imgFlex div.imgColumn-champion.imgColumn-champion-48 {
            height: 48px; }
        .card .cardBody .box.imgFlex img, .card .cardBody .box .imgFlex img {
          flex: 0 0 auto;
          padding: 0; }
        .card .cardBody .box.imgFlex .txt, .card .cardBody .box .imgFlex .txt {
          flex: 0 1 auto;
          word-wrap: break-word;
          text-align: left;
          min-width: 0; }
        .card .cardBody .box.imgFlex .graphButton, .card .cardBody .box .imgFlex .graphButton {
          color: #CCC;
          position: absolute;
          bottom: -5px;
          right: -2px;
          font-size: 13px;
          padding: 5px;
          cursor: pointer; }
      .card .cardBody .box .title {
        line-height: 17px;
        font-size: 14px;
        color: #555;
        font-weight: 300;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
        .card .cardBody .box .title .subtitle {
          font-size: 13px;
          color: #A0A0A0; }
        .card .cardBody .box .title .subsubtitle {
          font-size: 11px;
          color: #A0A0A0;
          font-style: italic;
          font-weight: 300; }
      .card .cardBody .box .content {
        font-weight: 300;
        font-size: 12px;
        color: #A0A0A0;
        line-height: 17px; }
      .card .cardBody .box .oneLiner {
        max-width: 145px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .card .cardBody .box .highlight {
        color: #666; }
      .card .cardBody .box .minorHighlight {
        color: #777; }
      .card .cardBody .box .kills {
        color: #3CBC8D; }
      .card .cardBody .box .deaths {
        color: #E9422E; }
      .card .cardBody .box .assists {
        color: #FAC552; }
      .card .cardBody .box .expansion {
        display: none;
        cursor: auto; }
      .card .cardBody .box .subbox {
        margin-bottom: 9px; }
        .card .cardBody .box .subbox.nomarginbottom {
          margin-bottom: 0px; }
          .card .cardBody .box .subbox.nomarginbottom.deployed {
            margin-bottom: 0px; }
        .card .cardBody .box .subbox.deployed {
          border-bottom: 0px;
          margin-bottom: 9px;
          padding-bottom: 0px; }
      .card .cardBody .box .half-subbox-expansion {
        display: none;
        cursor: auto;
        flex: 0 1 100%;
        padding: 0px 5px;
        margin-top: 0px;
        margin-bottom: 6px; }
    .card .cardBody .half-box-expansion {
      display: none;
      cursor: auto;
      flex: 0 1 100%;
      background-color: #FFF;
      border: 1px solid #E2E2E2;
      padding: 5px 5px;
      margin-bottom: 5px; }

.rankingExternalLink:hover {
  text-decoration: underline; }

.card .half-box-expansion .graph-title, .subexpansion .graph-title {
  margin-bottom: 0px;
  color: #808080; }
.card .half-box-expansion .graphSubData, .subexpansion .graphSubData {
  text-align: center;
  font-size: 13px;
  color: #999;
  font-weight: 300; }
  .card .half-box-expansion .graphSubData .highlight, .subexpansion .graphSubData .highlight {
    color: #666 !important; }
.card .half-box-expansion .graph table, .subexpansion .graph table {
  top: 10px !important; }
.card .half-box-expansion .flot-tick-label.tickLabel, .subexpansion .flot-tick-label.tickLabel {
  color: #808080;
  font-weight: 300; }

.championsBoxContainer {
  width: 100%; }
  .championsBoxContainer .championBox {
    position: relative; }
    .championsBoxContainer .championBox .goldbox .txt {
      margin-right: -5px; }
    .championsBoxContainer .championBox .championMasteryLevelIcon {
      position: absolute;
      top: -5px;
      right: -8px;
      width: 21px; }
    .championsBoxContainer .championBox .level {
      position: absolute;
      bottom: 0px;
      right: 4px;
      background-color: rgba(0, 0, 0, 0.65);
      padding: 2px 3px 1px 4px;
      border-radius: 8px 0 0 0;
      font-size: 9px;
      color: rgba(255, 255, 255, 0.9);
      text-align: center; }
    .championsBoxContainer .championBox .spells {
      margin-top: 1px;
      height: 16px;
      width: 56px; }
      .championsBoxContainer .championBox .spells .spell {
        display: inline-block;
        height: 16px;
        width: 16px; }
    .championsBoxContainer .championBox .spellsContent {
      position: absolute;
      top: 9px;
      right: 5px; }
      .championsBoxContainer .championBox .spellsContent .spellContent {
        width: 16px;
        height: 16px; }
    .championsBoxContainer .championBox .championExpansion {
      display: flex;
      flex-wrap: wrap;
      margin-top: 10px;
      cursor: pointer; }
      .championsBoxContainer .championBox .championExpansion .subbox.canExpand:hover {
        color: #555;
        text-decoration: underline; }
      .championsBoxContainer .championBox .championExpansion .versus {
        cursor: auto; }
        .championsBoxContainer .championBox .championExpansion .versus .versusChampionImg {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-right: 4px;
          position: relative; }
          .championsBoxContainer .championBox .championExpansion .versus .versusChampionImg .vs {
            position: absolute;
            top: 8px;
            left: 0;
            right: 0;
            color: #FFF;
            font-weight: 700;
            font-size: 16px;
            text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; }
        .championsBoxContainer .championBox .championExpansion .versus .title {
          font-size: 13px !important;
          margin-right: -12px;
          color: inherit; }
    .championsBoxContainer .championBox .rankingExplanationCursor {
      margin-left: 3px;
      color: #777; }
      .championsBoxContainer .championBox .rankingExplanationCursor:hover {
        cursor: help !important; }
    .championsBoxContainer .championBox .usualBuilds {
      padding-left: 5px;
      margin-bottom: 5px; }
      .championsBoxContainer .championBox .usualBuilds img {
        vertical-align: middle; }

#tooltip.tipsTooltip {
  width: 600px;
  max-width: unset; }
  #tooltip.tipsTooltip .tipsTooltipColumn {
    width: 50%;
    float: left;
    padding: 15px 20px; }
  #tooltip.tipsTooltip.withPatchData {
    width: 850px; }
    #tooltip.tipsTooltip.withPatchData .tipsTooltipColumn {
      width: 33.333%; }
  #tooltip.tipsTooltip .tipsTrickTitle {
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
    color: #FFF;
    margin-bottom: 20px; }
  #tooltip.tipsTooltip ul.tips {
    padding: 0;
    list-style: inside;
    margin: 0; }
    #tooltip.tipsTooltip ul.tips li {
      font-size: 13px;
      margin-bottom: 20px; }
      #tooltip.tipsTooltip ul.tips li:last-child {
        margin-bottom: 0; }
  #tooltip.tipsTooltip .tipsTooltipBlockTitle {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 10px; }
  #tooltip.tipsTooltip .junglePathsTooltipBlockTitle {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 10px; }
    #tooltip.tipsTooltip .junglePathsTooltipBlockTitle.withChanges {
      margin-top: 20px; }
  #tooltip.tipsTooltip .tipsTooltipBlock {
    background-color: rgba(255, 255, 255, 0.06);
    border-radius: 4px;
    padding: 10px 14px 10px 18px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 30px;
    margin-bottom: 20px; }
    #tooltip.tipsTooltip .tipsTooltipBlock:last-child {
      margin-bottom: 0; }
    #tooltip.tipsTooltip .tipsTooltipBlock .damageCircle {
      width: 14px;
      height: 14px;
      border-radius: 50%;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }
      #tooltip.tipsTooltip .tipsTooltipBlock .damageCircle.physical {
        background-color: #E9422E; }
      #tooltip.tipsTooltip .tipsTooltipBlock .damageCircle.magic {
        background-color: #2796BC; }
      #tooltip.tipsTooltip .tipsTooltipBlock .damageCircle.true {
        background-color: #999; }
      #tooltip.tipsTooltip .tipsTooltipBlock .damageCircle.popularity {
        background-color: #2796BC; }
      #tooltip.tipsTooltip .tipsTooltipBlock .damageCircle.winrate {
        background-color: #3CBC8D; }
    #tooltip.tipsTooltip .tipsTooltipBlock .spellLine {
      font-weight: 500; }
      #tooltip.tipsTooltip .tipsTooltipBlock .spellLine .spellKey {
        background-color: rgba(255, 255, 255, 0.12);
        font-size: 15px;
        display: inline-block;
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
        border-radius: 4px;
        margin-right: 10px;
        width: 23px;
        line-height: 23px; }
      #tooltip.tipsTooltip .tipsTooltipBlock .spellLine .cdarrow {
        font-weight: 400; }
  #tooltip.tipsTooltip .recentChangeBlock {
    margin-bottom: 15px; }
    #tooltip.tipsTooltip .recentChangeBlock .recentChangeBlockTitle {
      font-weight: 500;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.8);
      margin-bottom: 2px; }
  #tooltip.tipsTooltip .path {
    vertical-align: middle;
    font-size: 20px;
    color: #EEE; }
    #tooltip.tipsTooltip .path img {
      vertical-align: middle;
      margin-bottom: 3px; }
    #tooltip.tipsTooltip .path .fa {
      margin-left: 4px;
      margin-right: 4px; }

#tooltip.alreadyPlayedTooltip {
  width: 275px;
  max-width: unset;
  padding: 15px 15px; }
  #tooltip.alreadyPlayedTooltip.twoColumns {
    width: 550px; }
    #tooltip.alreadyPlayedTooltip.twoColumns .alreadyPlayedTooltipColumn {
      width: 50%;
      vertical-align: top; }
  #tooltip.alreadyPlayedTooltip .alreadyPlayedTooltipColumn {
    width: 100%;
    display: inline-block; }
    #tooltip.alreadyPlayedTooltip .alreadyPlayedTooltipColumn .alreadyPlayedTooltipColumnTitle {
      margin-bottom: 2px;
      color: #FFF;
      font-size: 14px;
      font-weight: 500; }
    #tooltip.alreadyPlayedTooltip .alreadyPlayedTooltipColumn .alreadyPlayedTooltipColumnDuration {
      margin-bottom: 10px;
      font-style: italic;
      color: rgba(255, 255, 255, 0.35); }
    #tooltip.alreadyPlayedTooltip .alreadyPlayedTooltipColumn .alreadyPlayedTooltipColumnPlayed .number {
      font-size: 17px;
      color: #FFF;
      font-weight: 300; }
    #tooltip.alreadyPlayedTooltip .alreadyPlayedTooltipColumn .alreadyPlayedTooltipColumnPlayed i {
      color: rgba(255, 255, 255, 0.3);
      font-size: 12px; }
    #tooltip.alreadyPlayedTooltip .alreadyPlayedTooltipColumn .alreadyPlayedTooltipColumnRecentMatchesTitle {
      color: rgba(255, 255, 255, 0.7);
      font-size: 13px;
      font-weight: 500;
      margin-top: 20px;
      margin-bottom: 6px; }
    #tooltip.alreadyPlayedTooltip .alreadyPlayedTooltipColumn .victoryDefeatTd {
      width: 70px;
      padding-top: 3px;
      padding-bottom: 3px; }
      #tooltip.alreadyPlayedTooltip .alreadyPlayedTooltipColumn .victoryDefeatTd .victoryDefeatText {
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 1px; }
        #tooltip.alreadyPlayedTooltip .alreadyPlayedTooltipColumn .victoryDefeatTd .victoryDefeatText.victory {
          color: #3CBC8D; }
        #tooltip.alreadyPlayedTooltip .alreadyPlayedTooltipColumn .victoryDefeatTd .victoryDefeatText.defeat {
          color: #E9422E; }
      #tooltip.alreadyPlayedTooltip .alreadyPlayedTooltipColumn .victoryDefeatTd .delay {
        color: rgba(255, 255, 255, 0.4);
        font-size: 12px; }
    #tooltip.alreadyPlayedTooltip .alreadyPlayedTooltipColumn .withVersusTd {
      font-weight: 500;
      color: rgba(255, 255, 255, 0.9);
      text-align: center;
      width: 35px; }
    #tooltip.alreadyPlayedTooltip .alreadyPlayedTooltipColumn .withVersusTdIcon {
      padding-right: 5px; }
    #tooltip.alreadyPlayedTooltip .alreadyPlayedTooltipColumn .withVersusTdKda .kills {
      color: #3CBC8D; }
    #tooltip.alreadyPlayedTooltip .alreadyPlayedTooltipColumn .withVersusTdKda .deaths {
      color: #E9422E; }
    #tooltip.alreadyPlayedTooltip .alreadyPlayedTooltipColumn .withVersusTdKda .assists {
      color: #FAC552; }

.mainsTableContainer {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden; }

#mainsBox .played, #mainsBox .win, #recentGamesBox .played, #recentGamesBox .win {
  width: 53px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 0px; }

.mainsTable {
  width: 100%;
  margin-top: 5px; }
  .mainsTable th {
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    color: #666; }
  .mainsTable td {
    padding: 0; }
  .mainsTable .roleIcon {
    height: 24px; }
  .mainsTable .progress-bar-container {
    text-align: left;
    font-weight: 300;
    font-size: 13px;
    color: #888; }
  .mainsTable .full-progress-bar {
    margin-right: 1px; }

.imgFlex .highBoxHeight {
  height: 68px !important; }

.miniserie {
  margin-left: 8px;
  display: inline-block;
  font-size: 15px;
  line-height: 15px; }
  .miniserie .victory {
    color: #3CBC8D; }
  .miniserie .defeat {
    color: #E9422E; }
  .miniserie .neutral {
    color: inherit; }

.inlinePreviousSeasonRanking {
  display: inline-block;
  margin-left: 5px; }
  .inlinePreviousSeasonRanking img {
    vertical-align: text-top;
    filter: brightness(115%); }
  .inlinePreviousSeasonRanking .inlinePreviousSeasonRankingTxt {
    font-size: 9px; }

.card .cardBody .box .title .subsubtitle.previousSeasonRanking {
  font-size: 9px; }
  .card .cardBody .box .title .subsubtitle.previousSeasonRanking img {
    vertical-align: text-bottom; }

.rankingSeason {
  font-size: 9px; }

.recentGamesContainer {
  font-weight: 300;
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto; }
  .recentGamesContainer a {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-decoration: inherit; }

.recentGamesContainer .recentGames, #tooltip .recentGames {
  border-collapse: collapse;
  border-spacing: 0px 0px;
  width: 100%;
  margin-bottom: 5px;
  border-collapse: collapse; }
  .recentGamesContainer .recentGames tr, #tooltip .recentGames tr {
    border-bottom: 1px solid #DDD; }
    .recentGamesContainer .recentGames tr:nth-child(2n), #tooltip .recentGames tr:nth-child(2n) {
      background: #F6F6F6; }
    .recentGamesContainer .recentGames tr td, #tooltip .recentGames tr td {
      position: relative;
      padding: 5px 0px; }
      .recentGamesContainer .recentGames tr td:nth-child(1), #tooltip .recentGames tr td:nth-child(1) {
        padding-left: 5px; }
      .recentGamesContainer .recentGames tr td.championIconTd, #tooltip .recentGames tr td.championIconTd {
        min-width: 41px; }
        .recentGamesContainer .recentGames tr td.championIconTd .winIndicatorContainer, #tooltip .recentGames tr td.championIconTd .winIndicatorContainer {
          position: absolute;
          width: 4px;
          top: 0px;
          bottom: 0px;
          left: -5px;
          display: flex;
          align-items: center; }
          .recentGamesContainer .recentGames tr td.championIconTd .winIndicatorContainer .winIndicator, #tooltip .recentGames tr td.championIconTd .winIndicatorContainer .winIndicator {
            height: 42px;
            width: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px; }
            .recentGamesContainer .recentGames tr td.championIconTd .winIndicatorContainer .winIndicator.victory, #tooltip .recentGames tr td.championIconTd .winIndicatorContainer .winIndicator.victory {
              background-color: #3CBC8D; }
            .recentGamesContainer .recentGames tr td.championIconTd .winIndicatorContainer .winIndicator.defeat, #tooltip .recentGames tr td.championIconTd .winIndicatorContainer .winIndicator.defeat {
              background-color: #E9422E; }
            .recentGamesContainer .recentGames tr td.championIconTd .winIndicatorContainer .winIndicator.remade, #tooltip .recentGames tr td.championIconTd .winIndicatorContainer .winIndicator.remade {
              background-color: #2796BC; }
      .recentGamesContainer .recentGames tr td.resultTd, #tooltip .recentGames tr td.resultTd {
        text-align: center;
        width: 80px; }
        .recentGamesContainer .recentGames tr td.resultTd .victoryDefeatText, #tooltip .recentGames tr td.resultTd .victoryDefeatText {
          font-size: 15px;
          font-weight: 400; }
          .recentGamesContainer .recentGames tr td.resultTd .victoryDefeatText:hover, #tooltip .recentGames tr td.resultTd .victoryDefeatText:hover {
            text-decoration: underline; }
          .recentGamesContainer .recentGames tr td.resultTd .victoryDefeatText.victory, #tooltip .recentGames tr td.resultTd .victoryDefeatText.victory {
            color: #3CBC8D; }
          .recentGamesContainer .recentGames tr td.resultTd .victoryDefeatText.remade, #tooltip .recentGames tr td.resultTd .victoryDefeatText.remade {
            color: #2796BC; }
          .recentGamesContainer .recentGames tr td.resultTd .victoryDefeatText.defeat, #tooltip .recentGames tr td.resultTd .victoryDefeatText.defeat {
            color: #E9422E; }
        .recentGamesContainer .recentGames tr td.resultTd .gameMode, #tooltip .recentGames tr td.resultTd .gameMode {
          width: 80px;
          font-size: 12px;
          color: #888; }
      .recentGamesContainer .recentGames tr td.itemsColumn, #tooltip .recentGames tr td.itemsColumn {
        text-align: center;
        font-size: 0; }
        .recentGamesContainer .recentGames tr td.itemsColumn img, #tooltip .recentGames tr td.itemsColumn img {
          margin: 1px;
          vertical-align: middle; }
        .recentGamesContainer .recentGames tr td.itemsColumn .emptyItem, #tooltip .recentGames tr td.itemsColumn .emptyItem {
          display: inline-block;
          height: 20px;
          width: 20px;
          background-color: transparent;
          vertical-align: middle;
          margin: 1px; }
        .recentGamesContainer .recentGames tr td.itemsColumn .itemsLine, #tooltip .recentGames tr td.itemsColumn .itemsLine {
          display: inline; }
      .recentGamesContainer .recentGames tr td .kda, #tooltip .recentGames tr td .kda {
        font-size: 12px; }
        .recentGamesContainer .recentGames tr td .kda .kills, #tooltip .recentGames tr td .kda .kills {
          color: #3CBC8D; }
        .recentGamesContainer .recentGames tr td .kda .deaths, #tooltip .recentGames tr td .kda .deaths {
          color: #E9422E; }
        .recentGamesContainer .recentGames tr td .kda .assists, #tooltip .recentGames tr td .kda .assists {
          color: #FAC552; }

.rolesBox .rolesTable, #tooltip .rolesTable {
  width: 100%;
  margin-top: 5px; }
  .rolesBox .rolesTable th, #tooltip .rolesTable th {
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    color: #666; }
  .rolesBox .rolesTable td, #tooltip .rolesTable td {
    padding: 0; }
  .rolesBox .rolesTable .roleIcon, #tooltip .rolesTable .roleIcon {
    height: 24px; }
  .rolesBox .rolesTable .progress-bar-container, #tooltip .rolesTable .progress-bar-container {
    text-align: left;
    font-weight: 300;
    font-size: 13px;
    color: #888; }
  .rolesBox .rolesTable .full-progress-bar, #tooltip .rolesTable .full-progress-bar {
    margin-right: 1px; }

.card .cardTeam {
  flex: 1;
  padding: 5px 0px; }
  .card .cardTeam a {
    color: inherit;
    font-size: inherit;
    text-decoration: inherit; }
    .card .cardTeam a:hover {
      text-decoration: underline; }
  .card .cardTeam .participant {
    padding: 0 3px; }
    .card .cardTeam .participant.selected .championIcon img {
      border-radius: 35%; }
    .card .cardTeam .participant.selected .txt .name {
      color: #222;
      font-style: italic; }
    .card .cardTeam .participant .name {
      max-width: 90px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      font-size: 13px;
      color: #666; }
      .card .cardTeam .participant .name.with-twitch-icon {
        max-width: 60px; }
    .card .cardTeam .participant .subname {
      max-width: 90px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: #999; }
  .card .cardTeam .twitchStreamerAnnotation {
    flex: 0 1 auto;
    padding-top: 5px; }
    .card .cardTeam .twitchStreamerAnnotation a:hover {
      text-decoration: none; }
    .card .cardTeam .twitchStreamerAnnotation i {
      margin-right: 2px;
      margin-left: 2px;
      font-size: 24px;
      color: #4B367C; }
  .card .cardTeam .img-align-block {
    text-align: left; }
    .card .cardTeam .img-align-block .txt {
      padding-left: 7px; }
  .card .cardTeam .img-align-block-right {
    text-align: right; }
    .card .cardTeam .img-align-block-right .txt {
      padding-right: 7px; }

.card .cardHeader .premadeHistoryTagContainer {
  position: absolute;
  top: 5px;
  right: 7px;
  line-height: 13px; }
  .card .cardHeader .premadeHistoryTagContainer .premadeTag {
    display: inline-block;
    font-size: 13px; }
  .card .cardHeader .premadeHistoryTagContainer .relationshipTag {
    display: inline-block;
    font-size: 13px; }

.premadeTooltip {
  padding-bottom: 5px; }
  .premadeTooltip ul {
    margin: 0;
    padding-left: 20px;
    margin-top: 7px; }
    .premadeTooltip ul li {
      margin: 4px 0; }

.card .cardHeader .hasPorofessorAppIconContainer {
  position: absolute;
  top: 4px;
  left: 7px;
  font-size: 13px;
  line-height: 13px;
  cursor: help; }
  .card .cardHeader .hasPorofessorAppIconContainer .porofessorMonochromeIcon {
    height: 15px; }
  .card .cardHeader .hasPorofessorAppIconContainer .porofessorPremiumIcon {
    height: 12px;
    position: absolute;
    top: -5px;
    left: 2px; }

.card .tags-box {
  min-height: 38px; }
  .card .tags-box .tag {
    cursor: help;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    border-radius: 5px;
    padding: 2px 8px;
    margin: 2px 0px;
    color: #FFF; }
    .card .tags-box .tag.hasLink {
      cursor: pointer; }
    .card .tags-box .tag.green {
      background-color: #3CBC8D; }
    .card .tags-box .tag.red {
      background-color: #E9422E; }
    .card .tags-box .tag.yellow {
      background-color: #FAC552; }
    .card .tags-box .tag.blue {
      background-color: #2796BC; }
    .card .tags-box .tag.lightBlue {
      background-color: #29B7D3; }
    .card .tags-box .tag.orange {
      background-color: #f58111; }
    .card .tags-box .tag.brown {
      background-color: #6a5549; }
    .card .tags-box .tag.black {
      color: #fff;
      background-color: #000; }
    .card .tags-box .tag.pink {
      background-color: #FF84C3; }

.leagueicons-16-0 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_16.png?v=30") no-repeat top left;
  width: 16px;
  height: 16px;
  background-position: -5px -5px; }

.leagueicons-16-1 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_16.png?v=30") no-repeat top left;
  width: 16px;
  height: 16px;
  background-position: -5px -31px; }

.leagueicons-16-10 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_16.png?v=30") no-repeat top left;
  width: 16px;
  height: 16px;
  background-position: -5px -57px; }

.leagueicons-16-2 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_16.png?v=30") no-repeat top left;
  width: 16px;
  height: 16px;
  background-position: -5px -83px; }

.leagueicons-16-3 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_16.png?v=30") no-repeat top left;
  width: 16px;
  height: 16px;
  background-position: -5px -109px; }

.leagueicons-16-4 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_16.png?v=30") no-repeat top left;
  width: 16px;
  height: 16px;
  background-position: -5px -135px; }

.leagueicons-16-5 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_16.png?v=30") no-repeat top left;
  width: 16px;
  height: 16px;
  background-position: -5px -161px; }

.leagueicons-16-6 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_16.png?v=30") no-repeat top left;
  width: 16px;
  height: 16px;
  background-position: -5px -187px; }

.leagueicons-16-7 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_16.png?v=30") no-repeat top left;
  width: 16px;
  height: 16px;
  background-position: -5px -213px; }

.leagueicons-16-8 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_16.png?v=30") no-repeat top left;
  width: 16px;
  height: 16px;
  background-position: -5px -239px; }

.leagueicons-16-9 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_16.png?v=30") no-repeat top left;
  width: 16px;
  height: 16px;
  background-position: -5px -265px; }

.leagueicons-24-0 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_24.png?v=30") no-repeat top left;
  width: 24px;
  height: 24px;
  background-position: -5px -5px; }

.leagueicons-24-1 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_24.png?v=30") no-repeat top left;
  width: 24px;
  height: 24px;
  background-position: -5px -39px; }

.leagueicons-24-10 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_24.png?v=30") no-repeat top left;
  width: 24px;
  height: 24px;
  background-position: -5px -73px; }

.leagueicons-24-2 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_24.png?v=30") no-repeat top left;
  width: 24px;
  height: 24px;
  background-position: -5px -107px; }

.leagueicons-24-3 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_24.png?v=30") no-repeat top left;
  width: 24px;
  height: 24px;
  background-position: -5px -141px; }

.leagueicons-24-4 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_24.png?v=30") no-repeat top left;
  width: 24px;
  height: 24px;
  background-position: -5px -175px; }

.leagueicons-24-5 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_24.png?v=30") no-repeat top left;
  width: 24px;
  height: 24px;
  background-position: -5px -209px; }

.leagueicons-24-6 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_24.png?v=30") no-repeat top left;
  width: 24px;
  height: 24px;
  background-position: -5px -243px; }

.leagueicons-24-7 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_24.png?v=30") no-repeat top left;
  width: 24px;
  height: 24px;
  background-position: -5px -277px; }

.leagueicons-24-8 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_24.png?v=30") no-repeat top left;
  width: 24px;
  height: 24px;
  background-position: -5px -311px; }

.leagueicons-24-9 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_24.png?v=30") no-repeat top left;
  width: 24px;
  height: 24px;
  background-position: -5px -345px; }

.leagueicons-30-0 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_30.png?v=30") no-repeat top left;
  width: 30px;
  height: 30px;
  background-position: -5px -5px; }

.leagueicons-30-1 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_30.png?v=30") no-repeat top left;
  width: 30px;
  height: 30px;
  background-position: -5px -45px; }

.leagueicons-30-10 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_30.png?v=30") no-repeat top left;
  width: 30px;
  height: 30px;
  background-position: -5px -85px; }

.leagueicons-30-2 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_30.png?v=30") no-repeat top left;
  width: 30px;
  height: 30px;
  background-position: -5px -125px; }

.leagueicons-30-3 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_30.png?v=30") no-repeat top left;
  width: 30px;
  height: 30px;
  background-position: -5px -165px; }

.leagueicons-30-4 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_30.png?v=30") no-repeat top left;
  width: 30px;
  height: 30px;
  background-position: -5px -205px; }

.leagueicons-30-5 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_30.png?v=30") no-repeat top left;
  width: 30px;
  height: 30px;
  background-position: -5px -245px; }

.leagueicons-30-6 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_30.png?v=30") no-repeat top left;
  width: 30px;
  height: 30px;
  background-position: -5px -285px; }

.leagueicons-30-7 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_30.png?v=30") no-repeat top left;
  width: 30px;
  height: 30px;
  background-position: -5px -325px; }

.leagueicons-30-8 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_30.png?v=30") no-repeat top left;
  width: 30px;
  height: 30px;
  background-position: -5px -365px; }

.leagueicons-30-9 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_30.png?v=30") no-repeat top left;
  width: 30px;
  height: 30px;
  background-position: -5px -405px; }

.leagueicons-36-0 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
  width: 36px;
  height: 36px;
  background-position: -5px -5px; }

.leagueicons-36-1 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
  width: 36px;
  height: 36px;
  background-position: -5px -51px; }

.leagueicons-36-10 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
  width: 36px;
  height: 36px;
  background-position: -5px -97px; }

.leagueicons-36-2 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
  width: 36px;
  height: 36px;
  background-position: -5px -143px; }

.leagueicons-36-3 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
  width: 36px;
  height: 36px;
  background-position: -5px -189px; }

.leagueicons-36-4 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
  width: 36px;
  height: 36px;
  background-position: -5px -235px; }

.leagueicons-36-5 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
  width: 36px;
  height: 36px;
  background-position: -5px -281px; }

.leagueicons-36-6 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
  width: 36px;
  height: 36px;
  background-position: -5px -327px; }

.leagueicons-36-7 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
  width: 36px;
  height: 36px;
  background-position: -5px -373px; }

.leagueicons-36-8 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
  width: 36px;
  height: 36px;
  background-position: -5px -419px; }

.leagueicons-36-9 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
  width: 36px;
  height: 36px;
  background-position: -5px -465px; }

.leagueicons-48-0 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
  width: 48px;
  height: 48px;
  background-position: -5px -5px; }

.leagueicons-48-1 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
  width: 48px;
  height: 48px;
  background-position: -5px -63px; }

.leagueicons-48-10 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
  width: 48px;
  height: 48px;
  background-position: -5px -121px; }

.leagueicons-48-2 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
  width: 48px;
  height: 48px;
  background-position: -5px -179px; }

.leagueicons-48-3 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
  width: 48px;
  height: 48px;
  background-position: -5px -237px; }

.leagueicons-48-4 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
  width: 48px;
  height: 48px;
  background-position: -5px -295px; }

.leagueicons-48-5 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
  width: 48px;
  height: 48px;
  background-position: -5px -353px; }

.leagueicons-48-6 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
  width: 48px;
  height: 48px;
  background-position: -5px -411px; }

.leagueicons-48-7 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
  width: 48px;
  height: 48px;
  background-position: -5px -469px; }

.leagueicons-48-8 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
  width: 48px;
  height: 48px;
  background-position: -5px -527px; }

.leagueicons-48-9 {
  background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
  width: 48px;
  height: 48px;
  background-position: -5px -585px; }

@media only screen and (min-width: 40.0625em) {
  .leagueicons-48-36-0 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
    width: 48px;
    height: 48px;
    background-position: -5px -5px; }

  .leagueicons-48-36-1 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
    width: 48px;
    height: 48px;
    background-position: -5px -63px; }

  .leagueicons-48-36-10 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
    width: 48px;
    height: 48px;
    background-position: -5px -121px; }

  .leagueicons-48-36-2 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
    width: 48px;
    height: 48px;
    background-position: -5px -179px; }

  .leagueicons-48-36-3 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
    width: 48px;
    height: 48px;
    background-position: -5px -237px; }

  .leagueicons-48-36-4 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
    width: 48px;
    height: 48px;
    background-position: -5px -295px; }

  .leagueicons-48-36-5 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
    width: 48px;
    height: 48px;
    background-position: -5px -353px; }

  .leagueicons-48-36-6 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
    width: 48px;
    height: 48px;
    background-position: -5px -411px; }

  .leagueicons-48-36-7 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
    width: 48px;
    height: 48px;
    background-position: -5px -469px; }

  .leagueicons-48-36-8 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
    width: 48px;
    height: 48px;
    background-position: -5px -527px; }

  .leagueicons-48-36-9 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_48.png?v=30") no-repeat top left;
    width: 48px;
    height: 48px;
    background-position: -5px -585px; } }
@media only screen and (max-width: 40em) {
  .leagueicons-48-36-0 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
    width: 36px;
    height: 36px;
    background-position: -5px -5px; }

  .leagueicons-48-36-1 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
    width: 36px;
    height: 36px;
    background-position: -5px -51px; }

  .leagueicons-48-36-10 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
    width: 36px;
    height: 36px;
    background-position: -5px -97px; }

  .leagueicons-48-36-2 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
    width: 36px;
    height: 36px;
    background-position: -5px -143px; }

  .leagueicons-48-36-3 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
    width: 36px;
    height: 36px;
    background-position: -5px -189px; }

  .leagueicons-48-36-4 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
    width: 36px;
    height: 36px;
    background-position: -5px -235px; }

  .leagueicons-48-36-5 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
    width: 36px;
    height: 36px;
    background-position: -5px -281px; }

  .leagueicons-48-36-6 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
    width: 36px;
    height: 36px;
    background-position: -5px -327px; }

  .leagueicons-48-36-7 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
    width: 36px;
    height: 36px;
    background-position: -5px -373px; }

  .leagueicons-48-36-8 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
    width: 36px;
    height: 36px;
    background-position: -5px -419px; }

  .leagueicons-48-36-9 {
    background: url("//cdn2.porofessor.gg/img/sprite_leagueicons_v3_36.png?v=30") no-repeat top left;
    width: 36px;
    height: 36px;
    background-position: -5px -465px; } }
.role-adc-48 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_48.png?v=5") no-repeat top left;
  background-position: 0 0;
  width: 48px;
  height: 48px;
  filter: none; }

.role-lane-48 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_48.png?v=5") no-repeat top left;
  background-position: 0 0;
  width: 48px;
  height: 48px;
  filter: none; }

.role-fill-48 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_48.png?v=5") no-repeat top left;
  background-position: 0 -48px;
  width: 48px;
  height: 48px;
  filter: none; }

.role-jungle-48 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_48.png?v=5") no-repeat top left;
  background-position: 0 -96px;
  width: 48px;
  height: 48px;
  filter: none; }

.role-middle-48 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_48.png?v=5") no-repeat top left;
  background-position: 0 -144px;
  width: 48px;
  height: 48px;
  filter: none; }

.role-support-48 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_48.png?v=5") no-repeat top left;
  background-position: 0 -192px;
  width: 48px;
  height: 48px;
  filter: none; }

.role-top-48 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_48.png?v=5") no-repeat top left;
  background-position: 0 -240px;
  width: 48px;
  height: 48px;
  filter: none; }

.role-unknown-48 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_48.png?v=5") no-repeat top left;
  background-position: 0 -288px;
  width: 48px;
  height: 48px;
  filter: none; }

.role-adc-36 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_36.png?v=5") no-repeat top left;
  background-position: 0 0;
  width: 36px;
  height: 36px;
  filter: none; }

.role-lane-36 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_36.png?v=5") no-repeat top left;
  background-position: 0 0;
  width: 36px;
  height: 36px;
  filter: none; }

.role-fill-36 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_36.png?v=5") no-repeat top left;
  background-position: 0 -36px;
  width: 36px;
  height: 36px;
  filter: none; }

.role-jungle-36 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_36.png?v=5") no-repeat top left;
  background-position: 0 -72px;
  width: 36px;
  height: 36px;
  filter: none; }

.role-middle-36 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_36.png?v=5") no-repeat top left;
  background-position: 0 -108px;
  width: 36px;
  height: 36px;
  filter: none; }

.role-support-36 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_36.png?v=5") no-repeat top left;
  background-position: 0 -144px;
  width: 36px;
  height: 36px;
  filter: none; }

.role-top-36 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_36.png?v=5") no-repeat top left;
  background-position: 0 -180px;
  width: 36px;
  height: 36px;
  filter: none; }

.role-unknown-36 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_36.png?v=5") no-repeat top left;
  background-position: 0 -216px;
  width: 36px;
  height: 36px;
  filter: none; }

.role-adc-30 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_30.png?v=5") no-repeat top left;
  background-position: 0 0;
  width: 30px;
  height: 30px;
  filter: none; }

.role-lane-30 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_30.png?v=5") no-repeat top left;
  background-position: 0 0;
  width: 30px;
  height: 30px;
  filter: none; }

.role-fill-30 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_30.png?v=5") no-repeat top left;
  background-position: 0 -30px;
  width: 30px;
  height: 30px;
  filter: none; }

.role-jungle-30 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_30.png?v=5") no-repeat top left;
  background-position: 0 -60px;
  width: 30px;
  height: 30px;
  filter: none; }

.role-middle-30 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_30.png?v=5") no-repeat top left;
  background-position: 0 -90px;
  width: 30px;
  height: 30px;
  filter: none; }

.role-support-30 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_30.png?v=5") no-repeat top left;
  background-position: 0 -120px;
  width: 30px;
  height: 30px;
  filter: none; }

.role-top-30 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_30.png?v=5") no-repeat top left;
  background-position: 0 -150px;
  width: 30px;
  height: 30px;
  filter: none; }

.role-unknown-30 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_30.png?v=5") no-repeat top left;
  background-position: 0 -180px;
  width: 30px;
  height: 30px;
  filter: none; }

.role-adc-24 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_24.png?v=5") no-repeat top left;
  background-position: 0 0;
  width: 24px;
  height: 24px;
  filter: none; }

.role-lane-24 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_24.png?v=5") no-repeat top left;
  background-position: 0 0;
  width: 24px;
  height: 24px;
  filter: none; }

.role-fill-24 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_24.png?v=5") no-repeat top left;
  background-position: 0 -24px;
  width: 24px;
  height: 24px;
  filter: none; }

.role-jungle-24 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_24.png?v=5") no-repeat top left;
  background-position: 0 -48px;
  width: 24px;
  height: 24px;
  filter: none; }

.role-middle-24 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_24.png?v=5") no-repeat top left;
  background-position: 0 -72px;
  width: 24px;
  height: 24px;
  filter: none; }

.role-support-24 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_24.png?v=5") no-repeat top left;
  background-position: 0 -96px;
  width: 24px;
  height: 24px;
  filter: none; }

.role-top-24 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_24.png?v=5") no-repeat top left;
  background-position: 0 -120px;
  width: 24px;
  height: 24px;
  filter: none; }

.role-unknown-24 {
  background: url("//cdn2.porofessor.gg/img/roles/sprite_roles_24.png?v=5") no-repeat top left;
  background-position: 0 -144px;
  width: 24px;
  height: 24px;
  filter: none; }

.graph-container {
  width: 100%; }
  .graph-container .graph {
    position: relative;
    height: 150px;
    width: 100%; }
  .graph-container .graph-title {
    text-align: center;
    font-size: 1.25rem;
    font-weight: 300;
    color: inherit;
    margin-top: 0;
    margin-bottom: 0.25rem; }
  .graph-container .legend .legendColorBox {
    padding-left: 0px;
    padding-right: 2px; }
  .graph-container .legend .legendLabel {
    text-align: left;
    color: #777; }
  .graph-container .tickLabel {
    text-align: left;
    color: #888; }

.rankingHistoryGraph {
  position: relative; }
  .rankingHistoryGraph__scale {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 15px 0 -5px; }
    .rankingHistoryGraph__scale span {
      margin-right: 10px;
      font-size: 12px; }
    .rankingHistoryGraph__scale button {
      padding: 0 5px;
      margin: 2px 0;
      font-size: 12px;
      color: #888;
      background: none;
      border: none;
      cursor: pointer; }
      .rankingHistoryGraph__scale button.success, .rankingHistoryGraph__scale button:hover {
        color: #444;
        text-decoration: underline; }

progressbar {
  text-align: left;
  display: block; }
  progressbar .progress-bar-container {
    height: 15px;
    background-color: transparent; }
    @media only screen and (min-width: 40.0625em) {
      progressbar .progress-bar-container {
        display: inline-block; } }
    @media only screen and (max-width: 40em) {
      progressbar .progress-bar-container {
        display: block; } }
    progressbar .progress-bar-container .full-progress-bar {
      display: inline-block;
      height: 15px;
      vertical-align: middle;
      margin-right: 5px; }
  progressbar .progressBarTxt {
    display: inline-block;
    line-height: 12px !important;
    font-size: 12px !important;
    color: inherit;
    padding-top: 0; }

.requireTooltip {
  cursor: help; }
  .requireTooltip.noCursor {
    cursor: inherit; }
  .requireTooltip.withLink {
    cursor: pointer; }

a.requireTooltip, a .requireTooltip {
  cursor: pointer; }

#tooltip {
  z-index: 2147483647;
  border: none;
  background-color: #161a20;
  padding: 10px;
  width: 250px;
  line-height: 17px;
  font-size: 14px;
  box-shadow: 0px 0px 5px #000000;
  color: rgba(255, 255, 255, 0.65); }
  @media only screen and (max-width: 40em) {
    #tooltip {
      max-height: 90vh;
      overflow-y: auto; } }
  #tooltip img {
    font-size: 0; }
  #tooltip.perkTooltip {
    width: 600px;
    max-width: unset;
    margin-top: 5px; }
    #tooltip.perkTooltip .title {
      margin-bottom: 14px;
      height: 36px; }
    #tooltip.perkTooltip .tooltipColumns {
      margin-right: 20px; }
      #tooltip.perkTooltip .tooltipColumns:last-child {
        margin-right: 0; }
      #tooltip.perkTooltip .tooltipColumns .tooltipColumn {
        display: inline-block;
        width: 50%;
        float: left;
        padding-right: 5px;
        margin-top: 16px;
        margin-bottom: 16px; }
        #tooltip.perkTooltip .tooltipColumns .tooltipColumn .img-align-block > div:not(.txt) {
          width: 48px;
          text-align: center;
          margin-right: 3px; }
        #tooltip.perkTooltip .tooltipColumns .tooltipColumn .statPerks {
          background-color: rgba(255, 255, 255, 0.06);
          border-radius: 4px;
          padding: 10px 20px;
          color: rgba(255, 255, 255, 0.85);
          margin-left: 14px; }
          #tooltip.perkTooltip .tooltipColumns .tooltipColumn .statPerks .img-align-block > div:not(.txt) {
            width: unset; }
          #tooltip.perkTooltip .tooltipColumns .tooltipColumn .statPerks .perksDescription {
            margin-top: 2px;
            margin-bottom: 2px; }
      #tooltip.perkTooltip .tooltipColumns:after {
        display: block;
        clear: both; }
    #tooltip.perkTooltip .perkTitle {
      font-size: 14px;
      line-height: 14px;
      margin-bottom: 4px;
      color: #FFF; }
    #tooltip.perkTooltip .perksDescription {
      margin-left: 5px;
      margin-bottom: 20px;
      font-size: 14px;
      line-height: 13px; }
      #tooltip.perkTooltip .perksDescription:last-child {
        margin-bottom: 0; }
    #tooltip.perkTooltip .minorstatSpacing {
      margin-bottom: 25px; }
  #tooltip .tagDescription {
    color: #D0D0D0;
    display: block;
    font-size: 14px;
    line-height: 14px; }
    #tooltip .tagDescription .highlight {
      font-size: 15px;
      color: #FFF; }
  #tooltip itemname {
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    display: block; }
    #tooltip itemname img {
      vertical-align: middle; }
    #tooltip itemname.tagTitle {
      margin-bottom: 3px; }
      #tooltip itemname.tagTitle.red {
        color: #E9422E; }
      #tooltip itemname.tagTitle.green {
        color: #3CBC8D; }
      #tooltip itemname.tagTitle.yellow {
        color: #FAC552; }
      #tooltip itemname.tagTitle.blue {
        color: #2796BC; }
  #tooltip highlight {
    font-size: 14px;
    font-weight: bold;
    color: #FFF; }
  #tooltip a {
    color: inherit;
    font-style: inherit;
    text-decoration: inherit; }
  #tooltip.itemTooltip stats {
    display: block; }
    #tooltip.itemTooltip stats attention {
      color: #EEE; }
  #tooltip.itemTooltip active, #tooltip.itemTooltip raritymythic, #tooltip.itemTooltip passive {
    color: #EEE; }
  #tooltip.itemTooltip rules {
    font-style: italic;
    color: rgba(255, 255, 255, 0.3); }
    #tooltip.itemTooltip rules * {
      color: inherit !important; }
  #tooltip.itemTooltip li {
    margin-bottom: 15px;
    list-style: none; }
    #tooltip.itemTooltip li:last-child {
      margin-bottom: 0; }
  #tooltip.itemTooltip .itemTooltipRecipeTitle {
    font-size: 12px;
    margin-bottom: 5px;
    color: rgba(255, 255, 255, 0.3);
    text-transform: uppercase; }
  #tooltip.itemTooltip .itemTooltipRecipe img {
    vertical-align: middle; }

.spinner {
  margin: 0px auto 20px auto;
  padding-top: 100px;
  width: 60px;
  height: 150px;
  text-align: center;
  font-size: 10px; }

.spinner > div {
  background-color: #BBB;
  height: 100%;
  width: 8px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out; }

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1); } }
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }
.loadMessages {
  margin-bottom: 50px; }
  .loadMessages .loadMessage {
    display: none;
    text-align: center;
    color: #777; }

.bannerArea {
  background-image: url("//cdn2.porofessor.gg/img/banner2_ukr.jpg?v=5");
  margin-bottom: 20px;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.4);
  height: 400px;
  background-position-y: top;
  background-position-x: center;
  background-size: cover; }
  @media only screen and (max-width: 40em) {
    .bannerArea {
      height: 200px;
      background-position-x: 33%; } }

.site-content .searchArea {
  position: relative;
  width: 800px;
  background-color: #FFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 35px 30px 25px 30px;
  margin-top: -98px; }
  @media only screen and (max-height: 50em) {
    .site-content .searchArea {
      margin-top: -73px; } }
  @media only screen and (min-width: 40.0625em) and (max-width: 73.75em) {
    .site-content .searchArea {
      width: auto;
      max-width: 800px; } }
  @media only screen and (max-width: 40em) {
    .site-content .searchArea {
      width: 98%;
      margin-bottom: 20px;
      margin-left: auto;
      margin-right: auto;
      padding: 25px 20px 15px 20px;
      margin-top: 0; } }
  .site-content .searchArea .inputLineContainer {
    display: flex; }
    .site-content .searchArea .inputLineContainer .inputLine {
      margin: 0px auto 16px auto; }
      .site-content .searchArea .inputLineContainer .inputLine input {
        background-color: #FFF;
        border: 1px solid #DDD;
        color: #888;
        width: 500px;
        padding: 4px 10px;
        font-size: 20px;
        font-family: inherit; }
        @media only screen and (min-width: 40.0625em) and (max-width: 73.75em) {
          .site-content .searchArea .inputLineContainer .inputLine input {
            width: 400px; } }
        @media only screen and (max-width: 40em) {
          .site-content .searchArea .inputLineContainer .inputLine input {
            width: 260px;
            font-size: 16px; } }
        .site-content .searchArea .inputLineContainer .inputLine input ::-webkit-input-placeholder {
          /* WebKit browsers */
          color: #999; }
        .site-content .searchArea .inputLineContainer .inputLine input :-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          color: #999;
          opacity: 1; }
        .site-content .searchArea .inputLineContainer .inputLine input ::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          color: #999;
          opacity: 1; }
        .site-content .searchArea .inputLineContainer .inputLine input :-ms-input-placeholder {
          /* Internet Explorer 10+ */
          color: #999; }
      .site-content .searchArea .inputLineContainer .inputLine button {
        background-color: #2387a9;
        width: 120px;
        font-size: 19px;
        color: #FFF;
        cursor: pointer;
        padding: 6px;
        margin-top: 2px;
        margin-bottom: 2px;
        border: none;
        margin: 0;
        padding: 5px;
        font-family: inherit;
        height: 36px; }
        .site-content .searchArea .inputLineContainer .inputLine button:hover {
          background-color: #1b6984; }
        .site-content .searchArea .inputLineContainer .inputLine button:disabled, .site-content .searchArea .inputLineContainer .inputLine button[disabled] {
          opacity: 0.5;
          cursor: not-allowed; }
          .site-content .searchArea .inputLineContainer .inputLine button:disabled:hover, .site-content .searchArea .inputLineContainer .inputLine button[disabled]:hover {
            background-color: #2387a9; }
        @media only screen and (max-width: 40em) {
          .site-content .searchArea .inputLineContainer .inputLine button {
            background-color: #2387a9;
            width: 80px;
            font-size: 15px;
            color: #FFF;
            cursor: pointer;
            padding: 6px;
            margin-top: 2px;
            margin-bottom: 2px;
            border: none;
            margin: 0;
            padding: 5px;
            height: 32px; }
            .site-content .searchArea .inputLineContainer .inputLine button:hover {
              background-color: #1b6984; }
            .site-content .searchArea .inputLineContainer .inputLine button:disabled, .site-content .searchArea .inputLineContainer .inputLine button[disabled] {
              opacity: 0.5;
              cursor: not-allowed; }
              .site-content .searchArea .inputLineContainer .inputLine button:disabled:hover, .site-content .searchArea .inputLineContainer .inputLine button[disabled]:hover {
                background-color: #2387a9; } }
  .site-content .searchArea .regionSelect {
    margin: 0 auto;
    text-align: center; }
    .site-content .searchArea .regionSelect .regionOption {
      display: inline-block;
      cursor: pointer;
      color: #FFF;
      padding: 3px 10px;
      background-color: #2387a9;
      margin-right: 1px;
      margin-bottom: 5px; }
      .site-content .searchArea .regionSelect .regionOption:hover, .site-content .searchArea .regionSelect .regionOption.selected {
        background-color: #13495B; }
  .site-content .searchArea .lobbyCopyPasteDescription {
    font-size: 12px;
    color: #666;
    position: absolute;
    bottom: 3px;
    right: 0;
    left: 0;
    text-align: center; }
    .site-content .searchArea .lobbyCopyPasteDescription a {
      font-size: inherit;
      color: inherit;
      cursor: help; }

.featuresGamesContainer {
  display: flex; }
  .featuresGamesContainer .cards-list {
    flex-wrap: wrap;
    justify-content: flex-start; }
    .featuresGamesContainer .cards-list .card {
      margin-bottom: 20px; }
  .featuresGamesContainer .featuresGamesAd {
    width: 300px;
    flex-shrink: 0; }
    @media only screen and (max-width: 40em) {
      .featuresGamesContainer .featuresGamesAd {
        display: none; } }

.popup {
  display: none;
  position: fixed;
  z-index: 99999;
  top: 50%;
  left: 50%;
  background-color: #FFF;
  text-align: center;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  padding: 5px 10px 10px 10px; }
  .popup h3 {
    background-color: #F6F6F6;
    border-top: 2px solid #DDD;
    border-bottom: 2px solid #DDD;
    font-size: 15px;
    font-weight: 400;
    color: #777;
    padding: 7px;
    margin-top: 3px; }
  .popup p {
    font-size: 13px;
    text-align: left;
    font-weight: 300;
    padding: 0 10px;
    margin-bottom: 10px;
    color: #777; }
  .popup .replayDownloadButton {
    background-color: #2387a9;
    width: 205px;
    font-size: 16px;
    color: #FFF;
    cursor: pointer;
    padding: 6px;
    margin-top: 2px;
    margin-bottom: 2px;
    border: none;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 10px;
    margin-bottom: 10px; }
    .popup .replayDownloadButton:hover {
      background-color: #1b6984; }
    .popup .replayDownloadButton:disabled, .popup .replayDownloadButton[disabled] {
      opacity: 0.5;
      cursor: not-allowed; }
      .popup .replayDownloadButton:disabled:hover, .popup .replayDownloadButton[disabled]:hover {
        background-color: #2387a9; }
  .popup .replayDownloadExplanation {
    font-size: 12px;
    color: #777; }
  .popup strong {
    color: #CCC;
    line-height: 40px; }
  .popup #macRunCode {
    text-align: left;
    background-color: #EEE;
    color: #777;
    border-color: #999;
    margin: 20px 40px 3px 40px;
    padding: 10px; }

#popup_rankingexplanation {
  padding-bottom: 15px; }
  #popup_rankingexplanation h3 {
    text-align: center; }
  #popup_rankingexplanation .details {
    margin: 20px 30px 3px 30px;
    padding: 10px;
    text-align: left;
    background-color: #EEE;
    font-weight: 300;
    color: #777; }
    #popup_rankingexplanation .details ul {
      margin-top: 0;
      margin-bottom: 0;
      list-style: initial; }
      #popup_rankingexplanation .details ul li {
        font-size: 13px; }

#copyPastePopup {
  padding: 5px 5px 1px 5px; }

.completeRankingButton {
  background-color: #2387a9;
  width: 160px;
  font-size: 14px;
  color: #FFF;
  cursor: pointer;
  padding: 6px;
  margin-top: 2px;
  margin-bottom: 2px;
  border: none;
  margin-top: 8px; }
  .completeRankingButton:hover {
    background-color: #1b6984; }
  .completeRankingButton:disabled, .completeRankingButton[disabled] {
    opacity: 0.5;
    cursor: not-allowed; }
    .completeRankingButton:disabled:hover, .completeRankingButton[disabled]:hover {
      background-color: #2387a9; }

#spectate_button {
  background-color: #2387a9;
  width: auto;
  font-size: 14px;
  color: #FFF;
  cursor: pointer;
  padding: 6px;
  margin-top: 2px;
  margin-bottom: 2px;
  border: none;
  vertical-align: middle;
  padding: 3px 10px;
  text-align: center;
  margin-left: 2px;
  margin-bottom: 0px;
  display: inline-block;
  margin-top: 0; }
  #spectate_button:hover {
    background-color: #1b6984; }
  #spectate_button:disabled, #spectate_button[disabled] {
    opacity: 0.5;
    cursor: not-allowed; }
    #spectate_button:disabled:hover, #spectate_button[disabled]:hover {
      background-color: #2387a9; }
  #spectate_button::before {
    content: '\e809';
    font-family: wgfont;
    margin-right: 4px;
    font-size: 16px;
    vertical-align: bottom; }

.currentGamesGrid {
  flex-wrap: wrap;
  justify-content: flex-start; }
  @media only screen and (max-width: 73.75em) {
    .currentGamesGrid {
      justify-content: center; } }
  .currentGamesGrid .card {
    margin-bottom: 40px; }

#filters-menu {
  position: relative;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 0;
  height: 33px;
  line-height: 33px;
  margin: 5px 5px 15px 5px;
  font-size: 11px;
  color: #555; }
  #filters-menu a {
    font-size: inherit;
    color: inherit;
    text-decoration: inherit;
    line-height: 31px; }
  #filters-menu .filter {
    display: inline-block;
    position: relative;
    border: 1px solid #CCC;
    cursor: pointer;
    line-height: 33px;
    margin-right: 5px;
    /* noselect */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    #filters-menu .filter img {
      vertical-align: middle;
      display: inline-block; }
    #filters-menu .filter .filterHeader {
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 1px;
      position: relative;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    #filters-menu .filter .dropdown {
      display: none;
      position: absolute;
      top: 33px;
      margin: 0;
      left: 0;
      padding: 0;
      z-index: 1000;
      background-color: #EAEDF2;
      border: 1px solid #CCC;
      list-style: outside none none; }
      #filters-menu .filter .dropdown li {
        display: block; }
        #filters-menu .filter .dropdown li:hover, #filters-menu .filter .dropdown li.current {
          background-color: #DDD;
          color: #555; }
      #filters-menu .filter .dropdown a {
        display: block;
        padding: 0 10px;
        height: 36px;
        line-height: 36px; }
    #filters-menu .filter .multiColumnsFilterDropdown {
      padding-top: 5px; }
      @media only screen and (min-width: 40.0625em) {
        #filters-menu .filter .multiColumnsFilterDropdown {
          width: 450px; } }
      @media only screen and (max-width: 40em) {
        #filters-menu .filter .multiColumnsFilterDropdown {
          width: 100vw; } }
      #filters-menu .filter .multiColumnsFilterDropdown ul {
        overflow-y: scroll;
        list-style: outside none none;
        margin: 0;
        padding: 0; }
        @media only screen and (min-width: 40.0625em) {
          #filters-menu .filter .multiColumnsFilterDropdown ul {
            max-height: 300px; } }
        @media only screen and (max-width: 40em) {
          #filters-menu .filter .multiColumnsFilterDropdown ul {
            max-height: 150px; } }
      #filters-menu .filter .multiColumnsFilterDropdown li {
        float: left;
        padding-top: 2px;
        padding-bottom: 2px; }
        @media only screen and (min-width: 40.0625em) {
          #filters-menu .filter .multiColumnsFilterDropdown li {
            width: 33%; } }
        @media only screen and (max-width: 40em) {
          #filters-menu .filter .multiColumnsFilterDropdown li {
            width: 50%; } }
      #filters-menu .filter .multiColumnsFilterDropdown .multiColumnsFilterSearchField {
        margin: 10px 20px 10px 10px;
        border: 1px solid #BBB;
        background-color: #F3F5F8; }
        #filters-menu .filter .multiColumnsFilterDropdown .multiColumnsFilterSearchField .fa {
          font-size: 16px;
          margin-left: 10px; }
        #filters-menu .filter .multiColumnsFilterDropdown .multiColumnsFilterSearchField input {
          border: none;
          margin: 0;
          display: inline-block;
          box-shadow: none;
          background-color: #F3F5F8; }
          @media only screen and (min-width: 40.0625em) {
            #filters-menu .filter .multiColumnsFilterDropdown .multiColumnsFilterSearchField input {
              width: 300px; } }
          @media only screen and (max-width: 40em) {
            #filters-menu .filter .multiColumnsFilterDropdown .multiColumnsFilterSearchField input {
              width: 200px; } }

.ratingFilterDropdown {
  width: 170px; }

.regionFilterDropdown {
  width: 130px; }

.rankedOnlyFilterDropdown {
  width: 235px; }

.seasonFilterDropdown {
  width: 135px; }

.nightmode-toggle {
  display: inline-block;
  margin-right: 20px; }
  .nightmode-toggle .fa {
    font-size: 16px;
    line-height: 18px;
    vertical-align: bottom;
    text-decoration: none; }
  .nightmode-toggle .switch {
    margin: 0 2px 1px 2px;
    font-size: 18px;
    line-height: 22px;
    vertical-align: bottom;
    position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
    /* Hide default HTML checkbox */
    /* The slider */
    /* Rounded sliders */ }
    .nightmode-toggle .switch input {
      display: none; }
    .nightmode-toggle .switch .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s; }
      .nightmode-toggle .switch .slider:before {
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        left: 2px;
        bottom: 1.5px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s; }
    .nightmode-toggle .switch input:checked + .slider {
      background-color: #2196F3; }
    .nightmode-toggle .switch input:focus + .slider {
      box-shadow: 0 0 1px #2196F3; }
    .nightmode-toggle .switch input:checked + .slider:before {
      -webkit-transform: translateX(13px);
      -ms-transform: translateX(13px);
      transform: translateX(13px); }
    .nightmode-toggle .switch .slider.round {
      border-radius: 15px; }
    .nightmode-toggle .switch .slider.round:before {
      border-radius: 50%; }

#bigTooltip {
  background-color: #FFFAED;
  border: 1px solid #FFE6C9;
  color: #9A7E26;
  padding: 5px 10px;
  margin-top: 10px;
  margin-bottom: 20px; }
  #bigTooltip img {
    margin-right: 10px; }
  #bigTooltip .bigTooltipText {
    display: inline-block;
    width: 700px;
    margin-right: 30px; }
  #bigTooltip .bigTooltipVideo {
    display: inline-block;
    vertical-align: middle; }
  #bigTooltip .video-container {
    width: 100%;
    text-align: center; }

.pregameAllyCard, .pregameEnnemyCard {
  visibility: hidden; }
  .pregameAllyCard .cardHeader, .pregameEnnemyCard .cardHeader {
    color: #27303F; }
  .pregameAllyCard .championBox, .pregameEnnemyCard .championBox {
    cursor: pointer; }
  .pregameAllyCard .lowWinrateAgainstChampion, .pregameEnnemyCard .lowWinrateAgainstChampion {
    display: inline-block;
    margin: 2px 0px 0px 0px; }

.pregameBottomContainer {
  position: relative;
  width: 100%;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 20px; }
  .pregameBottomContainer #bottomLeftBlock {
    width: 352px; }
    .pregameBottomContainer #bottomLeftBlock #shareBlockContent .blockBody {
      min-height: 86px;
      padding-top: 8px;
      padding-bottom: 6px; }
      .pregameBottomContainer #bottomLeftBlock #shareBlockContent .blockBody .highlight {
        color: rgba(255, 255, 255, 0.9);
        font-weight: 500; }
      .pregameBottomContainer #bottomLeftBlock #shareBlockContent .blockBody img {
        margin-right: 7px;
        margin-top: 10px;
        margin-bottom: 10px;
        image-rendering: -webkit-optimize-contrast; }
      .pregameBottomContainer #bottomLeftBlock #shareBlockContent .blockBody .sharePregameAdFree {
        font-size: 13px;
        font-style: italic;
        color: rgba(255, 255, 255, 0.35); }
      .arena .pregameBottomContainer #bottomLeftBlock #shareBlockContent .blockBody {
        padding: 4px 10px;
        min-height: unset; }
  .pregameBottomContainer #damageBlock {
    width: 353px;
    margin-left: 5px; }
    .pregameBottomContainer #damageBlock .blockBody {
      padding-top: 0px;
      padding-bottom: 0px; }
  .pregameBottomContainer #teamTagsBlock {
    width: 353px;
    margin-left: 5px; }
    .pregameBottomContainer #teamTagsBlock .blockHeader {
      position: relative; }
      .pregameBottomContainer #teamTagsBlock .blockHeader .arrows {
        position: absolute;
        top: 0;
        line-height: 33px;
        right: 10px;
        cursor: pointer; }
        .pregameBottomContainer #teamTagsBlock .blockHeader .arrows .disabled {
          opacity: 0.2;
          cursor: default; }
        .pregameBottomContainer #teamTagsBlock .blockHeader .arrows .fa {
          padding-left: 5px;
          padding-right: 5px;
          font-size: 16px; }
    .pregameBottomContainer #teamTagsBlock .blockBody {
      padding: 7px 10px 5px 10px;
      text-align: center;
      min-height: 44px;
      max-height: 105px;
      overflow-y: auto; }
      .pregameBottomContainer #teamTagsBlock .blockBody .tag {
        cursor: help;
        display: inline-block;
        border-radius: 4px;
        font-size: 12px;
        font-weight: 400;
        border: 1px solid;
        padding: 4px 10px;
        margin: 2px 2px; }
        .pregameBottomContainer #teamTagsBlock .blockBody .tag.green {
          color: #3CBC8D;
          border-color: #3CBC8D; }
        .pregameBottomContainer #teamTagsBlock .blockBody .tag.red {
          color: #E9422E;
          border-color: #E9422E; }
        .pregameBottomContainer #teamTagsBlock .blockBody .tag.yellow {
          color: #FAC552;
          border-color: #FAC552; }
        .pregameBottomContainer #teamTagsBlock .blockBody .tag.blue {
          color: #2796BC;
          border-color: #2796BC; }
        .pregameBottomContainer #teamTagsBlock .blockBody .tag.black {
          color: #fff;
          border-color: #fff; }
        .pregameBottomContainer #teamTagsBlock .blockBody .tag.twitch {
          color: #4B367C;
          border-color: #4B367C; }
        .pregameBottomContainer #teamTagsBlock .blockBody .tag.pink {
          color: #FF84C3;
          border-color: #FF84C3; }
    .arena .pregameBottomContainer #teamTagsBlock {
      display: none; }
  .pregameBottomContainer #championRecoBlockContent .blockBody {
    padding: 7px 10px 5px 10px;
    text-align: center; }
    .pregameBottomContainer #championRecoBlockContent .blockBody .champion {
      margin-left: 3px;
      margin-right: 2px; }
  .pregameBottomContainer #championBenchBlockContent .blockBody {
    display: flex;
    flex-direction: column;
    max-height: 200px;
    flex-wrap: wrap; }
    .pregameBottomContainer #championBenchBlockContent .blockBody .championEntry {
      padding-top: 2px;
      padding-bottom: 2px; }
      .pregameBottomContainer #championBenchBlockContent .blockBody .championEntry progressbar {
        display: inline-block;
        margin-left: 5px; }
  .pregameBottomContainer .block {
    display: inline-block;
    vertical-align: top; }
    .pregameBottomContainer .block .blockHeader {
      position: relative;
      background-color: #27303F;
      color: rgba(255, 255, 255, 0.9);
      font-size: 14px;
      font-weight: 500;
      min-height: 24px;
      padding: 8px 0px;
      text-align: center;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
      .arena .pregameBottomContainer .block .blockHeader {
        padding: 4px 0;
        min-height: unset; }
    .pregameBottomContainer .block .blockBody {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      background-color: #3A4556;
      padding: 2px 10px;
      color: rgba(255, 255, 255, 0.7); }
    .arena .pregameBottomContainer .block {
      margin-bottom: 10px;
      margin-left: 0 !important; }
  .pregameBottomContainer .damageDistributionTable {
    width: 100%; }
    .pregameBottomContainer .damageDistributionTable .damageDistributionTitleTd {
      font-size: 13px;
      width: 86px;
      padding: 11px 0;
      color: rgba(255, 255, 255, 0.5);
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      padding-right: 7px;
      text-align: right; }
    .pregameBottomContainer .damageDistributionTable .damageDistributionGraphsTd {
      text-align: center;
      width: 155px;
      padding-top: 2px; }
      .pregameBottomContainer .damageDistributionTable .damageDistributionGraphsTd .physical_damage_area {
        background-color: #E9422E; }
      .pregameBottomContainer .damageDistributionTable .damageDistributionGraphsTd .magic_damage_area {
        background-color: #2796BC; }
      .pregameBottomContainer .damageDistributionTable .damageDistributionGraphsTd .true_damage_area {
        background-color: #999; }
      .pregameBottomContainer .damageDistributionTable .damageDistributionGraphsTd .stacked_bar {
        padding: 0;
        margin: 0;
        word-spacing: -5px;
        line-height: 8px; }
        .pregameBottomContainer .damageDistributionTable .damageDistributionGraphsTd .stacked_bar .stacked_bar_area {
          cursor: help;
          height: 8px;
          margin: 0;
          padding: 0;
          display: inline-block; }
        .pregameBottomContainer .damageDistributionTable .damageDistributionGraphsTd .stacked_bar div:nth-child(1) {
          border-top-left-radius: 2px;
          border-bottom-left-radius: 2px; }
        .pregameBottomContainer .damageDistributionTable .damageDistributionGraphsTd .stacked_bar div:nth-child(3) {
          border-top-right-radius: 2px;
          border-bottom-right-radius: 2px; }
    .pregameBottomContainer .damageDistributionTable .damageDistributionSummaryTd {
      font-size: 13px;
      text-align: center;
      width: 80px;
      padding: 4px 0;
      color: rgba(255, 255, 255, 0.3); }
      .pregameBottomContainer .damageDistributionTable .damageDistributionSummaryTd .highlight {
        color: rgba(255, 255, 255, 0.85); }
  .arena .pregameBottomContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0; }

.wg-checkbox {
  position: relative;
  user-select: none;
  color: #777; }
  .wg-checkbox input[type=checkbox] {
    display: none; }
    .wg-checkbox input[type=checkbox] + span:hover {
      cursor: pointer; }
    .wg-checkbox input[type=checkbox] + span:before {
      content: " ";
      color: #FFF;
      width: 18px;
      height: 18px;
      line-height: 16px;
      font-size: 14px;
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      margin-right: 5px;
      margin-left: 0px;
      background-color: transparent;
      border-radius: 2px;
      border: 1px solid #ccc; }
    .wg-checkbox input[type=checkbox]:checked + span:before {
      content: "\2713";
      color: #FFF;
      background-color: #2796BC;
      border: 1px solid #2796BC; }

a#topbuilds_button {
  background-color: #2387a9;
  width: auto;
  font-size: 14px;
  color: #FFF;
  cursor: pointer;
  padding: 6px;
  margin-top: 2px;
  margin-bottom: 2px;
  border: none;
  background-color: #3CBC8D;
  position: absolute;
  right: 0;
  vertical-align: bottom;
  padding: 6px 10px 6px 12px;
  text-align: center;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  display: inline-block;
  text-transform: none;
  line-height: initial;
  box-shadow: 0px 0px 6px #999; }
  a#topbuilds_button:hover {
    background-color: #1b6984; }
  a#topbuilds_button:disabled, a#topbuilds_button[disabled] {
    opacity: 0.5;
    cursor: not-allowed; }
    a#topbuilds_button:disabled:hover, a#topbuilds_button[disabled]:hover {
      background-color: #2387a9; }
  a#topbuilds_button img {
    vertical-align: middle;
    margin-right: 3px; }

#teamRecaps {
  margin-top: 50px; }
  #teamRecaps h3 {
    font-size: 22px; }
  #teamRecaps ul.cards-list {
    justify-content: flex-start; }
    #teamRecaps ul.cards-list .card {
      width: 260px; }
      #teamRecaps ul.cards-list .card .kills {
        color: #3CBC8D; }
      #teamRecaps ul.cards-list .card .deaths {
        color: #E9422E; }
      #teamRecaps ul.cards-list .card .assists {
        color: #FAC552; }
      #teamRecaps ul.cards-list .card .kdaScore {
        font-size: 13px;
        color: #A0A0A0; }
  #teamRecaps .stacked_bar_container {
    margin-top: 2px;
    text-align: center; }
    #teamRecaps .stacked_bar_container .physical_damage_area {
      background-color: #E9422E; }
    #teamRecaps .stacked_bar_container .magic_damage_area {
      background-color: #2796BC; }
    #teamRecaps .stacked_bar_container .true_damage_area {
      background-color: #999; }
    #teamRecaps .stacked_bar_container .stacked_bar {
      padding: 0;
      margin: 0;
      word-spacing: -5px;
      line-height: 8px; }
      #teamRecaps .stacked_bar_container .stacked_bar .stacked_bar_area {
        cursor: help;
        height: 8px;
        margin: 0;
        padding: 0;
        display: inline-block; }
      #teamRecaps .stacked_bar_container .stacked_bar div:nth-child(1) {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px; }
      #teamRecaps .stacked_bar_container .stacked_bar div:nth-child(3) {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px; }
  #teamRecaps .stacked_progressbar {
    margin-top: 2px;
    margin-bottom: 2px; }
  #teamRecaps .tag {
    cursor: help;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    border-radius: 5px;
    padding: 2px 8px;
    margin: 2px 0px;
    color: #FFF; }
    #teamRecaps .tag.green {
      background-color: #3CBC8D; }
    #teamRecaps .tag.red {
      background-color: #E9422E; }
    #teamRecaps .tag.yellow {
      background-color: #FAC552; }
    #teamRecaps .tag.blue {
      background-color: #2796BC; }
    #teamRecaps .tag.lightBlue {
      background-color: #29B7D3; }
    #teamRecaps .tag.orange {
      background-color: #f58111; }
    #teamRecaps .tag.brown {
      background-color: #6a5549; }
    #teamRecaps .tag.black {
      color: #fff;
      background-color: #000; }
    #teamRecaps .tag.pink {
      background-color: #FF84C3; }

#record_button {
  background-color: #2387a9;
  width: auto;
  font-size: 14px;
  color: #FFF;
  cursor: pointer;
  padding: 6px;
  margin-top: 2px;
  margin-bottom: 2px;
  border: none;
  vertical-align: middle;
  padding: 3px 10px;
  text-align: center;
  margin-left: 2px;
  margin-bottom: 0px;
  margin-top: 0px;
  display: inline-block; }
  #record_button:hover {
    background-color: #1b6984; }
  #record_button:disabled, #record_button[disabled] {
    opacity: 0.5;
    cursor: not-allowed; }
    #record_button:disabled:hover, #record_button[disabled]:hover {
      background-color: #2387a9; }
  #record_button::before {
    content: '\e80d';
    font-family: wgfont;
    margin-right: 4px;
    font-size: 16px;
    vertical-align: bottom; }
  #record_button:disabled, #record_button[disabled] {
    opacity: 0.5;
    cursor: not-allowed; }
    #record_button:disabled:hover, #record_button[disabled]:hover {
      background-color: #2387a9; }

#filters-menu .didYouKnowContainer {
  display: inline-block;
  position: absolute;
  left: 200px;
  right: 200px; }
  #filters-menu .didYouKnowContainer .didYouKnow {
    margin: 0 auto;
    font-size: 14px;
    max-width: 740px;
    height: 35px;
    line-height: 18px;
    display: flex;
    justify-content: center;
    align-items: center; }
    #filters-menu .didYouKnowContainer .didYouKnow a {
      text-transform: none;
      color: #707070;
      line-height: 18px;
      text-align: center; }
      #filters-menu .didYouKnowContainer .didYouKnow a .didYouKnowHeader {
        color: #555; }
      #filters-menu .didYouKnowContainer .didYouKnow a:hover {
        text-decoration: underline; }

.premadeTag {
  transition: transform .1s; }
  .premadeTag.premade-animation {
    transform: scale(1.2); }

#leftStaticSlot {
  position: fixed;
  top: 156px;
  margin-left: -310px;
  width: 300px;
  height: 600px; }

#rightStaticSlot {
  position: fixed;
  top: 156px;
  width: 300px;
  height: 600px; }

.vertical-ad-2-container {
  position: fixed;
  top: 156px;
  margin-left: 1210px;
  width: 300px;
  height: 600px; }
  .vertical-ad-2-container .vertical-ad-2 {
    float: left; }

#matchStatsPopup {
  width: 300px;
  background-color: #FFF;
  padding: 10px;
  position: fixed;
  top: 100px;
  color: #777;
  box-shadow: 0px 0px 8px #999; }
  #matchStatsPopup .matchStatsPopupContent {
    position: relative; }
    #matchStatsPopup .matchStatsPopupContent strong {
      color: #777;
      font-weight: 700; }
    #matchStatsPopup .matchStatsPopupContent .matchStatsButton {
      background-color: #2387a9;
      width: 120px;
      font-size: 14px;
      color: #FFF;
      cursor: pointer;
      padding: 6px;
      margin-top: 2px;
      margin-bottom: 2px;
      border: none;
      margin-top: 5px;
      margin-bottom: 0px;
      display: block; }
      #matchStatsPopup .matchStatsPopupContent .matchStatsButton:hover {
        background-color: #1b6984; }
      #matchStatsPopup .matchStatsPopupContent .matchStatsButton:disabled, #matchStatsPopup .matchStatsPopupContent .matchStatsButton[disabled] {
        opacity: 0.5;
        cursor: not-allowed; }
        #matchStatsPopup .matchStatsPopupContent .matchStatsButton:disabled:hover, #matchStatsPopup .matchStatsPopupContent .matchStatsButton[disabled]:hover {
          background-color: #2387a9; }
    #matchStatsPopup .matchStatsPopupContent .fa-cancel {
      position: absolute;
      top: -5px;
      right: -5px;
      cursor: pointer; }

#downloadPage .downloadBannerArea {
  position: relative;
  height: 400px;
  width: 100%;
  margin-bottom: 20px; }
  #downloadPage .downloadBannerArea .downloadBannerAreaBg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url("//cdn2.porofessor.gg/img/banner2_downloadpage.jpg?v=5");
    background-position-y: top;
    background-position-x: center;
    background-size: cover;
    height: 100%;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.4); }
  #downloadPage .downloadBannerArea .youtubeContainer, #downloadPage .downloadBannerArea video {
    width: 743px;
    height: 363px;
    z-index: 2;
    background-color: #000;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0; }
    @media only screen and (max-width: 40em) {
      #downloadPage .downloadBannerArea .youtubeContainer, #downloadPage .downloadBannerArea video {
        width: 100%; } }
    #downloadPage .downloadBannerArea .youtubeContainer iframe, #downloadPage .downloadBannerArea video iframe {
      width: 743px;
      height: 363px; }
      @media only screen and (max-width: 40em) {
        #downloadPage .downloadBannerArea .youtubeContainer iframe, #downloadPage .downloadBannerArea video iframe {
          width: 100%; } }
#downloadPage .downloadButtonRow {
  width: 100%;
  text-align: center;
  margin-bottom: 10px; }
  #downloadPage .downloadButtonRow .downloadButton {
    font-size: 22px;
    color: #FFF;
    cursor: pointer;
    padding: 4px 32px;
    border: none;
    vertical-align: top;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.5);
    padding-left: 27px;
    background-color: #e32e18; }
    #downloadPage .downloadButtonRow .downloadButton i {
      margin-right: 3px; }
    #downloadPage .downloadButtonRow .downloadButton:hover {
      background-color: #b12413; }
  #downloadPage .downloadButtonRow .approvedByRiotContainer {
    color: #666;
    margin-top: 10px; }
    #downloadPage .downloadButtonRow .approvedByRiotContainer .approvedByRiotLink {
      color: inherit;
      text-decoration: underline; }
  #downloadPage .downloadButtonRow .notAvailableOnMobileText {
    color: #555;
    font-size: 26px;
    font-weight: 500; }
#downloadPage .downloadInfos .downloadInfosColumn {
  padding: 20px 40px;
  text-align: center;
  vertical-align: top;
  position: relative; }
  @media only screen and (min-width: 40.0625em) {
    #downloadPage .downloadInfos .downloadInfosColumn {
      width: 33%;
      display: inline-block; } }
  @media only screen and (max-width: 40em) {
    #downloadPage .downloadInfos .downloadInfosColumn {
      width: 100%;
      display: block; } }
  #downloadPage .downloadInfos .downloadInfosColumn h2 {
    color: #555;
    margin-bottom: 8px; }
  #downloadPage .downloadInfos .downloadInfosColumn .imgContainer {
    margin-top: 15px; }
    #downloadPage .downloadInfos .downloadInfosColumn .imgContainer img {
      max-width: 85%; }

#sponsorPage .sponsorBannerArea {
  background-image: url("//cdn2.porofessor.gg/img/banner_partners.jpg?v=4");
  margin-bottom: 20px;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.4);
  height: 400px;
  background-position-y: top;
  background-position-x: center;
  background-size: cover; }
  @media only screen and (max-width: 40em) {
    #sponsorPage .sponsorBannerArea {
      height: 200px;
      background-position-x: 33%; } }
#sponsorPage .sponsorButtonRow {
  width: 100%;
  text-align: center;
  margin-bottom: 10px; }
  #sponsorPage .sponsorButtonRow .sponsorButton {
    font-size: 22px;
    color: #FFF;
    cursor: pointer;
    padding: 4px 32px;
    border: none;
    vertical-align: top;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.5);
    background-color: #e32e18; }
    #sponsorPage .sponsorButtonRow .sponsorButton i {
      margin-right: 3px; }
    #sponsorPage .sponsorButtonRow .sponsorButton:hover {
      background-color: #b12413; }
#sponsorPage .sponsorInfos .sponsorInfosColumn {
  padding: 20px 25px;
  text-align: left;
  vertical-align: top;
  position: relative; }
  @media only screen and (min-width: 40.0625em) {
    #sponsorPage .sponsorInfos .sponsorInfosColumn {
      width: 33%;
      display: inline-block; } }
  @media only screen and (max-width: 40em) {
    #sponsorPage .sponsorInfos .sponsorInfosColumn {
      width: 100%;
      display: block; } }
  #sponsorPage .sponsorInfos .sponsorInfosColumn ul {
    padding-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px; }
    #sponsorPage .sponsorInfos .sponsorInfosColumn ul li {
      margin-top: 5px;
      margin-bottom: 5px; }
  #sponsorPage .sponsorInfos .sponsorInfosColumn p {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px; }
  #sponsorPage .sponsorInfos .sponsorInfosColumn h2 {
    color: #555;
    margin-bottom: 8px; }
  #sponsorPage .sponsorInfos .sponsorInfosColumn .imgContainer {
    margin-top: 15px; }
    #sponsorPage .sponsorInfos .sponsorInfosColumn .imgContainer img {
      max-width: 85%; }

.jobList a {
  color: inherit; }
  .jobList a:hover {
    text-decoration: underline; }

.overwolfButton img {
  position: absolute;
  bottom: 3px;
  right: 3px;
  height: 28px; }

#liveTimersContainer {
  position: relative;
  width: 100%;
  height: 100%; }
  #liveTimersContainer .timer {
    position: absolute;
    color: #FFF;
    font-weight: 700;
    font-size: 12px;
    width: 30px;
    text-align: center; }
    #liveTimersContainer .timer#timer_blue_west {
      top: 44.70%;
      left: 19.61%; }
    #liveTimersContainer .timer#timer_wolves_west {
      top: 54.12%;
      left: 18.82%; }
    #liveTimersContainer .timer#timer_raptors_west {
      top: 61.18%;
      left: 41.18%; }
    #liveTimersContainer .timer#timer_red_west {
      top: 70.59%;
      left: 46.67%; }
    #liveTimersContainer .timer#timer_krug_west {
      top: 80%;
      left: 50.59%; }
    #liveTimersContainer .timer#timer_dragon, #liveTimersContainer .timer#timer_elder {
      top: 67.84%;
      left: 60.78%; }
    #liveTimersContainer .timer#timer_blue_east {
      top: 50.59%;
      left: 68.24%; }
    #liveTimersContainer .timer#timer_wolves_east {
      top: 41.57%;
      left: 68.63%; }
    #liveTimersContainer .timer#timer_raptors_east {
      top: 33.73%;
      left: 47.06%; }
    #liveTimersContainer .timer#timer_red_east {
      top: 24.71%;
      left: 41.96%; }
    #liveTimersContainer .timer#timer_krug_east {
      top: 15.29%;
      left: 37.65%; }
    #liveTimersContainer .timer#timer_voidgrubs, #liveTimersContainer .timer#timer_rift_herald, #liveTimersContainer .timer#timer_baron {
      top: 26.27%;
      left: 27.45%; }
    #liveTimersContainer .timer#timer_gromp_west {
      top: 40.78%;
      left: 9.41%; }
    #liveTimersContainer .timer#timer_gromp_east {
      top: 55.29%;
      left: 79.61%; }
    #liveTimersContainer .timer#timer_scuttle_crab_river_bot_side {
      top: 62.75%;
      left: 65.49%; }
    #liveTimersContainer .timer#timer_scuttle_crab_river_top_side {
      top: 32.94%;
      left: 23.53%; }
    #liveTimersContainer .timer#timer_barracks_t1_l1 {
      top: 73.33%;
      left: 1.17%; }
    #liveTimersContainer .timer#timer_barracks_t1_c1 {
      top: 75.69%;
      left: 15.29%; }
    #liveTimersContainer .timer#timer_barracks_t1_r1 {
      top: 88.63%;
      left: 17.25%; }
    #liveTimersContainer .timer#timer_barracks_t2_l1 {
      top: 5.90%;
      left: 70.98%; }
    #liveTimersContainer .timer#timer_barracks_t2_c1 {
      top: 18.43%;
      left: 72.16%; }
    #liveTimersContainer .timer#timer_barracks_t2_r1 {
      top: 20.78%;
      left: 86.27%; }

.overwolfSupport {
  min-height: 800px; }
  .overwolfSupport a {
    color: inherit; }
    .overwolfSupport a:hover, .overwolfSupport a.underlined {
      text-decoration: underline; }
  .overwolfSupport .supportBlock {
    padding-left: 5px; }
    .overwolfSupport .supportBlock h3 {
      margin-left: 0; }
    .overwolfSupport .supportBlock p {
      margin: 5px 0; }
    .overwolfSupport .supportBlock ul li {
      margin-top: 5px;
      margin-bottom: 5px; }
    .overwolfSupport .supportBlock strong {
      font-weight: 700;
      color: #444; }
    .overwolfSupport .supportBlock .supportBlockQuestion {
      display: list-item;
      list-style-position: inside;
      cursor: pointer;
      margin: 10px 0; }
      .overwolfSupport .supportBlock .supportBlockQuestion:hover {
        text-decoration: underline; }
    .overwolfSupport .supportBlock .supportBlockQuestionBack {
      margin: 20px 0; }
    .overwolfSupport .supportBlock .didntSolve {
      margin: 20px 0;
      font-style: italic; }

#secondaryScreenCharts {
  display: flex;
  position: relative; }
  #secondaryScreenCharts #secondaryScreenChartsLeftColumn {
    margin-left: 5px;
    width: 1075px;
    position: relative; }
  #secondaryScreenCharts .box {
    position: relative;
    display: inline-block;
    background-color: #3A4556;
    margin: 10px 5px 0px 5px;
    border: none;
    border-radius: 4px;
    vertical-align: top; }
    #secondaryScreenCharts .box.box-padding-10 {
      padding: 10px 20px; }
    #secondaryScreenCharts .box h3.box-title {
      margin-top: 0;
      margin-bottom: 4px;
      padding-bottom: 4px;
      padding-top: 4px;
      color: #FFF;
      font-size: 14px;
      line-height: 16px;
      text-align: left;
      font-weight: 500; }
      #secondaryScreenCharts .box h3.box-title .number {
        color: rgba(255, 255, 255, 0.7);
        font-size: 13px; }
    #secondaryScreenCharts .box .graph-container {
      margin: 0 8px;
      width: unset;
      display: inline-block; }
      #secondaryScreenCharts .box .graph-container .graph {
        margin-top: 0;
        border: none;
        background-color: transparent;
        font-size: 12px;
        color: #ffffffa6; }
      #secondaryScreenCharts .box .graph-container .legend .legendLabel {
        color: #979ca3; }
    #secondaryScreenCharts .box .graph {
      width: 305px;
      height: 193px; }
  #secondaryScreenCharts #damageDistributionContainer {
    display: inline-block; }
    #secondaryScreenCharts #damageDistributionContainer .damageDistributionBox {
      display: block;
      width: 361px;
      padding-bottom: 5px; }
      #secondaryScreenCharts #damageDistributionContainer .damageDistributionBox .stacked_bar_container {
        margin: 11px 5px 5px 5px;
        text-align: center; }
        #secondaryScreenCharts #damageDistributionContainer .damageDistributionBox .stacked_bar_container .physical_damage_area {
          background-color: #E9422E; }
        #secondaryScreenCharts #damageDistributionContainer .damageDistributionBox .stacked_bar_container .magic_damage_area {
          background-color: #2796BC; }
        #secondaryScreenCharts #damageDistributionContainer .damageDistributionBox .stacked_bar_container .true_damage_area {
          background-color: #999; }
        #secondaryScreenCharts #damageDistributionContainer .damageDistributionBox .stacked_bar_container .stacked_bar {
          padding: 0;
          margin: 0;
          word-spacing: -5px;
          line-height: 8px;
          opacity: 0.9; }
          #secondaryScreenCharts #damageDistributionContainer .damageDistributionBox .stacked_bar_container .stacked_bar .stacked_bar_area {
            height: 9px;
            margin: 0;
            padding: 0;
            display: inline-block; }
          #secondaryScreenCharts #damageDistributionContainer .damageDistributionBox .stacked_bar_container .stacked_bar div:nth-child(1) {
            border-top-left-radius: 2px;
            border-bottom-left-radius: 2px; }
          #secondaryScreenCharts #damageDistributionContainer .damageDistributionBox .stacked_bar_container .stacked_bar div:nth-child(3) {
            border-top-right-radius: 2px;
            border-bottom-right-radius: 2px; }
        #secondaryScreenCharts #damageDistributionContainer .damageDistributionBox .stacked_bar_container .stacked_bar_legend {
          margin-top: 12px;
          font-size: 13px; }
          #secondaryScreenCharts #damageDistributionContainer .damageDistributionBox .stacked_bar_container .stacked_bar_legend .stacked_bar_legend_icon {
            vertical-align: bottom;
            display: inline-block;
            width: 13px;
            height: 13px;
            margin-left: 6px;
            margin-right: 2px;
            border-radius: 2px; }

#secondaryScreenTagsBox {
  width: 100%;
  padding: 10px 5px;
  text-align: center;
  display: inline-block;
  background-color: #3A4556;
  border: none;
  border-radius: 4px; }
  #secondaryScreenTagsBox .tag {
    display: inline-block;
    border-radius: 4px;
    font-size: 13px;
    line-height: 14px;
    font-weight: 400;
    border: 1px solid;
    padding: 5px 10px;
    margin: 2px 2px; }
    #secondaryScreenTagsBox .tag.green {
      color: #3CBC8D;
      border-color: #3CBC8D; }
    #secondaryScreenTagsBox .tag.red {
      color: #E9422E;
      border-color: #E9422E; }
    #secondaryScreenTagsBox .tag.yellow {
      color: #FAC552;
      border-color: #FAC552; }
    #secondaryScreenTagsBox .tag.blue {
      color: #2796BC;
      border-color: #2796BC; }
    #secondaryScreenTagsBox .tag.black {
      color: #fff;
      border-color: #fff; }
    #secondaryScreenTagsBox .tag.twitch {
      color: #4B367C;
      border-color: #4B367C; }
    #secondaryScreenTagsBox .tag.pink {
      color: #FF84C3;
      border-color: #FF84C3; }

#secondaryScreenLoadingOverlay {
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  background-color: #172636;
  z-index: 50; }
  #secondaryScreenLoadingOverlay .message {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: rgba(255, 255, 255, 0.8); }

.overwolfRankingTooltipContainer {
  display: none; }

.overwolfRankingTooltip .overwolfRankingTooltipEntry:not(:last-child) {
  margin-bottom: 20px; }
.overwolfRankingTooltip .overwolfRankingTooltipEntry .overwolfRankingTooltipEntryTitle {
  margin-bottom: 3px; }
  .overwolfRankingTooltip .overwolfRankingTooltipEntry .overwolfRankingTooltipEntryTitle .tier {
    line-height: 20px;
    font-size: 14px;
    color: #FFF;
    font-weight: 400; }
    .overwolfRankingTooltip .overwolfRankingTooltipEntry .overwolfRankingTooltipEntryTitle .tier img {
      vertical-align: sub; }
  .overwolfRankingTooltip .overwolfRankingTooltipEntry .overwolfRankingTooltipEntryTitle .lp {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.3); }

.pinnedChartsContainer {
  display: block;
  border-radius: 8px;
  background-color: #2D384845;
  width: 250px; }
  .pinnedChartsContainer.hidden {
    display: none; }
  .pinnedChartsContainer .pinnedChartsContainerHeader {
    height: 30px;
    padding: 5px 10px; }
    .pinnedChartsContainer .pinnedChartsContainerHeader .settingButton {
      float: right;
      margin-left: 9px;
      cursor: pointer;
      line-height: 20px; }
      .pinnedChartsContainer .pinnedChartsContainerHeader .settingButton:hover {
        color: rgba(255, 255, 255, 0.9); }
      .pinnedChartsContainer .pinnedChartsContainerHeader .settingButton.active {
        color: white; }
    .pinnedChartsContainer .pinnedChartsContainerHeader .masterCloseButton {
      float: right;
      margin-left: 9px;
      cursor: pointer; }
      .pinnedChartsContainer .pinnedChartsContainerHeader .masterCloseButton:hover {
        color: rgba(255, 255, 255, 0.9); }
  .pinnedChartsContainer .chartsTable {
    font-size: 0;
    width: 100%;
    padding-left: 10px; }
    .pinnedChartsContainer .chartsTable tr.pinnedChartContainer {
      position: relative;
      display: none; }
      .pinnedChartsContainer .chartsTable tr.pinnedChartContainer.active, .pinnedChartsContainer .chartsTable tr.pinnedChartContainer.setting-active {
        display: table-row; }
      .pinnedChartsContainer .chartsTable tr.pinnedChartContainer td {
        padding-top: 5px;
        padding-bottom: 5px; }
        .pinnedChartsContainer .chartsTable tr.pinnedChartContainer td.chartTitle {
          width: 100px; }
          .pinnedChartsContainer .chartsTable tr.pinnedChartContainer td.chartTitle .titleTxt {
            color: #E8E8E8;
            font-size: 15px;
            width: 99px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; }
          .pinnedChartsContainer .chartsTable tr.pinnedChartContainer td.chartTitle .subtitleTxt {
            color: #C0C0C0;
            font-size: 11px;
            font-style: italic;
            width: 99px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; }
        .pinnedChartsContainer .chartsTable tr.pinnedChartContainer td.value {
          width: 55px;
          color: white;
          font-size: 18px;
          font-weight: 400;
          text-align: center; }
        .pinnedChartsContainer .chartsTable tr.pinnedChartContainer td.comparisonValue {
          width: 78px;
          font-size: 15px;
          font-weight: 500; }
          .pinnedChartsContainer .chartsTable tr.pinnedChartContainer td.comparisonValue.positive {
            color: #3CBC8D; }
            .pinnedChartsContainer .chartsTable tr.pinnedChartContainer td.comparisonValue.positive::before {
              content: '\25B2'; }
          .pinnedChartsContainer .chartsTable tr.pinnedChartContainer td.comparisonValue.negative {
            color: #E9422E; }
            .pinnedChartsContainer .chartsTable tr.pinnedChartContainer td.comparisonValue.negative::before {
              content: '\25BC'; }
          .pinnedChartsContainer .chartsTable tr.pinnedChartContainer td.comparisonValue.neutral {
            color: inherit; }
            .pinnedChartsContainer .chartsTable tr.pinnedChartContainer td.comparisonValue.neutral::before {
              content: '=';
              padding-left: 2px;
              padding-right: 2px;
              font-size: 20px; }
        .pinnedChartsContainer .chartsTable tr.pinnedChartContainer td.checkboxTd {
          display: none; }
          .pinnedChartsContainer .chartsTable tr.pinnedChartContainer td.checkboxTd.active {
            display: table-cell; }
          .pinnedChartsContainer .chartsTable tr.pinnedChartContainer td.checkboxTd input[type="checkbox"] {
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            border-radius: 1px;
            height: 15px;
            width: 15px;
            background: transparent;
            border: 1px solid #ccc;
            text-align: center; }
            .pinnedChartsContainer .chartsTable tr.pinnedChartContainer td.checkboxTd input[type="checkbox"]:checked {
              position: relative; }
              .pinnedChartsContainer .chartsTable tr.pinnedChartContainer td.checkboxTd input[type="checkbox"]:checked:before {
                content: '\002714';
                display: block;
                color: #FFF;
                font-size: 12px;
                line-height: 15px; }
    .pinnedChartsContainer .chartsTable tr.settingTr {
      display: none; }
      .pinnedChartsContainer .chartsTable tr.settingTr.setting-active {
        display: table-row; }
      .pinnedChartsContainer .chartsTable tr.settingTr .settingDescription {
        font-size: 14px;
        color: rgba(255, 255, 255, 0.85);
        padding-top: 8px;
        padding-bottom: 8px; }
      .pinnedChartsContainer .chartsTable tr.settingTr .settingCheckboxTd.active {
        display: table-cell; }
      .pinnedChartsContainer .chartsTable tr.settingTr .settingCheckboxTd input[type="checkbox"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        border-radius: 1px;
        height: 15px;
        width: 15px;
        background: transparent;
        border: 1px solid #ccc;
        text-align: center; }
        .pinnedChartsContainer .chartsTable tr.settingTr .settingCheckboxTd input[type="checkbox"]:checked {
          position: relative; }
          .pinnedChartsContainer .chartsTable tr.settingTr .settingCheckboxTd input[type="checkbox"]:checked:before {
            content: '\002714';
            display: block;
            color: #FFF;
            font-size: 12px;
            line-height: 15px; }
    .pinnedChartsContainer .chartsTable .livePinsComparisonTierTr {
      position: relative; }
      .pinnedChartsContainer .chartsTable .livePinsComparisonTierTr #livePinsComparisonTierDesc {
        color: rgba(255, 255, 255, 0.85);
        font-size: 15px; }
        .pinnedChartsContainer .chartsTable .livePinsComparisonTierTr #livePinsComparisonTierDesc .selected {
          position: relative;
          border: 1px solid #FFF;
          padding: 7px;
          margin-top: 3px;
          font-size: 12px;
          display: inline-block;
          background-color: RGBA(128, 128, 128, 0.5);
          cursor: pointer;
          width: 145px; }
          .pinnedChartsContainer .chartsTable .livePinsComparisonTierTr #livePinsComparisonTierDesc .selected #livePinsComparisonDropdownAngleDown {
            position: absolute;
            right: 10px;
            top: 0px;
            bottom: 0px;
            line-height: 28px; }
      .pinnedChartsContainer .chartsTable .livePinsComparisonTierTr #livePinsComparisonTierDropdown {
        display: none;
        font-size: 12px;
        position: absolute;
        bottom: 30px;
        border: 1px solid #FFF;
        background-color: RGBA(24, 29, 38, 0.5);
        backdrop-filter: blur(5px);
        color: #FFF; }
        .pinnedChartsContainer .chartsTable .livePinsComparisonTierTr #livePinsComparisonTierDropdown .option {
          cursor: pointer;
          padding: 3px 7px 3px 23px; }
          .pinnedChartsContainer .chartsTable .livePinsComparisonTierTr #livePinsComparisonTierDropdown .option:hover, .pinnedChartsContainer .chartsTable .livePinsComparisonTierTr #livePinsComparisonTierDropdown .option.active {
            background-color: RGBA(24, 29, 38, 1); }

.spellTrackersContainer {
  display: block;
  border-radius: 8px;
  background-color: #2D384845;
  width: 145px;
  padding-bottom: 5px; }
  .spellTrackersContainer.hidden {
    display: none; }
  .spellTrackersContainer .spellTrackersContainerHeader {
    height: 32px;
    padding: 5px 10px; }
    .spellTrackersContainer .spellTrackersContainerHeader .settingButton {
      float: right;
      margin-left: 9px;
      cursor: pointer;
      line-height: 20px; }
      .spellTrackersContainer .spellTrackersContainerHeader .settingButton:hover {
        color: rgba(255, 255, 255, 0.9); }
      .spellTrackersContainer .spellTrackersContainerHeader .settingButton.active {
        color: white; }
    .spellTrackersContainer .spellTrackersContainerHeader .masterCloseButton {
      float: right;
      margin-left: 9px;
      cursor: pointer; }
      .spellTrackersContainer .spellTrackersContainerHeader .masterCloseButton:hover {
        color: rgba(255, 255, 255, 0.9); }
  .spellTrackersContainer .spellTrackersContent {
    padding-left: 13px;
    padding-right: 10px; }
    .spellTrackersContainer .spellTrackersContent .enemySpellsExplanationOverlay {
      font-size: 13px;
      font-style: italic;
      color: rgba(255, 255, 255, 0.7);
      padding-bottom: 6px; }
    .spellTrackersContainer .spellTrackersContent .enemySpellsTable {
      width: 100%; }
      .spellTrackersContainer .spellTrackersContent .enemySpellsTable .summonerTd {
        width: 46px;
        height: 32px;
        font-size: 0;
        padding-bottom: 2px; }
      .spellTrackersContainer .spellTrackersContent .enemySpellsTable .summonerSpellTd {
        height: 32px;
        font-size: 0;
        padding-bottom: 2px; }
        .spellTrackersContainer .spellTrackersContent .enemySpellsTable .summonerSpellTd .summonerSpell {
          display: inline-block;
          position: relative;
          font-size: 0;
          padding: 0;
          width: 30px;
          height: 30px; }
          .spellTrackersContainer .spellTrackersContent .enemySpellsTable .summonerSpellTd .summonerSpell img {
            cursor: pointer; }
          .spellTrackersContainer .spellTrackersContent .enemySpellsTable .summonerSpellTd .summonerSpell .cdData {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 1;
            cursor: pointer;
            background-color: rgba(0, 0, 0, 0.5);
            color: #FFF;
            font-size: 15px;
            font-weight: 500;
            line-height: 30px;
            text-align: center; }
    .spellTrackersContainer .spellTrackersContent .settingsTable .settingDescription {
      height: 24px;
      font-size: 13px;
      color: rgba(255, 255, 255, 0.85);
      padding-top: 2px;
      padding-bottom: 2px; }
    .spellTrackersContainer .spellTrackersContent .settingsTable .settingCheckboxTd {
      height: 24px;
      font-size: 0;
      vertical-align: middle; }
      .spellTrackersContainer .spellTrackersContent .settingsTable .settingCheckboxTd input[type="checkbox"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        border-radius: 1px;
        height: 15px;
        width: 15px;
        background: transparent;
        border: 1px solid #eee;
        text-align: center;
        margin-left: 0; }
        .spellTrackersContainer .spellTrackersContent .settingsTable .settingCheckboxTd input[type="checkbox"]:checked {
          position: relative; }
          .spellTrackersContainer .spellTrackersContent .settingsTable .settingCheckboxTd input[type="checkbox"]:checked:before {
            content: '\002714';
            display: block;
            color: #FFF;
            font-size: 14px;
            line-height: 15px; }

#tooltip.tooltipEnemySpellsOverlay {
  background-color: rgba(0, 0, 0, 0.8);
  color: rgba(255, 255, 255, 0.8); }

.popup_block {
  display: none;
  background: none repeat scroll 0% 0% #222;
  padding: 0px;
  font-size: 1.2em;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99999;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); }

#fade {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #000;
  opacity: 0.45; }