.spinner{width:var(--spinner-size,48px);height:var(--spinner-size,48px);display:inline-block;position:relative}.spinner--page{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner:before,.spinner:after{content:"";box-sizing:border-box;width:var(--spinner-size,48px);height:var(--spinner-size,48px);border:2px solid #fefefe;border-radius:50%;animation:2s linear infinite spinner-pulse;position:absolute;top:0;left:0}.spinner:after{animation-delay:1s}@keyframes spinner-pulse{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}