.loader_wrapper{display:flex;justify-content:center;align-items:center;height:100px}.loader_wrapper.loader_overlay{position:fixed;inset:0;z-index:9999;height:100vh;background:hsla(0,0%,100%,.88);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:all}.dot_loader{position:relative;width:60px;height:60px}.dot_loader span{position:absolute;width:20%;height:20%;background:#4a5568;border-radius:50%;left:40%;top:40%;transform-origin:center 150%;animation:pulse 1.2s linear infinite}.dot_loader span:first-child{transform:rotate(0deg) translateY(-150%);animation-delay:0s}.dot_loader span:nth-child(2){transform:rotate(45deg) translateY(-150%);animation-delay:.15s}.dot_loader span:nth-child(3){transform:rotate(90deg) translateY(-150%);animation-delay:.3s}.dot_loader span:nth-child(4){transform:rotate(135deg) translateY(-150%);animation-delay:.45s}.dot_loader span:nth-child(5){transform:rotate(180deg) translateY(-150%);animation-delay:.6s}.dot_loader span:nth-child(6){transform:rotate(225deg) translateY(-150%);animation-delay:.75s}.dot_loader span:nth-child(7){transform:rotate(270deg) translateY(-150%);animation-delay:.9s}.dot_loader span:nth-child(8){transform:rotate(315deg) translateY(-150%);animation-delay:1.05s}@keyframes pulse{0%{opacity:1}to{opacity:.15}}