/**
 * Lottie Hero — style.css
 * Frontend styles. No size/background opinions — let the wrapping Group handle those.
 */

.pw-lottie-hero {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Animation container — sized by its SVG content */
.pw-lottie-hero__anim {
    width: 100%;
    max-width: 100%;
}

.pw-lottie-hero__anim svg {
    display: block;
    width: 100% !important;
    height: auto !important;
}

/* Text area — starts hidden; view.ts applies the slide-up transition */
.pw-lottie-hero__text {
    width: 100%;
    opacity: 0;
}