.loader{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:6rem;margin-top:3rem;margin-bottom:3rem}.loader:after,.loader:before{content:"";position:absolute;border-radius:50%;animation:pulsOut 1.8s ease-in-out infinite;filter:drop-shadow(0 0 1rem rgba(4,8,67,.75))}.loader:before{width:100%;padding-bottom:100%;box-shadow:inset 0 0 0 1rem #040843;animation-name:pulsIn}.loader:after{width:calc(100% - 2rem);padding-bottom:calc(100% - 2rem);box-shadow:0 0 0 0 #040843}@keyframes pulsIn{0%{box-shadow:inset 0 0 0 1rem #040843;opacity:1}50%,to{box-shadow:inset 0 0 0 0 #040843;opacity:0}}@keyframes pulsOut{0%,50%{box-shadow:0 0 0 0 #040843;opacity:0}to{box-shadow:0 0 0 1rem #040843;opacity:1}}.lds-ripple,.lds-ripple div{box-sizing:border-box}.lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple div{position:absolute;border:4px solid #fff;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:36px;left:36px;width:8px;height:8px;opacity:0}4.9%{top:36px;left:36px;width:8px;height:8px;opacity:0}5%{top:36px;left:36px;width:8px;height:8px;opacity:1}to{top:0;left:0;width:80px;height:80px;opacity:0}}