.rarity-tab-item {
    border-bottom: 2px solid var(--color-light-gray);
    transition: all 0.2s ease;
}
.rarity-tab-item:hover {
    background-color: var(--color-dark-gray);
}

input[name="tab_item"],
.rarity-tab-content {
    display: none;
}

input[name="tab_item"]#none:checked ~ .rarity-tab-labels > label[for="none"].rarity-tab-item,
input[name="tab_item"]#junk:checked ~ .rarity-tab-labels > label[for="junk"].rarity-tab-item,
input[name="tab_item"]#poor:checked ~ .rarity-tab-labels > label[for="poor"].rarity-tab-item,
input[name="tab_item"]#common:checked ~ .rarity-tab-labels > label[for="common"].rarity-tab-item,
input[name="tab_item"]#uncommon:checked ~ .rarity-tab-labels > label[for="uncommon"].rarity-tab-item,
input[name="tab_item"]#rare:checked ~ .rarity-tab-labels > label[for="rare"].rarity-tab-item,
input[name="tab_item"]#epic:checked ~ .rarity-tab-labels > label[for="epic"].rarity-tab-item,
input[name="tab_item"]#legend:checked ~ .rarity-tab-labels > label[for="legend"].rarity-tab-item,
input[name="tab_item"]#unique:checked ~ .rarity-tab-labels > label[for="unique"].rarity-tab-item,
input[name="tab_item"]#legend_0:checked ~ .rarity-tab-labels > label[for="legend_0"].rarity-tab-item,
input[name="tab_item"]#legend_1:checked ~ .rarity-tab-labels > label[for="legend_1"].rarity-tab-item,
input[name="tab_item"]#legend_2:checked ~ .rarity-tab-labels > label[for="legend_2"].rarity-tab-item {
    background-color: var(--color-dark-gray);
}

input[name="tab_item"]#none:checked ~ .rarity-tab-contents #none_content,
input[name="tab_item"]#junk:checked ~ .rarity-tab-contents #junk_content,
input[name="tab_item"]#poor:checked ~ .rarity-tab-contents #poor_content,
input[name="tab_item"]#common:checked ~ .rarity-tab-contents #common_content,
input[name="tab_item"]#uncommon:checked ~ .rarity-tab-contents #uncommon_content,
input[name="tab_item"]#rare:checked ~ .rarity-tab-contents #rare_content,
input[name="tab_item"]#epic:checked ~ .rarity-tab-contents #epic_content,
input[name="tab_item"]#legend:checked ~ .rarity-tab-contents #legend_content,
input[name="tab_item"]#unique:checked ~ .rarity-tab-contents #unique_content,
input[name="tab_item"]#legend_0:checked ~ .rarity-tab-contents #legend_0_content,
input[name="tab_item"]#legend_1:checked ~ .rarity-tab-contents #legend_1_content,
input[name="tab_item"]#legend_2:checked ~ .rarity-tab-contents #legend_2_content {
    display: flex;
}