.water-loader{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;left:54%;top:45%}@media (max-width:1023.5px){.water-loader{top:50%;left:50%;transform:translate(-50%,-50%)}}.water{width:120px;height:120px;border-radius:50%;overflow:hidden;position:relative;background:#ffffff;border:2px solid rgba(10,25,47,.2);box-shadow:inset 0 0 20px rgba(10,25,47,.08),0 10px 25px rgba(10,25,47,.1)}.water-fill{position:absolute;inset:0;animation:fillWater 3s ease-in-out infinite}.water-fill:after,.water-fill:before{content:"";position:absolute;width:220px;height:220px;left:50%;transform:translateX(-50%)}.water-fill:before{background:rgba(10,25,47,.4);border-radius:45%;animation:wave 5s linear infinite}.water-fill:after{background:rgba(10,25,47,.1);border-radius:40%;animation:wave 8s linear infinite reverse}.brand{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;letter-spacing:.05em;color:#0a192f}.loader-text{font-size:14px;font-weight:500;color:#0a192f;opacity:.7}@keyframes wave{0%{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(1turn)}}@keyframes fillWater{0%{transform:translateY(65%)}50%{transform:translateY(15%)}to{transform:translateY(65%)}}