.demo-app{--demo-bar-h:3.5rem}.demo-badge{font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:3px;align-items:center;padding:4px 8px;font-size:11px;line-height:1;display:inline-flex}.demo-badge--angebot{color:var(--color-accent);border-color:color-mix(in oklch, var(--color-accent) 35%, transparent);background:color-mix(in oklch, var(--color-accent) 8%, transparent)}.demo-badge--rueckfrage{color:var(--color-accent-warn);border-color:color-mix(in oklch, var(--color-accent-warn) 35%, transparent);background:color-mix(in oklch, var(--color-accent-warn) 8%, transparent)}.demo-badge--aussortiert{color:#eb827b;color:lab(66.2629% 40.5713 22.802);background:#c659541a;background:lab(52.2252% 43.9132 25.2769/.1);border-color:#8d4540;border-color:lab(38.7051% 31.2939 17.7967)}.demo-badge--service,.demo-badge--bewerbung{color:var(--color-muted);border-color:var(--color-border-strong);background:0 0}.demo-dot{border-radius:50%;flex:none;width:6px;height:6px}.demo-dot--accent{background:var(--color-accent)}.demo-dot--warn{background:var(--color-accent-warn)}.demo-dot--muted{background:#555;background:lab(36.2% 0 .00000596046)}.demo-score{font-variant-numeric:tabular-nums;font-weight:700}.demo-score--high{color:var(--color-accent)}.demo-score--mid{color:var(--color-accent-warn)}.demo-score--low{color:var(--color-muted)}.demo-row{transition:background-color .2s;position:relative}.demo-row:before{content:"";background:var(--color-accent);transform-origin:top;width:2px;transition:transform .25s var(--ease-out-expo);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.demo-row:hover,.demo-row[data-selected=true]{background:var(--color-bg2)}.demo-row[data-selected=true]:before{transform:scaleY(1)}.demo-filter{transition:color .2s,background-color .2s,border-color .2s}@keyframes demoSentFlash{0%{background-color:color-mix(in oklch, var(--color-accent) 22%, transparent)}to{background-color:#0000}}.demo-sent-flash{animation:demoSentFlash 1.1s var(--ease-out-expo)}@media (prefers-reduced-motion:reduce){.demo-row:before{transition:none}.demo-sent-flash{animation:none}}