.d4-widgets .sortable-ghost {
    opacity: 0.6;
    filter: blur(5px);
    transition: filter 0.3s ease-in-out;
}

.d4-widgets .widget-edit-header {
    background: #f0f0f0;
    height: 25px;
}

.d4-widgets .widget-hidden {
    opacity: 0.4;
    filter: grayscale(0.8);
}

.d4-widgets .widget .widget-body {
    height: 300px;
    padding: 0 1rem 1rem 1rem;
    overflow: auto;
}

.d4-widgets .widget .card-header {
    height: 40px;
    margin-bottom: 5px;
}

.d4-widgets .widget-edit-header .move {
    padding: 5px 10px;
    display: flex;
    align-items: center;
    border-right: 1px solid #ddd;
    background-color: #f9f9f9;
}

.d4-widgets .widget-edit-header .visible {
    padding: 5px 10px;
    display: flex;
    align-items: center;
    border-left: 1px solid #ddd;
    background-color: #f9f9f9;
}
.d4-widgets .row.sortable-items.editable .widget {
    margin-top: 20px;
}

.d4-widgets .widget-body .empty-data-placeholder {
    position: relative;
    zoom: 1;
    display: flex;
    align-content: stretch;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: calc(100% - 20px);
    gap: 10px;
}