.feedback-editor { min-width: 0; max-width: 100%; margin-top: 8px; }
.feedback-editor .toastui-editor-defaultUI { border-radius: 8px; }
.feedback-editor[aria-disabled="true"] { opacity: .65; }
.feedback-editor-count { margin: 6px 0 0; }
.feedback-editor-invalid { color: #c62828; }
.feedback-markdown { overflow-wrap: anywhere; min-width: 0; margin: 12px 0; }
.feedback-markdown .toastui-editor-contents { font-size: 14px; }
.feedback-markdown .toastui-editor-contents pre { white-space: pre-wrap; }
.feedback-markdown .toastui-editor-contents table { display: block; max-width: 100%; overflow-x: auto; }
.feedback-editor .toastui-editor-defaultUI-toolbar { flex-wrap: wrap; height: auto; min-height: 46px; padding: 0 8px; }
.feedback-editor .toastui-editor-popup { max-width: calc(100vw - 64px); }
@media (max-width: 600px) {
  .feedback-editor .toastui-editor-toolbar-group { margin-right: 0; }
  .feedback-editor .toastui-editor-toolbar-divider { margin: 8px 3px; }
}
/* Keep the editing canvas legible in the site's dark theme as well. */
.dark .feedback-editor .toastui-editor-defaultUI { border-color: #555; }
.dark .feedback-editor .toastui-editor-main,
.dark .feedback-editor .toastui-editor-md-tab-container,
.dark .feedback-editor .toastui-editor-defaultUI-toolbar,
.dark .feedback-editor .toastui-editor-mode-switch { background: #fff; color: #222; }
.dark .feedback-markdown .toastui-editor-contents,
.dark .feedback-markdown .toastui-editor-contents p,
.dark .feedback-markdown .toastui-editor-contents h1,
.dark .feedback-markdown .toastui-editor-contents h2,
.dark .feedback-markdown .toastui-editor-contents h3,
.dark .feedback-markdown .toastui-editor-contents h4,
.dark .feedback-markdown .toastui-editor-contents h5,
.dark .feedback-markdown .toastui-editor-contents h6 { color: #eee; }
.dark .feedback-markdown .toastui-editor-contents pre,
.dark .feedback-markdown .toastui-editor-contents code { background: #252525; color: #eee; }
