.preloader-container{width:100%;height:100%}.preloader-container .preloader-item{width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:auto;filter:url('#goo');animation:rotate-move 2s ease-in-out infinite}.dot{width:70px;height:70px;border-radius:50%;background-color:#000;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.dot-3{background-color:#f74d75;animation:dot-3-move 2s ease infinite,index 6s ease infinite}.dot-2{background-color:#10beae;animation:dot-2-move 2s ease infinite,index 6s -4s ease infinite}.dot-1{background-color:#ffe386;animation:dot-1-move 2s ease infinite,index 6s -2s ease infinite}@keyframes dot-3-move{20%{transform:scale(1)}45%{transform:translateY(-18px) scale(.45)}60%{transform:translateY(-90px) scale(.45)}80%{transform:translateY(-90px) scale(.45)}100%{transform:translateY(0) scale(1)}}@keyframes dot-2-move{20%{transform:scale(1)}45%{transform:translate(-16px,12px) scale(.45)}60%{transform:translate(-80px,60px) scale(.45)}80%{transform:translate(-80px,60px) scale(.45)}100%{transform:translateY(0) scale(1)}}@keyframes dot-1-move{20%{transform:scale(1)}45%{transform:translate(16px,12px) scale(.45)}60%{transform:translate(80px,60px) scale(.45)}80%{transform:translate(80px,60px) scale(.45)}100%{transform:translateY(0) scale(1)}}@keyframes rotate-move{55%{transform:translate(-50%,-50%) rotate(0deg)}80%{transform:translate(-50%,-50%) rotate(360deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes index{0%,100%{z-index:3}33.3%{z-index:2}66.6%{z-index:1}}.animated-background{animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:#f6f7f8;background:linear-gradient(to right,#eee 8%,#ddd 18%,#eee 33%);background-size:800px 104px;height:96px;position:relative}@keyframes placeHolderShimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}