.good_li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0.375rem;
  z-index: 10;
}
.rl-Premium:before,
.rl-Ultimate:before,
.rl-Cosmic:before,
.rl-Chroma:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(67, 231, 149, 0.4));
}
.rl-Premium .Premium,
.rl-black-Premium .Premium,
.rl-Cosmic .Cosmic,
.rl-Chroma .Chroma {
  color: #6bf1ae;
}
.rl-Import:before,
.rl-Mythic:before,
.rl-Unique:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(227, 90, 82, 0.4));
}
.rl-Import .Import,
.rl-black-Import .Import,
.rl-Unique .Unique {
  color: #e35a52;
}
.rl-Limited:before,
.rl-Vintage:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(247, 121, 57, 0.4));
}
.rl-Limited .Limited,
.rl-black-Limited .Limited,
.rl-Vintage .Vintage {
  color: #f77939;
}
.rl-Veryrare:before,
.rl-VeryRare:before,
.rl-Superrare:before,
.rl-Ancient:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(158, 124, 252, 0.4));
}
.rl-Veryrare .Veryrare,
.rl-VeryRare .VeryRare,
.rl-black-Superrare .Superrare,
.rl-black-Veryrare .Veryrare,
.rl-black-VeryRare .VeryRare,
.rl-black-Superrare .Superrare,
rl-Ancient .Ancient {
  color: #9e7cfc;
}
.rl-Exotic:before,
.rl-Legendary:before,
.rl-Secret:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(255, 225, 27, 0.4));
}
.rl-Exotic .Exotic,
.rl-black-Exotic .Exotic,
.rl-Secret .Secret {
  color: #ecdb6c;
}
.rl-Uncommon:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 182, 255, 0.4));
}
.rl-Uncommon .Uncommon,
.rl-black-Uncommon .Uncommon {
  color: #7dd9fd;
}
.rl-Rare:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(116, 151, 235, 0.4));
}
.rl-Rare .Rare,
.rl-black-Rare .Rare {
  color: #7497eb;
}
.rl-Common:before {
  background: linear-gradient(to bottom, transparent 0, rgba(47, 47, 47, 0.2));
}
.rl-BlackMarket:before,
.rl-black-BlackMarket:before,
.rl-Exclusive:before,
.rl-Godly:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(255, 0, 255, 0.4));
}
.rl-Epic:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(183, 18, 183, 0.4));
}
.rl-BlackMarket .BlackMarket,
.rl-black-BlackMarket .BlackMarket,
.rl-Godly .Godly {
  color: #f0f;
}
.intro_text,
#preview {
  color: #fff;
  max-width: 26rem;
  height: auto;
  background-color: #1f2937;
  border-radius: 10px;
  display: none;
  padding-top: 15px;
  z-index: 100;
}
.intro_text .rl-title-runewords,
#preview .rl-title-runewords {
  text-align: center;
}
.intro_text font,
#preview font {
  text-align: center;
  width: 100%;
}
.intro_text .header,
#preview .header {
  display: block;
  padding: 10px;
  font-size: 16px;
  color: white;
  margin-bottom: 5px;
  border-bottom: 1px solid #232a3a;
  text-align: center;
  font-weight: bold;
}
.intro_text .header span,
#preview .header span {
  padding: unset;
}
.intro_text h3,
#preview h3 {
  font-size: 20px;
  color: #fafafa;
  padding: 10px 0;
  margin-bottom: 5px;
  text-align: center;
}
.intro_text .intro_content,
#preview .intro_content {
  padding: 5px 15px;
}
.intro_text .lineleft,
#preview .lineleft {
  line-height: 30px;
  padding: 8px;
}
.intro_text span,
#preview span {
  color: white;
}
.intro_text .item-stats .group,
#preview .item-stats .group {
  display: block;
  padding: 5px 20px;
  text-align: center;
  line-height: 24px;
}
.intro_text .item-stats .group .-value,
#preview .item-stats .group .-value {
  font-weight: bold;
}
.intro_text .item-stats .group:first-child,
#preview .item-stats .group:first-child {
  padding: unset;
}
.intro_text .item-stats .group:nth-child(2),
#preview .item-stats .group:nth-child(2) {
  font-size: 16px;
}
.intro_text .item-stats .group:nth-child(3),
#preview .item-stats .group:nth-child(3) {
  color: #fa8f37;
}
.intro_text .item-stats .group:nth-child(4),
#preview .item-stats .group:nth-child(4) {
  color: #93ff32;
  padding-bottom: 20px;
}
.intro_text section,
#preview section {
  padding-bottom: 10px;
  margin-bottom: 0;
  padding-top: unset!important;
}
.intro_text .z-bone,
#preview .z-bone {
  margin: 0 0 10px 0;
  font-size: 16px;
  padding: 10px  0 10px 0;
  border-radius: 5px 5px 0 0;
  color: white;
  font-weight: bold;
}
.intro_text .z-center-img,
#preview .z-center-img {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.intro_text .z-center-img img,
#preview .z-center-img img {
  width: calc((100% / 5) - 10px);
  margin: 5px;
}
.intro_text .z-center,
#preview .z-center {
  text-align: center;
  color: white;
  padding: 0 20px;
}
.intro_text .z-center img,
#preview .z-center img {
  max-height: 110px;
  margin: 0 auto;
}
.intro_text ._default,
#preview ._default {
  color: #ccc;
}
.intro_text .-mod,
#preview .-mod {
  color: #aea1ff;
}
.intro_text .-value,
#preview .-value {
  color: #00b67a;
  padding: 0 5px;
}
.intro_text .-flavour,
#preview .-flavour {
  color: #e7b604;
}
.intro_text .eldentable,
#preview .eldentable {
  width: 100%;
  padding: 6px;
}
.intro_text .eldentable tr tr:nth-child(2n),
#preview .eldentable tr tr:nth-child(2n) {
  background: #1a202c;
}
.intro_text .eldentable tr td,
#preview .eldentable tr td {
  color: #fafafa;
  padding: 2px 5px;
}
.attr_189 .product_img .min-h-img {
  min-height: 160px;
}
.attr_189 .product_img .max-h-img {
  max-height: 160px;
}
@media screen and (max-width: 576px) {
  #preview {
    left: 0!important;
  }
  .server_jailbreak .img_bg {
    padding: 20px 5px 10px 5px!important;
  }
  .intro_content {
    padding: 20px 15px;
    overflow-y: scroll;
  }
  .site_189_2 .min-h-img,
  .site_189_46 .min-h-img,
  .site_189_55 .min-h-img,
  .attr_189 .min-h-img {
    min-height: 130px!important;
  }
  .site_189_2 .max-h-img,
  .site_189_46 .max-h-img,
  .site_189_55 .max-h-img,
  .attr_189 .max-h-img {
    max-height: 130px!important;
  }
}
@media screen and (max-width: 1024px) {
  .site_189_2 li,
  .attr_189 li {
    background-size: contain;
  }
  .site_189_2 li .text-red-600,
  .attr_189 li .text-red-600,
  .site_189_2 li .bg-black,
  .attr_189 li .bg-black {
    padding: 0;
    margin: 0;
  }
  .attr_215 .min-h-img {
    min-height: 140px!important;
  }
  .attr_215 .max-h-img {
    max-height: 140px!important;
  }
}

