.preloader{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background-color:#ffffff4d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.preloader.white{background-color:#fff}.preloader.transparent{background-color:#0000}.dot{background:#54d3c2;margin:5px;animation-name:loader;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate}.loader{justify-content:center;align-items:center;display:flex}.loader.small .dot{margin:3px;animation-name:loaderSmall}.loader.medium .dot{margin:3px;animation-name:loaderMedium}.loader.large .dot{margin:8px;animation-name:loaderLarge}.dot:first-child{animation-delay:.2s}.dot:nth-child(2){animation-delay:.4s}.dot:nth-child(3){animation-delay:.6s}.dot:nth-child(4){animation-delay:.8s}.dot:nth-child(5){animation-delay:1s}@keyframes loaderSmall{0%{border-radius:1px;width:2px;height:2px}to{border-radius:4px;width:8px;height:8px}}@keyframes loaderMedium{0%{border-radius:2px;width:4px;height:4px}to{border-radius:8px;width:16px;height:16px}}@keyframes loader{0%{border-radius:1.5px;width:3px;height:3px}to{border-radius:10px;width:20px;height:20px}}@keyframes loaderLarge{0%{border-radius:2px;width:4px;height:4px}to{border-radius:15px;width:30px;height:30px}}