.rich-text-editor{background:var(--color-surface-input);border-radius:8px;flex-direction:column;gap:12px;padding:16px;transition:outline-color .15s;display:flex;overflow:hidden}.rich-text-editor:focus-within{outline:1px solid var(--color-border-selected)}.rich-text-editor-toolbar{width:100%;box-shadow:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-wrap:wrap;padding:0}.rich-text-editor-toolbar [data-slot=toolbar-button] svg{width:20px!important;height:20px!important}.toolbar-text-trigger{height:32px;color:var(--color-text-primary);border-radius:6px;align-items:center;gap:4px;padding:8px 6px 8px 8px;display:inline-flex}.toolbar-text-trigger:hover,.toolbar-text-trigger:focus-visible,.toolbar-text-trigger[data-state=open]{background:var(--color-button-hover-ghost)}.toolbar-text-trigger:focus-visible{outline:1px solid var(--color-button-primary);outline-offset:2px}.rich-text-editor-popover{background:var(--color-surface-dropdown);box-shadow:var(--shadow-dropdown);backdrop-filter:blur(15px);border-radius:12px;padding:12px}.rich-text-editor-insert-panel{animation:.1s ease-out rich-text-editor-insert-panel-in}@keyframes rich-text-editor-insert-panel-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.rich-text-editor-insert-panel{animation:none}}.rich-text-editor-body{border-top:1px solid var(--color-border-secondary);flex-direction:column;flex:1;min-height:0;padding-top:12px;display:flex}.rich-text-editor-scroll-area{width:calc(100% + 20px);margin-left:-4px;padding-left:4px;padding-right:16px}.rich-text-editor-content{padding-block:4px;cursor:text;min-height:120px;color:var(--color-text-primary);font-size:var(--text-body);line-height:var(--text-body-long--line-height);font-weight:var(--font-weight-normal);outline:none;padding-right:4px}.rich-text-editor--email .rich-text-editor-content>*+*{margin-top:12px}.rich-text-editor-content h1{font-size:var(--text-display-lg);line-height:var(--text-display-lg--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--text-display-lg--letter-spacing)}.rich-text-editor-content h2{font-size:var(--text-headline-lg);line-height:var(--text-headline-lg--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--text-headline-lg--letter-spacing)}.rich-text-editor-content h3{font-size:var(--text-headline);line-height:var(--text-headline--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--text-headline--letter-spacing)}.rich-text-editor-content h4{font-size:var(--text-headline-sm);line-height:var(--text-headline-sm--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--text-headline-sm--letter-spacing)}.rich-text-editor--email .rich-text-editor-content :is(h1,h2,h3,h4,h5,h6){letter-spacing:0;font-size:16px;font-weight:550;line-height:20px}.rich-text-editor-content ul,.rich-text-editor-content ol{text-align:left;padding-left:1.5em}.rich-text-editor-content ul li{list-style-type:disc}.rich-text-editor-content ol li{list-style-type:decimal}.rich-text-editor-content a{color:var(--color-link-default);text-decoration:underline}.rich-text-editor--email .rich-text-editor-content a[data-email-button]{background:var(--color-button-primary);color:var(--color-text-button-primary);font-size:var(--text-body);line-height:16px;font-weight:var(--font-weight-medium);border-radius:999px;padding:8px 12px;text-decoration:none;display:inline-block}.rich-text-editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--color-tertiary);pointer-events:none;height:0}.rich-text-editor-template-variable{background:color-mix(in srgb, var(--color-info) 10%, transparent);box-decoration-break:clone;color:var(--color-info);border-radius:4px;padding:1.5px 4px;display:inline-block}.rich-text-editor-template-variable.is-invalid{background:color-mix(in srgb, var(--color-error) 10%, transparent);color:var(--color-error)}.rich-text-editor-content img{max-width:100%;height:auto;display:block}.rich-text-editor-image{max-width:100%;display:inline-block;position:relative}.rich-text-editor-image-selected,.rich-text-editor-image.ProseMirror-selectednode{outline:2px solid var(--color-link);outline-offset:2px}.rich-text-editor-image-uploading:after{content:"";background:color-mix(in srgb, var(--color-surface-primary) 50%, transparent);pointer-events:none;position:absolute;inset:0}.rich-text-editor-image-upload-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rich-text-editor-image-upload-overlay>.rich-text-editor-image-upload-cancel{pointer-events:auto;position:absolute;top:8px;right:8px}.rich-text-editor-content.article{color:var(--color-primary)}.rich-text-editor-content.article p,.rich-text-editor-content.article :is(h1,h2,h3,h4,h5,h6){margin-bottom:16px}.rich-text-editor-content.article :is(h1,h2,h3,h4,h5,h6){margin-top:40px}.rich-text-editor-content.article>:is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}
