*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;min-height:100vh;background-color:#010b10}.loader-liquid{position:relative;width:200px;height:200px;-webkit-filter:url(#wateriness);filter:url(#wateriness)}.loader-liquid__item{display:block;width:100%;height:100%;-webkit-animation:round 4s ease-in-out infinite;animation:round 4s ease-in-out infinite;-webkit-animation-delay:-webkit-calc(0.2s * var(--i));animation-delay:calc(0.2s * var(--i));position:absolute;left:0;top:0}.loader-liquid__item::before{content:"";position:absolute;left:-webkit-calc(50% - 20px);left:calc(50% - 20px);-webkit-border-radius:50%;border-radius:50%;top:0;width:40px;height:40px;background-image:-webkit-gradient(linear, left top, left bottom, from(#fce4ec), to(#03a9f4));background-image:-webkit-linear-gradient(#fce4ec, #03a9f4);background-image:-o-linear-gradient(#fce4ec, #03a9f4);background-image:linear-gradient(#fce4ec, #03a9f4);-webkit-box-shadow:0 0 30px #03a9f4;box-shadow:0 0 30px #03a9f4}.loader-liquid__svg{width:0;height:0}@-webkit-keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%,100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%,100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}