@import url("./font_picker.css?v=6acfc8c9");
/* rich_text.js: the box and its toolbar. Colors come from the page's own
   variables with plain fallbacks, so the box reads right on a light page and
   a dark one. */
.rt { display: flex; flex-direction: column; gap: .35rem; }
.rt-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; }
.rt-group { display: inline-flex; align-items: center; gap: .15rem; }
.rt-btn { min-width: 40px; min-height: 40px; padding: 0 .5rem; border: 1px solid var(--border, #bbb);
  border-radius: 6px; background: var(--surface, #fff); color: inherit; font: inherit; cursor: pointer; }
.rt-btn[aria-pressed="true"] { background: var(--accent-soft, #dbe8ff); border-color: var(--accent, #3b6ea5);
  color: var(--accent, #3b6ea5); }
.rt-btn:disabled { opacity: .45; cursor: default; }
.rt-bold { font-weight: 700; }
.rt-italic { font-style: italic; }
.rt-underline { text-decoration: underline; }
.rt-weight { min-height: 40px; max-width: 8rem; font: inherit; }
.rt-toolbar > [hidden], .rt-toolbar .rt-group[hidden] { display: none; }
.rt-size { width: 4.5rem; min-height: 40px; font: inherit; }
.rt-size-unit { font-size: .85em; opacity: .7; }
.rt-editor { min-height: 4.5rem; padding: .5rem .6rem; border: 1px solid var(--border, #bbb);
  border-radius: 6px; background: var(--surface, #fff); color: inherit; font: inherit;
  white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.35; outline: none; }
/* The ground follows the words (rich_text.js groundFor): light words on a
   dark ground, whatever the page's theme. */
.rt-editor[data-ground="dark"] { background: #262626; color: #f4f4f4; }
.rt-editor[data-ground="light"] { background: #ffffff; color: #111111; }
.rt-editor:focus { border-color: var(--accent, #3b6ea5); box-shadow: 0 0 0 2px var(--accent-soft, #dbe8ff); }
.rt-editor[contenteditable="false"] { opacity: .6; }