/* Table */

.table {
    display: flex;
    flex-direction: column;
    border: var(--border-1);
    border-radius: 8px;
    width: 100%;
    background: var(--C-bg-2);
}

.table-h {
    display: flex;
    background: var(--C-bg-3);
    font-weight: bold;
    border-bottom: var(--border-1);
    border-radius: var(--border-r-2);
}

.table-h>div {
    flex: 1;
    text-align: left;
    padding: 18px;
}

.table-b {
    display: flex;
    border-bottom: var(--border-1);
    align-items: center;
}

.table-b:last-child {
    border-bottom: none;
}

.table-b>div {
    flex: 1;
    text-align: left;
    padding: 8px;
}

.table-b>div:last-child {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.table-itm{
    padding: 0.5rem;
    border-radius: var(--border-r-2);
}

.table-itm-onclc:hover{
    background-color: var(--C-bg-3);
}