/*
 * Override default styles for select lists in CKEditor
 * See https://ckeditor.com/old/forums/CKEditor/Configuring-size-of-Styles-dropdown
 */

:root {
    --ck-dropdown-max-width: 90vw !important;
    --ck-style-panel-button-width: 250px !important;
    --ck-style-panel-columns: 4 !important;
    --ck-style-panel-ck-button-background: #dfe3e8;
    --ck-style-panel-ck-button-border: #1477b8;
    --ck-style-panel-ck-button-color: #094372;
}

.ck.ck-style-panel
    .ck-style-grid
    .ck-style-grid__button:not(.ck-on)
    .ck-button__label {
    background: var(--ck-style-panel-ck-button-background);
    color: var(--ck-style-panel-ck-button-color);
    border-top: var(--ck-style-panel-ck-button-border);
    font-weight: 900;
}
