.text-format-toolbar{display:flex;align-items:center;gap:5px;margin:6px 0;flex-wrap:wrap;grid-column:1/-1}
.text-format-toolbar button{border:1px solid #d4dfeb;border-radius:6px;background:#fff;color:#164a76;min-width:34px;padding:5px 10px;cursor:pointer;font:inherit}
.text-format-toolbar button:hover{background:#eaf2fa}.text-format-toolbar button:focus-visible{outline:2px solid #0867aa;outline-offset:2px}
.text-format-toolbar [data-format-action=bold]{font-weight:bold}.text-format-toolbar [data-format-action=italic]{font-style:italic}.text-format-toolbar [data-format-action=underline]{text-decoration:underline}
.text-format-toolbar button:disabled{opacity:.45;cursor:default}.text-format-status{font-size:12px}
.text-format-preview{padding:10px 12px;margin:6px 0 12px;background:#f4f8fc;border:1px solid #dce5ef;border-radius:6px;overflow-wrap:anywhere;font-weight:normal;white-space:normal}
.text-format-preview:before{content:'Voorbeeld';display:block;font-size:11px;color:#60758c;margin-bottom:6px}
.basic-list-item{display:inline-flex;align-items:baseline;gap:.6em;padding-left:1em}.basic-list-item>span:last-child{min-width:0}
.text-format-toolbar[hidden],.text-format-preview[hidden],.mobile-ui .text-format-toolbar,.mobile-ui .text-format-preview{display:none!important}
@media(max-width:700px),(max-height:500px) and (max-width:1000px){.text-format-toolbar,.text-format-preview{display:none!important}}