.ql-container,
.ql-container .ql-editor {
    font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

.ql-toolbar.ql-snow,
.ql-toolbar.ql-snow * {
    font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

.ql-snow .ql-tooltip,
.ql-snow .ql-tooltip * {
    font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

.ql-toolbar.ql-snow,
.ql-container.ql-snow {
    border-color: var(--mud-palette-lines-default);
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
}

.ql-container .ql-editor {
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    caret-color: var(--mud-palette-text-primary);
}

.ql-editor.ql-blank::before,
.ql-editor li[data-list=checked] > .ql-ui,
.ql-editor li[data-list=unchecked] > .ql-ui {
    color: var(--mud-palette-text-secondary);
}

.ql-editor td,
.ql-snow .ql-editor blockquote {
    border-color: var(--mud-palette-lines-default);
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor .ql-code-block-container {
    background-color: var(--mud-palette-background-gray);
    color: var(--mud-palette-text-primary);
}

.ql-snow .ql-stroke,
.ql-snow .ql-stroke-miter {
    stroke: var(--mud-palette-action-default);
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
    fill: var(--mud-palette-action-default);
}

.ql-snow .ql-picker {
    color: var(--mud-palette-text-primary);
}

.ql-snow .ql-picker-options,
.ql-snow .ql-tooltip,
.ql-snow .ql-tooltip input[type="text"] {
    border-color: var(--mud-palette-lines-default);
    background-color: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
}

.ql-toolbar.ql-snow .ql-picker-options,
.ql-snow .ql-tooltip {
    box-shadow: var(--mud-elevation-8);
}

.ql-snow .ql-tooltip a.ql-action::after {
    border-color: var(--mud-palette-lines-default);
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: var(--mud-palette-primary);
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: var(--mud-palette-text-secondary);
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: var(--mud-palette-text-secondary);
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: var(--mud-palette-text-secondary);
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: var(--mud-palette-lines-default);
}

.ql-snow a,
.ql-snow.ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected {
    color: var(--mud-palette-primary);
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
    fill: var(--mud-palette-primary);
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter {
    stroke: var(--mud-palette-primary);
}

@media (pointer: coarse) {
    .ql-snow.ql-toolbar button:hover:not(.ql-active),
    .ql-snow .ql-toolbar button:hover:not(.ql-active) {
        color: var(--mud-palette-action-default);
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: var(--mud-palette-action-default);
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: var(--mud-palette-action-default);
    }
}