.spinner{--size:30px;--first:#005bba;--second:#fed500;width:100px;height:100px;position:relative;animation:spin 3s linear infinite}.spinner:after,.spinner:before{content:"";width:var(--size);height:var(--size);border-top:4px solid var(--first);border:4px solid var(--first);border-top-color:var(--second);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:spinRing 1.5s ease-out infinite;box-shadow:0 0 10px var(--first)}.spinner:before{filter:blur(10px)}@keyframes spinRing{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}