.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:sans-serif;color:hsl(var(--n-content));background-color:rgba(var(--n),.7);padding:1rem;border-radius:var(--radius-box);text-align:center}.spinner{border-top:4px solid rgba(var(--n-content),.3);border-radius:50%;border:4px solid rgba(var(--n-content),.3);border-top-color:hsl(var(--n-content));width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background-color:rgba(var(--er),.8);color:hsl(var(--er-content));padding:1rem;border-radius:var(--radius-box);max-width:300px;text-align:center;font-family:sans-serif;box-shadow:0 4px 6px -1px rgba(var(--n),.1)}canvas{touch-action:none!important}