@layer components{.case-viz_wrap,.case-viz_wrap *,.case-viz_wrap :before,.case-viz_wrap :after{box-sizing:border-box}:where(.case-viz_wrap) :where(p,ul,li){margin:0;padding:0;list-style:none}.case-viz_wrap{--_sunken:color-mix(in srgb, var(--text) 4%, transparent);--_line:color-mix(in srgb, var(--text) 18%, transparent);width:max-content;font-size:var(--text-small);color:var(--text);line-height:1.4;display:block}.case-viz_card{gap:var(--space-4);width:21rem;display:grid}.case-viz_label{font-family:var(--font-mono,var(--primary-family));letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);font-size:.6875rem;font-weight:500;line-height:1}.case-viz_title{margin-top:.3rem;font-size:1rem;font-weight:600}.case-viz_strong{font-weight:600}.case-viz_muted{color:var(--text-2);font-size:.75rem}.case-viz_row{align-items:center;gap:var(--space-3);display:flex}.case-viz_row.tight{gap:var(--space-2);margin-top:var(--space-2)}.case-viz_row.between{justify-content:space-between}.case-viz_row.center{justify-content:center;gap:var(--space-2);flex-wrap:wrap}.case-viz_grow{flex:1;min-width:0}.case-viz_i{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:.875rem;height:.875rem}.case-viz_chip{border:var(--stroke-1) solid var(--border);border-radius:var(--radius-round);background:var(--background-2);height:1.5rem;color:var(--text-2);white-space:nowrap;align-items:center;gap:.375rem;padding:0 .625rem;font-size:.71875rem;display:inline-flex}.case-viz_chip.dark{background:var(--action-surface);color:var(--action-text);border-color:var(--action-surface)}.case-viz_chip.accent{border-color:var(--accent-line);color:var(--text)}.case-viz_chip.end,.case-viz_label.end{margin-left:auto}.case-viz_dot{background:var(--status);border-radius:50%;flex:none;width:.4375rem;height:.4375rem;display:inline-block}.case-viz_dot.grey{background:var(--_line)}.case-viz_check{background:var(--status-wash);width:1.125rem;height:1.125rem;color:var(--status);border-radius:50%;flex:none;place-items:center;display:inline-grid}.case-viz_check svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:.6875rem;height:.6875rem}.case-viz_check.no{background:var(--_sunken);color:var(--text-tertiary)}.case-viz_check.big{justify-self:center;width:3.25rem;height:3.25rem}.case-viz_check.big svg{width:1.625rem;height:1.625rem}.case-viz_tile{border:var(--stroke-1) solid var(--border);background:var(--_sunken);width:2rem;height:2rem;color:var(--text);border-radius:.5625rem;flex:none;place-items:center;display:inline-grid}.case-viz_av{background:var(--_sunken);border:var(--stroke-1) solid var(--border);width:1.625rem;height:1.625rem;color:var(--text-tertiary);border-radius:50%;flex:none;place-items:center;display:inline-grid}.case-viz_av svg{fill:none;stroke:currentColor;stroke-width:1.75px;width:.8125rem;height:.8125rem}.case-viz_skel{width:var(--w,6rem);background:var(--border);border-radius:99px;height:.4375rem;display:block}.case-viz_button{border-radius:var(--radius-round);background:var(--action-surface);height:1.875rem;color:var(--action-text);align-items:center;padding:0 .875rem;font-size:.75rem;font-weight:500;display:inline-flex}.case-viz_list li{align-items:center;gap:.625rem;padding-block:.625rem;display:flex}.case-viz_list li+li{border-top:var(--stroke-1) solid var(--border)}.case-viz_list s{color:var(--text-tertiary);-webkit-text-decoration-color:var(--text-tertiary);text-decoration-color:var(--text-tertiary)}.case-viz_rule{background:var(--border);height:1px;display:block}.case-viz_karte{height:11rem;position:relative}.case-viz_karte>i{left:var(--x);top:var(--y);background:var(--border);border-radius:50%;width:.2125rem;height:.2125rem;position:absolute}.case-viz_karte>i.innen{background:var(--border-strong)}.case-viz_karte>i.treffer{background:var(--status);width:.3rem;height:.3rem;margin:-.04rem}.case-viz_ring{border:1.5px dashed var(--text);opacity:.55;border-radius:50%;width:7.75rem;height:6.75rem;position:absolute;top:50%;left:50%;translate:-50% -50%}.case-viz_ort{position:absolute;top:50%;left:50%;translate:-50% -50%}.case-viz_portal .case-viz_toast{align-items:center;gap:var(--space-3);border:var(--stroke-1) solid var(--border);border-radius:var(--radius-card,.875rem);background:var(--background-2);box-shadow:var(--card-shadow);padding:.75rem .875rem;display:flex}.case-viz_list.people li{padding-block:.5625rem}.case-viz_pair{grid-template-columns:9.25rem 1fr 9.25rem;align-items:center;gap:0;width:24.5rem}.case-viz_box{border:var(--stroke-1) solid var(--border);border-radius:var(--radius-card,.875rem);background:var(--background-2);justify-items:start;gap:.5rem;padding:.875rem;display:grid}.case-viz_box.edge{box-shadow:inset 2px 0 0 var(--accent-line)}.case-viz_link{place-items:center;height:2.5rem;display:grid;position:relative}.case-viz_link:before{content:"";border-top:1.5px dashed var(--_line);position:absolute;top:50%;left:0;right:0}.case-viz_link .case-viz_chip{padding-inline:.5rem;position:relative}.case-viz_rings{width:17rem;height:15rem;margin-inline:auto;position:relative}.case-viz_rings>i[class^=r]{border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.case-viz_rings .r1{border:1px dashed var(--_line);width:15rem;height:15rem}.case-viz_rings .r2{border:1px solid var(--_line);background:var(--_sunken);width:10rem;height:10rem}.case-viz_rings .r3{border:1px solid var(--accent-line);width:5.25rem;height:5.25rem}.case-viz_rings .case-viz_center{position:absolute;top:50%;left:50%;translate:-50% -50%}.case-viz_rings .case-viz_av,.case-viz_rings .case-viz_dot{left:var(--l,auto);right:var(--r,auto);top:var(--t,auto);bottom:var(--b,auto);position:absolute}.case-viz_bars{border-bottom:var(--stroke-1) solid var(--_line);align-items:flex-end;gap:.625rem;height:9rem;display:flex;position:relative}.case-viz_bars>i{height:var(--h);border-radius:.375rem .375rem 0 0;flex:1}.case-viz_bars>.before{background:var(--border-strong);opacity:.45}.case-viz_bars>.dip{border:var(--stroke-1) solid var(--_line);background:repeating-linear-gradient(135deg, var(--_line) 0 1px, transparent 1px 4px);border-bottom:0}.case-viz_bars>.after{background:var(--text)}.case-viz_marker{left:calc((100% - (var(--n) - 1) * .625rem) * var(--k) / var(--n) + (var(--k) - .5) * .625rem);border-left:1.5px dashed var(--accent-line);position:absolute;top:-.375rem;bottom:0}.case-viz_steps{gap:.875rem;display:grid}.case-viz_steps b{letter-spacing:-.02em;font-weight:600}.case-viz_steps>div>i{width:var(--w);border-radius:0 .4375rem .4375rem 0;min-width:.625rem;height:1rem;margin-top:.375rem;display:block}.case-viz_steps>div>.hatch{border:var(--stroke-1) solid var(--border-strong);background:repeating-linear-gradient(135deg, var(--border-strong) 0 1px, transparent 1px 4px)}.case-viz_steps>div>.solid{background:var(--border-strong)}.case-viz_steps>div>.strong{background:var(--text)}.case-viz_steps>div>.ok{background:var(--status)}.case-viz_done{text-align:center;justify-items:center;gap:var(--space-2);width:20rem}.case-viz_done .case-viz_rule{width:100%;margin-block:var(--space-3) var(--space-2)}}
