@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}#animation-root{--primary-color: #5465ff;position:relative;font-family:Geological,sans-serif}#animation-root .loading-spinner{border:.5rem solid #f3f3f3;border-top:.5rem solid var(--primary-color);border-radius:50%;width:2rem;height:2rem;animation:spin 1s linear infinite}#animation-root .loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:9999}#animation-root #animation-container{display:flex;flex-direction:column;height:100%;min-height:420px}#animation-root #animation-controls{justify-content:center;align-items:center;padding:1rem;font-size:2rem;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem}#animation-root #animation-controls button{color:var(--primary-color);font-size:1rem;border:1px solid var(--primary-color);background-color:transparent;cursor:pointer;outline:none;padding:.5rem;margin:.25rem;border-radius:10px;transition:all .2s ease-in-out;width:100%;max-width:32rem;flex-grow:1;align-self:stretch}#animation-root #animation-controls button.active{color:#fff;background-color:var(--primary-color)}#animation-root #animation-controls>div{font-size:1rem;border:1px solid black;background-color:transparent;padding:.5rem;margin:.25rem;border-radius:10px;text-align:center}