.table-cell-loading {
    border-width: $table-cell-border-bottom-color-loading;
    border-bottom-color: var(--grey-40);
}

.table-cell-content-loading {
    @extend .btn, .content-placeholder, .cursor-auto, .mod-no-border, .mod-small;

    width: 90%;
    min-width: 90%;

    &.mod-half {
        width: 60%;
        min-width: 60%;
    }
}

td.table-card-loading {
    border: none;

    .table-card-cell-loading {
        padding: 16px;
        border-color: var(--grey-40);
        border-style: solid;
        border-width: 2px;
        border-radius: 3px;

        & p:first-child .card-cell-content-loading {
            width: 55%;
            min-width: 55%;
        }

        & p:not(:first-child) .card-cell-content-loading {
            background-color: var(--deprecated-grey-1);
        }
    }
}

.card-cell-row-loading {
    @extend .table-cell-loading;

    width: 100%;

    .card-cell-content-loading {
        @extend .table-cell-content-loading;

        width: 60%;
        min-width: 60%;

        &.mod-half {
            width: 48%;
            min-width: 48%;
        }
    }
}

.table-header-action-button-loading-width {
    width: $table-header-action-button-loading-width;
}

.table-header-title-loading-width {
    width: $table-header-title-loading-width;
}

.table-header-action-bar-button {
    align-self: center;
    width: $table-header-action-bar-button;
}

table.big-table {
    td.table-cell-loading div.table-cell-content-loading {
        margin-top: 7.5px;
        margin-bottom: 7.5px;
    }
}