.loader-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;padding:2rem;background:hsla(0,0%,100%,.9)}.loader-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.loading-text{font-size:28px;color:var(--altColorHex);font-weight:500;display:flex;gap:1px}.loading-text.alt-color{color:var(--mainColorHex)}.loading-spinner{width:160px;height:160px;border:25px solid #f3f3f3;border-top:25px solid var(--mainColorHex);border-radius:50%;animation:spin 1.5s linear infinite}.loading-char{display:inline-block;opacity:.25;transition:opacity .2s ease-in-out}.loading-char.dim{opacity:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-balls{display:flex;gap:25px;height:60px;align-items:center}.ball{width:40px;height:40px;background-color:var(--mainColorHex);border-radius:50%;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(40px)}50%{transform:translateY(-40px);background-color:var(--altColorHex)}}.loading-pendulum{display:flex;gap:4px;height:200px;align-items:end;padding:0 30px;perspective:200px}.pendulum-ball{width:50px;height:50px;background-color:var(--altColorHex);border-radius:50%;transform-origin:50% -200px}.pendulum-ball:first-child{animation:swingLeft 2s infinite}.pendulum-ball.alt-color,.pendulum-ball:first-child{background-color:var(--mainColorHex)}.pendulum-ball:last-child{animation:swingRight 2s infinite;background-color:var(--altColorHex)}@keyframes swingLeft{0%,to{transform:rotate(0deg)}40%{transform:rotate(45deg)}50%{transform:rotate(0deg)}}@keyframes swingRight{0%,50%,to{transform:rotate(0deg)}90%{transform:rotate(-45deg)}}