.page-loader{width:48px;height:48px;display:inline-block;position:relative}.page-loader:after,.page-loader:before{content:"";width:48px;height:48px;border:2px solid #000;position:absolute;left:0;top:0;box-sizing:border-box;animation:rotation 2s ease-in-out infinite}.page-loader:after{border-color:hsl(var(--primary));animation-delay:1s}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.welcome-loader{width:30px;height:30px;position:relative;border-radius:50%;color:var(--secondary);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}}