.page.memberService .tilesBox {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
.page.memberService .tilesBox .tile.memberService {
  background-color: #292929;
  border: 4px solid #77670f;
  border-radius: 3em;
  display: flex;
  align-items: center;
  padding: 0.75em;
  margin-right: 1em;
}
.page.memberService .tilesBox .tile.memberService .icon {
  width: 64px;
  height: 64px;
  display: inline-block;
  mask-size: contain;
  mask-repeat: no-repeat;
  margin-right: 0.5em;
}
.page.memberService .tilesBox .tile.memberService.typeCommon .icon {
  background: #4545d7;
}
.page.memberService .tilesBox .tile.memberService.typeRare .icon {
  background: #ab2bab;
}
.page.memberService .tilesBox .tile.memberService.typeGold .icon {
  background: #cd7a1e;
}
.page.memberService .tilesBox .tile.memberService.typeDiamond .icon {
  background: linear-gradient(to right, #0d8add 0%, #db4cbd 50%, #fddd97 100%);
  mask-image: var(--icon-url);
}
.page.memberService .tilesBox .tile.memberService .description {
  color: #c6b244;
  width: 28em;
}
.page.memberService .tilesBox .tile.memberService .description .singleAffixTitle {
  color: #eee;
}
.page.memberService .tableBox .row.memberService .type {
  text-align: right;
}
.page.memberService .tableBox .row.memberService .description {
  text-align: left;
}
/*# sourceMappingURL=memberService.css.map */