.creatives-table-row {
    height: 166px;

    transition-property: transform, opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}

.creatives-table-row.slideout {
    opacity: 0;
    transform: translateX(-100%);
}

.creatives-table-cell {
    border: 1px solid #f4f4f4 !important;
    padding: 8px !important;
    text-align: left !important;
    vertical-align: top !important;
}

.creatives-col-details-arrow {

}
.creatives-row-child-arrow {
    width: 12px;
    transition: transform 0.2s ease-in-out;
}
.creatives-row-child-arrow.open {
    transform: rotate(90deg);
}

.creatives-col-id {
    min-width: 68px;
}

.creatives-col-device {
    min-width: 80px;
}

.creatives-col-name {
    width: 100% !important;
}

.creatives-col-chart {
    width: 100%;
    min-width: 350px;
}

.creatives-col-actions {
    
}

/* */
.creatives-row-child {
    display: flex;
    gap: 12px;
    padding: 12px;
    height: 330px;
    /* Dark mode: --go-creatives-row-child-bg in theme-dark.css */
    background-color: var(--go-creatives-row-child-bg, #ffffff);
}

.creatives-row-child > div {
    flex: 1;
}

td:has(> .creatives-row-child) {
    padding: 0 !important;
}