.spinner-card-preview{gap:10px;padding:16px;display:grid}.spinner-card-pair{justify-content:center;align-items:center;gap:8px;display:flex}.spinner-card-cell{justify-items:center;gap:4px;display:grid}.spinner-card-btn{border-radius:6px;align-items:center;gap:5px;padding:6px 9px;font-size:8px;font-weight:700;line-height:1;display:inline-flex}.spinner-card-btn.is-busy{color:#4c4c55;background:#eceef3;border:1px solid #d7dbe3}.spinner-card-btn.is-done{color:#2f6b52;background:#eaf6f0;border:1px solid #c3d8cc}.spinner-card-btn b{font-size:8px}.spinner-card-ring{border:2px solid #d3d7df;border-top-color:var(--ink);border-radius:50%;width:11px;height:11px}.spinner-card-ring.is-stopped{border-top-color:#a83a44}.spinner-card-cell small{color:#8a8a93;font-size:7px;font-weight:600}.spinner-card-arrow{color:#a5a5ae;font-size:10px}.spinner-card-fail{color:#7e3a40;background:#fff5f6;border:1px solid #efd4d7;border-radius:6px;align-items:center;gap:7px;padding:6px 8px;font-size:8px;font-weight:650;display:flex}.spinner-card-fail .spinner-card-ring{border-width:2px;border-color:#a83a44 #f0d2d6 #f0d2d6;width:10px;height:10px}.spinner-card-conclude{color:var(--ink);font-size:9px;font-weight:750;line-height:1.45}.term-interactive-demo.spinner-demo{border:1px solid var(--line);background:var(--color-white);border-radius:10px;gap:12px;display:grid}.term-interactive-demo.spinner-demo .spinner-demo-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.term-interactive-demo.spinner-demo .spinner-demo-heading b{color:var(--ink);font-size:14px;font-weight:800}.term-interactive-demo.spinner-demo .spinner-demo-status-word{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:99px;padding:3px 9px;font-size:11.5px;font-weight:700}.term-interactive-demo.spinner-demo .spinner-demo-card{border:1px solid var(--line);background:var(--soft);border-radius:9px;align-content:center;min-height:96px;padding:16px;display:grid}.term-interactive-demo.spinner-demo .spinner-demo-card.is-success{background:#eaf6f0;border-color:#c3d8cc}.term-interactive-demo.spinner-demo .spinner-demo-card.is-error{background:#fdf3f4;border-color:#e6c4c8}.term-interactive-demo.spinner-demo .spinner-demo-placeholder{color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.term-interactive-demo.spinner-demo .spinner-demo-placeholder i{color:#b3b3bb;font-style:normal}.term-interactive-demo.spinner-demo .spinner-demo-loading{justify-content:center;align-items:center;gap:10px;display:flex}.term-interactive-demo.spinner-demo .spinner-demo-ring{border:3px solid #dcdfe6;border-top-color:var(--ink);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spinner-demo-spin;display:block}.term-interactive-demo.spinner-demo .spinner-demo-ring.is-stopped{border-top-color:#a83a44;animation:none}.term-interactive-demo.spinner-demo .spinner-demo-busy-text{color:var(--ink);font-size:13.5px;font-weight:700}.term-interactive-demo.spinner-demo .spinner-demo-report{gap:4px;display:grid}.term-interactive-demo.spinner-demo .spinner-demo-report b{color:#2f6b52;font-size:14.5px;font-weight:800}.term-interactive-demo.spinner-demo .spinner-demo-report span{color:#45665a;font-size:12.5px;font-weight:600}.term-interactive-demo.spinner-demo .spinner-demo-error{text-align:center;justify-items:center;gap:4px;display:grid}.term-interactive-demo.spinner-demo .spinner-demo-error b{color:#a83a44;font-size:14px;font-weight:800}.term-interactive-demo.spinner-demo .spinner-demo-error span{color:#7e3a40;font-size:12.5px;font-weight:600}.term-interactive-demo.spinner-demo .spinner-demo-error .spinner-demo-ring{width:20px;height:20px}@keyframes spinner-demo-spin{to{transform:rotate(1turn)}}.term-interactive-demo.spinner-demo .spinner-demo-toggles{flex-wrap:wrap;gap:7px;display:flex}.term-interactive-demo.spinner-demo .spinner-demo-toggle{border:1px solid var(--line);background:var(--color-white);min-height:32px;color:var(--muted);font:inherit;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.term-interactive-demo.spinner-demo .spinner-demo-toggle:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.term-interactive-demo.spinner-demo .spinner-demo-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.spinner-demo .spinner-demo-toggle[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--color-white)}.term-interactive-demo.spinner-demo .spinner-demo-toggle:disabled{border-color:var(--line);background:var(--soft);color:var(--muted);cursor:not-allowed}.term-interactive-demo.spinner-demo .spinner-demo-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.term-interactive-demo.spinner-demo .spinner-demo-lever{border:1px solid var(--line);background:var(--color-white);min-height:36px;color:var(--ink);font:inherit;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.term-interactive-demo.spinner-demo .spinner-demo-lever:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.spinner-demo .spinner-demo-lever:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.spinner-demo .spinner-cta{border:1px solid var(--color-rausch-600);background:var(--color-rausch-600);min-height:36px;color:var(--color-white);font:inherit;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-left:auto;padding:7px 18px;font-size:13px;font-weight:800;transition:background-color .12s,border-color .12s,transform 80ms ease-out;display:inline-flex}.term-interactive-demo.spinner-demo .spinner-cta:hover:not(:disabled){background:color-mix(in srgb, var(--color-rausch-600) 88%, #000);border-color:color-mix(in srgb, var(--color-rausch-600) 88%, #000)}.term-interactive-demo.spinner-demo .spinner-cta:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.spinner-demo .spinner-cta:disabled{background:color-mix(in srgb, var(--color-rausch-600) 55%, #fff);border-color:color-mix(in srgb, var(--color-rausch-600) 55%, #fff);color:var(--color-white);cursor:progress}.term-interactive-demo.spinner-demo .spinner-cta:active:not(:disabled){transform:translateY(1px)}.term-interactive-demo.spinner-demo .spinner-demo-status{background:var(--soft);color:var(--ink);border-radius:7px;margin:0;padding:9px 11px;font-size:13px;line-height:1.55}.spinner-example-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.spinner-example-cell{border:1px solid var(--line);background:var(--color-white);border-radius:9px;gap:7px;padding:13px;display:grid}.spinner-example-cell small{color:var(--muted);font-size:11.5px;font-weight:700}.spinner-example-cell p{color:#54545e;margin:0;font-size:12.5px;line-height:1.5}.spinner-example{border:1px solid var(--line);background:var(--soft);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.spinner-example-ring{border:2.5px solid #dcdfe6;border-top-color:var(--ink);border-radius:50%;flex:none;width:18px;height:18px}.spinner-example.is-bad .spinner-example-ring.is-bare{border-top-color:#b3b3bb}.spinner-example-meta{gap:2px;display:grid}.spinner-example-meta b{color:var(--ink);font-size:13px;font-weight:800}.spinner-example-meta span{color:var(--muted);font-size:12px}.term-interactive-demo.spinner-demo.is-reduced .spinner-demo-ring{animation:none}@media (prefers-reduced-motion:reduce){.term-interactive-demo.spinner-demo .spinner-demo-ring{animation:none}.term-interactive-demo.spinner-demo .spinner-cta{transition:none}}@media (max-width:560px){.spinner-example-pair{grid-template-columns:1fr}.term-interactive-demo.spinner-demo .spinner-cta{flex:100%;margin-left:0}}