table {
    table-layout: fixed;
    width: 100%;
    background: var(--background-light);
    border-spacing: 0;
}

td,
th {
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px var(--background-lighter) solid;
}

thead {
    top: 0;
    position: sticky;
    background: var(--background-lighter);
}

tbody td {
    cursor: pointer;
    border-top-width: 0;
}

tbody tr.chosen td:not(.buttons),
tbody tr:active td:not(.buttons) {
    color: var(--active);
    background: rgba(255, 255, 255, 0.2);
}

tbody tr:hover td:not(.buttons) {
    background: var(--background-lighter);
}

.table-container {
    width: 95%;
    max-height: 30rem;
    overflow: auto;
    position: relative;
}

.link-table tr td:first-child span {
    display: flex;
    align-items: center;
}

.link-table tr td:first-child img {
    margin-right: 0.5rem;
}

.link-table tr th:last-child,
.link-table tr td:last-child {
    width: 10rem;
}

.link-table tr td:last-child {
    display: flex;
    justify-content: space-around;
    column-gap: 0.5rem;
}

.link-table tr td:last-child button {
    width: 5rem;
}