.ck.ck-editor {
    width: 100%;
}

.ck.ck-editor__editable {
    height: auto;
    width: 100%;
}

.ck.ck-toolbar {
    background: transparent;
    border: 1px solid var(--bs-border-color);
}
.ck.ck-toolbar 
.ck.ck-toolbar__separator {
    background: transparent;
    border: 1px solid var(--bs-border-color);
}

.ck-reset_all :not(.ck-reset_all-excluded), 
.ck.ck-reset_all {
    color: var(--bs-light-text);
    background-color: transparent;
    border-color: var(--bs-border-color);
}

.ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover 
{
    background: var(--bs-body-bg);
}

.ck.ck-editor__main > .ck-editor__editable {
    background: transparent;
}

.ck-rounded-corners 
.ck.ck-editor__main > .ck-editor__editable, 
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
    border-radius: var(--bs-border-color);
}

.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    border-color: var(--bs-border-color);
}
/*
.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
    border-color: var(--bs-border-color);
}
.ck.ck-list__item .ck-button.ck-on {
    background-color: var(--bs-body-bg);
    color: var(--bs-light-text);
    border-color: var(--bs-border-color);
}*/