/*****************************

    Fake Smooth Loading - prevents items 'snapping' into existence

*****************************/

.mud-data-grid .mud-table-body .mud-table-row,
.mud-data-grid .mud-datagrid-table tbody tr {
    opacity: 0;
    transform: translateY(4px);
    animation: enter 180ms ease-out forwards;
}

@keyframes enter {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*****************************
    
    Hover Behavior - display the action buttons on hover
        (set up to avoid cascading hover behavior to ChildRowContent)
    
*****************************/

.row-actions {
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s ease-in-out;
    display: flex;
    gap: 0.25rem;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}

.mud-table-row:hover > .justify-end .row-actions {
    opacity: 1;
    pointer-events: auto;
}