/*
 * Gradient Heading widget.
 *
 * The gradient itself is written onto the element by the widget, since it is
 * one value built out of several controls. All that is needed here is clipping
 * the paint to the glyphs.
 */
.ekl-gradient-heading {
    @apply m-0;
}

.ekl-gradient-heading__gradient {
    background-clip: text;
    -webkit-background-clip: text;
    /*
     * The text is painted by the background, so the glyphs themselves have to be
     * see-through. The widget also writes a plain colour, which is what shows
     * where this pair is not understood.
     */
    -webkit-text-fill-color: transparent;
    @apply inline;
}