.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 {
}

.clickable-root-sDL {
}

.linkButton-root-HUs {
}

.cmsBlock-root-x7v {
}

/* TODO @TW: cannot compose */
.cmsBlock-content-QZe h2 {
    margin-bottom: 2rem;
    text-align: center;
    text-transform: uppercase;
}

/* TODO @TW: cannot compose */
.cmsBlock-content-QZe img {
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}

.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';
    }
}