.editor{background-color:var(--editor-background-default,var(--editor-background-default));border:var(--editor-border-width,var(--editor-border-width)) solid var(--editor-border-color-default,var(--editor-border-color-default));border-radius:var(--editor-radius,var(--editor-radius));display:flex;flex-direction:column;min-height:var(--editor-minHeight,var(--editor-minHeight));overflow:hidden;transition:border-color .15s ease}.editor:hover:not(.editor--state-disabled),.editor[data-state~=hover]:not(.editor--state-disabled){border-color:var(--editor-border-color-hover,var(--editor-border-color-hover))}.editor__toolbar{align-items:center;background-color:var(--editor-toolbar-background,var(--editor-toolbar-background));border-bottom:1px solid var(--editor-toolbar-border-color,var(--editor-toolbar-border-color));display:flex;flex-wrap:wrap;gap:var(--editor-toolbar-gap,var(--editor-toolbar-gap));padding:var(--editor-toolbar-padding-y,var(--editor-toolbar-padding-y)) var(--editor-toolbar-padding-x,var(--editor-toolbar-padding-x))}.editor__button{align-items:center;background-color:var(--editor-button-background-default,var(--editor-button-background-default));border:none;border-radius:var(--editor-button-radius,var(--editor-button-radius));color:var(--editor-button-color-default,var(--editor-button-color-default));cursor:pointer;display:inline-flex;height:var(--editor-button-size,var(--editor-button-size));justify-content:center;padding:0;transition:all .15s ease;width:var(--editor-button-size,var(--editor-button-size))}.editor__button:hover:not(:disabled),.editor__button[data-state~=hover]:not(:disabled){background-color:var(--editor-button-background-hover,var(--editor-button-background-hover))}.editor__button:disabled{color:var(--editor-button-color-disabled,var(--editor-button-color-disabled));cursor:not-allowed}.editor__button--state-active{background-color:var(--editor-button-background-active,var(--editor-button-background-active));color:var(--editor-button-color-active,var(--editor-button-color-active))}.editor__separator{background-color:var(--editor-separator-color,var(--editor-separator-color));height:20px;margin:0 var(--editor-separator-margin,var(--editor-separator-margin));width:var(--editor-separator-width,var(--editor-separator-width))}.editor__content{color:var(--editor-content-text-default,var(--editor-content-text-default));flex:1;font-size:var(--editor-content-fontSize,var(--editor-content-fontSize));line-height:var(--editor-content-lineHeight,var(--editor-content-lineHeight));min-height:150px;outline:none;overflow-y:auto;padding:var(--editor-content-padding,var(--editor-content-padding))}.editor__content:empty:before{color:var(--editor-content-text-placeholder,var(--editor-content-text-placeholder));content:attr(data-placeholder);pointer-events:none}.editor__content p{margin:0 0 1em}.editor__content p:last-child{margin-bottom:0}.editor__content ol,.editor__content ul{margin:0 0 1em;padding-left:1.5em}.editor__content li{margin-bottom:.25em}.editor__content a{color:var(--editor-button-color-active,var(--editor-button-color-active));text-decoration:underline}.editor__content b,.editor__content strong{font-weight:600}.editor__content em,.editor__content i{font-style:italic}.editor__content u{text-decoration:underline}.editor__content s,.editor__content strike{text-decoration:line-through}.editor--state-focused{border-color:var(--editor-border-color-focus,var(--editor-border-color-focus));outline:var(--editor-focus-ringWidth,var(--editor-focus-ringWidth)) solid var(--editor-focus-ringColor,var(--editor-focus-ringColor));outline-offset:var(--editor-focus-ringOffset,var(--editor-focus-ringOffset))}.editor--state-disabled{background-color:var(--editor-background-disabled,var(--editor-background-disabled));border-color:var(--editor-border-color-disabled,var(--editor-border-color-disabled));cursor:not-allowed}.editor--state-disabled .editor__content{color:var(--editor-content-text-disabled,var(--editor-content-text-disabled));pointer-events:none}.editor--state-disabled .editor__toolbar{opacity:.6}.editor--state-invalid,.editor--state-invalid.editor--state-focused{border-color:var(--editor-border-color-error,var(--editor-border-color-error))}
