:root{--swatch-red: #ff2800;--swatch-orange: #fe9300;--swatch-yellow: #fefb00;--swatch-green: #02f900;--swatch-cyan: #00fdff;--swatch-blue: #0433ff;--swatch-magenta: #ff40ff;--swatch-purple: #942292}.mud-html-editor{border:1px solid var(--mud-palette-lines-inputs);border-radius:var(--mud-default-borderradius);display:flex;flex-direction:column;margin:0;padding:0;transition:border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.mud-html-editor:hover{border-color:var(--mud-palette-action-default)}.mud-html-editor-focused,.mud-html-editor-focused:hover{border-width:2px;border-color:var(--mud-palette-primary)}.mud-html-editor-error,.mud-html-editor-error:hover{border-color:var(--mud-palette-error)}.mud-html-editor-error.mud-html-editor-focused,.mud-html-editor-error.mud-html-editor-focused:hover{border-width:2px;border-color:var(--mud-palette-error)}.mud-html-editor-label{font-size:.75rem;color:var(--mud-palette-text-secondary);padding:0 5px;margin-inline-start:8px}.mud-html-editor-focused>.mud-html-editor-label{color:var(--mud-palette-primary)}.mud-html-editor-error>.mud-html-editor-label{color:var(--mud-palette-error)}.mud-html-editor-toolbar{border-bottom:1px solid var(--mud-palette-lines-default);background-color:var(--mud-palette-surface);flex-wrap:wrap;min-height:48px;height:auto !important;padding-block:4px;gap:2px 0}.mud-html-editor-content{flex:1;padding:16px;min-height:200px;outline:none;overflow-y:auto;font-family:inherit;font-size:inherit;line-height:1.6}.mud-html-editor-content h1,.mud-html-editor-content h2,.mud-html-editor-content h3,.mud-html-editor-content h4,.mud-html-editor-content h5,.mud-html-editor-content h6{font-weight:700;line-height:1.4;margin-block:4px}.mud-html-editor-content h1{font-size:2rem}.mud-html-editor-content h2{font-size:1.75rem}.mud-html-editor-content h3{font-size:1.5rem}.mud-html-editor-content h4{font-size:1.25rem}.mud-html-editor-content h5{font-size:1.125rem}.mud-html-editor-content h6{font-size:1rem}.mud-html-editor-content ul,.mud-html-editor-content ol{padding-inline-start:40px;list-style-position:outside;margin-block:2px 0}.mud-html-editor-content li{margin-block:4px;padding-block:0}.mud-html-editor-content ul{list-style-type:disc}.mud-html-editor-content ul ul{list-style-type:circle}.mud-html-editor-content ul ul ul{list-style-type:square}.mud-html-editor-content ul ul ul ul{list-style-type:disc}.mud-html-editor-content ul ul ul ul ul{list-style-type:circle}.mud-html-editor-content ul ul ul ul ul ul{list-style-type:square}.mud-html-editor-content ol{list-style-type:decimal}.mud-html-editor-content ol ol{list-style-type:lower-alpha}.mud-html-editor-content ol ol ol{list-style-type:lower-roman}.mud-html-editor-content ol ol ol ol{list-style-type:decimal}.mud-html-editor-content ol ol ol ol ol{list-style-type:lower-alpha}.mud-html-editor-content ol ol ol ol ol ol{list-style-type:lower-roman}.mud-html-editor-content a{color:var(--mud-palette-info);text-decoration:underline}.mud-html-editor-content blockquote{margin-block:0;margin-inline:0 0;padding-inline-start:40px;border:none;font-style:inherit;color:inherit}.mud-html-editor-content:empty::before{content:attr(data-placeholder);color:var(--mud-palette-text-disabled)}.mud-html-editor-source .mud-input-outlined{border:none;border-radius:0}.mud-html-editor-source textarea{font-family:monospace;font-size:.875rem;line-height:1.5}.mud-html-editor-validation{padding-inline-start:16px;padding-block-start:3px}.mud-html-editor-format-block{position:relative;display:inline-flex;align-items:center;user-select:none}.mud-html-editor-format-block-trigger{display:inline-flex;align-items:center;gap:2px;padding:4px 4px 4px 10px;border:1px solid var(--mud-palette-lines-inputs);border-radius:var(--mud-default-borderradius);background:rgba(0,0,0,0);color:var(--mud-palette-text-primary);font-family:inherit;font-size:.8125rem;cursor:pointer;min-width:120px;justify-content:space-between}.mud-html-editor-format-block-trigger:hover{border-color:var(--mud-palette-action-default)}.mud-html-editor-format-block-popup{position:absolute;top:100%;inset-inline-start:0;z-index:1;min-width:150px;background:var(--mud-palette-surface);border-radius:var(--mud-default-borderradius);padding-block:4px;margin-block-start:2px}.mud-html-editor-format-block-item{display:block;width:100%;padding:6px 16px;border:none;background:rgba(0,0,0,0);color:var(--mud-palette-text-primary);font-family:inherit;font-size:.875rem;text-align:start;cursor:pointer}.mud-html-editor-format-block-item:hover{background:var(--mud-palette-action-default-hover)}.mud-html-editor-format-block-item.active{color:var(--mud-palette-primary);font-weight:600}.mud-html-editor-color-tool{position:relative;display:inline-flex;align-items:center}.mud-html-editor-color-indicator{position:absolute;inset-block-end:4px;inset-inline-start:4px;width:16px;height:3px;border-radius:1px;pointer-events:none}.mud-html-editor-color-picker-btn{display:inline-flex;align-items:center;background:rgba(0,0,0,0);cursor:pointer;padding:0;margin-inline-start:-6px;color:var(--mud-palette-text-secondary)}.mud-html-editor-color-picker-btn:hover{color:var(--mud-palette-text-primary)}.mud-html-editor-color-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.mud-html-editor-color-popup{position:absolute;top:100%;inset-inline-start:0;z-index:1;background:var(--mud-palette-surface);border-radius:var(--mud-default-borderradius);padding:8px;margin-block-start:2px;white-space:nowrap}.mud-html-editor-color-group-label{font-size:.6875rem;color:var(--mud-palette-text-secondary);padding-block:4px 2px}.mud-html-editor-color-group-label:first-child{padding-block-start:0}.mud-html-editor-color-swatches{display:grid;grid-template-columns:repeat(8, 24px);gap:4px}.mud-html-editor-color-swatch{width:24px;height:24px;border-radius:3px;border:1px solid var(--mud-palette-lines-default);cursor:pointer;padding:0}.mud-html-editor-color-swatch:hover{outline:2px solid var(--mud-palette-primary);outline-offset:1px}.mud-html-editor-color-swatch.active{outline:2px solid var(--mud-palette-primary);outline-offset:1px}.mud-html-editor-color-custom{display:block;width:100%;margin-block-start:6px;padding:4px 0;border:none;background:rgba(0,0,0,0);color:var(--mud-palette-primary);font-family:inherit;font-size:.75rem;text-align:center;cursor:pointer}.mud-html-editor-color-custom:hover{text-decoration:underline}.mud-html-editor-media-edit-btn{position:absolute;top:4px;inset-inline-start:4px;width:28px;height:28px;border-radius:50%;border:none;background:var(--mud-palette-surface);color:var(--mud-palette-text-primary);box-shadow:0 1px 3px rgba(0,0,0,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;opacity:.85;transition:opacity 150ms;padding:0;line-height:1}.mud-html-editor-media-edit-btn:hover{opacity:1}.mud-html-editor-media-edit-btn svg{width:16px;height:16px;fill:currentColor}.mud-html-editor-media-delete-btn{position:absolute;top:4px;inset-inline-start:36px;width:28px;height:28px;border-radius:50%;border:none;background:var(--mud-palette-surface);color:var(--mud-palette-error);box-shadow:0 1px 3px rgba(0,0,0,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;opacity:.85;transition:opacity 150ms;padding:0;line-height:1}.mud-html-editor-media-delete-btn:hover{opacity:1}.mud-html-editor-media-delete-btn svg{width:16px;height:16px;fill:currentColor}.mud-icon-browser{display:flex;flex-direction:column;gap:12px;min-height:400px}.mud-icon-browser .mud-icon-browser-toolbar{display:flex;flex-direction:column;gap:8px}.mud-icon-browser .mud-icon-browser-variant{align-self:flex-start}.mud-icon-browser .mud-icon-browser-search{max-width:400px}.mud-icon-browser .mud-icon-browser-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(96px, 1fr));gap:8px;overflow-y:auto;max-height:60vh;padding:4px;border:1px solid var(--mud-palette-lines-default);border-radius:4px}.mud-icon-browser .mud-icon-browser-tile{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:12px 8px;border-radius:4px;transition:background-color .15s ease-in-out;min-height:80px;text-align:center}.mud-icon-browser .mud-icon-browser-tile:hover{background-color:var(--mud-palette-action-default-hover, rgba(0, 0, 0, 0.06))}.mud-icon-browser .mud-icon-browser-tile:focus-visible{outline:2px solid var(--mud-palette-primary);outline-offset:-2px}.mud-icon-browser .mud-icon-browser-tile--selected{outline:2px solid var(--mud-palette-primary);outline-offset:-2px}.mud-icon-browser .mud-icon-browser-tile-label{font-size:.7rem;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}.mud-icon-browser .mud-icon-browser-empty{padding:24px;text-align:center;opacity:.7}.mud-icon-browser .mud-icon-browser-more{grid-column:1/-1;text-align:center;font-size:.75rem;opacity:.7;padding:12px}