.loader{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:6rem;margin-top:5rem}.loader:after,.loader:before{content:"";position:absolute;border-radius:50%;animation:pulsOut 1.8s ease-in-out infinite;filter:drop-shadow(0 0 1rem #6366f1)}.loader:before{width:100%;padding-bottom:100%;box-shadow:inset 0 0 0 1rem #fff;animation-name:pulsIn}.loader:after{width:calc(100% - 2rem);padding-bottom:calc(100% - 2rem);box-shadow:0 0 0 0 #fff}@keyframes pulsIn{0%{box-shadow:inset 0 0 0 1rem #9333ea;opacity:1}50%,to{box-shadow:inset 0 0 0 0 #9333ea;opacity:0}}@keyframes pulsOut{0%,50%{box-shadow:0 0 0 0 #9333ea;opacity:0}to{box-shadow:0 0 0 1rem #9333ea;opacity:1}}