@ckeditor/ckeditor5-revision-history 41.2.1 → 41.3.0-alpha.3

package/dist/editor-index.css

@@ -0,0 +1,742 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+:root {
+--ck-user-colors--0: hsla(235, 73%, 67%, 1);
+--ck-user-colors--0-alpha: hsla(235, 73%, 67%, 0.15);
+--ck-user-colors--1: hsla(173, 100%, 24%, 1);
+--ck-user-colors--1-alpha: hsla(173, 100%, 24%, 0.15);
+--ck-user-colors--2: hsla(0, 46%, 50%, 1);
+--ck-user-colors--2-alpha: hsla(0, 46%, 50%, 0.15);
+--ck-user-colors--3: hsla(256, 54%, 45%, 1);
+--ck-user-colors--3-alpha: hsla(256, 54%, 45%, 0.15);
+--ck-user-colors--4: hsla(95, 50%, 36%, 1);
+--ck-user-colors--4-alpha: hsla(95, 50%, 36%, 0.15);
+--ck-user-colors--5: hsla(336, 78%, 43%, 1);
+--ck-user-colors--5-alpha: hsla(336, 78%, 43%, 0.15);
+--ck-user-colors--6: hsla(0, 80%, 59%, 1);
+--ck-user-colors--6-alpha: hsla(0, 80%, 59%, 0.15);
+--ck-user-colors--7: hsla(184, 90%, 43%, 1);
+--ck-user-colors--7-alpha: hsla(184, 90%, 43%, 0.15);
+--ck-user-avatar-size: 40px;
+--ck-user-avatar-background: hsl(210, 52%, 44%);
+--ck-user-avatar-color: hsl(0, 0%, 100%);
+--ck-user-me-border-color: hsl(0, 0%, 100%);
+--ck-color-comment-box-border: hsl(55, 98%, 48%);
+--ck-color-suggestion-box-deletion-border: hsl(345, 62%, 60%);
+--ck-color-suggestion-box-insertion-border: hsl(128, 62%, 60%);
+--ck-color-suggestion-box-format-border: hsl(191, 62%, 60%);
+--ck-color-suggestion-marker-insertion-border: hsla(128, 71%, 40%, .35);
+--ck-color-suggestion-marker-insertion-border-active: hsla(128, 71%, 25%, .5);
+--ck-color-suggestion-marker-deletion-border: hsla(345, 71%, 40%, .35);
+--ck-color-suggestion-marker-deletion-border-active: hsla(345, 71%, 25%, .5);
+}
+.ck.ck-editor {
+position: relative;
+}
+.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
+z-index: var(--ck-z-panel);
+}
+.ck .ck-user__color--0 {
+color: var(--ck-user-colors--0);
+}
+.ck .ck-user__bg-color--0 {
+background-color: var(--ck-user-colors--0);
+}
+.ck .ck-user__selection--0 {
+background-color: var(--ck-user-colors--0-alpha);
+}
+.ck .ck-user__selection--0.ck-widget {
+background-color: transparent;
+border: 3px solid var(--ck-user-colors--0);
+}
+.ck .ck-user__marker--0 {
+background-color: var(--ck-user-colors--0);
+}
+.ck .ck-user__marker--0 .ck-user__marker-line {
+border: 1px solid var(--ck-user-colors--0);
+}
+.ck .ck-user__color--1 {
+color: var(--ck-user-colors--1);
+}
+.ck .ck-user__bg-color--1 {
+background-color: var(--ck-user-colors--1);
+}
+.ck .ck-user__selection--1 {
+background-color: var(--ck-user-colors--1-alpha);
+}
+.ck .ck-user__selection--1.ck-widget {
+background-color: transparent;
+border: 3px solid var(--ck-user-colors--1);
+}
+.ck .ck-user__marker--1 {
+background-color: var(--ck-user-colors--1);
+}
+.ck .ck-user__marker--1 .ck-user__marker-line {
+border: 1px solid var(--ck-user-colors--1);
+}
+.ck .ck-user__color--2 {
+color: var(--ck-user-colors--2);
+}
+.ck .ck-user__bg-color--2 {
+background-color: var(--ck-user-colors--2);
+}
+.ck .ck-user__selection--2 {
+background-color: var(--ck-user-colors--2-alpha);
+}
+.ck .ck-user__selection--2.ck-widget {
+background-color: transparent;
+border: 3px solid var(--ck-user-colors--2);
+}
+.ck .ck-user__marker--2 {
+background-color: var(--ck-user-colors--2);
+}
+.ck .ck-user__marker--2 .ck-user__marker-line {
+border: 1px solid var(--ck-user-colors--2);
+}
+.ck .ck-user__color--3 {
+color: var(--ck-user-colors--3);
+}
+.ck .ck-user__bg-color--3 {
+background-color: var(--ck-user-colors--3);
+}
+.ck .ck-user__selection--3 {
+background-color: var(--ck-user-colors--3-alpha);
+}
+.ck .ck-user__selection--3.ck-widget {
+background-color: transparent;
+border: 3px solid var(--ck-user-colors--3);
+}
+.ck .ck-user__marker--3 {
+background-color: var(--ck-user-colors--3);
+}
+.ck .ck-user__marker--3 .ck-user__marker-line {
+border: 1px solid var(--ck-user-colors--3);
+}
+.ck .ck-user__color--4 {
+color: var(--ck-user-colors--4);
+}
+.ck .ck-user__bg-color--4 {
+background-color: var(--ck-user-colors--4);
+}
+.ck .ck-user__selection--4 {
+background-color: var(--ck-user-colors--4-alpha);
+}
+.ck .ck-user__selection--4.ck-widget {
+background-color: transparent;
+border: 3px solid var(--ck-user-colors--4);
+}
+.ck .ck-user__marker--4 {
+background-color: var(--ck-user-colors--4);
+}
+.ck .ck-user__marker--4 .ck-user__marker-line {
+border: 1px solid var(--ck-user-colors--4);
+}
+.ck .ck-user__color--5 {
+color: var(--ck-user-colors--5);
+}
+.ck .ck-user__bg-color--5 {
+background-color: var(--ck-user-colors--5);
+}
+.ck .ck-user__selection--5 {
+background-color: var(--ck-user-colors--5-alpha);
+}
+.ck .ck-user__selection--5.ck-widget {
+background-color: transparent;
+border: 3px solid var(--ck-user-colors--5);
+}
+.ck .ck-user__marker--5 {
+background-color: var(--ck-user-colors--5);
+}
+.ck .ck-user__marker--5 .ck-user__marker-line {
+border: 1px solid var(--ck-user-colors--5);
+}
+.ck .ck-user__color--6 {
+color: var(--ck-user-colors--6);
+}
+.ck .ck-user__bg-color--6 {
+background-color: var(--ck-user-colors--6);
+}
+.ck .ck-user__selection--6 {
+background-color: var(--ck-user-colors--6-alpha);
+}
+.ck .ck-user__selection--6.ck-widget {
+background-color: transparent;
+border: 3px solid var(--ck-user-colors--6);
+}
+.ck .ck-user__marker--6 {
+background-color: var(--ck-user-colors--6);
+}
+.ck .ck-user__marker--6 .ck-user__marker-line {
+border: 1px solid var(--ck-user-colors--6);
+}
+.ck .ck-user__color--7 {
+color: var(--ck-user-colors--7);
+}
+.ck .ck-user__bg-color--7 {
+background-color: var(--ck-user-colors--7);
+}
+.ck .ck-user__selection--7 {
+background-color: var(--ck-user-colors--7-alpha);
+}
+.ck .ck-user__selection--7.ck-widget {
+background-color: transparent;
+border: 3px solid var(--ck-user-colors--7);
+}
+.ck .ck-user__marker--7 {
+background-color: var(--ck-user-colors--7);
+}
+.ck .ck-user__marker--7 .ck-user__marker-line {
+border: 1px solid var(--ck-user-colors--7);
+}
+.ck.ck-user {
+display: flex;
+justify-content: center;
+align-items: center;
+position: relative;
+border-radius: 50%;
+background-color: var(--ck-user-avatar-background);
+box-sizing: border-box;
+height: var(--ck-user-avatar-size);
+width: var(--ck-user-avatar-size);
+min-width: var(--ck-user-avatar-size);
+min-height: var(--ck-user-avatar-size);
+line-height: 100%;
+margin: 2px;
+}
+.ck.ck-user.ck-user_me {
+border: 2px solid var(--ck-user-me-border-color);
+outline: 2px solid var(--ck-user-avatar-background);
+}
+.ck.ck-user__name {
+color: var(--ck-user-avatar-color);
+cursor: default;
+-moz-user-select: none;
+-webkit-user-select: none;
+-ms-user-select: none;
+user-select: none;
+}
+.ck.ck-user__name.ck-user__name--hidden {
+display: none;
+}
+.ck.ck-user__img {
+display: none;
+width: 100%;
+height: 100%;
+background-position: center center;
+background-repeat: no-repeat;
+background-size: cover;
+background-color: var(--ck-user-avatar-background);
+border-radius: 50%;
+border: none;
+}
+.ck.ck-user__img.ck-user__anonymous {
+display: block;
+background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%0A%20%20%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%20d%3D%22M9.8%2020H2c0-5.7%205-5.7%206-7l.2-.8c-1.6-.8-2.7-2.7-2.7-5%200-2.8%202-5.2%204.3-5.2S14%204.4%2014%207.3c0%202.2-1%204-2.6%205l.2.6c1.2%201.3%206%201.4%206%207H9.8z%22%2F%3E%0A%3C%2Fsvg%3E);
+}
+.ck.ck-user__img.ck-user__anonymous + .ck-user__name {
+display: none;
+}
+.ck.ck-user__img.ck-user__avatar {
+display: block;
+background-color: hsl(0, 0%, 100%);
+}
+.ck.ck-user__img.ck-user__img--hidden {
+display: none;
+}
+.ck.ck-user__notification {
+display: flex;
+width: 15px;
+height: 15px;
+justify-content: center;
+align-items: center;
+background: var(--ck-color-base-background);
+border: 2px solid var(--ck-color-base-background);
+border-radius: 50%;
+box-sizing: content-box;
+position: absolute;
+top: -8px;
+right: -7px;
+overflow: hidden;
+transform: translateZ(0);
+}
+.ck.ck-user__notification .ck-user__icon {
+color: var(--ck-color-annotation-info);
+background: var(--ck-color-base-background);
+width: 19px;
+height: 19px;
+max-width: 19px;
+max-height: 19px;
+min-width: 19px;
+min-height: 19px;
+}
+.ck .ck-suggestion {
+border-top-left-radius: var(--ck-border-radius);
+}
+.ck .ck-annotation {
+border-left: 3px solid transparent;
+}
+.ck .ck-suggestion--disabled-comments .ck-annotation {
+min-height: 80px;
+}
+.ck .ck-comment {
+border-left: 3px solid var(--ck-color-comment-box-border);
+}
+.ck .ck-suggestion-insertion .ck-suggestion {
+border-left-color: var(--ck-color-suggestion-box-insertion-border);
+}
+.ck .ck-suggestion-deletion .ck-suggestion {
+border-left-color: var(--ck-color-suggestion-box-deletion-border);
+}
+.ck .ck-suggestion-replace .ck-suggestion {
+border-left-color: var(--ck-color-suggestion-box-insertion-border);
+}
+.ck .ck-suggestion-format .ck-suggestion {
+border-left-color: var(--ck-color-suggestion-box-format-border);
+}
+.ck .ck-suggestion-wrapper {
+outline: 0;
+overflow: hidden;
+}
+.ck .ck-suggestion-type {
+font-weight: bold;
+}
+.ck .ck-suggestion-color {
+display: inline-block;
+width: 14px;
+height: 14px;
+border-radius: 14px;
+vertical-align: text-bottom;
+margin: 0 5px;
+box-shadow: 0 0 0 1px hsl(0, 0%, 27%);
+}
+.ck .ck-suggestion-insertion .ck-comment {
+border-left-color: var(--ck-color-suggestion-box-insertion-border);
+}
+.ck .ck-suggestion-deletion .ck-comment {
+border-left-color: var(--ck-color-suggestion-box-deletion-border);
+}
+.ck .ck-suggestion-format .ck-comment {
+border-left-color: var(--ck-color-suggestion-box-format-border);
+}
+.ck {
+--ck-revision-history-loading-overlay-transition-duration: .2s;
+--ck-revision-history-loading-overlay-transition-delay: 0s;
+--ck-revision-history-loading-overlay-spinner-rotation-duration: 1s;
+--ck-revision-history-loading-overlay-spinner-size: 60px;
+--ck-revision-history-loading-overlay-visible-background: hsla(0, 0%, 100%, 1);
+}
+.ck.ck-editor__editable::before {
+visibility: hidden;
+transition: opacity var(--ck-revision-history-loading-overlay-transition-duration) ease;
+opacity: 0;
+content: '';
+position: absolute;
+transition-delay: 0;
+}
+.ck.ck-editor__editable::before {
+top: 0;
+left: 0;
+width: 100%;
+height: 100%;
+background: var(--ck-revision-history-loading-overlay-visible-background);
+z-index: var(--ck-z-default);
+}
+.ck.ck-editor__editable::after {
+box-sizing: border-box;
+top: 50%;
+left: 50%;
+width: var(--ck-revision-history-loading-overlay-spinner-size);
+height: var(--ck-revision-history-loading-overlay-spinner-size);
+transform: translate(-50%, -50%);
+border-radius: 50%;
+border-top: 3px solid var(--ck-color-base-text);
+border-right: 3px solid transparent;
+animation: ck-revision-history-spinner-animation var(--ck-revision-history-loading-overlay-spinner-rotation-duration) linear infinite;
+z-index: var(--ck-z-default);
+}
+.ck.ck-editor__editable.ck-editor__editable__loading-overlay {
+position: relative;
+min-height: calc(var(--ck-revision-history-loading-overlay-spinner-size) + 2 * var(--ck-spacing-large));
+}
+.ck.ck-editor__editable.ck-editor__editable__loading-overlay::before {
+visibility: visible;
+opacity: .8;
+transition-delay: var(--ck-revision-history-loading-overlay-transition-delay);
+}
+.ck.ck-editor__editable.ck-editor__editable__overlay::after {
+visibility: hidden;
+}
+.ck.ck-revision-history-save-revision-form {
+display: flex;
+align-items: flex-start;
+flex-direction: row;
+flex-wrap: nowrap;
+}
+.ck.ck-revision-history-save-revision-form .ck-labeled-field-view {
+display: inline-block;
+}
+.ck.ck-revision-history-save-revision-form .ck-label {
+display: none;
+}
+.ck-vertical-form .ck-button::after {
+content: "";
+width: 0;
+position: absolute;
+right: -1px;
+top: -1px;
+bottom: -1px;
+z-index: 1;
+}
+.ck-vertical-form .ck-button:focus::after {
+display: none;
+}
+.ck.ck-revision-history-sidebar__revision-name {
+display: block;
+font-size: 1.2em;
+font-weight: bold;
+position: relative;
+left: calc(-1 * var(--ck-spacing-small));
+margin-right: 30px;
+}
+.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-label {
+display: none;
+}
+.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input {
+padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
+min-height: auto;
+color: inherit;
+font-family: inherit;
+font-weight: bold;
+font-size: var(--ck-font-size-normal);
+min-width: auto;
+width: 100%;
+border-radius: var(--ck-border-radius);
+transition: var(--ck-revision-history-revision-transitions);
+background: transparent;
+text-overflow: ellipsis;
+}
+.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input {
+background: transparent;
+}
+.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input:not(.ck-input_focused) {
+border-color: transparent;
+}
+.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input::placeholder {
+color: inherit;
+}
+.ck.ck-revision-history-sidebar__revision-name > .ck-labeled-field-view__input-wrapper > .ck-input[readonly] {
+pointer-events: none;
+}
+.ck.ck-revision-history-sidebar__revision-author {
+display: block;
+position: relative;
+transition: var(--ck-revision-history-revision-transitions);
+}
+.ck.ck-revision-history-sidebar__revision-author .ck-revision-history-sidebar__revision-author__name {
+overflow: hidden;
+text-overflow: ellipsis;
+width: 100%;
+white-space: nowrap;
+display: block;
+font-weight: bold;
+}
+.ck.ck-revision-history-sidebar__revision-author .ck-icon {
+position: absolute;
+left: calc(-1 * var(--ck-revision-history-revision-author-icon-offset));
+top: 3px;
+width: 11px;
+height: 10px;
+}
+.ck.ck-revision-history-sidebar__revision-author:not(:first-of-type) .ck-icon {
+display: none;
+}
+.ck.ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__actions {
+display: none;
+position: absolute;
+top: var(--ck-spacing-small);
+right: var(--ck-spacing-small);
+}
+.ck.ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__actions .ck-dropdown__button {
+min-width: unset;
+min-height: unset;
+}
+.ck.ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__actions .ck-dropdown__button .ck-button__icon {
+transform: scale( .7 );
+}
+.ck.ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__actions .ck-dropdown__arrow {
+display: none;
+}
+.ck.ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__actions .ck-list__item__danger {
+color: var(--ck-color-button-cancel);
+}
+.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected .ck-revision-history-sidebar__revision__actions .ck-dropdown__button {
+color: var(--ck-color-base-background);
+}
+.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected .ck-revision-history-sidebar__revision__actions .ck-dropdown__button:hover {
+background: var(--ck-color-base-active-focus);
+}
+.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected .ck-revision-history-sidebar__revision__actions .ck-dropdown__button:hover:hover {
+filter: brightness(95%);
+}
+.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted .ck-revision-history-sidebar__revision__actions .ck-dropdown__button:hover {
+background: var(--ck-revision-history-revision-highlighted-background-color-hover);
+}
+.ck.ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted .ck-revision-history-sidebar__revision__actions .ck-dropdown__button:hover:hover {
+filter: brightness(95%);
+}
+.ck.ck-revision-history-sidebar__revision:hover:not(.ck-disabled) .ck-revision-history-sidebar__revision__actions {
+display: block;
+}
+.ck {
+--ck-revision-history-revision-background-color: var(--ck-color-base-background);
+--ck-revision-history-revision-border-color: hsl(213deg 20% 35%);
+--ck-revision-history-revision-box-shadow: 0 1px 1px 1px hsl(0deg 0% 90%);
+--ck-revision-history-revision-author-icon-offset: 20px;
+--ck-revision-history-revision-transitions: background 100ms ease-in, border 100ms ease-in;
+--ck-revision-history-revision-selected-text-color: var(--ck-color-base-background);
+--ck-revision-history-revision-selected-input-text-color-empty: var(--ck-color-base-background);
+--ck-revision-history-revision-selected-background-color: var(--ck-color-base-active);
+--ck-revision-history-revision-highlighted-background-color: hsl(208deg 100% 94%);
+--ck-revision-history-revision-highlighted-background-color-hover: hsl(208deg 100% 90%);
+--ck-revision-history-revision-delete-confirmation-background: hsl(0deg 100% 90%);
+--ck-revision-history-revision-delete-confirmation-active-button-background: hsl(0deg 100% 85%);
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision {
+position: relative;
+display: block;
+background: var(--ck-revision-history-revision-background-color);
+padding: var(--ck-spacing-large) calc(2 * var(--ck-spacing-standard));
+border-radius: var(--ck-border-radius);
+border-left: 3px solid var(--ck-revision-history-revision-border-color);
+box-shadow: var(--ck-revision-history-revision-box-shadow);
+width: 100%;
+transition: transform .3s ease;
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision:last-child {
+margin-bottom: 0;
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__date {
+display: block;
+font-size: var(--ck-font-size-small);
+font-weight: bold;
+opacity: .8;
+overflow: hidden;
+text-overflow: ellipsis;
+width: 100%;
+white-space: nowrap;
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision__controls-wrapper {
+display: flex;
+flex-direction: row;
+align-items: flex-start;
+margin: var(--ck-spacing-standard) 0 0;
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision .ck-revision-history-sidebar__revision-authors {
+padding: 0;
+margin: 0 0 0 var(--ck-revision-history-revision-author-icon-offset);
+flex: 0 1 auto;
+min-width: 0;
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected {
+border-left-color: transparent;
+transform: translateX(calc(-1 * var(--ck-revision-history-sidebar-timeline-padding)));
+border-top-left-radius: 0;
+border-bottom-left-radius: 0;
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected {
+background: var(--ck-revision-history-revision-selected-background-color);
+color: var(--ck-revision-history-revision-selected-text-color);
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected .ck-revision-history-sidebar__revision-name .ck-input {
+color: var(--ck-revision-history-revision-selected-text-color);
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_selected .ck-revision-history-sidebar__revision-name .ck-input.ck-input-text_empty::placeholder {
+opacity: .7;
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__revision_highlighted {
+background: var(--ck-revision-history-revision-highlighted-background-color);
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__revision.ck-revision-history-sidebar__actions_dropdown_open {
+z-index: var(--ck-z-default);
+}
+.ck.ck-revision-history-sidebar__revision-wrapper.ck-revision-history-sidebar__revision-wrapper_confirmation_visible .ck-revision-history-sidebar__revision {
+box-shadow: none;
+position: relative;
+transform: translate3d( -100%, 0, 0 );
+}
+.ck.ck-revision-history-sidebar__revision-wrapper.ck-revision-history-sidebar__revision-wrapper_confirmation_visible .ck-revision-history-sidebar__revision {
+--ck-revision-history-revision-background-color: transparent;
+--ck-revision-history-revision-selected-background-color: transparent;
+--ck-revision-history-revision-highlighted-background-color: transparent;
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm {
+display: flex;
+flex-direction: row;
+justify-content: space-around;
+align-items: center;
+position: absolute;
+top: 0;
+left: 100%;
+width: 100%;
+height: 100%;
+border-radius: var(--ck-border-radius);
+box-shadow: var(--ck-revision-history-revision-box-shadow);
+background: var(--ck-revision-history-revision-delete-confirmation-background);
+user-select: none;
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner {
+text-align: center;
+margin-top: var(--ck-spacing-small);
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner p {
+margin: 0;
+font-weight: bold;
+color: var(--ck-color-text);
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions {
+display: flex;
+flex-direction: row;
+justify-content: space-evenly;
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions .ck.ck-button:hover {
+background: var(--ck-revision-history-revision-delete-confirmation-active-button-background);
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions .ck.ck-button.ck-thread__remove-confirm-submit {
+color: var(--ck-color-button-save);
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-thread__remove-confirm .ck-thread__remove-confirm-inner .ck-thread__remove-confirm-actions .ck.ck-button.ck-thread__remove-confirm-cancel {
+color: var(--ck-color-button-cancel);
+}
+.ck.ck-revision-history-sidebar__revision-wrapper .ck-revision-history-sidebar__subrevisions {
+margin-left: var(--ck-spacing-large);
+}
+.ck {
+--ck-revision-history-sidebar-revision-vertical-spacing: calc(2 * var(--ck-spacing-standard));
+}
+.ck.ck-revision-history-sidebar__time-period {
+width: 100%;
+}
+.ck.ck-revision-history-sidebar__time-period .ck-revision-history-sidebar__time-period__label {
+background: var(--ck-revision-history-sidebar-period-background);
+font-size: 9px;
+font-weight: bold;
+padding: var(--ck-spacing-tiny) var(--ck-spacing-standard);
+border-radius: var(--ck-border-radius);
+color: var(--ck-color-base-background);
+text-transform: uppercase;
+}
+.ck.ck-revision-history-sidebar__time-period .ck-revision-history-sidebar__time-period__label:first-child {
+margin-top: var(--ck-spacing-standard);
+}
+.ck.ck-revision-history-sidebar__time-period .ck-revision-history-sidebar__time-period__revisions {
+display: flex;
+flex-direction: column;
+}
+.ck.ck-revision-history-sidebar__time-period .ck-revision-history-sidebar__time-period__revisions .ck-revision-history-sidebar__revision-wrapper {
+margin-top: var(--ck-revision-history-sidebar-revision-vertical-spacing);
+}
+.ck.ck-revision-history-sidebar__time-period:not(.ck-hidden) + .ck-revision-history-sidebar__time-period {
+margin-top: var(--ck-revision-history-sidebar-revision-vertical-spacing);
+}
+.ck.ck-revision-history-sidebar__header {
+--header-height: calc(var(--ck-ui-component-min-height) + 2 * var(--ck-spacing-small) + 1px);
+height: var(--header-height);
+min-height: var(--header-height);
+line-height: var(--header-height);
+border-bottom: 1px solid var(--ck-color-toolbar-border);
+overflow: hidden;
+font-family: inherit;
+font-weight: bold;
+color: inherit;
+padding: 0 var(--ck-revision-history-sidebar-timeline-padding);
+display: flex;
+flex-direction: row;
+align-items: center;
+}
+.ck.ck-revision-history-sidebar__header .ck-revision-history-sidebar__header__label {
+font-family: inherit;
+font-weight: bold;
+color: inherit;
+font-size: 1.2em;
+}
+.ck.ck-revision-history-sidebar__header .ck-icon {
+margin-right: var(--ck-spacing-large);
+}
+.ck {
+--ck-revision-history-sidebar-period-background: hsl(14deg 100% 57%);
+--ck-revision-history-sidebar-timeline-padding: var(--ck-spacing-large);
+}
+.ck.ck-revision-history-sidebar {
+display: flex;
+flex-direction: column;
+}
+.ck.ck-revision-history-sidebar .ck-revision-history-sidebar__timeline {
+display: flex;
+flex-direction: column;
+align-items: start;
+padding: var(--ck-revision-history-sidebar-timeline-padding);
+font-size: var(--ck-font-size-base);
+overflow-y: auto;
+height: 100%;
+overflow-x: hidden;
+}
+.ck.ck-revision-history-sidebar .ck-revision-history-sidebar__timeline.ck-disabled {
+filter: grayscale(1) opacity(var(--ck-disabled-opacity));
+}
+.ck.ck-revision-history-ui.ck-revision-history-ui__changes-navigation {
+display: flex;
+align-items: center;
+margin-left: auto;
+}
+.ck.ck-revision-history-ui.ck-revision-history-ui__changes-navigation .ck-revision-history-ui__changes-navigation__wrapper {
+display: flex;
+margin-right: var(--ck-spacing-standard);
+}
+.ck.ck-revision-history-ui.ck-revision-history-ui__changes-navigation .ck-revision-history-ui__changes-navigation__label {
+font-weight: bold;
+white-space: pre;
+}
+.ck.ck-revision-history-ui.ck-revision-history-ui__changes-navigation .ck-revision-history-ui__changes-navigation__navigation {
+margin-left: var(--ck-spacing-small);
+}
+.ck .ck-revision-change {
+padding: var(--ck-spacing-small) var(--ck-spacing-large);
+border-top-left-radius: var(--ck-border-radius);
+outline: 0;
+}
+.ck .ck-revision-change > * {
+vertical-align: bottom;
+font-size: var(--ck-font-size-standard);
+}
+.ck .ck-revision-change.ck-revision-change__add {
+border-left-color: var(--ck-color-suggestion-box-insertion-border);
+}
+.ck .ck-revision-change.ck-revision-change__remove {
+border-left-color: var(--ck-color-suggestion-box-deletion-border);
+}
+.ck .ck-revision-change .ck-revision-change__label {
+font-weight: bold;
+font-size: inherit;
+vertical-align: inherit;
+}
+.ck.ck-button.ck-revision-history-ui__back-to-editing {
+background: var(--ck-color-base-active);
+color: var(--ck-color-base-background);
+}
+.ck.ck-button.ck-revision-history-ui__back-to-editing:hover:not(.ck-disabled) {
+background: var(--ck-color-base-active-focus);
+}
+.ck.ck-editor__editable_inline.ck-revision-history-root-add {
+border: 3px solid var(--ck-color-suggestion-marker-insertion-border);
+}
+.ck.ck-editor__editable_inline.ck-revision-history-root-add.ck-revision-history-root--active {
+border-color: var(--ck-color-suggestion-marker-insertion-border-active);
+}
+.ck.ck-editor__editable_inline.ck-revision-history-root-remove {
+border: 3px solid var(--ck-color-suggestion-marker-deletion-border);
+}
+.ck.ck-editor__editable_inline.ck-revision-history-root-remove.ck-revision-history-root--active {
+border-color: var(--ck-color-suggestion-marker-deletion-border-active);
+}