:root {
    --bs-body-bg: #1a1a1b;
    --bs-body-bg: transparent;
    --unique-color: #af6025;
    --divination-color: #0ebaff;
    --prophecy-color: #b54bff;
    --quest-color: #4ae63a;
    --currency-color: #aa9e82;
    --gem-color: #1ba29b;
    --cold-color: #366492;
    --afflictionmod-color: #16191c;
    --heist-color: #191e19;
    --lightning-color: #ffd700;
    --magic-color: #8888ff;
    --rare-color: #ffff77;
    --green-color: #46a239;
    --chaos-color: #d02090;
    --fire-color: #960000;
    --title-color: #e7b478;
    --legacy-color: #d4913f;
    --normal-color: #c8c8c8;
    --corrupted-color: #d20000;
    --scourged-color: #ff6e25;
    --default-color: #7f7f7f;
    --fractured-color: #a29162;
    --crafted-color: #b4b4ff;
    --dark-color: #0f0f0f;
    --craftaffectwarning-color: #ebc850;
  
    --coolgrey-700: 209, 18%, 30%;
    --yellow-300: 50, 98%, 64%;
  }
  
.property a, .property .GemTags{
    color: var(--craftaffectwarning-color);
}

.itemstat {
    float: left;
    padding-right: 10rem;
}
hr.clear {
    clear: left;
    width: 80%;
    border: 0;
}
.navbar-brand-img {
    height: 39rem;
    display: inline !important;
}
.panel-body img,.card-body img {
    max-width: 100%;
}
.panel-body img.gemborder, .card-body img.gemborder {
    border: 1rem solid var(--gem-color);
}
.panel-body img.uniqueborder, .card-body img.uniqueborder {
    border: 1rem solid var(--unique-color);
}
.panel .table, .panel .list-group {
    margin-bottom: 0;
}
.panel-default {
    border-color: #444;
}
.card h4,.card h5 {
    color: var(--title-color)/*#fce49e;*/
}
.patches .card-body h4 {
    margin-top: 1rem;
}
div.question {
    margin: 0rem;
    padding: 0rem;
    color: #CAC2A8;
    font-size: 1.15em;
    font-weight: bold;
    display: block;
}
.card-body img:hover {
    background-color: #121212;
}



div.item {
    width: 64;
    height: 64;
}
.gem_red, .mod_corrupted {
    color: var(--corrupted-color);
}
.gem_red_bg {
    color: white;
    background-color: var(--corrupted-color);
}
.gem_green {
    /*color: #1aaa42;*/
    color: var(--green-color);
}
.gem_green_bg {
    color: white;
    background-color: var(--green-color);
}
.item_common {
    color: var(--normal-color);
}
.gem_blue,.Augmented,.item_magic,.textMagicItem,.TextMagic,.text-mod,.explicitMod,.implicitMod,.utilityMod,.magicitem,.text-type1,.harvestRequirements,.qualityMod {
    color: var(--magic-color);
}
.scourgeMod {
    color: var(--scourged-color);
}
.text-mod,.explicitMod,.implicitMod,.enchantMod,.scourgeMod {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    line-height: 1.3;
}
.explicitMod a{
    color: var(--magic-color) !important;
}
.fontinSmallCaps {
    font-family: Helvetica, Verdana, Arial, sans-serif;
}
.gem_blue_bg {
    color: white;
    background-color: var(--magic-color);
}
.newItemPopup.normalPopup .itemName {
    color: #d6d6d6;
}
.newItemPopup.necropolisPopup .itemName {
    color: var(--normal-color);
}
.item_rare,.textRareItem,.rareitem,.TextMonsterRare,.newItemPopup.rarePopup .itemName {
    color: var(--rare-color);
}
.item_currency,.textCurrencyItem,.currencyitem {
    color: var(--currency-color);
}
.item_gem,.textGemItem,.gemitem,.TextGem,.text-gem,.GemImplicitMod,.newItemPopup.gemPopup .itemName, .newItemPopup.gemPopup .secDescrText {
    color: var(--gem-color);
}
.normal {
    font-weight: normal;
    font-style: normal;
    color: var(--normal-color);
}
.item_unique,.xyz_golden_user,.textUnique,.flavourText,.uniqueitem,.TextUnique,.FlavourText,.newItemPopup.uniquePopup .itemName {
    color: var(--unique-color);
}
.TextPantheon {
    color: #FEC076;
}
.TextPantheon .ItemName {
    font-size: 24rem;
}
.TextMonsterUnique, .monsterUniquePopup .itemHeader {
    color: #e3a470;
}
.TextMonsterNormal, .monsterNormalPopup .itemHeader {
    color: #ddd;
}
.item_legacy,.corrupted,.Unmet,.text-type2 {
    color: var(--corrupted-color);
}
.item_description {
    color: var(--default-color);
}
div#guide {
    background-color: #202020;
    color: #E0E0E0;
}
div#guide a {
    color: #E0E0E0;
}
input.stats {
    border: 0;
    color: #f6931f;
    font-weight: bold;
    width: 5em;
}
.gemletter {
    font-size: 12pt;
    font-family: monospace;
    color: white;
}
.gemletter_red {
    background-color: var(--corrupted-color);
}
.gemletter_blue {
    background-color: var(--magic-color);
}
.gemletter_green {
    background-color: var(--green-color);
}
.gemletter_white {
    background-color: black;
}
.map_notinatlas {
    color: var(--normal-color);
}
a.map_tier1,.map_tier1 {
    color: lightblue;
}
a.map_tier2,.map_tier2 {
    color: #999900;
}
a.map_tier3,.map_tier3 {
    color: lightcoral;
}
img.map_tier2 {
    -webkit-filter: grayscale(100%) brightness(120%) sepia(90%) hue-rotate(5deg) saturate(1200%) contrast(1);
    filter: grayscale(100%) brightness(120%) sepia(90%) hue-rotate(5deg) saturate(1200%) contrast(1);
}
img.map_tier3 {
    -webkit-filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(2);
    filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(2);
}
.input_value {
    width: 48rem;
    border: 1rem solid #ccc;
    border-radius: 4rem;
    text-align: center;
}
.mod_hl {
    color: var(--corrupted-color);
    font-weight: bold;
}
.mod_grey {
    color: var(--default-color);
}

.query, .tags {
    margin:10rem 0;
}

/* bootstrap */
.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20rem;
}

.theme-showcase > p > .btn {
  margin: 5rem 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

/* override bootstrap */
.navbar-inverse .navbar-nav > li > a {
    color: #ddd;
}
.navbar-top {
    margin-bottom: 0rem;
}
.nav > li > a {
    /*padding: 15rem 10rem;*/
}
.nav-tabs .nav-item {
    margin-bottom: 0rem;
}

/* item */
.col-monster {
    background-color: black;
}
.itembox-monster {
    text-align: center;
    background-color: black;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.itembox-gem .Stats, .itembox-monster .Stats, .itemPopup .Stats, .itemPopup .content {
    line-height: 1.3;
    font-size: initial;
}
.itemPopup .content {
    padding: 0.5rem;
}
.itembox-monster .tags, .popupGem .tags {
    font-size: 80%;
}
.tab-content .itembox-gem, .page-content .itembox-gem,
.tab-content .itemPopup, .page-content .itemPopup
{
    width: 660rem;
    max-width: 100%;
}
.itembox-gem, .itemPopup {
    display: inline-block;
    text-align: center;
    color: var(--default-color);
    width: 440rem;
    min-width: 262.88032rem;
    background-color: black;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
@media only screen and (max-width: 440rem) {
    .itembox-gem, .itemPopup {
        width: 100%;
    }
}
.itemboxstats {
    width: 357rem;
}
.text-value,.text-type0,.prophecyText,.text-type3,.text-physical,.mod-value, .colourDefault {
    color: white;
}
.text-flavour {
    color: var(--unique-color);
    font-style: italic;
    display: block;
}
.itemboxstatsgroup {
    display: block;
}
.text-fire,.FireDamage,.text-type4 {
    color: var(--fire-color);
}
.text-cold,.ColdDamage,.text-type5 {
    color: var(--cold-color);
}
.text-lightning,.text-type6 {
    color: var(--lightning-color);
}
.text-chaos,.ChaosDamage,.text-type7 {
    color: var(--chaos-color);
}
.itemboximage {
    background-color: black!important;
}
.itemboximage img {
    max-width: 100%;
}
.fracturedMod {
    color: var(--fractured-color);
}
.craftedMod,.enchantMod,.craftedMods,.crafted {
    color: var(--crafted-color);
}


.ItemGen{
    margin:0;
    font-family:"Helvetica Neue",Helvetica,Arial,"敺株�甇��擃�",sans-serif;
    background: var(--bs-body-bg);
    font-weight:normal;
    float: left;
    max-width: 400rem;
}
.ItemGen td {
    padding: 10rem;
    background-color: var(--dark-color);
}
.ItemContainer{
    position:relative;
    margin-bottom:0rem;
    font-size:100%;
    font-weight:normal;
}
.ItemBox {
    text-align:center;
    color:#EFEFEF;
    font-size:1.0em;
    background:url('/image/game_ui/hover_background.webp');
}
.ItemContent {
    padding-left:11rem;
    padding-right:11rem;
    padding-bottom:7rem;
}
.ItemContent .GemImplicitMod, .ItemContent .ExplicitMod, .ItemContent .ImplicitMod {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}


/* 107 -> 54 */
.TitleMonsterUniqueBar,
.monsterUniquePopup .itemHeader{

}
.TitleMonsterRareBar,
.monsterRarePopup .itemHeader{

}
.TitleMonsterNormalBar,
.monsterNormalPopup .itemHeader{

}
/* Unique, InGame/ItemsHeaderUniqueLeft height: 87->54 */
.TitleUniqueBar,
.uniquePopup .itemHeader.doubleLine
{
    color: #af6025;
    border: 1rem solid #af6025;
    background: #231307;
}
.singleLine.TitleUniqueBar{

}
.TitleUniqueBar2{

}
.TitleRelicBar{

}
.TitleGemBar,
.gemPopup .itemHeader{
    color: #1ba29b;
    border: 1rem solid #1ba29b;
    background: #092725fa;
}
.TitleGemBar2{

}
/* Normal */
.TitleNormalBar,
.normalPopup .itemHeader{
    color: #989696;
    background: #2f2f2f;
    border: 1rem solid #989696;
}
/* Currency */
.TitleCurrencyBar,
.currencyPopup .itemHeader{
    color: #aa9e82;
    border: 1rem solid #aa9e82;
    background: #22201a;
}
.TitleCurrencyBar2{

}
/* Quest */
.TitleQuestBar,
.questPopup .itemHeader{
    color: #af6025;
    border: 1rem solid #af6025;
    background: #231307;
}
.TitleQuestBar2{

}
.necropolisPopup .itemHeader {

}
/* Prophecy */
.TitleProphecyBar,
.prophecyPopup .itemHeader{

}
/* Magic */
.TitleMagicBar,
.magicPopup .itemHeader{
    color: #8888ff;
    border: 1rem solid #8888ff;
    background: #232343;
}
/* Rare */
.singleLine.TitleRareBar{

}
.TitleRareBar,
.rarePopup .itemHeader{

}
/* Keystone */
.TitleKeystoneBar,
.keystonePopup .itemHeader{
    color: #af6025;
    border: 1rem solid #af6025;
    background: #231307;
}
/* Notable */
.TitleNotableBar,
.notablePopup .itemHeader{
    color: #af6025;
    border: 1rem solid #af6025;
    background: #231307;
}
/* Passive */
.TitlePassiveBar,
.passivePopup .itemHeader{
    color: #e6e40f;
    border: 1rem solid #e6e40f;
    background: #393904;
}
.TitleAscendancyPassiveBar,
.ascendancyPassivePopup .itemHeader{
    color: #af6025;
    border: 1rem solid #af6025;
    background: #231307;
}
.TitleMasteryPassiveBar,
.masteryPassivePopup .itemHeader{

}


.separator {
    background: url(../img/poedb-separator-gray.png) center no-repeat;
    height:7.91075rem;
    margin:1rem 0rem;
}

.newItemPopup .itemName .lc {
    padding: 7.23428rem 30rem 7.23428rem 30rem;
}
.newItemPopup .doubleLine .itemName .lc {
    padding: 5.18323rem 45rem 2.59162rem 45rem;
}
.newItemPopup .doubleLine .typeLine .lc {
    padding: 2.59162rem 45rem 5.18323rem 45rem;
}
.newItemPopup .itemHeader {
    font-size: 19rem;
    line-height: 1em;
    /* height: 34rem; */
}
/* .newItemPopup .itemHeader.doubleLine {
    height: 54rem;
} */
.lc {
    display: inline-block;
}
/* .ascendancyPassivePopup .itemHeader, 
.masteryPassivePopup .itemHeader,
.passivePopup .itemHeader,
.notablePopup .itemHeader,
.keystonePopup .itemHeader,
.monsterUniquePopup .itemHeader,
.monsterRarePopup .itemHeader,
.monsterNormalPopup .itemHeader,
.necropolisPopup .itemHeader
 {
    height: 54rem;
} */
/* .ascendancyPassivePopup .typeLine,
.passivePopup .typeLine,
.notablePopup .typeLine,
.keystonePopup .typeLine,
.masteryPassivePopup .typeLine,
.monsterUniquePopup .typeLine,
.monsterRarePopup .typeLine,
.monsterNormalPopup .typeLine,
.necropolisPopup .typeLine
 {
    font-size: 26rem;
} */
.ascendancyPassivePopup .itemName .lc,
.masteryPassivePopup .itemName .lc,
.passivePopup .itemName .lc,
.notablePopup .itemName .lc,
.keystonePopup .itemName .lc,
.monsterUniquePopup .itemName .lc,
.monsterRarePopup .itemName .lc,
.monsterNormalPopup .itemName .lc,
.necropolisPopup .itemName .lc
 {
    padding: 17rem 30rem 17rem 30rem;
}


/* Ignore icons for vliyanie */
/* .itemHeader .symbol::after {
    content: " ";
    display: block;
    position: absolute;
    background: none center no-repeat;
}
.itemHeader .symbol.shaper::after {
  background-image: url('/image/item/popup/shaper-symbol.webp');
}
.itemHeader .symbol.elder::after {
  background-image: url('/image/item/popup/elder-symbol.webp');
}
.itemHeader .symbol.crusader::after {
  background-image: url('/image/item/popup/crusader-symbol.webp');
}
.itemHeader .symbol.redeemer::after {
  background-image: url('/image/item/popup/redeemer-symbol.webp');
}
.itemHeader .symbol.hunter::after {
  background-image: url('/image/item/popup/hunter-symbol.webp');
}
.itemHeader .symbol.warlord::after {
  background-image: url('/image/item/popup/warlord-symbol.webp');
}
.itemHeader .symbol.veiled::after {
  background-image: url('/image/item/popup/veiled-symbol.webp');
}
.itemHeader .symbol.fractured::after {
  background-image: url('/image/item/popup/fractured-symbol.webp');
}
.itemHeader .symbol.synthesised::after {
  background-image: url('/image/item/popup/synthetic-symbol.webp');
}
.itemHeader .symbol.searing::after {
  background-image: url('/image/item/popup/searing-symbol.webp')
}
.itemHeader .symbol.tangled::after {
  background-image: url('/image/item/popup/tangled-symbol.webp')
}
.itemHeader .symbol.replica::after {
  background-image: url('/image/item/popup/experimented-symbol.webp');
}
.symbol.l::after {
    left: 2rem;
    height: 33rem;
    width: 27rem;
}
.symbol.r::after {
    right: 2rem;
    height: 33rem;
    width: 27rem;
}
.doubleLine .symbol.l::after, .doubleLine .symbol.r::after {
    height: 53rem;
} */
/* Gem */
.hybridHeader {
    background: none no-repeat center/contain;
    background-image:url('/image/item/popup/hybrid-title.webp');
}
.item_quest, .TextQuest, .textQuestItem, .questitem, .newItemPopup.questPopup .itemName {
    color: var(--quest-color);
}
.item_prophecy, .TextProphecy, .prophecy{
    color: var(--prophecy-color);
}
.TextRare{
    color: #f2c462;
}


.ProphecyDescriptionText {
    color: white;
}
.ItemName{
    font-size:18rem;
    position:relative;
    top:3rem;
}
.ItemType{
    font-size:18rem;
    position:relative;
}
.ItemStats {padding-top:3rem;}
.ExplicitMod,.ImplicitMod{
    color: var(--magic-color);
}
.FlavourText{
    font-style:italic;
    padding-left:5rem; 
    padding-right:5rem;
}
.Text, .Requirements, .ItemStats{
  display:inline-block;
  padding:0 10rem;
  color: var(--default-color);
}
.Default{color:#fff}
.PhysicalDamage{color:#fff}
.LightningDamage{color:var(--lightning-color)}

.TextKeystone,.TextNotable,.TextPassive,.TextAscendancyPassive,.TextMasteryPassive,
.ascendancyPassivePopup .itemHeader,
.masteryPassivePopup .itemHeader,
.passivePopup .itemHeader,
.notablePopup .itemHeader,
.keystonePopup .itemHeader
 {
    color: #F9E6CA;
}
.itemHeader.doubleLine {
    position: relative;
    height: 54rem;
}
.doubleLine .TitleSingleBar {
    height: 54rem;
}
.doubleLine .TitleSingleBar .ItemType {
    line-height: 54rem;
    font-size: 22.8rem;
}
.doubleLine .TextMonsterNormal .ItemType,
.doubleLine .TextMonsterUnique .ItemType,
.doubleLine .TextMonsterRare .ItemType {
    font-size: 18rem;
}
.popupKeystone .Stats, 
.popupNotable .Stats, 
.popupPassive .Stats, 
.popupMasteryPassive .Stats, 
.popupAscendancyPassive .Stats, 
.keystonePopup .Stats,
.notablePopup .Stats,
.passivePopup .Stats,
.masteryPassivePopup .Stats {
    text-align: left;
}
.newItemPopup {
    background: rgba(0,0,0,.8);
    color: #7f7f7f;
    font-family: Helvetica,Verdana,Arial,sans-serif;

    position: relative;
    text-align: center;
    min-width: 262rem;
    width: 100%;
    max-width: 380rem;
    background: black;
}
.itemPopupContainer {
    position: relative;
    text-align: center;
    min-width: 262rem;
    width: 100%;
    max-width: 380rem;
    background: black;
}
.newItemPopup .content {
    gap: 10rem 0;
    padding: 0.4em 1em 0.5em 1em;
}
.newItemPopup img {
    max-width: fit-content;
    margin: auto;
}
img.grantsSkill {
    max-height: 15rem;
}

.tooltiptext { 
    display: none; 
    /* text-color: black; */
    background-color: white;
}

.xyz_verify {
    cursor: pointer;
    color: #428bca;
}
.xyz_verify:hover {
    text-decoration: underline;
}

.mon_name {
    font-weight: bold;
    font-size: 18rem;
}
.mon-normal {
    width: 357rem;
    border: 1rem solid #aaa;
    background: black;
    color: var(--default-color);
}
.strong {
    font-weight: bold;
}
.nodrop, A.nodrop {
    text-decoration: line-through;
    color: darkred;
}

.jqmWindow {
    display: none;

    position: fixed;
    top: 17%;
    left: 50%;

    margin-left: -300rem;
    width: 600rem;

    background-color: var(--dark-color);
    color: #333;
    border: 1rem solid black;
    padding: 12rem;
}
.jqmOverlay { 
    background-color: #000; 
}


.bs-example {
    border-color: #ddd;
    border-width: 1rem;
    border-radius: 4rem 4rem 0 0;
    border-style: solid;
    padding-bottom: 10rem;
}

.sortable {
    cursor: pointer;
}

/* remove next version */
.itemboxheader-single {
    font-size: 20rem;
    line-height: 24rem;
    display: block;
    width: 357rem;
    height: 30rem;
}
.itemboxheader-double {
    font-size: 20rem;
    line-height: 24rem;
    color: var(--unique-color);
    display: block;
    width: 357rem;
    height: 50rem;
}

add {
    font-weight: bold
}

ul.double {
    padding-left: 5rem;
}
ul.double ul {
    padding-left: 20rem;
}
.double li  {
    float: left;
    display: inline;
    padding-left: 5rem;
    padding-right: 5rem;
}
li.double_th {
    width: 100%;
    border-bottom: 1rem dotted var(--legacy-color);
    display: block;
}

/* glyph */

  .HBG00 {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: 0rem -90rem;
    width: 5rem;
    height: 18rem;
    display: inline-block; }
  .HBG01 {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -100rem -54rem;
    width: 8rem;
    height: 18rem;
    display: inline-block; }
  .HBG02 {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -100rem 0rem;
    width: 10rem;
    height: 18rem;
    display: inline-block; }
  .HBG03 {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -100rem -36rem;
    width: 8rem;
    height: 18rem;
    display: inline-block; }
  .HBG04 {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -100rem -18rem;
    width: 10rem;
    height: 18rem;
    display: inline-block; }
  .HBGAa {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -40rem 0rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAb {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -40rem -18rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAc {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: 0rem -36rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAd {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -20rem -36rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAe {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -40rem -36rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAf {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -60rem 0rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAg {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -60rem -18rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAh {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -60rem -36rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAi {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: 0rem -54rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAj {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -20rem -54rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAk {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: 0rem 0rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAl {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -60rem -54rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAm {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -80rem 0rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAn {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -80rem -18rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAo {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -80rem -36rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAp {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -80rem -54rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAq {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: 0rem -72rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAr {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -20rem -72rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAs {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -40rem -72rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAt {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -60rem -72rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAu {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -80rem -72rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAv {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -40rem -54rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAw {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -20rem -18rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAx {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: 0rem -18rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .HBGAy {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -20rem 0rem;
    width: 20rem;
    height: 18rem;
    display: inline-block; }
  .hbg00i {
    background: url('https://www.pathofexile.com/image/gen/glyph.png?1501908119000') no-repeat no-repeat;
    background-position: -100rem -72rem;
    width: 6rem;
    height: 18rem;
    display: inline-block; }

span.dotted {
    border-bottom: 1rem dotted #c03;
}

.bestiary_recipe {
    width: 74rem;
}
.bestiary_bg_3 {
    height: 64rem;
    width: 64rem;
    display: inline-block;
    background-color: #e8e96a;
}
.bestiary_invert {
    -webkit-filter: invert(1);
    filter: invert(1);
    background-color: blue;
}
#xyz_form_div,.xyz_form_div {
    border: 1rem solid #ddd;
}
input.red_gem_border {
    border-bottom: 2rem solid var(--corrupted-color);
    color: darkred;
}
input.blue_gem_border {
    border-bottom: 2rem solid var(--magic-color);
    color: darkblue;
}
input.green_gem_border {
    border-bottom: 2rem solid var(--green-color);
    color: darkgreen;
}
input.white_gem_border {
    border-bottom: 2rem solid black;
    color: black;
}
input.abyss_gem_border {
    border-bottom: 2rem solid gold;
    color: gold;
}
.xyz_form_div .form-group {
    margin-bottom: 5rem;
}
#xyz_form_div .form-group {
    margin-bottom: 5rem;
}
.accordion-toggle:hover {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    background-color: gold;
    cursor: pointer;
}

img.tutorial {max-width: 100%}
figure {
    display: inline-block;
    padding: 5rem;
}



.DivinationCardBG, .popupDivinationCard {
    text-align: center;
    width: 360rem;
    height: 549rem;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
}
.TitleDivinationCardBar {
    height: 65rem;
    line-height: 65rem;
}
.DivinationCardBG .icon, .popupDivinationCard .icon {
    position: absolute;
    width: 320rem;
    height: 220rem;
    top: 50rem;
    left: 20rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}
.DivinationCardBG .Stats, .popupDivinationCard .Stats {
    position: absolute;
    top: 270rem;
    height: 279rem;
    padding-left: 30rem;
    padding-right: 30rem;
}
.DivinationCardBG .Stats .explicitArea, .popupDivinationCard .Stats .explicitArea {
    height: 100rem;
    width: 320rem;
    vertical-align: middle;
    display: table-cell;
    font-size: 16rem;
}
.DivinationCardBG .Stats .FlavourText, .popupDivinationCard .Stats .FlavourText {
    height: 151rem;
    width: 320rem;
    vertical-align: middle;
    display: table-cell;
    font-size: 16rem;
}
.DivinationCardBG .stackSize, .popupDivinationCard .stackSize {
    position: absolute;
    left: 38rem;
    top: 260rem;
    height: 24rem;
    width: 50rem;
    line-height: 24rem;
    font-size: 16rem;
    color: white;
}
.popupDivinationCard {
    top: 0rem;
    width: 360rem;
    height: 549rem;
    background-image: url(../img/divination-card.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
.TextDivinationCard .ItemType {
    color: var(--heist-color);
}


.filter-title {
    color: #fff8e1;
}

img.atlas-objective {
    width: 100rem;
}

div.flask {
  width: 47rem;
  height: 95rem;
  overflow: hidden;
  background-color: var(--bs-body-bg);
}
div.flask img {
  max-width: initial;
}
img.flaskcrop_old {
  position: absolute;
  width: 143rem;
  height: 95rem;
  clip: rect(0rem,47rem,95rem,0rem);
}
img.flaskcrop {
  width: 47rem;
  height: 95rem;
  object-fit: none;
  object-position: 0 100%;
  background-color: var(--bs-body-bg);
}

.flask-icon-container, .flask-icon-frame {
    width: 78rem;
    height: 156rem;
}
.flask-icon-container {
    position: relative;
    background-position: -156rem 0;
}
.flask-icon-frame {
    position: absolute;
    background-position: 0 0;
}

.modal-content {
  background-color: var(--bs-body-bg);
}
.Marauder {
    color: rgb(175,90,50);
}
.Ranger {
    color: rgb(124,179,118);
}
.Witch {
    color: rgb(154,195,201);
}
.Duelist {
    color: rgb(150,175,200);
}
.Templar {
    color: rgb(207,189,138);
}
.Shadow {
    color: rgb(114,129,141);
}
.Scion {
    /*color: rgb(90,90,90);*/
    color: whitesmoke;
    text-shadow: rgb(90,90,90) 0.1em 0.1em 0.2em;
}

.passive_div {
    position: relative;
}
.keystone {
    position: absolute;
    height: 136rem;
    width: 133rem;
    white-space: nowrap;
    text-align: center;
}
/* .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
} */
/* icon-container */
.passive-icon-container, .map-icon-container {
    position: relative;
    margin: 0rem auto;
}
.passive-icon-container a {
    position: absolute;
    z-index: 0;
}
.passive-icon-frame, .map-icon-frame {
    position: absolute;
    z-index: 10;
    pointer-events: none;
}
/* map */
.map-icon-container {
    width: 80rem;
    height: 80rem;
}
.map-icon-container a {
    position: absolute;
    z-index: 11;
}
.map-icon-container a, .map-icon-container img {
    left: 1rem;
    top: 1rem;
    width: 78rem;
    height: 78rem;
}
.map-icon-container .map-icon-frame {
    width: 80rem;
    height: 80rem;
    background-repeat: round;
}
.map-icon-type__base17 .map-icon-frame {
    background-image: url(/image/Art/2DItems/Maps/Atlas2Maps/New/Base17.webp);
}
.map-icon-type__base18 .map-icon-frame {
    background-image: url(/image/Art/2DItems/Maps/Atlas2Maps/New/Base18.webp);
}
/* keystone */
.passive-icon-type__keystone, .passive-icon-type__atlas_keystone, .passive-icon-type__mastery {
    width: 175rem;
    height: 175rem;
}
.passive-icon-type__keystone a, .passive-icon-type__keystone img, .passive-icon-type__atlas_keystone a, .passive-icon-type__atlas_keystone img, .passive-icon-type__mastery a, .passive-icon-type__mastery img {
    left: 36rem;
    top: 36rem;
    width: 100rem;
    height: 100rem;
}
.passive-icon-type__keystone .passive-icon-frame {
    width: 175rem;
    height: 175rem;
    background-image: url(/image/Art/2DArt/UIImages/InGame/PassiveSkillScreenKeystoneFrameCanAllocate.webp);
    background-repeat: round;
}
.passive-icon-type__atlas_keystone .passive-icon-frame {
    width: 175rem;
    height: 175rem;
    background-image: url(/image/Art/2DArt/UIImages/InGame/AtlasScreen/AtlasPassiveSkillScreenKeystoneFrameNormal.webp);
    background-repeat: round;
}
.passive-icon-type__mastery .passive-icon-frame {
    width: 175rem;
    height: 175rem;
    background-image: url(/image/Art/2DArt/UIImages/InGame/PassiveMastery/PassiveMasteryButtonInactiveClicked.webp);
    background-repeat: round;
}
.passive-mastery-icon {
    height: 175rem;
}

/* notable */
.passive-icon-type__notable, .passive-icon-type__ascendancy_notable, .passive-icon-type__atlas_notable {
    width: 100rem;
    height: 100rem;
}
.passive-icon-type__notable a, .passive-icon-type__notable img, .passive-icon-type__ascendancy_notable a, .passive-icon-type__ascendancy_notable img, .passive-icon-type__atlas_notable a, .passive-icon-type__atlas_notable img {
    left: 16rem;
    top: 16rem;
    width: 68rem;
    height: 68rem;
}
.passive-icon-type__notable .passive-icon-frame {
    width: 100rem;
    height: 100rem;
    background-image: url(/image/Art/2DArt/UIImages/InGame/PassiveSkillScreenNotableFrameCanAllocate.webp);
    background-repeat: round;
}
.passive-icon-type__ascendancy_notable .passive-icon-frame {
    width: 100rem;
    height: 100rem;
    background-image: url(/image/Art/2DArt/UIImages/InGame/PassiveSkillScreenAscendancyFrameLargeCanAllocate.webp);
    background-repeat: round;
}
.passive-icon-type__atlas_notable .passive-icon-frame {
    width: 100rem;
    height: 100rem;
    background-image: url(/image/Art/2DArt/UIImages/InGame/AtlasScreen/AtlasPassiveSkillScreenNotableFrameNormal.webp);
    background-repeat: round;
}
/* basic */
.passive-icon-type__basic,.passive-icon-type__ascendancy_basic, .passive-icon-type__atlas_basic {
    width: 60rem;
    height: 60rem;
}
.passive-icon-type__basic a, .passive-icon-type__basic img, .passive-icon-type__ascendancy_basic a, .passive-icon-type__ascendancy_basic img, .passive-icon-type__atlas_basic a, .passive-icon-type__atlas_basic img {
    left: 10rem;
    top: 10rem;
    width: 40rem;
    height: 40rem;
}
.passive-icon-type__basic .passive-icon-frame {
    width: 60rem;
    height: 60rem;
    background-image: url(/image/Art/2DArt/UIImages/InGame/PassiveSkillScreenPassiveFrameCanAllocate.webp);
    background-repeat: round;
}
.passive-icon-type__ascendancy_basic .passive-icon-frame {
    width: 60rem;
    height: 60rem;
    background-image: url(/image/Art/2DArt/UIImages/InGame/PassiveSkillScreenAscendancyFrameSmallCanAllocate.webp);
    background-repeat: round;
}
.passive-icon-type__atlas_basic .passive-icon-frame {
    width: 60rem;
    height: 60rem;
    background-image: url(/image/Art/2DArt/UIImages/InGame/AtlasScreen/PassiveSkillScreenPassiveFrameNormal.webp);
    background-repeat: round;
}

ul.PassiveMastery {
    padding-inline-start: 0;
    margin-bottom:0;
}
li.PassiveMastery {
    background: url(/image/item/popup/mastery-passive-list.webp) no-repeat left center;
    list-style: none;
    vertical-align: middle;
    padding: 3rem 3rem 3rem 30rem;
}

/*
wiki
*/
div.collapse_div p {
    font-size: 14rem;
}
div.collapse_div {
    border: 1rem solid var(--default-color);
    padding: 0.5rem;
}



.minimap_icon {
    background-image: url(https://i.imgur.com/of0WT7B.png);
    display: inline-block;
}
.minimap_64 {
    width: 64rem;
    height: 64rem;
}
.minimap_32 {
    width: 32rem;
    height: 32rem;
    background-size: 448rem auto;
}
.minimap_16 {
    width: 16rem;
    height: 16rem;
    background-size: 224rem auto;
}
.minimap_icon_39 {
    background-image: url(https://i.imgur.com/PNxYYC4.png);
    display: inline-block;
}
.minimap_39 {
    width: 39rem;
    height: 39rem;
}
hr.block {
    margin: 7rem;
}
.text-Wild,.text-type12 {
    color: magenta;
}
.text-Vivid,.text-type13 {
    color: yellow;
}
.text-Primal,.text-type14 {
    color: cyan;
}
[aria-expanded="true"] .fa-chevron-circle-down {
    display: none;
}
[aria-expanded="false"] .fa-chevron-circle-up {
    display: none;
}
.identify-title {
    cursor: pointer;
}

.double li a {
    display: block;
}
.double li a:hover {
    background-color: #121212;
    color: #fce49e;
}
#xyz_form_div div.row {
    margin-right: 0rem;
    margin-left: 0rem;
}


.TitleBar {
    height: 27rem;
}
.TitleSingleBar {
    height: 34rem;
}
.TitleSingleBar .ItemType {
    line-height: 34rem;
}
.btn-sm {
    margin-bottom: 1rem;
}
.dropdown-menu {
    /*border-top: 0rem;*/
    margin-top: 0rem; /* cause auto display block error */
}
hr.xyz {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 1;
}
.card-body pre {
  background: black;
  border: 1rem solid #CCCCCC;
  color: white;
  display: block;
  font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
  /*font-size: 8pt;*/
  line-height: 120%;
  margin: 5rem 0 1rem 20rem;
  max-height: 300rem;
  overflow: auto;
  padding: 10rem 10rem 10rem 21rem;
  width: 90%;
  tab-width: 4;
}

.vte {
    padding-left: 15rem;
    padding-right: 15rem;
    padding-top: 3rem;
    width: 100%;
    clear: both;
}
.vte th {
    text-align: right;
}
.vte .table {
    margin-bottom: 3rem;
}


.bg333 {
    background-color: #333;
}

.card,.list-group-item,.btn-secondary,.vte th {
    background-color: var(--bs-body-bg);
}
.card-header, .card-body {
    padding: .5rem 1rem;
}
.card-header + .card-body {
    padding-top: 0;
}
.card-header {
    background: transparent;
    border-bottom: 0;
}


.gem_icon {
    padding: 5rem;
    font-family: monospace;
}


#player {
    position: fixed;
    bottom: 8rem;
    right: 8rem;
}

hr.mod-same-family {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.05rem;
    margin-bottom: 0.05rem;
    opacity: 0.5;
}


.mod-title {
    display: block;
    margin-bottom: 3rem;
    /*color: var(--magic-color);*/
    cursor: pointer;
    background-color: #282828;
    line-height: 1.4;
}
.mod-total {
    display: block;
    margin-bottom: 3rem;
    color: white;
    background-color: #555;
    font-weight: bold;
    border-top: 1rem white dashed;
}
.even {
    background-color: #181818;
}
.mod-title.pasted {
    background-color: #000;
    color: var(--rare-color);
}
.mod-title:hover {
    background: black !important;
}
.mod-title img {
    height: 23rem;
}


.invert100 {
    filter: invert(100%);
}
.LakeTileBlankTier1 {
    background-image: url(/image/Art/2DArt/UIImages/InGame/Lake/LakeTileBlankTier1.webp);
}
.LakeTileBlankTier2 {
    background-image: url(/image/Art/2DArt/UIImages/InGame/Lake/LakeTileBlankTier2.webp);
}
.LakeTileBlankTier3 {
    background-image: url(/image/Art/2DArt/UIImages/InGame/Lake/LakeTileBlankTier3.webp);
}
.LakeTileBlankTier4 {
    background-image: url(/image/Art/2DArt/UIImages/InGame/Lake/LakeTileBlankTier4.webp);
}

.ascendancySVG {
    max-height: 675rem;
    max-width: 675rem;
}


.secondary {color: #5382a1;}

/* Metadata/UI/UISettings.xml */
.default {color: #7f7f7f;}
.valuedefault {color: #ffffff;}
.pink {color: #ffc0cb;}
.dodgerblue {color: #1e90ff;}
.green {color: var(--green-color);}
.fire {color: var(--fire-color);}
.cold {color: var(--cold-color);}
.lightning {color: var(--lightning-color);}
.chaos {color: var(--chaos-color);}
.augmented {color: var(--magic-color);}
.crafted {color: #b8daf2;}
.fractured {color: var(--fractured-color);}
.enchanted {color: #b8daf2;}
.unmet {color: var(--corrupted-color);}
.uniqueitem {color: var(--unique-color);}
.unique {color: var(--unique-color);}
.rareitem {color: var(--rare-color);}
.rare {color: var(--rare-color);}
.magicitem {color: var(--magic-color);}
.magic {color: var(--magic-color);}
.whiteitem {color: var(--normal-color);}
.normal {color: var(--normal-color);}
.gemitem {color: var(--gem-color);}
.gem {color: var(--gem-color);}
.currencyitem {color: var(--currency-color);}
.currency {color: var(--currency-color);}
.questitem {color: var(--quest-color);}
.quest {color: var(--quest-color);}
.nemesismod {color: var(--lightning-color);
}
.nemesismodoutline {color: #dcff28;}
.talismanmod {color: #8df14f;
  text-shadow: -1rem -1rem 0 #dc0000, 1rem -1rem 0 #dc0000, -1rem 1rem 0 #dc0000, 1rem 1rem 0 #dc0000;
  letter-spacing: 1rem;
}
.talismanmodoutline {color: #dc0000;}
.title {color: var(--title-color);}
.corrupted {color: var(--corrupted-color);}
.favour {color: #aa9e82;}
.supporterpacknewitem {color: #b46000;}
.supporterpackitem {color: #a38d6d;}
.supporterpackincludes {color: #f2a22f;}
.bloodlinemod {color: #d200dc;
  text-shadow: -1rem -1rem 0 #c84a00, 1rem -1rem 0 #c84a00, -1rem 1rem 0 #c84a00, 1rem 1rem 0 #c84a00;
  letter-spacing: 1rem;
}
.bloodlinemodoutline {color: #c84a00;}
.tormentmod {color: #32e664;
  text-shadow: -1rem -1rem 0 #c80064, 1rem -1rem 0 #c80064, -1rem 1rem 0 #c80064, 1rem 1rem 0 #c80064;
  letter-spacing: 1rem;
}
.tormentmodoutline {color: #c80064;}
.canttradeormodify {color: var(--corrupted-color);}
.lockedtoaccount {color: var(--corrupted-color);}
.divination {color: var(--divination-color);}
.prophecy {color: var(--prophecy-color);}
.essencemod {color: #a4d2ff;}
.essencemodoutline {color: #d20032;}
.premiumchat {color: #fdf27e;}
.premiumchatoutline {color: #d12e2e;}
.uniquefoil {color: #82ad6a;}
.legacy {color: #d4913f;}
.bestiarymod {color: #ffffff;}
.bestiarymodoutline {color: #dcff28;}
.blightmod {color: #ffffff;}
.blightmodoutline {color: var(--lightning-color);}
.afflictionmod {color: var(--afflictionmod-color);}
.afflictionmodoutline {color: #c8c1d2;}
.stackitemlevel {color: #ffffff;}
.harvestprimary {color: #646f49;}
.harvestsecondary {color: #5382a1;}
.craftingcaster {color: #b3f8fe;}
.craftingphysical {color: #c79d93;}
.craftingfire {color: #ff9a77;}
.craftingcold {color: #93d8ff;}
.craftinglightning {color: #f8cb76;}
.craftingchaos {color: #d8a7d3;}
.craftingspeed {color: #cfeea5;}
.craftingcrit {color: #b2a7d6;}
.craftingred {color: #c8676e;}
.craftingblue {color: #a2cffb;}
.craftinggreen {color: #86bda3;}
.craftinglife {color: #c96e6e;}
.craftingdefences {color: #a88f67;}
.craftingattack {color: #da814d;}
.heist {color: #191e19;}
.heiststolenitem {color: var(--corrupted-color);}
.atlasmaven {color: #b60ca9;}
.ultimatumnumber {color: #fe5c51;}
.incursionunreachable {color: #5a5a5a;}
.lockedinplaceitem {color: #7f7f7f;}
.craftaffectremove {color: #fe9900;}
.craftaffectwarning {color: #ebc850;}
.craftaffectreroll {color: #fe9900;}
.skillpopuptitle {color: #f9e6ca;}
.disabledstats {color: #9696a7;}
.skillextrainfo {color: #ffc077;}
.fakeitemcount {color: #c8c8c8;}
.atlasunlocktext {color: #af6c19;}
.archnemesismodnormal {color: #dde8ae;}
.archnemesismodchaosgreen {color: #a8ffb0;}
.archnemesismodchaospurple {color: #e39eff;}
.archnemesismodcold {color: #cff3ff;}
.archnemesismodfire {color: #ffc49e;}
.archnemesismodlightning {color: #ad6868;}
.archnemesismodphysicalred {color: #ad6868}
.archnemesismodphysicalgrey {color: #dbdbdb;}
.archnemesismodgolden {color: #ffe496;}
.archnemesismodholy {color: #f5e36e;}
.archnemesismodgod {color: #ff9900;}
.archnemesismodnormaloutline {color: #c87378;}
.archnemesismodchaosgreenoutline {color: #c812b8;}
.archnemesismodchaospurpleoutline {color: #c88916;}
.archnemesismodcoldoutline {color: #c83c97;}
.archnemesismodfireoutline {color: #c8cf51;}
.archnemesismodlightningoutline {color: #c89995;}
.archnemesismodphysicalredoutline {color: #c86300;}
.archnemesismodphysicalgreyoutline {color: #c88278;}
.archnemesismodgoldenoutline {color: #c8946e;}
.archnemesismodholyoutline {color: #c8d9bc;}
.archnemesismodgodoutline {color: #c8ff28;}
.archnemesismodspecialoutline {color: #c8fa46}
.mavenfightpopuptitle {color: #008fce;}
.mavenfightpopupglow {color: #1e1e5e;}
.sentinelsnapshotwarning {color: #c8676e;}
.atlasskillstitle {color: #6e8495;}
.archnemesisitem {color: #aa9e82;}
.scourged {color: var(--scourged-color);}
.lakeofkalandrareachable {color: #8888ff}
.lakeofkalandraunreachable {color: #5a5a5a}
.harvestmonstertier1 {color: #7f7f7f}
.harvestmonstertier2 {color: #c8c8c8}
.harvestmonstertier3 {color: #b8daf2}
.harvestmonstertier4 {color: #af6025}
.sanctumboon {color: #b5a890}
.sanctumcurse {color: #a06dca}
.sanctumpact {color: #ab8bad}
.ancestralprimary {color: #d4d0cc}
.ancestralsecondary {color: #9e978f}
.ancestralblue {color: #86b2c3}
.azmerigreen {color: #b3c081}
.descendancygrey {color: #bcccbb}

.float-end, .float-right {
    float: right!important;
}
.float-start, .float-left {
    float: left!important;
}

.tooltip-inner {
    color: white;
    background-color: #222;
    box-shadow: 0rem 0rem 4rem black;
    opacity: 1 !important;
}
blockquote.blockquote {
    padding-left: 1rem;
    border-left: 5rem solid grey;
}
kbd {
    background-color: white;
    color: black;
}

@media (max-width: 390px) {
    .newItemPopup .itemHeader {
        font-size: 16rem;
    }

    .newItemPopup img, .itemPopupContainer img {
        max-height: 50rem;
    }
}