@use 'common-mixins';

.table {
    padding: 0 13px;
    display: grid;
    overflow-x: hidden;
    overflow-y: auto;
    @include common-mixins.scroll-bar;

    .col {
        position: sticky;
        top: 0;
        z-index: 1;
        background: white;

        label {
            opacity: 0.7;
            font-weight: normal;
        }
    }

    .cell {
        text-align: start;
        white-space: nowrap;
        text-overflow: ellipsis;
        list-style-position: inside;
        overflow: hidden;

        padding-right: 8px;
        line-height: 1.5;
    }
}

.background {
    background-color: var(--iqser-alt-background);
}

.hide {
    visibility: hidden;
}

.bold {
    font-weight: bold;
}
