/*
 * ribbit-core.css — functional editor styles. Always load this.
 * These styles control editor state visibility and behavior.
 * They should not be overridden by themes.
 */

#ribbit {
    display: none;
}

#ribbit.loaded {
    display: block;
}

#ribbit.edit {
    font-family: monospace;
    white-space: pre;
}

#ribbit.wysiwyg .md {
    opacity: 0.5;
}