.resource-loading{position:relative;}
.resource-loading::after{content:"";position:absolute;z-index:10;left:50%;top:50%;width:28px;height:28px;margin:-16px;border:3px solid rgba(100,180,205,.3);border-top-color:#56d9f5;border-radius:50%;animation:resource-spin .85s linear infinite;pointer-events:none;box-shadow:0 0 0 8px rgba(5,24,36,.65);}
@keyframes resource-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.resource-loading::after{animation:none;border-style:dotted}}