.highlight-editor{position:relative;isolation:isolate;width:100%;margin-top:7px}
.highlight-editor textarea,.highlight-mirror{box-sizing:border-box;width:100%;margin:0;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:400;line-height:1.8;letter-spacing:normal;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;tab-size:8;border:1px solid transparent;border-radius:10px;text-align:start;direction:rtl}
.highlight-editor textarea{position:relative;display:block;z-index:1;min-height:160px;height:190px;resize:vertical;background:transparent;color:transparent;caret-color:#1d1d1f;border-color:#d2d2d7;-webkit-text-fill-color:transparent}
.highlight-editor textarea:focus{background:transparent}
.highlight-editor textarea::selection{background:#b4d7ff;color:#1d1d1f;-webkit-text-fill-color:#1d1d1f}
.highlight-editor textarea::placeholder{color:#86868b;-webkit-text-fill-color:#86868b}
.highlight-mirror{position:absolute;inset:0;height:100%;overflow:hidden;pointer-events:none;background:#fff;color:#1d1d1f}
.task-highlight{color:inherit;padding:0;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hl-yellow{background-color:#fff09a}.hl-green{background-color:#c5efc8}.hl-blue{background-color:#bbdfff}.hl-pink{background-color:#ffd0df}.hl-purple{background-color:#ded0ff}
.highlight-toolbar{position:fixed;z-index:10;display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #d2d2d7;border-radius:12px;background:#fff;box-shadow:0 4px 20px #0002;max-width:calc(100vw - 16px);direction:rtl}
.highlight-toolbar[hidden]{display:none}.highlight-toolbar>span{font-size:12px;color:#555;margin-inline-end:3px}
.highlight-color,.highlight-clear{flex:none;width:30px;height:30px;border:1px solid #0002;border-radius:50%;padding:0;cursor:pointer}.highlight-color:hover,.highlight-color:focus-visible{outline:2px solid #0071e3;outline-offset:2px}.highlight-clear{background:#f5f5f7;font-size:22px;color:#555}.highlight-hint{display:block;margin-top:6px;font-size:11px;color:#6e6e73;font-weight:400}
.task-check-item.is-done .task-highlight{opacity:.6}
.highlight-editor textarea,.highlight-mirror{overflow-y:scroll}
.highlight-mirror{scrollbar-color:transparent transparent}
@media(max-width:760px){.highlight-editor textarea,.highlight-mirror{font-size:16px}.highlight-toolbar{gap:5px;padding:7px}.highlight-color,.highlight-clear{width:32px;height:32px}}