.react-component.ProseMirror-selectednode > * {
  outline: 3px solid #68cef8;
}

.rte-image-component {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  border: 2px grey dashed;
  display: flex;
  width: 644px;
  height: 480px;
  padding-bottom: 150px;
  font-weight: bold;
  justify-content: center;
  align-items: flex-end;
  background-repeat: no-repeat;
  background-position:  center 25%;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250' viewBox='0 0 16 16'%3E%3Cpath d='M2.75 14A1.75 1.75 0 0 1 1 12.25v-2.5a.75.75 0 0 1 1.5 0v2.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25v-2.5a.75.75 0 0 1 1.5 0v2.5A1.75 1.75 0 0 1 13.25 14Z'/%3E%3Cpath d='M11.78 4.72a.749.749 0 1 1-1.06 1.06L8.75 3.811V9.5a.75.75 0 0 1-1.5 0V3.811L5.28 5.78a.749.749 0 1 1-1.06-1.06l3.25-3.25a.749.749 0 0 1 1.06 0l3.25 3.25Z'/%3E%3C/svg%3E");
}

  .rte-image-component.uploading {
    background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23000'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }

.rte-image-component .last-uploaded {
  position: absolute;
  bottom: 0;
  width: 640px;
}

  .rte-image-component .last-uploaded a {
    display: inline-block;
    vertical-align:text-bottom;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #000;
    cursor: pointer;
    background-size: cover;
    background-position: center;
  }
    .rte-image-component .last-uploaded a::before {
      content: '';
      width: 62px;
      height: 62px;
      display: block;
      background-color: rgba(255, 255, 255, .4);
    }
    .rte-image-component .last-uploaded a:hover::before {
      background-color: rgba(255, 255, 255, 0);
    }


.rte-file-upload-component {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  border: 2px grey dashed;
  height: 150px;
  display: flex;
  font-style: italic;
  text-align: center;
  align-items: flex-end;
  background-repeat: no-repeat;
  background-position:  center 25%;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 16 16'%3E%3Cpath d='M2.75 14A1.75 1.75 0 0 1 1 12.25v-2.5a.75.75 0 0 1 1.5 0v2.5c0 .138.112.25.25.25h10.5a.25.25 0 0 0 .25-.25v-2.5a.75.75 0 0 1 1.5 0v2.5A1.75 1.75 0 0 1 13.25 14Z'/%3E%3Cpath d='M11.78 4.72a.749.749 0 1 1-1.06 1.06L8.75 3.811V9.5a.75.75 0 0 1-1.5 0V3.811L5.28 5.78a.749.749 0 1 1-1.06-1.06l3.25-3.25a.749.749 0 0 1 1.06 0l3.25 3.25Z'/%3E%3C/svg%3E");
}

  .rte-file-upload-component.uploading {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23000'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }


  .ProseMirror-gapcursor:has(+ .node-image),
  .ProseMirror-gapcursor:has(+ div[data-youtube-video]),
  .node-image + .ProseMirror-gapcursor,
  div[data-youtube-video] + .ProseMirror-gapcursor {
    height: 20px;
    display: inline-block;
    content: '';
    position: relative;
  } 

  .ProseMirror-gapcursor:has(+ .node-image):after,
  .ProseMirror-gapcursor:has(+ div[data-youtube-video]):after,
  .node-image + .ProseMirror-gapcursor:after,
  div[data-youtube-video] + .ProseMirror-gapcursor:after {
    bottom: 2px;
    top: auto!important;
  } 

  .node-image:first-child,
  div[data-youtube-video]:first-child {
    margin-top: 20px;
  }
  .node-image:last-child,
  div[data-youtube-video]:last-child {
    margin-bottom: 20px;
  }

  .item-info-icon + .item-info-block {
    display: none;
    position: absolute;
    transform: translate(24px, -30px);

    padding: 5px;
    background-color: #FFF;
    border-radius: 4px;
    box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 1px 3px 0px rgba(0,0,0,0.12);
  }

  .item-info-icon:hover + .item-info-block {
    display: block;
  }

  .center-boolean-input {
    position: relative;
    bottom: 10px;
  }

  .chip-active {
    background-color: #1C45E5!important;
    color: #FFF!important;
  }