.wp-block-jetpack-contact-info {
    margin-bottom: 1.5em
}

.contact-form .clear-form {
    clear: both
}

.contact-form input {
    font: inherit
}

.contact-form input::placeholder {
    transition: opacity .3s ease-out
}

.contact-form input:hover::placeholder {
    opacity: .5
}

.contact-form input:focus::placeholder {
    opacity: .3
}

:where(.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form input[type=url]) {
    box-sizing: border-box;
    width: 100%;
    padding: 12px 8px;
    border-width: 1px;
    line-height: normal
}

.contact-form select {
    padding: 14px 7px;
    min-width: 150px
}

.contact-form textarea {
    box-sizing: border-box;
    float: none;
    height: 200px;
    width: 100%;
    padding: 7px;
    font: inherit
}

.contact-form input[type=radio],.contact-form input[type=checkbox] {
    float: none;
    margin: 0 .75rem 0 5px
}

.contact-form input[type=checkbox] {
    top: 0;
    margin-left: 0
}

.contact-form label {
    margin-bottom: .25em;
    float: none;
    font-weight: 700;
    display: block
}

.contact-form label.consent-implicit input {
    display: none
}

.contact-form label.checkbox,.contact-form label.checkbox-multiple,.contact-form label.radio {
    margin-bottom: .25em;
    float: none;
    font-weight: 400;
    display: inline-flex;
    align-items: center
}

.contact-form .grunion-field-checkbox-wrap,.contact-form .grunion-field-consent-wrap,.contact-form .grunion-field-checkbox-multiple-wrap,.contact-form .grunion-field-radio-wrap {
    margin-bottom: 1em
}

.contact-form label span {
    font-size: 85%;
    margin-left: .25em;
    font-weight: 400
}

.contact-form-submission {
    margin-bottom: 4em;
    padding: 1.5em 1em
}

.contact-form-submission p {
    margin: 0 auto;
    word-wrap: break-word
}

.form-errors .form-error-message {
    color: red
}

.textwidget .contact-form input[type=text],.textwidget .contact-form input[type=email],.textwidget .contact-form input[type=tel],.textwidget .contact-form input[type=url],.textwidget .contact-form textarea,.wp-block-column .contact-form input[type=text],.wp-block-column .contact-form input[type=email],.wp-block-column .contact-form input[type=tel],.wp-block-column .contact-form input[type=url],.wp-block-column .contact-form textarea {
    width: 100%
}

#jetpack-check-feedback-spam {
    margin: 1px 8px 0 0
}

.jetpack-check-feedback-spam-spinner {
    display: inline-block;
    margin-top: 7px
}

.wp-block-jetpack-contact-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    gap: var(--wp--style--block-gap,1.5rem)
}

.wp-block-jetpack-contact-form .grunion-field-wrap,.wp-block-jetpack-button {
    flex: 0 0 100%
}

.wp-block-jetpack-button.alignright button {
    float: right
}

.wp-block-jetpack-contact-form .grunion-field-wrap {
    box-sizing: border-box
}

.wp-block-jetpack-contact-form .grunion-field-width-25-wrap {
    flex: 1 1 calc(25% - calc(var(--wp--style--block-gap,1.5rem)*1));
    max-width: 25%
}

.wp-block-jetpack-contact-form .grunion-field-width-50-wrap {
    flex: 1 1 calc(50% - calc(var(--wp--style--block-gap,1.5rem)*1));
    max-width: 50%
}

.wp-block-jetpack-contact-form .grunion-field-width-75-wrap {
    flex: 1 1 calc(75% - calc(var(--wp--style--block-gap,1.5rem)*1));
    max-width: 75%
}

.grunion-field-checkbox-wrap,.grunion-field-consent-wrap {
    align-self: center
}

@media only screen and (min-width: 600px) {
    .contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form input[type=url] {
        width:50%
    }

    .wp-block-jetpack-contact-form input[type=text],.wp-block-jetpack-contact-form input[type=email],.wp-block-jetpack-contact-form input[type=tel],.wp-block-jetpack-contact-form input[type=url] {
        width: 100%
    }
}

.jetpack-empty-spam-container {
    display: inline-block
}

.jetpack-empty-spam {
    display: inline-block
}

.jetpack-empty-spam-spinner {
    display: inline-block;
    margin-top: 7px
}

.wp-block-jetpack-contact-form .wp-block-spacer {
    width: 100%
}