/* madlib form — registration written as one big sentence */
.madlib-form__lead.madlib-form__lead {
    letter-spacing: -0.04em;
}

.madlib-form__sentence {
    font-size: clamp(1.75rem, 1rem + 3.4vw, 4.25rem);
    line-height: 1.45;
    letter-spacing: -0.04em;
}

.madlib-form__blank {
    font: inherit;
    letter-spacing: -0.03em;
    line-height: 1.1;
    border-radius: 0;
    max-width: 100%;
    vertical-align: baseline;
    appearance: none;
    -webkit-appearance: none;
}

.madlib-form__blank--name {
    width: 8em;
}

.madlib-form__blank--email {
    width: 11em;
}

.madlib-form__blank--goal {
    width: 12em;
}

.madlib-form__blank--select {
    width: auto;
    padding-block: 0.05em;
}

.madlib-form__blank:focus {
    outline: none;
    border-bottom-width: 4px;
}

.madlib-form__blank[aria-invalid="true"] {
    border-bottom-style: dashed;
}

.madlib-form__check {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
}

.madlib-form__btn {
    cursor: pointer;
    min-height: 3.75rem;
}

.madlib-form__btn-fill.madlib-form__btn-fill {
    top: 100%;
    left: -25%;
    width: 150%;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    transform: translateY(0);
    transition: transform 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.madlib-form__btn:hover .madlib-form__btn-fill,
.madlib-form__btn:focus-visible .madlib-form__btn-fill {
    transform: translateY(-70%);
}

@media (max-width: 767px) {
    .madlib-form__blank--name,
    .madlib-form__blank--email,
    .madlib-form__blank--goal {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .madlib-form__btn-fill.madlib-form__btn-fill {
        transition: none;
    }
}