/**
 * Google Fonts Widget - Styles
 * 
 * CSS for the animated Google Fonts text widget
 */

.google-fonts-text-wrapper {
    display: block;
    position: relative;
}

.google-fonts-text {
    display: block;
    margin: 0;
    will-change: font-family, opacity, transform;
}

/* Prevent layout shift during animation */
.google-fonts-text-wrapper {
    min-height: 1em;
}

/* Ensure text is visible by default */
.google-fonts-text {
    opacity: 1;
    transform: none;
}

/* Remove any default transitions - JavaScript will handle this */
.google-fonts-text {
    transition: none;
}