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