.bn-col {
    width: calc(var(--itgdb-row-height) * (418/164) + 0.5em);
}

td.bn-cell {
    height: var(--itgdb-row-height);
    padding: 0;
}

td.bn-cell img {
    width: calc(var(--itgdb-row-height) * (418/164));
    height: var(--itgdb-row-height);
}

.item-name-col {
    min-width: 12em;
}

.song-pack-col, .pack-author-col {
    min-width: 9em;
}

.song-info-col {
    min-width: 8.8em;
}

.song-info-col, .pack-info-col {
    min-width: 7.8em;
}

.chart-desc-col {
    min-width: 20em;
}

th.song-diff {
    width: 3.6em;
    min-width: 3.2em;
    font-size: 0.7em;
}

td.song-diff {
    width: 3.6em;
    min-width: 3.2em;
}

/* overrides bootstrap-table styles to make it more compact */
.bootstrap-table .fixed-table-container .table thead th .sortable {
    padding: 0.5em;
    padding-right: 19px !important;
}

td.song-meter {
    font-weight: 600;
    border-width: var(--bs-border-width);
    padding: 0;
    background-color: rgba(var(--itgdb-diff-color), 0.6);
    --itgdb-diff-color: #000;
}

td.song-meter > a {
    display: block;
    width: 100%;
    padding: calc((var(--itgdb-row-height) - 1em) / 2 - 0.2em) 0;
    color: inherit;
    transition: text-shadow 0.2s;
}

td.song-meter > a:hover {
    text-shadow: 0px 0px 8px rgb(247, 248, 230);
    transition: text-shadow 0.2s;
}

td.chart-diff-indicator {
    padding-left: 0.2em;
    padding-right: 0.5em;
}

td.diff-0 {
    --itgdb-diff-color: var(--itgdb-diff-0);
}

td.diff-1 {
    --itgdb-diff-color: var(--itgdb-diff-1);
}

td.diff-2 {
    --itgdb-diff-color: var(--itgdb-diff-2);
}

td.diff-3 {
    --itgdb-diff-color: var(--itgdb-diff-3);
}

td.diff-4 {
    --itgdb-diff-color: var(--itgdb-diff-4);
}

td.diff-5 {
    --itgdb-diff-color: var(--itgdb-diff-5);
}