main .tags {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
    margin-top: -0.2em;
}

main .tags .tag {
    padding: 0.1em 0.2em;
    border: thin solid black;
    white-space: nowrap;
    text-decoration: none;
    margin-top: 0.35em;
    margin-right: 0.35em;
    color: black;
    margin-left: 0.175em;
    margin-right: 0.175em;
    opacity: 0.5;
}

main .tags .tag.hv {
    white-space: initial;
}

main .tags .tag.hv :is(.h, .v) {
    white-space: nowrap;
}

main .tags .tag.artist {
    background-image: url("images/paintbrush.png");
    background-position: 0% center;
    background-size: auto 75%;
    padding-left: 1.2em;
}

main .tags .tag.filesize {
    background-image: url("images/weight-trapeze.png");
    background-position: 0.2em 37.5%;
    background-size: auto 65%;
    padding-left: 1.2em;
}

main .tags:hover .tag,
main article:target .tags .tag {
    opacity: revert;
}

main .tags a.tag:hover {
    text-decoration: revert;
}

main .tags :is(.separator, .s) {
    display: none;
}


main .tags:has(> .group) {
    flex-flow: column;
    align-items: center;
}

main .tags > .group {
    display: flex;
    flex-flow: row wrap;
    justify-content: inherit;
    max-width: 100%;
}