.index-view-layout--top { font-size: var(--app-font-size); line-height: var(--app-line-height); color: var(--app-color-black); .index-view-header { height: 64px; display: flex; justify-content: space-between; align-items: center; background-color: var(--app-color-black); color: var(--app-color-white); .index-view-header__left { font-size: 21px; font-weight: 700; margin-left: 50px; .app-caption { color: var(--app-color-white); } .app-icon { width: 37px; height: 37px; margin-right: 6px; } } .index-view-header__right { display: flex; align-items: center; margin-right: 38px; } } .index-view-content { height: calc(100% - 64px); overflow: auto; padding: 20px 38px 0 38px; background-color: var(--app-color-gray-400); display: flex; flex-direction: column; >.view-container { flex-grow: 1; +.copyright-notice { position: relative; } } } .copyright-notice { height: 100px; width: 100%; text-align: center; flex-shrink: 0; position: absolute; bottom: 0px; .notice { padding-top: 10px; color: var(--app-color-gray-200); } } }