#tooltipHere .itemboximage, .tooltip-inner .itemboximage {
    text-align: center;
    width: 100%;
}
.slot_border {
    border: solid;
    border-width: 1px;
    border-color: #daa449;
    border-radius: 5px;
}
.size30 {
    width: 30px;
    height: 30px;
}
.grid {
    display: grid;
}
.bg-no-repeat {
    background-repeat: no-repeat;
}
.flex-auto {
    flex: 1 1 auto;
}
.flex-initial {
    flex: 0 1 auto;
}
.h-full {
    height: 100%;
}
.inventory {
    --col-size: 4rem;
    display: grid;
    grid-template-columns: repeat(8,minmax(0,var(--col-size)));
    grid-gap: 0.5rem;
    grid-template-areas:
        "Weapon Weapon Weapon2 Helm Helm Offhand2 Offhand Offhand"
        "Weapon Weapon Weapon2 Helm Helm Offhand2 Offhand Offhand"
        "Weapon Weapon Ring3 BodyArmour BodyArmour Amulet Offhand Offhand"
        "Weapon Weapon Ring BodyArmour BodyArmour Ring2 Offhand Offhand"
        ". Gloves Gloves BodyArmour BodyArmour Boots Boots ."
        ". Gloves Gloves Belt Belt Boots Boots ."
        "Trinket flasks flasks flasks flasks flasks flasks ."
        ". flasks flasks flasks flasks flasks flasks ."
        ". charms charms charms charms charms charms ."
        ". . . BrequelGrafts BrequelGrafts2 . . ."
        ". . . BrequelGrafts BrequelGrafts2 . . .";
}
.inventory.poe2 {
    grid-template-areas:
        "Weapon Weapon Weapon2 Helm Helm Offhand2 Offhand Offhand"
        "Weapon Weapon Weapon2 Helm Helm Offhand2 Offhand Offhand"
        "Weapon Weapon Ring3 BodyArmour BodyArmour Amulet Offhand Offhand"
        "Weapon Weapon Ring BodyArmour BodyArmour Ring2 Offhand Offhand"
        ". Gloves Gloves BodyArmour BodyArmour Boots Boots ."
        ". Gloves Gloves Belt Belt Boots Boots ."
        "Trinket flasks flasks charms charms charms charms charms"
        ". flasks flasks charms charms charms charms charms";
}
.flasks {
    grid-area: flasks;
    display: grid;
    margin: 0 auto;
    grid-template-columns: repeat(5,minmax(0,var(--col-size)));
    grid-gap: 0.5rem;
    grid-template-areas: "Flask1 Flask2 Flask3 Flask4 Flask5";
}
.poe2 .flasks {
    grid-template-columns: repeat(2,minmax(0,var(--col-size)));
    grid-template-areas: "Flask1 Flask2";
}
.charms {
    grid-area: charms;
    display: grid;
    margin: 0 auto;
    grid-template-columns: repeat(5,minmax(0,var(--col-size)));
    grid-gap: 0.5rem;
    grid-template-areas: "Charm1 Charm2 Charm3 Charm4 Charm5";
}
.grafts {
    grid-area: grafts;
    display: grid;
    margin: 0 auto;
    grid-template-columns: repeat(2,minmax(0,var(--col-size)));
    grid-gap: 0.5rem;
    grid-template-areas: "Graft1 Graft2";
}
.col-span-full {
    grid-column: 1/-1;
}
.item {
    height: 100%;
    width: 100%;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    border-radius: 0.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.socket {
    aspect-ratio: 1/1;
}
.h-\[450px\] {
    height: 450px;
}
@media (min-width: 768px) {
    .md\:h-\[800px\] {
        height: 800px;
    }
}
.tooltip-inner {
    width: 600px;
    max-width: 100vw !important;
}
.tooltip.show {
    opacity: 1;
}
.frameType0 {
    border-width: 1px;
    border-style: solid;
    border-color: white;
}
.frameType1 {
    border-width: 1px;
    border-style: solid;
    border-color: #8888ff;
}
.frameType2 {
    border-width: 1px;
    border-style: solid;
    border-color: #f9f9b2;
}
.frameType3, .frameType10 {
    border-width: 1px;
    border-style: solid;
    border-color: #ed9451;
}
#skillGems img,#Skills img {
    height: 32px;
}