.page-loader{width:50px;height:50px;display:grid}.page-loader:after,.page-loader:before{content:"";grid-area:1/1;--c:radial-gradient(farthest-side,var(--primary) 92%,#0000);background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-size:12px 12px;background-repeat:no-repeat;animation:s2 1.5s infinite}.page-loader:before{margin:4px;filter:hue-rotate(45deg);background-size:8px 8px;animation-timing-function:linear}@keyframes s2{to{transform:rotate(.5turn)}}.welcome-loader{width:30px;height:30px;position:relative;border-radius:50%;color:var(--primary);animation:fill 1s ease-in infinite alternate}.welcome-loader:after,.welcome-loader:before{content:"";position:absolute;height:100%;width:100%;border-radius:50%;left:48px;top:0;animation:fill .9s ease-in infinite alternate}.welcome-loader:after{left:auto;right:48px;animation-duration:1.1s}@keyframes fill{0%{box-shadow:inset 0 0 0 2px}to{box-shadow:inset 0 0 0 10px}}