.no-input-focus::placeholder {
  color: #757575;
  opacity: 0.5;
}

.no-input-focus:focus {
  outline: none;
}

.ql-toolbar {
  border: none !important;
  border-color: transparent !important;
  border-radius: 8px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.ql-editor {
  border: none !important;
  border-color: transparent !important;
  border-radius: 8px !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.ql-container {
  border: none !important;
  border-color: transparent !important;
  border-radius: 8px !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.ce-block__content,
.ce-toolbar__content {
  max-width: 100% !important;
}

.cdx-block {
  max-width: 100% !important;
}

.tc-add-column {
  display: none !important;
}

.tc-add-row {
  display: none !important;
}

.tc-row::after {
  display: none !important;
}

.tc-row::before {
  display: none !important;
}

.tc-wrap {
  grid-template-columns: none !important;
  border-left: 1px solid var(--color-border) !important;
}

.codex-editor__redactor {
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding-bottom: 0px !important;
}

@media (max-width: 768px) {
  h1.ce-header {
    font-size: 18px !important;
  }
  h2.ce-header {
    font-size: 16px !important;
  }
  h3.ce-header {
    font-size: 14px !important;
  }
  .tc-cell {
    font-size: 10px !important;
    padding: 2px !important;
  }
}
