:root{--tt-highlight-green:#dcfce7;--tt-highlight-blue:#e0f2fe;--tt-highlight-red:#ffe4e6;--tt-highlight-purple:#f3e8ff;--tt-highlight-yellow:#fef9c3;--tt-textcolor-green:#158a59;--tt-textcolor-blue:#1d4ed8;--tt-textcolor-red:#b91c1c;--tt-textcolor-purple:#6b21a8;--tt-textcolor-yellow:#d8bd40}.dark{--tt-highlight-green:#509568;--tt-highlight-blue:#6e92aa;--tt-highlight-red:#743e42;--tt-highlight-purple:#583e74;--tt-highlight-yellow:#6b6524;--tt-textcolor-green:#a3d9a5;--tt-textcolor-blue:#a5c8e0;--tt-textcolor-red:#f4b6b7;--tt-textcolor-purple:#d6b2e0;--tt-textcolor-yellow:#e4c8a1}.tiptap-highlight-content{outline:none;align-items:center;gap:.25rem;display:flex}.tiptap-button-highlight{background-color:var(--highlight-color);border-radius:100%;width:1.25rem;height:1.25rem;margin:0 -.175rem;transition:transform .2s;position:relative}.tiptap-button-highlight:after{content:"";border-radius:inherit;box-sizing:border-box;border:1px solid var(--highlight-color);filter:brightness(95%);mix-blend-mode:multiply;width:100%;height:100%;position:absolute;top:0;left:0}.dark .tiptap-button-highlight:after{filter:brightness(140%);mix-blend-mode:lighten}.tiptap-button[data-active-state=on] .tiptap-button-highlight:after{filter:brightness(80%)}.dark .tiptap-button[data-active-state=on] .tiptap-button-highlight:after{filter:brightness(180%)}