.Table{

    --color-gray-20:#69696933;
    --color-gray-10:#6969691a;

    height: stretch;
    width: stretch;
    border: 1px solid var(--color-gray-20);
    margin: 10px;
    border-spacing: 0;

}

.Table > thead{
    background-color: var(--color-gray-20);
}

.Table > thead tr{

}

.Table > thead tr > th{

}

.Table > thead tr > th > [name=content]{
    display: inline-flex;
    align-items: center;
}

.Table > thead tr > th > [name=content] [name=icon]{
    height: 1ch;
    aspect-ratio: 1/1;
    background: dimgray;
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
}

.Table > tbody{

}

.Table > tbody tr:nth-child(even) {
    background-color: var(--color-gray-10);
}

.Table > tbody tr > td{
    border-right:1px solid var(--color-gray-20);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.Table > tbody tr > td:last-child{
    border-right:none;
}