.term-card .interaction-feedback-card-preview{background:#f2fbf8;border-color:#d0e7df}.interaction-feedback-card-button{background:#fff;border:1px solid #d3e4df;border-radius:5px;align-items:center;gap:6px;padding:7px 8px;display:flex}.interaction-feedback-card-button span{color:#46666a;font-size:10px;font-weight:780}.interaction-feedback-card-button small{color:#a16b35;margin-left:auto;font-size:8px}.interaction-feedback-card-button .is-spinner{border:2px solid #cad7d5;border-top-color:#4d9b85;border-radius:50%;width:10px;height:10px}.interaction-feedback-card-timeline{align-items:center;gap:5px;display:flex}.interaction-feedback-card-timeline>span{color:#687b7f;text-align:center;background:#eaf2f1;border-radius:4px;flex:1 1 0;padding:5px;font-size:8px}.interaction-feedback-card-timeline .is-active{color:#94652f;background:#fff2dc}.interaction-feedback-card-timeline .is-done{color:#347b61;background:#e5f6ed}.interaction-feedback-card-timeline i{color:#83a39a;font-style:normal}.interaction-feedback-card-result{background:#e5f6ed;border-radius:5px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.interaction-feedback-card-result strong{color:#347b61;font-size:10px}.interaction-feedback-card-result small{color:#527766;font-size:8px}.term-card .term-preview.interaction-feedback-card-preview{background:#f2fbf8;border-color:#d0e7df}.interaction-feedback-card-heading{justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;display:flex}.interaction-feedback-card-heading small{color:#46666a;font-size:10px;font-weight:800}.interaction-feedback-card-tag{color:#1f6a3a;background:#e5f6ed;border-radius:99px;padding:2px 7px;font-size:8px;font-weight:750}.interaction-feedback-card-steps{gap:4px;margin:0 0 6px;padding:0;list-style:none;display:grid}.interaction-feedback-card-steps li{background:#fff;border:1px solid #d3e4df;border-radius:5px;grid-template-columns:40px 1fr auto;align-items:center;gap:6px;padding:5px 7px;display:grid}.interaction-feedback-card-steps li b{color:#46666a;font-size:9px;font-weight:800}.interaction-feedback-card-steps li i{color:#3a5256;font-size:9px;font-style:normal;font-weight:700}.interaction-feedback-card-steps li small{color:#6b8589;font-size:7.5px;font-weight:600}.interaction-feedback-card-steps li.is-press{background:#fff7e8;border-color:#e6c98a}.interaction-feedback-card-steps li.is-press i{color:#8a5a2b}.interaction-feedback-card-steps li.is-busy{background:#fff7e8;border-color:#e6c98a}.interaction-feedback-card-steps li.is-busy i{color:#8a5a2b}.interaction-feedback-card-steps li.is-done{background:#ecf7f0;border-color:#b9d8c2}.interaction-feedback-card-steps li.is-done i{color:#2f6a45}.interaction-feedback-card-contrast{background:#eef2f1;border:1px dashed #c9d4d0;border-radius:5px;gap:4px;margin-bottom:6px;padding:6px 7px;display:grid}.interaction-feedback-card-contrast-label{color:#7d6a3a;font-size:8px;font-weight:800}.interaction-feedback-card-contrast-card{grid-template-columns:1fr auto;align-items:center;gap:4px 6px;display:grid}.interaction-feedback-card-contrast-card i{color:#889499;font-size:9px;font-style:normal;font-weight:700}.interaction-feedback-card-contrast-card b{color:#5d6a6e;font-size:11px;font-weight:800}.interaction-feedback-card-contrast-card small{color:#8a6a55;grid-column:1/-1;font-size:7.5px;font-weight:600}.interaction-feedback-card-verdict{color:#1f3f3a;background:#e6f1ec;border-radius:5px;margin:0;padding:7px 8px;font-size:9px;font-weight:700;line-height:1.5;display:block}.term-interactive-demo.interaction-feedback-demo{background:#f6fbf9;border-color:#d3e4df;gap:12px}.interaction-feedback-demo-intro{gap:4px;display:grid}.interaction-feedback-demo-eyebrow{color:#1f6a3a;letter-spacing:.02em;font-size:12px;font-weight:800}.interaction-feedback-demo-intro p{color:#2f3f43;margin:0;font-size:13px;line-height:1.55}.interaction-feedback-demo-controls{flex-wrap:wrap;gap:8px;display:flex}.interaction-feedback-demo-toggle{background:#fff;border:1px solid #d3e4df;border-radius:8px;flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.term-interactive-demo.interaction-feedback-demo .interaction-feedback-demo-toggle button{color:#4d6669;background:0 0;border:1px solid #0000;border-radius:6px;min-height:30px;padding:5px 11px;font-size:12.5px;font-weight:650}.term-interactive-demo.interaction-feedback-demo .interaction-feedback-demo-toggle button:hover{border-color:var(--ink);color:var(--ink);background:#eef2f1}.term-interactive-demo.interaction-feedback-demo .interaction-feedback-demo-toggle button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.interaction-feedback-demo-card{background:#fff;border:1px solid #d3e4df;border-radius:10px;gap:10px;padding:14px;display:grid}.interaction-feedback-demo-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.interaction-feedback-demo-card-title{gap:1px;display:grid}.interaction-feedback-demo-card-title small{color:#6b8589;font-size:11px;font-weight:650}.interaction-feedback-demo-card-title strong{color:var(--ink);font-size:14px;font-weight:800}.interaction-feedback-demo-status{white-space:nowrap;border-radius:99px;align-items:center;padding:3px 11px;font-size:12px;font-weight:750;display:inline-flex}.interaction-feedback-demo-status.is-idle{color:#4d5c5f;background:#eef1f0}.interaction-feedback-demo-status.is-busy{color:#7a4a1c;background:#fff2dc}.interaction-feedback-demo-status.is-success{color:#1f6a3a;background:#e5f6ed}.interaction-feedback-demo-status.is-failure{color:#8a2f3f;background:#fde8ec}.interaction-feedback-demo-card-body{gap:8px;min-height:24px;display:grid}.interaction-feedback-demo-placeholder{color:#6b8589;margin:0;font-size:13px;line-height:1.55}.interaction-feedback-demo-progress{background:#eef1f0;border-radius:99px;align-items:center;height:8px;display:grid;overflow:hidden}.interaction-feedback-demo-bar{background:#c98a3a;border-radius:99px;width:0;height:100%;animation:1.2s linear forwards interaction-feedback-progress;display:block}@keyframes interaction-feedback-progress{0%{width:0}to{width:100%}}.interaction-feedback-demo-toast{border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;font-size:13px;line-height:1.5;display:flex}.interaction-feedback-demo-toast.is-success{color:#1f4a32;background:#ecf7f0;border:1px solid #b9d8c2;border-left:4px solid #2f6a45}.interaction-feedback-demo-toast.is-failure{color:#5e2230;background:#fdeef0;border:1px solid #e8c4cc;border-left:4px solid #8a2f3f}.interaction-feedback-demo-toast b{font-weight:800}.interaction-feedback-demo-toast span{color:#4d5c5f}.interaction-feedback-demo-toast.is-failure span{color:#6b3a44}.interaction-feedback-demo-actions{align-items:center;gap:8px;display:flex}.interaction-feedback-demo-meta{color:#4d6669;margin:0;font-size:12px;line-height:1.5}.interaction-feedback-demo-meta b{color:var(--ink);font-weight:700}.interaction-feedback-demo-last.is-success{color:#1f6a3a;font-weight:750}.interaction-feedback-demo-last.is-failure{color:#8a2f3f;font-weight:750}.interaction-feedback-demo-last.is-none{color:#6b7c7f;font-weight:650}.interaction-feedback-demo-repeat{color:#8a2f3f}.interaction-feedback-demo-repeat b{color:#8a2f3f;font-weight:800}.term-interactive-demo.interaction-feedback-demo .interaction-feedback-demo-save{border:1px solid var(--color-rausch-600);background:var(--color-rausch-600);color:#fff;min-height:40px;font:inherit;border-radius:8px;align-items:center;gap:8px;padding:9px 20px;font-size:14px;font-weight:750;transition:transform 80ms ease-out,background-color .15s ease-out,border-color .15s ease-out;display:inline-flex}.term-interactive-demo.interaction-feedback-demo .interaction-feedback-demo-save:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-rausch-600) 88%, #000);background:color-mix(in srgb, var(--color-rausch-600) 88%, #000);color:#fff}.term-interactive-demo.interaction-feedback-demo .interaction-feedback-demo-save.is-pressed{transform:translateY(1px)}.term-interactive-demo.interaction-feedback-demo .interaction-feedback-demo-save:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.term-interactive-demo.interaction-feedback-demo .interaction-feedback-demo-save:disabled{cursor:progress}.interaction-feedback-demo-spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite interaction-feedback-spin}@keyframes interaction-feedback-spin{to{transform:rotate(360deg)}}.interaction-feedback-demo-log{background:#eef2f1;border:1px dashed #c9d4d0;border-radius:8px;gap:5px;padding:10px 12px;display:grid}.interaction-feedback-demo-log small{color:#5d6a6e;font-size:11px;font-weight:750}.interaction-feedback-demo-log ul{gap:3px;margin:0;padding:0;list-style:none;display:grid}.interaction-feedback-demo-log li{color:#2f3f43;grid-template-columns:44px 1fr;gap:6px;font-size:12px;line-height:1.45;display:grid}.interaction-feedback-demo-log li>span{color:#7d8d90;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px}.interaction-feedback-demo-log li.is-press,.interaction-feedback-demo-log li.is-busy{color:#5a4316}.interaction-feedback-demo-log li.is-ok{color:#1f6a3a}.interaction-feedback-demo-log li.is-bad{color:#8a2f3f}.interaction-feedback-demo-status-now{color:#1f3f3a;background:#e6f1ec;border-left:3px solid #2f6a45;border-radius:5px;margin:0;padding:9px 11px;font-size:13px;line-height:1.55}.interaction-feedback-demo-legend{color:#4d6669;margin:0;font-size:12.5px;line-height:1.55}.term-interactive-demo.interaction-feedback-demo .interaction-feedback-demo-inline{border:1px solid var(--ink);min-height:0;color:var(--ink);background:#fff;border-radius:5px;padding:3px 10px;font-size:12px;font-weight:700}.term-interactive-demo.interaction-feedback-demo .interaction-feedback-demo-inline:hover{background:var(--ink);color:#fff}.term-interactive-demo.interaction-feedback-demo .interaction-feedback-demo-reset{color:#4d6669;background:#fff;border:1px solid #c9d4d0;border-radius:7px;min-height:32px;padding:5px 14px;font-size:12.5px;font-weight:700}.term-interactive-demo.interaction-feedback-demo .interaction-feedback-demo-reset:hover{border-color:var(--ink);color:var(--ink);background:#eef2f1}.interaction-feedback-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.interaction-feedback-examples article{border:1px solid var(--line);background:#fff;border-radius:8px;align-content:start;gap:5px;padding:13px 14px;display:grid}.interaction-feedback-examples article.is-good{background:#f2f9f4;border-left:4px solid #2f6a45}.interaction-feedback-examples article.is-bad{background:#fdeef0;border-left:4px solid #8a2f3f}.interaction-feedback-examples small{color:var(--muted);font-size:11px;font-weight:750;font-family:var(--font-geist-mono), ui-monospace, monospace}.interaction-feedback-examples b{color:var(--ink);font-size:14px;font-weight:800}.interaction-feedback-examples article.is-good b{color:#1f6a3a}.interaction-feedback-examples article.is-bad b{color:#8a2f3f}.interaction-feedback-examples p{color:#2a3a3e;margin:0;font-size:13px;line-height:1.55}.interaction-feedback-recap{gap:8px;margin:0;padding:0;list-style:none;display:grid}.interaction-feedback-recap li{color:#2a3a3e;font-size:13.5px;line-height:1.6}.interaction-feedback-recap b{color:var(--ink);font-weight:800}.interaction-feedback-recap code{color:#2a3f44;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#ecefef;border-radius:3px;padding:1px 5px;font-size:12px}.interaction-feedback-how-steps{color:#2a3a3e;gap:7px;margin:0;padding-left:18px;font-size:13.5px;line-height:1.6;display:grid}.interaction-feedback-how-steps code{color:#2a3f44;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#ecefef;border-radius:3px;padding:1px 5px;font-size:12px}@media (prefers-reduced-motion:reduce){.interaction-feedback-demo-bar{width:70%;animation:none}.interaction-feedback-demo-spinner{border:2px solid #ffffff73;border-top-color:#fff;animation:none}.term-interactive-demo.interaction-feedback-demo .interaction-feedback-demo-save{transition:none}.term-interactive-demo.interaction-feedback-demo .interaction-feedback-demo-save.is-pressed{transform:none}}@media (max-width:560px){.interaction-feedback-demo-controls{flex-direction:column;align-items:stretch}.interaction-feedback-demo-card-head{flex-direction:column;align-items:flex-start}.interaction-feedback-examples{grid-template-columns:1fr}}
