.loadingContainer{background-color:var(--primary-color);opacity:.7;width:100%;height:5px;position:fixed;top:0;left:0}.loadingBar{background-color:var(--secondary-color);height:100%;transition:width .5s ease-in-out}.loadingContent{align-items:center;width:100%;padding:10px;display:flex;position:absolute;top:100%;right:0}.loadingSpinner{border:3px solid var(--primary-color);border-top-color:#0000;border-radius:50%;width:20px;height:20px;margin-right:10px;animation:1s linear infinite spin}.loadingText{color:var(--primary-color);font-weight:700}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}