body, #smooth-wrapper { background:inherit !important; } #smooth-wrapper { flex:1; min-height: 400px; box-shadow: 0px 3px 5px 0px black; } #smooth-content { z-index:1; } #brx-content { z-index:1; } html.is-changing #smooth-wrapper:before { content: ""; width: 48px; height: 48px; border: 5px solid #FFF; border-bottom-color: var(--bricks-color-cnstvx); border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; top: 50%; position: fixed; left: 50%; transform: translate(50%, -50%); } @keyframes rotation { 0%, 100% { transform: translate(50%, -50%); } 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }