:root {
  --green-btn-bg: rgb(93, 176, 67);
  --green-btn-hover: rgb(73, 139, 53);
  --modal-header-bg: rgb(42, 44, 46);
}

.bg-modalHeaderBg {
  background-color: var(--modal-header-bg);
}
.bg-greenBtnBg {
  background-color: var(--green-btn-bg);
}
.bg-greenBtnBg:hover {
  background-color: var(--green-btn-hover);
}

._DraggableComponent--isSelected_1bhad_76 > ._DraggableComponent-actionsOverlay_1bhad_97 {
  display: block;
  position: sticky;
  z-index: 9999 !important;
}

#frame-root header {
  position: relative;
  z-index: 0;
}

#frame-root header,
#frame-root footer {
  pointer-events: none;
}

.data-state-handler-empty-message {
  padding: 20px;
  text-align: center;
  color: #555;
  font-style: italic;
}

.data-state-handler-loading-message {
  padding: 20px;
  text-align: center;
  color: #555;
  font-style: italic;
  animation: fade-in 1s ease-in-out infinite alternate;
}

@keyframes fade-in {
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}

.data-state-handler-empty-message {
  padding: 20px;
  text-align: center;
  color: #555;
  font-style: italic;
}

[class^="styles_ViewportControls-zoomSelect"],
[class^="_ViewportControls-zoomSelect"] {
  padding-left: 5px;
}

#frame-root {
  background-color: transparent;
}
.ql-editor p {
  padding: 0 15px;
}