/*
* Only apply font size changes if we errored to avoid
* conflicting with the component library vended font-sizes
*/
html.sm-errored {
    font-size: 8px;
}

html,
body,
.fallback-error {
    height: 100%;
    background-color: #201c2b;
}

/*
 * Hide the application mount point if we errored to avoid
 * any rendering oddities
 */
html.sm-errored #root {
    display: none;
}

/* Do not show the error experience unless we have the error class added*/
html .fallback-error {
    display: none;
}

html.sm-errored .fallback-error {
    display: flex;
}

/*
 * Page content styling begins here
 */

.fallback-error {
    margin: 0 auto;
    color: #fff;
    flex-direction: column;
}

.fallback-error__top-bar {
    padding: 1rem 4rem;
}

.fallback-error__logo {
    fill: #fff;
}

.fallback-error__content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-align: center;
    justify-content: center;
}

.fallback-error__content__subtext {
    margin-top: 2rem;
    font-size: 1.75rem;
    color: #c2bcd3;
}