@keyframes fadeOut{to{opacity:0}}@keyframes wave{40%{transform:translateY(0)}to{transform:translateY(-10px)}}body{margin:0}#preloader{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f6f7f9}#preloader.fade{animation-name:fadeOut;animation-duration:.5s}#preloader svg{width:100%;height:100%;max-width:50%}@media (min-width: 640px){#preloader svg{max-width:40%}}@media (min-width: 768px){#preloader svg{max-width:30%}}@media (min-width: 1024px){#preloader svg{max-width:20%}}#preloader svg path{animation-name:wave;animation-duration:.6s;animation-iteration-count:infinite;animation-timing-function:ease-out;animation-direction:alternate}#preloader svg path:nth-child(3){animation-delay:.3s}#preloader svg path:nth-child(4){animation-delay:.4s}#preloader svg path:nth-child(5){animation-delay:.5s}#preloader svg path:nth-child(6){animation-delay:.6s}#preloader svg path:nth-child(7){animation-delay:.7s}#preloader svg path:nth-child(8){animation-delay:.8s}