.page.skill span.tag {
  background-color: #575557;
  color: #bebebe;
  border-radius: 0 0.5em 0 0.5em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  display: inline-block;
  padding: 0.25em 0.5em;
  white-space: nowrap;
}
.page.skill .randomAffixes li:first-child {
  padding-left: 1.75em !important;
}
.page.skill .tilesBox fieldset {
  margin-bottom: 1.5em;
  margin-right: 2em;
}
.page.skill .tilesBox fieldset legend {
  font-size: 1.5em;
}
.page.skill .tilesBox .tile.skill {
  background-color: #222428;
  border-radius: 0 0.75em 0 0.75em;
  border: 5px solid #2a2a2a;
  position: relative;
  margin-top: 2.5em;
  width: 20em;
  background: linear-gradient(to bottom, #2a43bb 0%, #2a43bb 1.6em, #0c0c0c 4.5em);
  text-shadow: 0 1px 2px rgba(0,0,0,0.9), 0 -1px 2px rgba(0,0,0,0.9), -1px 0 2px rgba(0,0,0,0.9), 1px 0 2px rgba(0,0,0,0.9);
}
.page.skill .tilesBox .tile.skill .title {
  display: inline-block;
  padding-top: 2.25em;
  text-align: center;
  margin-bottom: 1em;
  width: 100%;
}
.page.skill .tilesBox .tile.skill .title .name {
  font-size: 1.4em;
  position: relative;
  top: -0.25em;
  text-align: center;
  display: inline-block;
  width: 100%;
}
.page.skill .tilesBox .tile.skill .title .level {
  position: absolute;
  top: -0.25em;
  left: 50%;
  transform: translateX(-50%) translateY(-60%);
  color: #fff;
  font-size: 1.25em;
  text-shadow: 0 2px 2px rgba(0,0,0,0.9), 0 -2px 2px rgba(0,0,0,0.9), -2px 0 2px rgba(0,0,0,0.9), 2px 0 2px rgba(0,0,0,0.9);
}
.page.skill .tilesBox .tile.skill .title .stars {
  position: absolute;
  top: 0.75em;
  left: 50%;
  transform: translateX(-50%) translateY(-60%);
  color: #fff;
  font-size: 2em;
  color: #ff0;
  text-shadow: 0 2px 2px rgba(0,0,0,0.9), 0 -2px 2px rgba(0,0,0,0.9), -2px 0 2px rgba(0,0,0,0.9), 2px 0 2px rgba(0,0,0,0.9);
}
.page.skill .tilesBox .tile.skill .title .icon {
  position: absolute;
  max-height: 5em;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-60%);
  border: 4px solid #000;
  border-radius: 2.5em;
}
.page.skill .tilesBox .tile.skill .title .iconOuterBorder {
  position: absolute;
  display: inline-block;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-60%);
  height: 5.5em;
  width: 5.5em;
  border-radius: 2.75em;
  border: 4px solid #2a43bb;
}
.page.skill .tilesBox .tile.skill .title .tags {
  text-align: center;
  display: inline-block;
  width: 100%;
  padding-top: 0.25em;
}
.page.skill .tilesBox .tile.skill .title .manaCost,
.page.skill .tilesBox .tile.skill .title .castInterval,
.page.skill .tilesBox .tile.skill .title .castSpeed,
.page.skill .tilesBox .tile.skill .title .cooldown,
.page.skill .tilesBox .tile.skill .title .manaCostMultiplier,
.page.skill .tilesBox .tile.skill .title .sealedMana {
  font-size: 1.2em;
}
.page.skill .tilesBox .tile.skill .title .mainStats {
  font-size: 0.9em;
}
.page.skill .tilesBox .tile.skill .title .mainStats .strength {
  color: #f00;
}
.page.skill .tilesBox .tile.skill .title .mainStats .dexterity {
  color: #0f0;
}
.page.skill .tilesBox .tile.skill .title .mainStats .intelligence {
  color: #00e5e5;
}
.page.skill .tilesBox .tile.skill .title .weaponRestriction {
  color: #b50000;
}
.page.skill .tilesBox .tile.skill .title .damageEffective {
  font-size: 1.1em;
}
.page.skill .tilesBox .tile.skill .title hr {
  margin-top: 0;
}
.page.skill .tilesBox .tile.skill .detailsNote {
  text-shadow: none;
  position: absolute;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%) translateY(-1.4em);
  color: #5861d4;
  padding: 0.25em 0.5em;
  border-radius: 0 0.5em 0 0.5em;
  background: linear-gradient(to bottom, #f7f7fc 0%, #c7c3ea 4.5em);
}
.page.skill .tilesBox .tile.skill hr {
  width: 80%;
  margin-left: 10%;
  border-color: #343434;
}
.page.skill .tilesBox .tile.skill .effect {
  display: inline-block;
  padding: 1em;
  max-width: 100%;
}
.page.skill .tilesBox .tile.skill .effect .effectLine {
  display: inline-block;
  margin-bottom: 0.2em;
}
.page.skill .tilesBox .tile.skill .affixes {
  padding-left: 1.25em;
}
.page.skill .tilesBox .tile.skill .affixes li {
  list-style: none;
  margin-bottom: 0.15em;
  text-indent: -1em;
}
.page.skill .tilesBox .tile.skill .affixes li ul {
  padding-left: 0.15em;
}
.page.skill .tableBox .row.skill .tags {
  text-align: center;
  max-width: 15em;
}
.page.skill .tableBox .row.skill .mana,
.page.skill .tableBox .row.skill .effect {
  vertical-align: top;
}
.page.skill .tableBox .row.skill .nameType {
  text-align: right;
}
.page.skill .tableBox .row.skill .nameType .name {
  font-size: 1.25em;
}
.page.skill .tableBox .row.skill .nameType .type {
  color: #a9a9a9;
}
.page.skill .tableBox .row.skill .nameType .weaponRestriction {
  color: #b50000;
}
.page.skill .tableBox .row.skill .affixes {
  padding-left: 1.25em;
}
.page.skill .tableBox .row.skill .affixes li {
  list-style: none;
  margin-bottom: 0.15em;
  text-indent: -1em;
}
.page.skill .tableBox .row.skill .affixes li ul {
  padding-left: 0.15em;
}
/*# sourceMappingURL=skill.css.map */