.htmlText {
    background-color: var(--control-background-color);
    color: var(--foreground-color);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    position: relative;
    cursor: default;
    opacity: 0.85;
    font-size: 12px;
    --delete-visibility: hidden;

    span {
        padding: 5px;
        pointer-events: none;
    }

    &:hover {
        --delete-visibility: visible;
    }

    .delete {
        position: absolute;
        visibility: var(--delete-visibility);
        padding: 4px;
        width: 12px;
        height: 12px;
        top: -2px;
        right: -20px;
        border-radius: 50%;

        &:hover {
            background-color: red;
        }
    }
}

.noEvent {
    pointer-events: none;
}
