/* Editor container */
.outer-editor-container .marker{display:none}
    .editorBlock {
      border: 2px dashed #ccc;
      background-color: inherit;
      position: relative;
    }
.generic-overlay-container,.load-template-container{color:#6c6c6c;}
/* Preview mode: hide editing UI */
    .editorBlock.preview-mode .marker,
    .editorBlock.preview-mode .delete-btn,
    .editorBlock.preview-mode .overlay,
.editorBlock.preview-mode .column-toolbar-trigger,
.editorBlock.preview-mode .column-alignment-overlay,
.editorBlock.preview-mode .resize-handle,
.editorBlock.preview-mode .margin-overlay,
.editorBlock.preview-mode .padding-overlay
{
      display: none !important;
    }

.editorBlock.preview-mode .block{min-height:auto}

.editorBlock.preview-mode .block{border:none;padding:0;margin:0}

    /* Marker styling: full-width line with a centered circle button */
    .editorBlock .marker {
      position: relative;
      width: 100%;
      height: 40px;
     /* margin: 10px 0;*/
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
    }
   .editorBlock .marker-line {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      border-top: 1px solid #aaa;
      z-index: 1;
    }
   .editorBlock .marker-btn {
          background: #fff;
    border: 2px solid #aaa;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    padding: 5px;
    z-index: 2;
    }
    /* Block styling */

   .editorBlock .block {
     box-sizing: border-box;
      border: 1px solid #ddd;
      /*padding: 15px;
      margin: 10px 0;*/
     min-height:60px;
  
      position: relative;
       color:inherit;  
    }
   .editorBlock .block .delete-btn {
 all: unset;                   /* reset browser defaults */
  box-sizing: border-box;
  position: absolute;
  bottom: -10px;
  right: -15px;

  display: flex;                /* flex centering */
  align-items: center;
  justify-content: center;

  width: 20px;                  /* make it a perfect circle */
  height: 20px;
  background: rgba(255,0,0,0.54);
  border: 1px solid #6e6e6e;
  border-radius: 50%;

  color: #fff;
  font-size: 0.9em;             /* or whatever size you want */

  cursor: pointer;

    }
    /* Overlay styling */
    .overlayBlock {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
            color:#6c6c6c;    
      background: rgba(0,0,0,0.5);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 100;
    }
   .overlayBlock .overlay-container {
      background: #fff;
      padding: 20px;
      border-radius: 8px;
      display: flex;
      gap: 20px;
      flex-wrap: wrap;
      max-width: 600px;
      justify-content: center;
    }
   .overlayBlock .overlay-option {
      cursor: pointer;
    text-align: center;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: background 0.2s;
    width: 100px;
    display: flex
;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    }
   .overlayBlock .overlay-option:hover {
      background: #f0f0f0;
    }
   .overlayBlock .option-icon {
      width: 40px;
      height: 40px;
      margin-bottom: 5px;
    }
    /* Save button */
     .outer-editor-container #saveBtnBlock,.outer-editor-container #togglePreview,.outer-editor-container #loadTemplateBtn,.outer-editor-container #clearAllBtn {
      margin-top: 20px;
      padding: 10px 20px;
      font-size: 16px;
         border-radius: 5px;
      cursor: pointer;
    }
.outer-editor-container #loadTemplateBtn{margin-left:10px;}
.outer-editor-container .button-container-block-edit{background-color: white;
    padding-bottom: 10px;}
.outer-editor-container #clearAllBtn{background-color: #ff0808eb;color:white}
 .outer-editor-container #togglePreview {
      margin-left: 10px;
    } 


/* Ensure the img-upload container is positioned relative so the handle can be absolute */
/*.editorBlock .img-upload {
  position: relative;
  display: inline-block;
}*/

#editorBlock .img-upload{
  display:inline-block;      /* stop flex from stretching it          */
 /* width : auto !important;*/   /* ignore the fixed numbers inline style */
  height: auto !important;   /* idem                                  */
}

/* 2️⃣  Tell the IMAGE to fill that wrapper but keep its ratio */
#editorBlock .img-upload img{
 /* width : 100%;  */            /* follow the wrapper’s new width        */
  height: auto !important;   /* auto height keeps the aspect-ratio    */
  object-fit: contain;       /* never crop anything again             */
}

/* 3️⃣  Optional – if you *don’t* want the hover border or handle to
       appear outside the picture on first load, hide anything that
       would spill (harmless with contain)                             */
#editorBlock .img-upload{
  overflow:hidden;
}

/* Style for the resize handle */
.editorBlock .resize-handle {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 15px;
  height: 15px;
  border:1px solid white;
  background: rgba(0, 0, 0, 0.5);
  cursor: se-resize;
  z-index: 10;
  border-radius: 2px;
}


/* Trigger icon (appears on hover) */
.editorBlock .column-toolbar-trigger {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 18px;
  height: 18px;
  color: white!important;
  font-weight: 600;
  background: #4287f4;
  border: 1px solid #0060f7;
  border-radius: 50%;
  font-size: 14px;
  text-align: center!important;
  line-height: 18px;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s;
  z-index: 10;
}

.editorBlock .blockedit-column{box-sizing: border-box}
.editorBlock .blockedit-column .column-toolbar-trigger {
 left: 4px;
    background: #dbdbdb;
    color: #000000;
    border: 1px solid #6e6e6e;
}
.editorBlock .blockedit-column .column-alignment-overlay{
    left: 4px;
    right: auto;
}
.editorBlock .column-toolbar-trigger:hover {
  opacity: 1;
}

/* Overlay container for alignment options */
.editorBlock .column-alignment-overlay {
  position: absolute;
  top: 26px;
  right: 4px;
  border-radius:5px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 4px;
  display: none;
  z-index: 100;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Each row in the overlay */
.editorBlock .column-alignment-overlay .overlay-row {
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  color: #222836;
}
.editorBlock .column-alignment-overlay .overlay-row:last-child {
  margin-bottom: 0;
}

/* Buttons for the icons */
.editorBlock .column-alignment-overlay .icon-btn {
  width: 24px;
  height: 24px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: border-color 0.2s;
  margin-right: 4px;
}
.editorBlock .column-alignment-overlay .icon-btn:hover {
  border-color: #888;
}



/* Placeholder SVG icons for horizontal alignment */
/* Replace these data URLs with your own icons */
.editorBlock .icon-justify-flex-start {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M0 16C0 7.164 7.164 0 16 0C24.84 0 32 7.164 32 16V496C32 504.8 24.84 512 16 512C7.164 512 0 504.8 0 496V16zM128 112C128 85.49 149.5 64 176 64H464C490.5 64 512 85.49 512 112V176C512 202.5 490.5 224 464 224H176C149.5 224 128 202.5 128 176V112zM176 192H464C472.8 192 480 184.8 480 176V112C480 103.2 472.8 96 464 96H176C167.2 96 160 103.2 160 112V176C160 184.8 167.2 192 176 192zM128 336C128 309.5 149.5 288 176 288H336C362.5 288 384 309.5 384 336V400C384 426.5 362.5 448 336 448H176C149.5 448 128 426.5 128 400V336zM176 416H336C344.8 416 352 408.8 352 400V336C352 327.2 344.8 320 336 320H176C167.2 320 160 327.2 160 336V400C160 408.8 167.2 416 176 416z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}
.editorBlock .icon-justify-flex-start.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234387f4' d='M0 16C0 7.164 7.164 0 16 0C24.84 0 32 7.164 32 16V496C32 504.8 24.84 512 16 512C7.164 512 0 504.8 0 496V16zM128 112C128 85.49 149.5 64 176 64H464C490.5 64 512 85.49 512 112V176C512 202.5 490.5 224 464 224H176C149.5 224 128 202.5 128 176V112zM176 192H464C472.8 192 480 184.8 480 176V112C480 103.2 472.8 96 464 96H176C167.2 96 160 103.2 160 112V176C160 184.8 167.2 192 176 192zM128 336C128 309.5 149.5 288 176 288H336C362.5 288 384 309.5 384 336V400C384 426.5 362.5 448 336 448H176C149.5 448 128 426.5 128 400V336zM176 416H336C344.8 416 352 408.8 352 400V336C352 327.2 344.8 320 336 320H176C167.2 320 160 327.2 160 336V400C160 408.8 167.2 416 176 416z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}

.editorBlock .icon-justify-center {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M240 288H336C362.5 288 384 309.5 384 336V400C384 426.5 362.5 448 336 448H240V496C240 504.8 232.8 512 224 512C215.2 512 208 504.8 208 496V448H112C85.49 448 64 426.5 64 400V336C64 309.5 85.49 288 112 288H208V224H48C21.49 224 0 202.5 0 176V112C0 85.49 21.49 64 48 64H208V16C208 7.164 215.2 0 224 0C232.8 0 240 7.164 240 16V64H400C426.5 64 448 85.49 448 112V176C448 202.5 426.5 224 400 224H240V288zM416 176V112C416 103.2 408.8 96 400 96H48C39.16 96 32 103.2 32 112V176C32 184.8 39.16 192 48 192H400C408.8 192 416 184.8 416 176zM112 320C103.2 320 96 327.2 96 336V400C96 408.8 103.2 416 112 416H336C344.8 416 352 408.8 352 400V336C352 327.2 344.8 320 336 320H112z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}

.editorBlock .icon-justify-center.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%234387f4' d='M240 288H336C362.5 288 384 309.5 384 336V400C384 426.5 362.5 448 336 448H240V496C240 504.8 232.8 512 224 512C215.2 512 208 504.8 208 496V448H112C85.49 448 64 426.5 64 400V336C64 309.5 85.49 288 112 288H208V224H48C21.49 224 0 202.5 0 176V112C0 85.49 21.49 64 48 64H208V16C208 7.164 215.2 0 224 0C232.8 0 240 7.164 240 16V64H400C426.5 64 448 85.49 448 112V176C448 202.5 426.5 224 400 224H240V288zM416 176V112C416 103.2 408.8 96 400 96H48C39.16 96 32 103.2 32 112V176C32 184.8 39.16 192 48 192H400C408.8 192 416 184.8 416 176zM112 320C103.2 320 96 327.2 96 336V400C96 408.8 103.2 416 112 416H336C344.8 416 352 408.8 352 400V336C352 327.2 344.8 320 336 320H112z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}

.editorBlock .icon-justify-flex-end {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M512 496C512 504.8 504.8 512 496 512C487.2 512 480 504.8 480 496V16C480 7.164 487.2 0 496 0C504.8 0 512 7.164 512 16V496zM384 176C384 202.5 362.5 224 336 224H48C21.49 224 0 202.5 0 176V112C0 85.49 21.49 64 48 64H336C362.5 64 384 85.49 384 112V176zM352 176V112C352 103.2 344.8 96 336 96H48C39.16 96 32 103.2 32 112V176C32 184.8 39.16 192 48 192H336C344.8 192 352 184.8 352 176zM384 400C384 426.5 362.5 448 336 448H176C149.5 448 128 426.5 128 400V336C128 309.5 149.5 288 176 288H336C362.5 288 384 309.5 384 336V400zM352 400V336C352 327.2 344.8 320 336 320H176C167.2 320 160 327.2 160 336V400C160 408.8 167.2 416 176 416H336C344.8 416 352 408.8 352 400z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}

.editorBlock .icon-justify-flex-end.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234387f4' d='M512 496C512 504.8 504.8 512 496 512C487.2 512 480 504.8 480 496V16C480 7.164 487.2 0 496 0C504.8 0 512 7.164 512 16V496zM384 176C384 202.5 362.5 224 336 224H48C21.49 224 0 202.5 0 176V112C0 85.49 21.49 64 48 64H336C362.5 64 384 85.49 384 112V176zM352 176V112C352 103.2 344.8 96 336 96H48C39.16 96 32 103.2 32 112V176C32 184.8 39.16 192 48 192H336C344.8 192 352 184.8 352 176zM384 400C384 426.5 362.5 448 336 448H176C149.5 448 128 426.5 128 400V336C128 309.5 149.5 288 176 288H336C362.5 288 384 309.5 384 336V400zM352 400V336C352 327.2 344.8 320 336 320H176C167.2 320 160 327.2 160 336V400C160 408.8 167.2 416 176 416H336C344.8 416 352 408.8 352 400z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}

/* Placeholder SVG icons for vertical alignment */
.editorBlock .icon-align-flex-start {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M496 0C504.8 0 512 7.164 512 16C512 24.84 504.8 32 496 32H16C7.164 32 0 24.84 0 16C0 7.164 7.164 0 16 0H496zM176 128C202.5 128 224 149.5 224 176V464C224 490.5 202.5 512 176 512H112C85.49 512 64 490.5 64 464V176C64 149.5 85.49 128 112 128H176zM176 160H112C103.2 160 96 167.2 96 176V464C96 472.8 103.2 480 112 480H176C184.8 480 192 472.8 192 464V176C192 167.2 184.8 160 176 160zM400 128C426.5 128 448 149.5 448 176V336C448 362.5 426.5 384 400 384H336C309.5 384 288 362.5 288 336V176C288 149.5 309.5 128 336 128H400zM400 160H336C327.2 160 320 167.2 320 176V336C320 344.8 327.2 352 336 352H400C408.8 352 416 344.8 416 336V176C416 167.2 408.8 160 400 160z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}
.editorBlock .icon-align-flex-start.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234387f4' d='M496 0C504.8 0 512 7.164 512 16C512 24.84 504.8 32 496 32H16C7.164 32 0 24.84 0 16C0 7.164 7.164 0 16 0H496zM176 128C202.5 128 224 149.5 224 176V464C224 490.5 202.5 512 176 512H112C85.49 512 64 490.5 64 464V176C64 149.5 85.49 128 112 128H176zM176 160H112C103.2 160 96 167.2 96 176V464C96 472.8 103.2 480 112 480H176C184.8 480 192 472.8 192 464V176C192 167.2 184.8 160 176 160zM400 128C426.5 128 448 149.5 448 176V336C448 362.5 426.5 384 400 384H336C309.5 384 288 362.5 288 336V176C288 149.5 309.5 128 336 128H400zM400 160H336C327.2 160 320 167.2 320 176V336C320 344.8 327.2 352 336 352H400C408.8 352 416 344.8 416 336V176C416 167.2 408.8 160 400 160z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}

.editorBlock .icon-align-center {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M288 240V144C288 117.5 309.5 96 336 96H400C426.5 96 448 117.5 448 144V240H496C504.8 240 512 247.2 512 256C512 264.8 504.8 272 496 272H448V368C448 394.5 426.5 416 400 416H336C309.5 416 288 394.5 288 368V272H224V432C224 458.5 202.5 480 176 480H112C85.49 480 64 458.5 64 432V272H16C7.164 272 0 264.8 0 256C0 247.2 7.164 240 16 240H64V80C64 53.49 85.49 32 112 32H176C202.5 32 224 53.49 224 80V240H288zM176 64H112C103.2 64 96 71.16 96 80V432C96 440.8 103.2 448 112 448H176C184.8 448 192 440.8 192 432V80C192 71.16 184.8 64 176 64zM320 368C320 376.8 327.2 384 336 384H400C408.8 384 416 376.8 416 368V144C416 135.2 408.8 128 400 128H336C327.2 128 320 135.2 320 144V368z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}
.editorBlock .icon-align-center.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234387f4' d='M288 240V144C288 117.5 309.5 96 336 96H400C426.5 96 448 117.5 448 144V240H496C504.8 240 512 247.2 512 256C512 264.8 504.8 272 496 272H448V368C448 394.5 426.5 416 400 416H336C309.5 416 288 394.5 288 368V272H224V432C224 458.5 202.5 480 176 480H112C85.49 480 64 458.5 64 432V272H16C7.164 272 0 264.8 0 256C0 247.2 7.164 240 16 240H64V80C64 53.49 85.49 32 112 32H176C202.5 32 224 53.49 224 80V240H288zM176 64H112C103.2 64 96 71.16 96 80V432C96 440.8 103.2 448 112 448H176C184.8 448 192 440.8 192 432V80C192 71.16 184.8 64 176 64zM320 368C320 376.8 327.2 384 336 384H400C408.8 384 416 376.8 416 368V144C416 135.2 408.8 128 400 128H336C327.2 128 320 135.2 320 144V368z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}

.editorBlock .icon-align-flex-end {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M16 512C7.164 512 0 504.8 0 496C0 487.2 7.164 480 16 480H496C504.8 480 512 487.2 512 496C512 504.8 504.8 512 496 512H16zM112 384C85.49 384 64 362.5 64 336V48C64 21.49 85.49 0 112 0H176C202.5 0 224 21.49 224 48V336C224 362.5 202.5 384 176 384H112zM192 336V48C192 39.16 184.8 32 176 32H112C103.2 32 96 39.16 96 48V336C96 344.8 103.2 352 112 352H176C184.8 352 192 344.8 192 336zM336 384C309.5 384 288 362.5 288 336V176C288 149.5 309.5 128 336 128H400C426.5 128 448 149.5 448 176V336C448 362.5 426.5 384 400 384H336zM416 336V176C416 167.2 408.8 160 400 160H336C327.2 160 320 167.2 320 176V336C320 344.8 327.2 352 336 352H400C408.8 352 416 344.8 416 336z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}
.editorBlock .icon-align-flex-end.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%234387f4' d='M16 512C7.164 512 0 504.8 0 496C0 487.2 7.164 480 16 480H496C504.8 480 512 487.2 512 496C512 504.8 504.8 512 496 512H16zM112 384C85.49 384 64 362.5 64 336V48C64 21.49 85.49 0 112 0H176C202.5 0 224 21.49 224 48V336C224 362.5 202.5 384 176 384H112zM192 336V48C192 39.16 184.8 32 176 32H112C103.2 32 96 39.16 96 48V336C96 344.8 103.2 352 112 352H176C184.8 352 192 344.8 192 336zM336 384C309.5 384 288 362.5 288 336V176C288 149.5 309.5 128 336 128H400C426.5 128 448 149.5 448 176V336C448 362.5 426.5 384 400 384H336zM416 336V176C416 167.2 408.8 160 400 160H336C327.2 160 320 167.2 320 176V336C320 344.8 327.2 352 336 352H400C408.8 352 416 344.8 416 336z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}

.editorBlock .transparent-btn.active,
.editorBlock .inherit-btn.active {
  border: 2px solid #4287f4;
}

.editorBlock .block[data-gallery-layout="masonry"] .gallery-block .add-image-btn {width: var(--be-block-gallery-max-width);} 

/* gallery flex‑wrap icon */
.editorBlock .icon-gallery-flex-wrap {
   background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cg transform='translate(0,512) scale(.1,-.1)' fill='currentcolor' stroke='none'%3E%3Cpath d='M320 3760 l0 -1040 1040 0 1040 0 0 1040 0 1040 -1040 0 -1040 0 0 -1040z m1760 0 l0 -720 -720 0 -720 0 0 720 0 720 720 0 720 0 0 -720z M2720 3760 l0 -1040 1040 0 1040 0 0 1040 0 1040 -1040 0 -1040 0 0 -1040z m1760 0 l0 -720 -720 0 -720 0 0 720 0 720 720 0 720 0 0 -720z M320 1360 l0 -1040 1040 0 1040 0 0 1040 0 1040 -1040 0 -1040 0 0 -1040z m1760 0 l0 -720 -720 0 -720 0 0 720 0 720 720 0 720 0 0 -720z M2720 1360 l0 -1040 1040 0 1040 0 0 1040 0 1040 -1040 0 -1040 0 0 -1040z m1760 0 l0 -720 -720 0 -720 0 0 720 0 720 720 0 720 0 0 -720z'/%3E%3C/g%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-size: 100%;
}
.editorBlock .icon-gallery-flex-wrap.active {
  background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cg transform='translate(0,512) scale(.1,-.1)' fill='%234387f4' stroke='none'%3E%3Cpath d='M320 3760 l0 -1040 1040 0 1040 0 0 1040 0 1040 -1040 0 -1040 0 0 -1040z m1760 0 l0 -720 -720 0 -720 0 0 720 0 720 720 0 720 0 0 -720z M2720 3760 l0 -1040 1040 0 1040 0 0 1040 0 1040 -1040 0 -1040 0 0 -1040z m1760 0 l0 -720 -720 0 -720 0 0 720 0 720 720 0 720 0 0 -720z M320 1360 l0 -1040 1040 0 1040 0 0 1040 0 1040 -1040 0 -1040 0 0 -1040z m1760 0 l0 -720 -720 0 -720 0 0 720 0 720 720 0 720 0 0 -720z M2720 1360 l0 -1040 1040 0 1040 0 0 1040 0 1040 -1040 0 -1040 0 0 -1040z m1760 0 l0 -720 -720 0 -720 0 0 720 0 720 720 0 720 0 0 -720z'/%3E%3C/g%3E%3C/svg%3E");
}

/* gallery masonry icon */
.editorBlock .icon-gallery-masonry {
   background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cg transform='translate(0,512) scale(.1,-.1)' fill='currentColor' stroke='none'%3E%3Cpath d='M565 4791 c-90 -22 -172 -90 -215 -176 l-25 -50 0 -805 0 -805 23 -45 c35 -72 75 -114 144 -151 l63 -34 1205 0 1205 0 63 34 c70 38 100 69 140 145 l27 51 0 805 0 805 -34 63 c-37 69 -79 109 -151 144 l-45 23 -1185 2 c-652 0 -1198 -2 -1215 -6z m2315 -1031 l0 -720 -1120 0 -1120 0 0 720 0 720 1120 0 1120 0 0 -720z M3765 4791 c-91 -23 -173 -90 -215 -176 l-25 -50 0 -805 0 -805 23 -45 c35 -72 75 -114 144 -151 l63 -34 405 0 405 0 63 34 c70 38 100 69 140 145 l27 51 0 805 0 805 -34 63 c-37 69 -79 109 -151 144 -44 23 -52 23 -430 25 -212 1 -398 -2 -415 -6z m715 -1031 l0 -720 -320 0 -320 0 0 720 0 720 320 0 320 0 0 -720z M565 2391 c-91 -23 -173 -90 -215 -176 l-25 -50 0 -805 0 -805 23 -45 c35 -72 75 -114 144 -151 l63 -34 405 0 405 0 63 34 c70 38 100 69 140 145 l27 51 0 805 0 805 -34 63 c-37 69 -79 109 -151 144 -44 23 -52 23 -430 25 -212 1 -398 -2 -415 -6z m715 -1031 l0 -720 -320 0 -320 0 0 720 0 720 320 0 320 0 0 -720z M2165 2391 c-90 -22 -172 -90 -215 -176 l-25 -50 0 -805 0 -805 23 -45 c35 -72 75 -114 144 -151 l63 -34 1205 0 1205 0 63 34 c70 38 100 69 140 145 l27 51 0 805 0 805 -34 63 c-37 69 -79 109 -151 144 l-45 23 -1185 2 c-652 0 -1198 -2 -1215 -6z m2315 -1031 l0 -720 -1120 0 -1120 0 0 720 0 720 1120 0 1120 0 0 -720z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}
.editorBlock .icon-gallery-masonry.active {
  background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3E%3Cg transform='translate(0,512) scale(.1,-.1)' fill='%234387f4' stroke='none'%3E%3Cpath d='M565 4791 c-90 -22 -172 -90 -215 -176 l-25 -50 0 -805 0 -805 23 -45 c35 -72 75 -114 144 -151 l63 -34 1205 0 1205 0 63 34 c70 38 100 69 140 145 l27 51 0 805 0 805 -34 63 c-37 69 -79 109 -151 144 l-45 23 -1185 2 c-652 0 -1198 -2 -1215 -6z m2315 -1031 l0 -720 -1120 0 -1120 0 0 720 0 720 1120 0 1120 0 0 -720z M3765 4791 c-91 -23 -173 -90 -215 -176 l-25 -50 0 -805 0 -805 23 -45 c35 -72 75 -114 144 -151 l63 -34 405 0 405 0 63 34 c70 38 100 69 140 145 l27 51 0 805 0 805 -34 63 c-37 69 -79 109 -151 144 -44 23 -52 23 -430 25 -212 1 -398 -2 -415 -6z m715 -1031 l0 -720 -320 0 -320 0 0 720 0 720 320 0 320 0 0 -720z M565 2391 c-91 -23 -173 -90 -215 -176 l-25 -50 0 -805 0 -805 23 -45 c35 -72 75 -114 144 -151 l63 -34 405 0 405 0 63 34 c70 38 100 69 140 145 l27 51 0 805 0 805 -34 63 c-37 69 -79 109 -151 144 -44 23 -52 23 -430 25 -212 1 -398 -2 -415 -6z m715 -1031 l0 -720 -320 0 -320 0 0 720 0 720 320 0 320 0 0 -720z M2165 2391 c-90 -22 -172 -90 -215 -176 l-25 -50 0 -805 0 -805 23 -45 c35 -72 75 -114 144 -151 l63 -34 1205 0 1205 0 63 34 c70 38 100 69 140 145 l27 51 0 805 0 805 -34 63 c-37 69 -79 109 -151 144 l-45 23 -1185 2 c-652 0 -1198 -2 -1215 -6z m2315 -1031 l0 -720 -1120 0 -1120 0 0 720 0 720 1120 0 1120 0 0 -720z'/%3E%3C/g%3E%3C/svg%3E");
 }

.editorBlock .icon-169 {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iNTEyLjAwMDAwMHB0IiBoZWlnaHQ9IjUxMi4wMDAwMDBwdCIgdmlld0JveD0iMCAwIDUxMi4wMDAwMDAgNTEyLjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgoKPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsNTEyLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTEyMyA0MDA1IGMtNTQgLTI3IC05NyAtNzggLTExMyAtMTM2IC0xNCAtNDYgLTE0IC0yNTcyIDAgLTI2MTggMTYKLTU4IDU5IC0xMDkgMTEzIC0xMzYgbDUxIC0yNSA2NTMgMCBjNjQwIDAgNjUzIDAgNjczIDIwIDMwIDMwIDI3IDgzIC02IDEwOQotMjYgMjEgLTM0IDIxIC02NjUgMjEgbC02MzggMCAtMjAgMjYgYy0yMSAyNyAtMjEgMjcgLTIxIDEyOTQgMCAxMjY3IDAgMTI2NwoyMSAxMjk0IGwyMCAyNiAxMzI5IDAgMTMyOSAwIDI3IDIzIGMzNSAzMSAzOCA4MiA1IDEwOSAtMjIgMTcgLTc2IDE4IC0xMzY1CjE4IGwtMTM0MiAwIC01MSAtMjV6Ii8+CjxwYXRoIGQ9Ik0zMDgwIDQwMTAgYy0zMCAtMzAgLTI3IC04MyA2IC0xMDkgMjcgLTIxIDMxIC0yMSA5MzUgLTIxIGw5MDggMCAyMAotMjYgYzIxIC0yNyAyMSAtMjcgMjEgLTEyOTQgMCAtMTI2NyAwIC0xMjY3IC0yMSAtMTI5NCBsLTIwIC0yNiAtMTU5OSAwCi0xNTk5IDAgLTI3IC0yMyBjLTM1IC0zMSAtMzggLTgyIC01IC0xMDkgMjIgLTE3IDgzIC0xOCAxNjM1IC0xOCAxNTQxIDAgMTYxMwoxIDE2NTEgMTkgNDUgMjEgODkgNjEgMTEzIDEwNiAxNiAyNyAxNyAxNDEgMjAgMTMxMCAyIDcwNCAwIDEyOTkgLTMgMTMyMSAtOQo2NCAtNTcgMTI4IC0xMTcgMTU4IGwtNTIgMjYgLTkyMyAwIGMtOTEwIDAgLTkyMyAwIC05NDMgLTIweiIvPgo8cGF0aCBkPSJNNDA5MSAzNzA0IGMtMjYgLTMzIC0yNyAtNjUgLTIgLTk1IGwxOSAtMjQgMjgxIC0zIDI4MSAtMyAwIC0yNzMgYzAKLTI1MyAxIC0yNzYgMTkgLTI5NyAyNiAtMzIgODYgLTMyIDExMiAwIDE4IDIyIDE5IDQ2IDE5IDM0NiAwIDMxMSAtMSAzMjMgLTIxCjM0OSBsLTIwIDI2IC0zMzQgMCAtMzM0IDAgLTIwIC0yNnoiLz4KPHBhdGggZD0iTTExODQgMzE2OSBjLTIyIC0xMSAtNDQgLTQ4IC00NCAtNzMgMCAtNyA5IC0yNSAyMSAtNDAgMTkgLTI1IDI1Ci0yNiAxMTQgLTI2IGw5NCAwIDMgLTUyMSAzIC01MjEgMjkgLTI1IGMzMSAtMjcgNjYgLTI1IDk5IDQgMTYgMTUgMTcgNTYgMTcKNTkzIDAgNTc0IDAgNTc3IC0yMSA1OTYgLTE4IDE2IC0zOSAxOSAtMTU4IDIxIC04MSAyIC0xNDUgLTIgLTE1NyAtOHoiLz4KPHBhdGggZD0iTTIxMDEgMzE1MiBjLTQyIC0yMCAtMTc3IC0xNjMgLTIyOSAtMjQyIC0xMzQgLTIwMiAtMjE3IC00NzkgLTE5MgotNjM1IDI3IC0xNjcgMTUxIC0yOTMgMzIwIC0zMjUgMTYzIC0zMSAzMzQgNjAgNDEyIDIxOCAzMCA2MSAzMyA3NCAzMyAxNjIgMAo4NiAtMyAxMDEgLTMyIDE2MiAtNDAgODYgLTEwNiAxNTEgLTE5MSAxOTEgLTU2IDI2IC03OCAzMSAtMTQ3IDMxIC00NCAxIC05NQotMyAtMTEyIC03IC0yMSAtNiAtMzMgLTUgLTMzIDIgMCAyNCAxMzIgMjAzIDIwMiAyNzQgNTggNTkgNzggODYgNzggMTA2IDAgNjAKLTUzIDkxIC0xMDkgNjN6IG00MSAtNTk4IGM1MCAtMTcgMTA5IC02NyAxMzQgLTExNSA4IC0xNyAxOCAtNTIgMjEgLTc5IDIyCi0xODcgLTE3NSAtMzI1IC0zNDIgLTIzOSAtMTc0IDg5IC0xNzEgMzMyIDQgNDIyIDYzIDMxIDExNSAzNSAxODMgMTF6Ii8+CjxwYXRoIGQ9Ik0zNTM0IDMxNTkgYy0xNTEgLTE5IC0yODEgLTEzNyAtMzIwIC0yODkgLTU5IC0yMzEgMTExIC00NjIgMzUwCi00NzggMzkgLTIgODkgMSAxMTAgNyAyMiA2IDQyIDkgNDQgNyAxNSAtMTYgLTEyNSAtMjExIC0yMTcgLTMwMSAtNjUgLTYzIC03NQotOTEgLTQ2IC0xMzIgMzcgLTUzIDkzIC0zNSAxOTAgNjEgMTYxIDE2MiAyODIgMzk5IDMyMiA2MzMgMTMgODIgMTQgMTA5IDQKMTY3IC0zNiAyMTQgLTIyMiAzNTIgLTQzNyAzMjV6IG0xNjkgLTE3MyBjNzggLTM4IDEzNyAtMTUyIDEyMyAtMjM4IC0yNSAtMTU3Ci0xOTMgLTI1MiAtMzMyIC0xODkgLTEzMSA1OSAtMTgxIDIyMCAtMTA3IDM0MCA2NyAxMDggMTk3IDE0MyAzMTYgODd6Ii8+CjxwYXRoIGQ9Ik0yNzkzIDI3NDAgYy00NyAtMTkgLTU4IC05MiAtMjAgLTEyOCA0MiAtNDAgMTA3IC0yNSAxMjYgMjggMjMgNjcKLTQxIDEyNyAtMTA2IDEwMHoiLz4KPHBhdGggZD0iTTI3OTMgMjQ0MCBjLTQ3IC0xOSAtNTggLTkyIC0yMCAtMTI4IDQyIC00MCAxMDcgLTI1IDEyNiAyOCAyMyA2NwotNDEgMTI3IC0xMDYgMTAweiIvPgo8cGF0aCBkPSJNMzQzIDIxMzAgYy0xMiAtNSAtMjYgLTE4IC0zMiAtMjkgLTcgLTEzIC0xMSAtMTMyIC0xMSAtMzM5IDAgLTMwOAoxIC0zMjAgMjEgLTM0NiBsMjAgLTI2IDMzNCAwIDMzNCAwIDIwIDI2IGMyNiAzMyAyNyA2NSAyIDk1IGwtMTkgMjQgLTI4MSAzCi0yODEgMyAwIDI3MyBjMCAyNDYgLTIgMjc2IC0xNyAyOTQgLTIxIDI1IC02MCAzNSAtOTAgMjJ6Ii8+CjwvZz4KPC9zdmc+Cg==");
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.editorBlock .icon-43 {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iNTEyLjAwMDAwMHB0IiBoZWlnaHQ9IjUxMi4wMDAwMDBwdCIgdmlld0JveD0iMCAwIDUxMi4wMDAwMDAgNTEyLjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgoKPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsNTEyLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTUxNiA0NDY0IGMtMTcyIC00MiAtMzI3IC0xODQgLTM4MiAtMzUwIC0xOCAtNTcgLTE5IC0xMDYgLTE5IC0xNTU0CjAgLTE0NDggMSAtMTQ5NyAxOSAtMTU1NCA0MCAtMTIxIDE0MSAtMjQwIDI1NyAtMzAxIDEzMyAtNzAgLTE5IC02NiAyMTk2IC02MwpsMTk5OCAzIDY0IDIzIGMxNTggNTcgMjg3IDE4NyAzMzcgMzM4IDE4IDU3IDE5IDEwNiAxOSAxNTU0IDAgMTQ0OCAtMSAxNDk3Ci0xOSAxNTU0IC01MCAxNTEgLTE3OSAyODEgLTMzNyAzMzggbC02NCAyMyAtMjAwNSAyIGMtMTcwNCAxIC0yMDE0IC0xIC0yMDY0Ci0xM3ogbTQwNzcgLTIxOCBjNjYgLTI1IDE0OSAtMTA0IDE3OCAtMTY4IGwyNCAtNTMgMCAtMTQ2NSAwIC0xNDY1IC0yNCAtNTMKYy0zMSAtNjggLTExMyAtMTQ0IC0xODMgLTE2OSAtNTEgLTE3IC0xMzggLTE4IC0yMDI4IC0xOCAtMTg5MCAwIC0xOTc3IDEKLTIwMjggMTggLTcwIDI1IC0xNTIgMTAxIC0xODMgMTY5IGwtMjQgNTMgMCAxNDYwIGMwIDE0MTIgMSAxNDYyIDE5IDE1MDkgMjEKNTQgODAgMTI0IDEzMSAxNTYgODIgNTEgLTggNDkgMjEwNSA0NyAxODg4IC0yIDE5NjcgLTMgMjAxMyAtMjF6Ii8+CjxwYXRoIGQ9Ik03MDMgMzkzNSBjLTYyIC0yNyAtNjQgLTQyIC02MSAtMzc1IGwzIC0yOTggMjQgLTI2IGM0OCAtNTEgMTQyIC00MAoxNzAgMjAgNyAxNiAxMSAxMDUgMTEgMjQ5IGwwIDIyNSAyMjEgMCBjMjQ4IDAgMjc1IDYgMzAzIDY1IDIwIDQxIDIwIDQ5IDAgOTAKLTI5IDYxIC00OSA2NSAtMzYxIDY1IC0yMTQgLTEgLTI4NSAtNCAtMzEwIC0xNXoiLz4KPHBhdGggZD0iTTM3OTMgMzkzNCBjLTI5IC0xNSAtNjMgLTY1IC02MyAtOTQgMCAtNyA3IC0yNyAxNiAtNDUgMjggLTU5IDU1Ci02NSAzMDMgLTY1IGwyMjEgMCAwIC0yMjUgYzAgLTE0NCA0IC0yMzMgMTEgLTI0OSAyOCAtNjAgMTIyIC03MSAxNzAgLTIwIGwyNAoyNiAzIDI5OCBjMyAzMzUgMSAzNDkgLTYzIDM3NiAtNTIgMjIgLTU3NyAyMCAtNjIyIC0yeiIvPgo8cGF0aCBkPSJNMTY2NSAzMTkxIGMtMTEgLTUgLTI3IC0xNyAtMzcgLTI3IC0yNiAtMjkgLTIzOCAtNTcwIC0yMzggLTYwNyAwCi0xOCA3IC00MyAxNiAtNTYgMzMgLTQ3IDY0IC01MSAzNTQgLTUxIGwyNzAgMCAwIC0yMjUgYzAgLTE0NCA0IC0yMzMgMTEgLTI0OQoyOCAtNjAgMTIyIC03MSAxNzAgLTIwIGwyNCAyNiAwIDU3OCAwIDU3OCAtMjQgMjYgYy00OCA1MSAtMTQyIDQwIC0xNzAgLTIwCi03IC0xNiAtMTEgLTEwNSAtMTEgLTI0OSBsMCAtMjI1IC0xODkgMCAtMTg5IDAgNzkgMTk3IGM0MyAxMDggNzkgMjEwIDc5IDIyNQowIDc5IC03MyAxMjggLTE0NSA5OXoiLz4KPHBhdGggZD0iTTI5NTAgMzE5MyBjLTgxIC0zMCAtOTAgLTE1NyAtMTQgLTE5MiAxNiAtNyAxMDUgLTExIDI0OSAtMTEgbDIyNSAwCjAgLTE2MCAwIC0xNjAgLTIxNSAwIGMtMTY0IDAgLTIyNCAtMyAtMjUwIC0xNCAtMzUgLTE1IC02NSAtNTkgLTY1IC05NiAwIC0zNwozMCAtODEgNjUgLTk2IDI2IC0xMSA4NiAtMTQgMjUwIC0xNCBsMjE1IDAgMCAtMTYwIDAgLTE2MCAtMjI1IDAgYy0xNDQgMAotMjMzIC00IC0yNDkgLTExIC02MCAtMjggLTcxIC0xMjIgLTIwIC0xNzAgMjUgLTI0IDI3IC0yNCAyODMgLTI3IGwyNTcgLTMgNTQKMjggYzQwIDIxIDYzIDQyIDg1IDc4IGwzMCA0OCAwIDQ4NyAwIDQ4NyAtMzAgNDggYy0yMiAzNiAtNDUgNTcgLTg0IDc3IGwtNTMKMjggLTI0NyAtMSBjLTEzNSAwIC0yNTMgLTMgLTI2MSAtNnoiLz4KPHBhdGggZD0iTTI1MDQgMjg2MSBjLTg5IC01NCAtNDcgLTE5MSA1NyAtMTkxIDc0IDAgMTI0IDc1IDk1IDE0MyAtMTUgMzggLTU5CjY3IC05OCA2NyAtMTMgMCAtMzcgLTkgLTU0IC0xOXoiLz4KPHBhdGggZD0iTTI0OTcgMjQzMCBjLTM4IC0zMCAtNTIgLTgwIC0zMyAtMTIzIDE1IC0zNyA1OSAtNjcgOTYgLTY3IDM3IDAgODEKMzAgOTYgNjcgMjkgNjggLTIxIDE0MyAtOTYgMTQzIC0yMiAwIC00OCAtOCAtNjMgLTIweiIvPgo8cGF0aCBkPSJNNzA1IDE5MTEgYy0xMSAtNSAtMjkgLTE5IC00MCAtMzEgLTE5IC0yMSAtMjAgLTM4IC0yMyAtMzIxIC0yIC0yNTgKLTEgLTMwMyAxMyAtMzI5IDI5IC01NiA1NCAtNjAgMzYxIC02MCAzMDkgMCAzMjkgNCAzNTggNjUgMjAgNDEgMjAgNDkgMCA5MAotMjggNTkgLTU1IDY1IC0zMDMgNjUgbC0yMjEgMCAwIDIyNSBjMCAxNTIgLTQgMjMyIC0xMiAyNTAgLTIwIDQ1IC04MiA2NgotMTMzIDQ2eiIvPgo8cGF0aCBkPSJNNDMxOCAxOTAzIGMtMTQgLTkgLTMxIC0yNyAtMzcgLTQwIC03IC0xNSAtMTEgLTExMCAtMTEgLTI0OCBsMAotMjI1IC0yMjEgMCBjLTI0OCAwIC0yNzUgLTYgLTMwMyAtNjUgLTkgLTE4IC0xNiAtMzggLTE2IC00NSAwIC0zMCAzNCAtODAgNjUKLTk0IDQ2IC0yMiA1NjcgLTI0IDYyMCAtMiA2NCAyNyA2NiA0MSA2MyAzNzYgbC0zIDMwMCAtMjYgMjYgYy0zMyAzMyAtOTQgNDEKLTEzMSAxN3oiLz4KPC9nPgo8L3N2Zz4K");
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

.editorBlock .add-image-btn {font-size:24px;color:#888;font-weight:600;width:50px; display: flex; align-items: center; justify-content: center; border: 1px dashed #ccc; cursor: pointer;}
.editorBlock .remove-image-btn{position: absolute; top: 2px; right: 2px; background: #f00; color: #fff; border-radius: 50%; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer;}