.sr-wrapper-7218f137 {
    width: 100%;
    box-sizing: border-box;
}

.sr-container-7218f137 {
    display: inline-block;
    width: 100%;
    /* Fallback default CSS vars if styles are not loaded/computed yet */
    --unrevealed-color: #cccccc;
    --unrevealed-opacity: 0.3;
    --revealed-color: #000000;
}

.sr-word-7218f137 {
    display: inline-block;
    white-space: pre-wrap;
    /* Use high performance color-mix CSS function */
    color: color-mix(in srgb, var(--revealed-color) calc(var(--word-reveal, 0) * 100%), var(--unrevealed-color));
    opacity: calc(var(--unrevealed-opacity) + (1 - var(--unrevealed-opacity)) * var(--word-reveal, 0));
    transition: color 0.1s ease-out, opacity 0.1s ease-out;
}