html {
    background-color: var(--background-color);
    color: white;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    /* Default firefox colors */
    scrollbar-color: #858585 transparent;
}
.warn {
    color: #d35555;
    font-style: italic;
}
a {
    color: #ffb4b4;
}

.tag[data-tag-namespace="creator"] { --tagcolor: rgb(187, 58, 58); }
.tag[data-tag-namespace="game"] { --tagcolor: rgb(159, 125, 255); }
.tag[data-tag-namespace="anime"] { --tagcolor: rgb(220, 125, 255); }
.tag[data-tag-namespace="chan"] { --tagcolor: rgb(78, 203, 150); }
.tag[data-tag-namespace="character"] { --tagcolor: rgb(78, 203, 150); }
.tag[data-tag-namespace="meta"] { --tagcolor: rgb(63, 141, 224); }
.tag {
    --tagcolor: rgb(187, 178, 58);
    display: flex;
    border: 1px solid var(--tagcolor);
    color: var(--tagcolor) !important;
    background-color: color-mix(in srgb, var(--tagcolor) 20%, transparent);
    border-radius: 0.25rem;
    text-decoration: none;
    width: fit-content;
    margin: 0.25rem;
    overflow: hidden;

    .tagLabel {
        padding: 0.25rem;
    }
    .tagCount {
        padding: 0.25rem;
        border-left: solid 1px;
        display: inline-block;
        background-color: color-mix(in srgb, var(--tagcolor) 30%, black);
    }
}
.tag:hover {
    filter: brightness(125%);
}
.tagContainer {
    display: flex;
    flex-wrap: wrap;
}
#headerCollapseToggle{
        display: block;
        width: 100%;
        background-color: #161229;
        border: 0;
        border-radius: 0;
        padding: 12px 16px;
        text-aligh: center;
	color: #ffffff
}