/*
    Positioning and dimensional properties are tightly tied to setTableActionsDimensions in DataTable.
    If needed, make sure to update that function as well when changing anything here.
*/
.c-data-table__actions-container {
    position: absolute;
    top: 2px;
    left: 3em;
    z-index: 3; // workaround for firefox
}

.c-data-table__actions {
    display: flex;
    align-items: center;
    background: $color-gray--000;
    color: $color-gray--070;
    opacity: 0;
    transition: opacity .1s;
}

.c-data-table__actions-buttons {
    flex-grow: 1;
    text-align: right;
}

.c-data-table__actions-count {
    padding: 11px .75em; // Make header match height of header w/ active buttons

    &.c-data-table__actions-count--pinned {
        position: sticky;
        left: 3em;
        background-color: inherit;
    }
}


.c-data-table__mobile-actions {
    display: flex;
    align-items: center;
    margin-bottom: $space4;
}