.rich-text-editor{border:1px solid #b9c7cc;border-radius:8px;background:#fff;overflow:hidden}.rich-text-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:7px;background:#edf3f5;border-bottom:1px solid #cbd9de}.rich-text-toolbar button{width:auto;padding:5px 9px;border:1px solid #bdcbd0;border-radius:6px;background:#fff;color:#20353f;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.rich-text-toolbar button:hover,.rich-text-toolbar button:focus,.rich-text-toolbar button.is-active{background:#d4e9ef;outline:2px solid #8dc3d3}.rich-text-surface{min-height:210px;padding:12px 14px;line-height:1.5;color:#172630}.rich-text-surface .tiptap{min-height:185px;outline:0}.rich-text-surface p{margin:.25rem 0 .8rem}.rich-text-surface ul,.rich-text-surface ol{padding-left:1.6rem}.rich-text-counter{margin-left:auto;color:#617480;font-size:.75rem}.rich-text-editor.is-fullscreen{position:fixed;inset:12px;z-index:1000;display:flex;flex-direction:column;box-shadow:0 20px 80px #0008}.rich-text-editor.is-fullscreen .rich-text-surface{flex:1;overflow:auto}.rich-text-editor.is-fullscreen .tiptap{min-height:100%}.rich-text-render p{margin:.25rem 0 .8rem}.rich-text-render ul,.rich-text-render ol{padding-left:1.6rem}@media(max-width:600px){.rich-text-counter{width:100%;margin-left:4px}}

.rich-text-toolbar button.rich-text-color{min-width:2rem;padding:3px 7px;font-size:1.25rem;line-height:1}.rich-text-toolbar button.rich-text-color.is-active{box-shadow:inset 0 0 0 2px currentColor}