.page.pactspirit .tilesBox .tile.pactspirit {
  margin-left: 1.5em;
  width: 19.75em;
}
.page.pactspirit .tilesBox .tile.pactspirit .title {
  display: inline-block;
  font-size: 1.5em;
  width: 100%;
  text-align: center;
  margin-bottom: 0.5em;
  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.pactspirit .tilesBox .tile.pactspirit .details {
  display: inline-block;
  border-radius: 0 42px 0 42px;
  border: 2px solid #929292;
  text-align: center;
  position: relative;
  padding: 0 0.5em 0.5em 0.5em;
}
.page.pactspirit .tilesBox .tile.pactspirit .details.rarityLegendary,
.page.pactspirit .tilesBox .tile.pactspirit .details.rarityLegendary .icon {
  border-color: #ffc130;
}
.page.pactspirit .tilesBox .tile.pactspirit .details.rarityRare,
.page.pactspirit .tilesBox .tile.pactspirit .details.rarityRare .icon {
  border-color: #8a18ab;
}
.page.pactspirit .tilesBox .tile.pactspirit .details.rarityMagic,
.page.pactspirit .tilesBox .tile.pactspirit .details.rarityMagic .icon {
  border-color: #3085d7;
}
.page.pactspirit .tilesBox .tile.pactspirit .details .bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: top right;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.page.pactspirit .tilesBox .tile.pactspirit .details .icon {
  width: 5em;
  height: 5em;
  position: absolute;
  top: -1em;
  left: -1em;
  border-radius: 2.5em;
  background-repeat: no-repeat;
  background-position: top center;
  background-position-y: -10px;
  border: 3px solid #000;
  background-size: 100%;
  background-color: #363636;
}
.page.pactspirit .tilesBox .tile.pactspirit .details .icon::after {
  content: "6";
  position: absolute;
  color: #ffc130;
  top: -0.35em;
  left: -0.1em;
  font-size: 2em;
  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.pactspirit .tilesBox .tile.pactspirit .details .type {
  display: inline-block;
  position: relative;
  top: -0.8em;
  background-color: #f00;
  padding: 0.25em 0.5em;
  font-size: 1.1em;
  border-radius: 0 0.5em 0 0.5em;
  background: linear-gradient(to bottom, rgba(122,123,123,0.6) 0%, rgba(251,251,251,0.9) 50%);
  color: #000;
  z-index: 2;
}
.page.pactspirit .tilesBox .tile.pactspirit .details .category {
  display: inline-block;
  position: absolute;
  bottom: -0.75em;
  background-color: #f00;
  padding: 0 0.5em;
  font-size: 1.1em;
  border-radius: 0.5em;
  background: linear-gradient(to bottom, rgba(122,123,123,0.6) 0%, rgba(251,251,251,0.9) 25%);
  color: #000;
  z-index: 2;
}
.page.pactspirit .tilesBox .tile.pactspirit .details .effectHeader {
  color: #e3a01e;
  font-size: 1.25em;
  position: relative;
  z-index: 2;
  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);
  display: inline-block;
  margin-bottom: 0.25em;
  padding-bottom: 2px;
}
.page.pactspirit .tilesBox .tile.pactspirit .details .effectHeader::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #949595;
}
.page.pactspirit .tilesBox .tile.pactspirit .details .effect {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 1.1em;
  position: relative;
  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);
  z-index: 2;
}
.page.pactspirit .tilesBox .tile.pactspirit .details .effect.specialEffect {
  color: #f752c6;
}
.page.pactspirit .tilesBox .tile.pactspirit .details .effect.specialEffect .param {
  color: #ffabf8;
}
.page.pactspirit .tableBox .row.pactspirit td:first-child {
  text-align: right;
}
.page.pactspirit .tableBox .row.pactspirit .rarityLegendary {
  color: #ffc130;
}
.page.pactspirit .tableBox .row.pactspirit .rarityRare {
  color: #a21cc9;
}
.page.pactspirit .tableBox .row.pactspirit .rarityMagic {
  color: #3085d7;
}
.page.pactspirit .tableBox .row.pactspirit .effects {
  vertical-align: top;
}
.page.pactspirit .tableBox .row.pactspirit .effects .effect {
  display: inline-block;
}
.page.pactspirit .tableBox .row.pactspirit .effects .specialEffect {
  color: #f752c6;
}
/*# sourceMappingURL=pactspirit.css.map */