/**
 * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */
:root{
  --ck-html-embed-content-width:calc(100% - 1.5 * var(--ck-icon-size));
  --ck-html-embed-source-height:10em;
  --ck-html-embed-unfocused-outline-width:1px;
  --ck-html-embed-content-min-height:calc(var(--ck-icon-size) + var(--ck-spacing-standard));
  --ck-html-embed-source-disabled-background:var(--ck-color-base-foreground);
  --ck-html-embed-source-disabled-color:#737373;
}

.ck-widget.raw-html-embed{
  font-size:var(--ck-font-size-base);
  background-color:var(--ck-color-base-foreground);
  min-width:15em;
  margin:.9em auto;
  display:flow-root;
  position:relative;
}

.ck-widget.raw-html-embed:not(.ck-widget_selected):not(:hover){
  outline:var(--ck-html-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
}

.ck-widget.raw-html-embed[dir="ltr"]{
  text-align:left;
}

.ck-widget.raw-html-embed[dir="rtl"]{
  text-align:right;
}

.ck-widget.raw-html-embed:before{
  content:attr(data-html-embed-label);
  top:calc(-1 * var(--ck-html-embed-unfocused-outline-width));
  left:var(--ck-spacing-standard);
  transition:background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
  padding:calc(var(--ck-spacing-tiny) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
  border-radius:0 0 var(--ck-border-radius) var(--ck-border-radius);
  color:var(--ck-color-base-background);
  font-size:var(--ck-font-size-tiny);
  font-family:var(--ck-font-face);
  z-index:1;
  background:#999;
  position:absolute;
}

.ck-widget.raw-html-embed[dir="rtl"]:before{
  left:auto;
  right:var(--ck-spacing-standard);
}

.ck-widget.raw-html-embed[dir="ltr"] .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before{
  margin-left:50px;
}

.ck.ck-editor__editable.ck-blurred .ck-widget.raw-html-embed.ck-widget_selected:before{
  padding:var(--ck-spacing-tiny) var(--ck-spacing-small);
  top:0;
}

.ck.ck-editor__editable:not(.ck-blurred) .ck-widget.raw-html-embed.ck-widget_selected:before{
  padding:var(--ck-spacing-tiny) var(--ck-spacing-small);
  background:var(--ck-color-focus-border);
  top:0;
}

.ck.ck-editor__editable .ck-widget.raw-html-embed:not(.ck-widget_selected):hover:before{
  padding:var(--ck-spacing-tiny) var(--ck-spacing-small);
  top:0;
}

.ck-widget.raw-html-embed .raw-html-embed__content-wrapper{
  padding:var(--ck-spacing-standard);
}

.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper{
  top:var(--ck-spacing-standard);
  right:var(--ck-spacing-standard);
  display:flex;
  position:absolute;
}

.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__save-button{
  color:var(--ck-color-button-save);
}

.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__cancel-button{
  color:var(--ck-color-button-cancel);
}

.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button:not(:first-child){
  margin-top:var(--ck-spacing-small);
}

.ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper{
  flex-direction:column;
}

.ck-widget.raw-html-embed[dir="rtl"] .raw-html-embed__buttons-wrapper{
  left:var(--ck-spacing-standard);
  right:auto;
}

.ck-widget.raw-html-embed .raw-html-embed__source{
  box-sizing:border-box;
  height:var(--ck-html-embed-source-height);
  width:var(--ck-html-embed-content-width);
  resize:none;
  min-width:0;
  padding:var(--ck-spacing-standard);
  tab-size:4;
  white-space:pre-wrap;
  font-family:monospace;
  font-size:var(--ck-font-size-base);
  text-align:left;
  direction:ltr;
}

.ck-widget.raw-html-embed .raw-html-embed__source[disabled]{
  background:var(--ck-html-embed-source-disabled-background);
  color:var(--ck-html-embed-source-disabled-color);
  -webkit-text-fill-color:var(--ck-html-embed-source-disabled-color);
  opacity:1;
}

.ck-widget.raw-html-embed .raw-html-embed__preview{
  min-height:var(--ck-html-embed-content-min-height);
  width:var(--ck-html-embed-content-width);
  position:relative;
  overflow:hidden;
}

.ck-editor__editable:not(.ck-read-only) :is(.ck-widget.raw-html-embed .raw-html-embed__preview){
  pointer-events:none;
}

.ck-widget.raw-html-embed .raw-html-embed__preview{
  display:flex;
}

.ck-widget.raw-html-embed .raw-html-embed__preview-content{
  box-sizing:border-box;
  background-color:var(--ck-color-base-foreground);
  border-collapse:separate;
  width:100%;
  margin:auto;
  display:table;
  position:relative;
}

.ck-widget.raw-html-embed .raw-html-embed__preview-content > *{
  margin-left:auto;
  margin-right:auto;
}

.ck-widget.raw-html-embed .raw-html-embed__preview-content{
  border-spacing:7px;
}

.ck-widget.raw-html-embed .raw-html-embed__preview-placeholder{
  color:var(--ck-html-embed-source-disabled-color);
  justify-content:center;
  align-items:center;
  display:flex;
  position:absolute;
  inset:0;
}

.ck-widget.raw-html-embed{
  font-style:normal;
}