.spinner{border:4px solid #a8a8a8;border-top:4px solid var(--primary);border-radius:50%;width:50px;height:50px;animation:2s linear infinite spin}.text{color:#fff;font-size:18px;font-weight:700}.logo{width:50px;height:50px;margin-block:2ch;animation:2s linear infinite fade}.text-fade{font-size:16px;font-style:italic;font-weight:400;animation:1.5s linear infinite fadeText}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade{0%,to{opacity:0}50%{opacity:1}}@keyframes fadeText{0%,to{color:var(--primary)}50%{color:#a8a8a8}}
