.spinner-body{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.spinner{box-sizing:border-box;border:3px solid #005ecc;border-style:solid solid dotted dotted;border-radius:50%;width:48px;height:48px;animation:2s linear infinite rotation;display:inline-block;position:relative}.spinner:after{content:"";box-sizing:border-box;transform-origin:50%;border:3px solid #222256;border-bottom-style:dotted;border-radius:50%;width:24px;height:24px;margin:auto;animation:1s linear infinite rotationBack;position:absolute;inset:0}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}