:root { --fill: 0%; }

.flood-fill-container {
    position: relative;
}

.flood-fill-container p,
.flood-fill-container span,
.flood-fill-container h1,
.flood-fill-container h2,
.flood-fill-container h3,
.flood-fill-container h4 {
    display: inline-block;

    background-image: linear-gradient(
        90deg,
        #000 0%,
        #000 var(--fill),
        var(--e-global-color-47cdcaf) var(--fill),
        var(--e-global-color-47cdcaf) 100%
    );
    background-size: var(--ff-width, 1000px) 100%;
    background-repeat: no-repeat;
    background-position: calc(-1 * var(--ff-offset, 0px)) 0;

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

.flood-fill-container {
  border-bottom-color: var(--e-global-color-47cdcaf) !important;
  border-image: linear-gradient(
    90deg,
    #000 0%, #000 var(--fill),
    var(--e-global-color-47cdcaf) var(--fill), var(--e-global-color-47cdcaf) 100%
  ) 1;
}