body.game_poe1 #inventoryZone .object>.flaskImage {
    width: 100%;
    height: 100%;
}

body.game_poe1 #inventoryZone .object>.flaskImage,
body.game_poe1 .item .image>.flaskImage {
    overflow: hidden;
    position: relative;
}

body.game_poe1 #inventoryZone .object>.flaskImage>img,
body.game_poe1 .item .image>.flaskImage>img {
    top: 0px;
    position: absolute;
    height: 100%;
}

body.game_poe1 #inventoryZone .object>.flaskImage>img:nth-child(1),
body.game_poe1 .item .image>.flaskImage>img:nth-child(1) {
    z-index: 1;
    left: -100%;
}

body.game_poe1 #inventoryZone .object>.flaskImage>img:nth-child(2),
body.game_poe1 .item .image>.flaskImage>img:nth-child(2) {
    z-index: 2;
    left: -200%;
}

body.game_poe1 #inventoryZone .object>.flaskImage>img:nth-child(3),
body.game_poe1 .item .image>.flaskImage>img:nth-child(3) {
    z-index: 3;
    left: 0;
}

.item .mod.veiled .poe1 .animated {
    height: 20px;
    width: 85px;
    background-position: -7650px;
    background-image: url("../assets/poe1/ui/animated_veiled_suffix_6.png");
    animation: animate-veiled-mod 6s steps(90) reverse infinite;
}

.item .mod.veiled:nth-child(odd) .poe1 .animated {
    height: 20px;
    width: 85px;
    background-position: -7650px;
    background-image: url("../assets/poe1/ui/animated_veiled_suffix_3.png");
}

.item .mod.veiled.type_1 .poe1 .animated {
    height: 20px;
    width: 158px;
    background-position: -14220px;
    background-image: url("../assets/poe1/ui/animated_veiled_prefix_6.png");
}

.item .mod.veiled.type_1:nth-child(even) .poe1 .animated {
    height: 20px;
    width: 158px;
    background-position: -14220px;
    background-image: url("../assets/poe1/ui/animated_veiled_prefix_3.png");
}

.requirementsZone .dropdown div.current>div.type.id_1,
.requirementsZone .dropdown li>div.type.id_1 {
    color: color-mix(in srgb, var(--divination-color) 40%, white);
}

.requirementsZone .dropdown div.current>div.type.id_2,
.requirementsZone .dropdown li>div.type.id_2 {
    color: color-mix(in srgb, var(--prophecy-color) 40%, white);
}

.requirementsZone .dropdown div.current>div.type.id_5,
.requirementsZone .dropdown li>div.type.id_5 {
    border-color: color-mix(in srgb, var(--corrupted-color) 40%, transparent);
    color: color-mix(in srgb, var(--corrupted-color) 40%, white);
}

.requirementsZone .dropdown div.current>div.type.id_28,
.requirementsZone .dropdown li>div.type.id_28 {
    border-color: color-mix(in srgb, var(--color-fire) 40%, transparent);
    color: color-mix(in srgb, var(--color-fire) 40%, white);
}

.requirementsZone .dropdown div.current>div.type.id_29,
.requirementsZone .dropdown li>div.type.id_29 {
    border-color: color-mix(in srgb, var(--color-cold) 40%, transparent);
    color: color-mix(in srgb, var(--color-cold) 40%, white);
}

.requirementsZone .dropdown div.current>div.type.id_1000,
.requirementsZone .dropdown li>div.type.id_1000 {
    border-color: color-mix(in srgb, var(--enchantment-color) 40%, transparent);
    color: color-mix(in srgb, var(--enchantment-color) 40%, white);
}

.requirementsZone .dropdown div.current>div.type.id_1001,
.requirementsZone .dropdown li>div.type.id_1001 {
    border-color: color-mix(in srgb, var(--unique-color) 40%, transparent);
    color: color-mix(in srgb, var(--unique-color) 40%, white);
}

.requirementsZone .dropdown div.current>div.type.id_1002,
.requirementsZone .dropdown li>div.type.id_1002 {
    border-color: color-mix(in srgb, var(--synthesis-color) 40%, transparent);
    color: color-mix(in srgb, var(--synthesis-color) 40%, white);
}

.requirementsZone .dropdown div.current>div.influence.id_1002,
.requirementsZone .dropdown li>div.influence.id_1002 {
    border-color: color-mix(in srgb, var(--color-cold) 50%, transparent);
    color: color-mix(in srgb, var(--color-cold) 50%, white);
}

.requirementsZone .dropdown div.current>div.influence.id_1000,
.requirementsZone .dropdown li>div.influence.id_1000 {
    border-color: color-mix(in srgb, var(--color-ailment) 50%, transparent);
    color: color-mix(in srgb, var(--color-ailment) 50%, white);
}

.requirementsZone .dropdown div.current>div.influence.id_0,
.requirementsZone .dropdown li>div.influence.id_0 {
    border-color: color-mix(in srgb, var(--color-chaos) 50%, transparent);
    color: color-mix(in srgb, var(--color-chaos) 50%, white);
}

.requirementsZone .dropdown div.current>div.influence.id_1,
.requirementsZone .dropdown li>div.influence.id_1 {
    border-color: color-mix(in srgb, var(--color-curse) 50%, transparent);
    color: color-mix(in srgb, var(--color-curse) 50%, white);
}

.requirementsZone .dropdown div.current>div.influence.id_2,
.requirementsZone .dropdown li>div.influence.id_2 {
    border-color: color-mix(in srgb, var(--color-damage) 50%, transparent);
    color: color-mix(in srgb, var(--color-damage) 50%, white);
}

.requirementsZone .dropdown div.current>div.influence.id_3,
.requirementsZone .dropdown li>div.influence.id_3 {
    border-color: color-mix(in srgb, var(--color-mana) 50%, transparent);
    color: color-mix(in srgb, var(--color-mana) 50%, white);
}

.requirementsZone .dropdown div.current>div.influence.id_4,
.requirementsZone .dropdown li>div.influence.id_4 {
    border-color: color-mix(in srgb, var(--color-critical) 50%, transparent);
    color: color-mix(in srgb, var(--color-critical) 50%, white);
}

.requirementsZone .dropdown div.current>div.influence.id_5,
.requirementsZone .dropdown li>div.influence.id_5 {
    border-color: color-mix(in srgb, var(--color-lightning) 50%, transparent);
    color: color-mix(in srgb, var(--color-lightning) 50%, white);
}

.requirementsZone .dropdown div.current>div.influence.id_1001,
.requirementsZone .dropdown li>div.influence.id_1001 {
    border-color: color-mix(in srgb, var(--color-mana) 50%, transparent);
    color: color-mix(in srgb, var(--color-mana) 50%, white);
}

.requirementsZone .dropdown div.current>div.influence.id_1004,
.requirementsZone .dropdown li>div.influence.id_1004 {
    border-color: color-mix(in srgb, var(--scourged-color) 50%, transparent);
    color: color-mix(in srgb, var(--scourged-color) 50%, white);
}

.requirementsZone .dropdown div.current>div.influence.id_1005,
.requirementsZone .dropdown li>div.influence.id_1005 {
    border-color: color-mix(in srgb, var(--color-drop) 50%, transparent);
    color: color-mix(in srgb, var(--color-drop) 50%, white);
}

.requirementsZone .dropdown div.current>div.influence.id_1006,
.requirementsZone .dropdown li>div.influence.id_1006 {
    border-color: color-mix(in srgb, var(--color-armour) 50%, transparent);
    color: color-mix(in srgb, var(--color-armour) 50%, white);
}

.requirementsZone .dropdown div.current>div.influence.id_1008,
.requirementsZone .dropdown li>div.influence.id_1008 {
    border-color: color-mix(in srgb, var(--color-attack) 50%, transparent);
    color: color-mix(in srgb, var(--color-attack) 50%, white);
}

/* FOSSIL OPTIMIZER */
#fossilOptimizerProcessorOutput {
    padding: var(--spacing-medium);
    background: #101010;
    border-radius: var(--border-radius);
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.25);
    border: 2px solid rgba(255, 255, 255, 0.1);
}

#fossilOptimizerProcessorOutput:empty {
    display: none;
}

#fossilOptimizerOutput .spendingTable>div>div,
#fossilOptimizerOutput .spendingTable>div>div * {
    vertical-align: middle;
    font-size: 12px;
}

#fossilOptimizerOutput .spendingTable>div>div {
    padding: var(--spacing-small);
}

#fossilOptimizerOutput .spendingTable>div>div:first-child {
    padding-left: var(--spacing-medium);
}

#fossilOptimizerOutput .spendingTable>div>div:last-child {
    padding-right: var(--spacing-medium);
}

#fossilOptimizerOutput .spendingTable>div>div span.percent {
    font-size: 11px;
    margin-left: 2px;
}

#fossilOptimizerOutput .spendingTable>div>div div.num {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 3px;
    font-size: 11px;
    background: rgba(0, 0, 0, 0.5);
}

#fossilOptimizerOutput .spendingTable>div>div div.fossil {}

#fossilOptimizerOutput .spendingTable>div.row:hover {
    cursor: pointer;
    background: #444;
}

#workerCountInput input {
    width: 100px !important;
}

html.fullscreen #fossilOptimizerLayout .uiOptions {
    flex-direction: column;
    align-items: start;
}

html.fullscreen #FossilOptimizerLimit ul {
    flex-wrap: nowrap;
}

html.fullscreen #fossilOptimizerLayout>div {
    flex-direction: column;
}

html.fullscreen #fossilOptimizerOutput {
    flex-direction: column;
}

@media(max-width:1300px) {
    #fossilOptimizerOutput {
        flex-direction: column;
    }
}