/* Editor-specific styles */
.widget-color-box.ck-widget {
    position: relative;
}

.widget-color-box.ck-widget::after {
    position: absolute;
    top: 0;
    right: 1rem;
    content: 'Color Box';
    background-color: #ccc;
    color: #111;
    padding: .5em;
    font-size: .5rem;
}

/* fade label when widget is focussed */
.widget-color-box.ck-widget:has(.ck-editor__nested-editable_focused)::after  {
    opacity: .1;
}

/* Color Box */
.widget-color-box {
    min-width: 10rem;
}