html {
    font-size: 12px;
    height: 100%;
}

body {
    color: var(--gray-800);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    line-height: 1.4;
}

/* full height container */
.App-container {
    min-height: 100vh;
    min-width: $viewport-min-width;
    position: relative;
}

/* container for full width pages e.g. homepage / catalog */
.page-content {
    margin: 22px + $page-content-margin-bottom auto 0;
    padding: 0 $viewport-padding 200px;

    @media (min-width: $viewport-lg) {
        padding-left: $viewport-padding-lg;
        padding-right: $viewport-padding-lg;
    }
}

/* container for fixed width pages e.g. analytics section */
.container-max-1170 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1170px;
}

.MainContent {
    padding: 0;
}

#root,
.SuiteApplication,
.MainContent {
    overflow: visible;
}

.SplashPage .LoadingPageIndicator {
    display: flex;
    align-items: center;
    flex-flow: column;
}