/* These styles for the preloader will only be applied when the 'data-builder-window' attribute is NOT present with the value 'main' on the tag. This prevents conflicts within the Bricks editor. */ #preloader-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #fff; z-index: 999999; display: flex; justify-content: center; align-items: center; overflow: hidden; } #preloader-overlay.instant-hide { display: none !important; } .loader-layer { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.3s ease-in-out; } .loader-layer.active { opacity: 1; } #preloader-overlay.hidden { transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1); transform: translateY(-100%); } /*Hide effect on backend bricks*/ /*Hide on template that not are header*/ .brx-body.iframe.mounted #preloader-overlay {display: none;} /*Show in header as static position*/ .postid-257 .brx-body.iframe.mounted #preloader-overlay { display: flex; position: static; }