.contactPage-root-o0p {
}

.contactPage-banner-v03 {
}

.contactPage-title-FOB {

    /* Medium */
}

.contactPage-subtitle-zoZ {
}

.contactPage-content--jr {
    /* Medium */
}

.contactPage-formContainer-Gso,
.contactPage-sideContent-CG- {
    /* Medium */
}

.contactPage-sideContent-CG- {

    /* Medium */
}

.contactPage-form-Ohb {
}

.contactPage-formErrors-H3i {
    border-color: rgb(var(--venia-global-color-error));
    border-style: solid;
    border-width: 0 0 0 5px;
    padding: 1rem 0 1rem 1rem;
    display: grid;
    grid-column: 1 / span 1;
}

.contactPage-loadingContainer-FXJ {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(252, 252, 252, 0.75);
}

.contactPage-buttonsContainer-dH4 {

    /* Medium */
}

.errorView-root-w4d {
    background: var(--backroundImageUrl);
    /* two column grid because the "hangers" are on the right side of the page */
    /* TODO @TW: review */
    grid-template: 'content .';
}

.errorView-content-LDK {
    grid-area: content;
}

.errorView-header-g2J {
}

.errorView-message-HMD {
    /* add a little space so the button is centered below the message */
}

.errorView-actionsContainer-wkA {
}

@media (max-width: 639px) {
    .errorView-root-w4d {
        background-image: var(--mobileBackgroundImageUrl);
        /* two row grid because the "hangers" are on the top of the page */
        grid-template-rows: 1fr 1fr;
        grid-template-areas:
            '.'
            'content';
    }
}

.contactPage-shimmer-shimmer-jkG {
    display: block;
}

.contactPage-shimmer-shimmerBanner-P-n {
    width: 100%;
    height: 510px;
}

.contactPage-shimmer-shimmerLabel-GAX {
}

.contactPage-shimmer-shimmerSideContent--VF {
    width: 100%;
    height: 500px;
}

@media only screen and (min-width: 769px) {
    .contactPage-shimmer-shimmerBanner-P-n {
        height: 300px;
    }
}


.errorMessage-root-uB8 {
}

.errorMessage-errorMessage-pas {
}

.fieldIcons-root-iHE {
    grid-template-areas: 'before input after';
    grid-template-columns: auto 1fr auto;
}

.fieldIcons-input-8z9 {
    grid-column: before-start / after-end;
    grid-row: input-start / input-end;
}

/* TODO @TW: cannot compose */
.fieldIcons-input-8z9 > input {
    padding-left: calc(1.875rem * var(--iconsBefore) + 0.625rem);
    padding-right: calc(1.875rem * var(--iconsAfter) + 0.625rem);
}

.fieldIcons-before-tPg,
.fieldIcons-after-BeR {
}

/* TODO @TW: cannot compose */
.fieldIcons-before-tPg:empty,
.fieldIcons-after-BeR:empty {
    display: none;
}

.fieldIcons-before-tPg {
    grid-area: before;
}

.fieldIcons-after-BeR {
    grid-area: after;
}

/* TODO @TW: cannot compose */
.fieldIcons-before-tPg svg {
    /* composes: stroke-gray-600 from global; */
    stroke: rgb(var(--venia-global-color-gray-600));
}

.message-root-6k6 {
}

/* TODO @TW: cannot compose */
.message-root-6k6:empty {
    display: none;
}

.message-root_error-GtK {
}