#loader{width:40px;height:40px;position:relative;display:inline-block}#loader:before{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 -16px 0 0 var(--color-gs-300),11.3px -11.3px 0 0 var(--color-gs-300),16px 0 0 0 var(--color-gs-300),11.3px 11.3px 0 0 rgba(0,0,0,.1),0 16px 0 0 rgba(0,0,0,.1),-11.3px 11.3px 0 0 rgba(0,0,0,.1),-16px 0 0 0 rgba(0,0,0,.1),-11.3px -11.3px 0 0 rgba(0,0,0,.1);animation:dots-rotation 1.5s linear infinite}@keyframes dots-rotation{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}