.root {
}

.body {
    composes: body from './flow.module.css';

    @apply gap-0;
    @apply p-0;
}

.footer {
    composes: footer from './flow.module.css';
}

.informationPrompt {
    composes: capitalize from global;
    composes: text-error from global;
}

.disabledPrompt {
    composes: informationPrompt;

    composes: text-subtle from global;
}

.paymentDisplayPrimary {
    composes: capitalize from global;
}

.paymentDisplaySecondary {
    /* The ::first-letter pseudo element below only works on block elements */
    composes: block from global;
    composes: lowercase from global;
    composes: first-letter_uppercase from global;
}

@keyframes enter {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}