#page-progress-bar { position: fixed; top: 0; left: 0; width: 0%; height: 3px; background-color: var(--color-canon-red); z-index: 9999; opacity: 0; pointer-events: none; } html.cc-layout { margin: 0; padding: 0; min-height: 100%; font-family: var(--font-body); color: var(--color-text); background-color: var(--color-bg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.cc-layout__body { margin: 0; padding: 0; font-family: var(--font-body); color: var(--color-text); background-color: var(--color-bg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; } .cc-layout__container { display: flex; flex-direction: column; width: 100%; max-width: none; margin: 0; padding: 0; } #cc-layout-header, #cc-layout-footer { flex-shrink: 0; } #cc-layout-root { flex: 1 0 auto; } .cc-layout__container .sf_cols, .cc-layout__container .sf_colsOut, .cc-layout__container .sf_colsIn, .cc-layout__container .row[data-sf-element], .cc-layout__container [data-sf-element="Row"], .cc-layout__container [data-sf-element="Column"], .cc-layout__container .container, .cc-layout__container .container-fluid { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; float: none !important; } .cc-layout__container .sf_colsIn::before, .cc-layout__container .sf_colsIn::after, .cc-layout__container .row::before, .cc-layout__container .row::after { display: none !important; content: none !important; }