.activity{border:3px solid rgba(128,128,128,.412);border-radius:1rem;max-width:900px;padding:1em;margin:2em auto}.activity[data-act-type=choice] ul>li{list-style-type:none}.activity.debug-error{border:4px dashed red;pointer-events:none}.activity-toolbar{min-height:3em;align-items:center;display:flex}.activity.correct{border:3px solid green}.activity.incorrect{border:3px solid orange}.activity-debug-info{background-color:#00000067;padding:.5em;font-size:small;overflow-x:scroll}.activity-feedback{border-left:2px solid rgb(6,187,6);background-color:#7bd76934;padding:1em}.feedback-body{margin:1em 0}.feedback-cause{min-width:20em;width:fit-content;border-left:2px solid gray;padding:2px;background-color:#7d7d7d3d}.feedback-counter{margin-left:4px;font-family:monospace}#activity-debug{position:fixed;bottom:12px;left:12px;z-index:9;background:#000000bf;color:#fff;font-size:12px;font-family:system-ui,sans-serif;padding:6px 8px;border-radius:6px}#activity-debug>*{opacity:.6;cursor:pointer;text-align:right}#activity-debug>*:hover{opacity:1}.loading-fullscreen{display:none;position:fixed;inset:0;background:#0f172ad2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;z-index:99;display:flex;align-items:center;justify-content:center;font-family:system-ui,sans-serif}.loading-fullscreen .loader{text-align:center;background-color:#1a1a1a;border-radius:1em;padding:2em}.loading-fullscreen h1{font-size:2.5rem;margin-top:1rem}.loading-fullscreen p{opacity:.8}.spinner{width:64px;height:64px;border:6px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}#loading-small{max-width:300px;position:fixed}.spinner-small{width:20px;height:20px;border:6px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 1em}@keyframes spin{to{transform:rotate(360deg)}}form{padding:2em;display:flex;gap:4px;flex-direction:column;align-items:start}button:hover:not(:disabled){background-color:bisque}.error-msg{max-width:300px;margin:2em auto;background-color:#ff00005d;border-radius:1em;padding:2em}.small-box{max-width:400px;min-height:200px;background-color:#1a1a1a4e;margin:2em auto;padding:1em;border-radius:1em;font-size:large}.small-title{font-size:small;font-style:italic;opacity:.8}