html:not(.aem-AuthorLayer-Edit) .load-placeholder{position:relative;overflow:hidden}
html:not(.aem-AuthorLayer-Edit) .load-placeholder::before{position:absolute;display:initial;top:0;right:0;bottom:0;left:50%;z-index:1;width:500%;margin-left:-250%;background:linear-gradient(to right,rgba(255,255,255,0) 46%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 54%) 50% 50%;content:" ";pointer-events:none;-webkit-animation:loadPlaceholderAnimation 1s linear infinite;-moz-animation:loadPlaceholderAnimation 1s linear infinite;-o-animation:loadPlaceholderAnimation 1s linear infinite;animation:loadPlaceholderAnimation 1s linear infinite}
@keyframes loadPlaceholderAnimation{from{-webkit-transform:translate3d(-30%,0,0);-moz-transform:translate3d(-30%,0,0);-ms-transform:translate3d(-30%,0,0);-o-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}
to{-webkit-transform:translate3d(30%,0,0);-moz-transform:translate3d(30%,0,0);-ms-transform:translate3d(30%,0,0);-o-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}
}
.mini-loader{-webkit-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;-o-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:2px solid #fff;border-top-color:#418fde;border-radius:50%;height:50px;left:calc(50% - 25px);position:absolute;top:calc(50% - 25px);width:50px;z-index:100}
@keyframes spin{0{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
.mini-loader--top{top:20px}
.mini-loader--hide{display:none}