.timeline-sequence-flow{align-items:center;gap:10px;display:flex}.timeline-sequence-flow span,.timeline-sequence-flow b{color:#5b5b65;text-align:center;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;flex:1;gap:3px;min-width:0;padding:13px;font-size:13px;display:grid}.timeline-sequence-flow b{border-color:color-mix(in srgb, var(--accent) 30%, #fff);background:color-mix(in srgb, var(--accent) 7%, #fff);color:var(--accent)}.timeline-sequence-flow>svg{color:#a5a5ae;flex:none}.timeline-card-preview{align-content:center;gap:9px;padding:16px;display:grid}.timeline-card-preview small,.timeline-card-preview p{color:#91919b;margin:0;font-size:8px}.timeline-card-track{justify-content:space-between;align-items:center;gap:4px;display:flex}.timeline-card-track span,.timeline-card-track b{color:#8a8a94;text-align:center;gap:4px;font-size:8px;display:grid;position:relative}.timeline-card-track span:before,.timeline-card-track b:before{content:"";background:#d3d3da;border-radius:50%;justify-self:center;width:7px;height:7px}.timeline-card-track b{color:var(--accent)}.timeline-card-track b:before{background:var(--accent);box-shadow:0 0 0 3px #e7ebff}.timeline-demo-filters{flex-wrap:wrap;gap:7px;display:flex}.timeline-demo-current{color:#6b6b75;margin:0;font-size:13px}.timeline-demo-current strong{color:var(--accent)}.timeline-demo-events{gap:7px;margin:0;padding:0;list-style:none;display:grid}.timeline-demo-events li{border-left:2px solid #dce2ff;padding-left:10px}.timeline-demo-events li[aria-current=step]{border-left-color:var(--accent)}.timeline-demo-events li>button{text-align:left;justify-content:space-between;width:100%}.timeline-demo-events li>button span{align-items:center;gap:6px;display:flex}.timeline-demo-events li>button b{color:#555560}.timeline-demo-events li>button small{color:#85858f;font-weight:500}.timeline-demo-events [role=region]{color:#6d6d77;background:#fff;border-radius:7px;margin-top:5px;padding:9px;font-size:13px;line-height:1.55}@media (max-width:780px){.timeline-sequence-flow{flex-direction:column;align-items:stretch}.timeline-sequence-flow>svg{align-self:center;transform:rotate(90deg)}.timeline-demo-events li>button{align-items:flex-start}.timeline-demo-events li>button span{min-width:0}}.timeline-card-preview{border:1px solid var(--line);background:var(--color-white);border-radius:8px;align-content:center;gap:8px;padding:14px;display:grid}.timeline-card-head{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:6px;font-size:8px;font-weight:800;display:flex}.timeline-card-head small{color:var(--muted);letter-spacing:0;text-transform:none;font-size:7px;font-weight:700}.timeline-card-rail{gap:6px;margin:0;padding:2px 0;list-style:none;display:grid;position:relative}.timeline-card-rail:before{content:"";background:var(--line);width:2px;position:absolute;top:10px;bottom:10px;left:7px}.timeline-card-node{grid-template-columns:16px 1fr auto;align-items:center;gap:9px;display:grid}.timeline-card-glyph{background:var(--color-white);color:#0000;border:2px solid #b8b8c0;border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;font-style:normal;font-weight:900;line-height:1;display:grid}.timeline-card-glyph.is-done{border-color:var(--ink);background:var(--ink);color:#fff}.timeline-card-glyph.is-current{border-color:var(--ink);background:linear-gradient(90deg, var(--ink) 50%, #fff 50%)}.timeline-card-glyph.is-upcoming{background:var(--color-white);border-color:#c2c2c9}.timeline-card-body{gap:1px;min-width:0;display:grid}.timeline-card-body b{color:var(--ink);font-size:8.5px;font-weight:800}.timeline-card-node.is-current .timeline-card-body b{font-weight:900}.timeline-card-body small{color:var(--muted);font-size:7px}.timeline-card-tag{border:1px solid var(--line);background:var(--soft);color:var(--muted);white-space:nowrap;border-radius:99px;padding:2px 6px;font-size:7px;font-weight:800}.timeline-card-tag.is-current{border-color:var(--ink);background:var(--ink);color:#fff}.timeline-card-preview .timeline-card-note{color:#5a5a63;margin:2px 0 0;font-size:8px;line-height:1.55}.timeline-card-note b{color:var(--ink);font-weight:800}.term-interactive-demo.timeline-interaction-demo{border-color:var(--line);background:var(--color-white);gap:12px}.timeline-interaction-demo button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.timeline-interaction-demo button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.timeline-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.timeline-interaction-demo button:disabled,.timeline-interaction-demo button:disabled:hover{border-color:var(--line);background:var(--color-white);color:var(--muted);cursor:not-allowed}.term-interactive-demo.timeline-interaction-demo button[aria-pressed=true],.term-interactive-demo.timeline-interaction-demo button[aria-pressed=true]:hover{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.timeline-interaction-demo .timeline-lab-brief{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.timeline-interaction-demo .timeline-lab-stage{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:8px;padding:12px;display:grid}.timeline-interaction-demo .timeline-lab-stage-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.timeline-interaction-demo .timeline-lab-stage-id{gap:1px;display:grid}.timeline-interaction-demo .timeline-lab-stage-id small{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800}.timeline-interaction-demo .timeline-lab-stage-id b{color:var(--ink);font-size:15px;font-weight:800}.timeline-interaction-demo .timeline-lab-readout{border:1px solid var(--ink);background:var(--soft);color:var(--ink);border-radius:99px;align-items:baseline;gap:3px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.timeline-interaction-demo .timeline-lab-readout strong{font-size:15px;font-weight:800}.timeline-interaction-demo .timeline-lab-readout.is-exception{color:#a83a44;border-color:#a83a44}.timeline-interaction-demo .timeline-lab-rail{gap:6px;margin:0;padding:2px 0;list-style:none;display:grid;position:relative}.timeline-interaction-demo .timeline-lab-rail:before{content:"";background:var(--line);width:2px;position:absolute}.timeline-interaction-demo .timeline-lab-rail.is-single:before{top:12px;bottom:12px;left:11px}.timeline-interaction-demo .timeline-lab-rail.is-alternate:before{top:12px;bottom:12px;left:50%;transform:translate(-50%)}.timeline-interaction-demo .timeline-lab-node{position:relative}.timeline-interaction-demo .timeline-lab-rail.is-single .timeline-lab-node{grid-template-columns:24px 1fr;align-items:start;gap:10px;display:grid}.timeline-interaction-demo .timeline-lab-rail.is-alternate .timeline-lab-node{grid-template-columns:1fr 24px 1fr;align-items:start;gap:10px;display:grid}.timeline-interaction-demo .timeline-lab-rail.is-single .timeline-lab-glyph{grid-column:1}.timeline-interaction-demo .timeline-lab-rail.is-single .timeline-lab-content,.timeline-interaction-demo .timeline-lab-rail.is-alternate .timeline-lab-node.is-left .timeline-lab-glyph,.timeline-interaction-demo .timeline-lab-rail.is-alternate .timeline-lab-node.is-right .timeline-lab-glyph{grid-column:2}.timeline-interaction-demo .timeline-lab-rail.is-alternate .timeline-lab-node.is-left .timeline-lab-content{text-align:right;grid-column:1}.timeline-interaction-demo .timeline-lab-rail.is-alternate .timeline-lab-node.is-right .timeline-lab-content{text-align:left;grid-column:3}.timeline-interaction-demo .timeline-lab-glyph{background:var(--color-white);color:#0000;border:2px solid #b8b8c0;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-style:normal;font-weight:900;line-height:1;display:grid;position:relative}.timeline-interaction-demo .timeline-lab-glyph.is-done{border-color:var(--ink);background:var(--ink);color:#fff}.timeline-interaction-demo .timeline-lab-glyph.is-current{border-color:var(--ink);background:linear-gradient(90deg, var(--ink) 50%, #fff 50%)}.timeline-interaction-demo .timeline-lab-glyph.is-upcoming{background:var(--color-white);border-color:#c2c2c9}.timeline-interaction-demo .timeline-lab-glyph.is-exception{background:var(--color-white);color:#a83a44;border-color:#a83a44}.timeline-interaction-demo .timeline-lab-glyph.is-current:after{content:"";border:2px solid var(--ink);opacity:.45;pointer-events:none;border-radius:50%;animation:1.8s ease-out infinite timeline-pulse;position:absolute;inset:-5px}@keyframes timeline-pulse{0%{opacity:.5;transform:scale(.85)}to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){.timeline-interaction-demo .timeline-lab-glyph.is-current:after{opacity:.3;animation:none}}.timeline-interaction-demo .timeline-lab-content{gap:4px;min-width:0;display:grid}.timeline-interaction-demo .timeline-lab-trigger{border:1px solid var(--line);background:var(--color-white);width:100%;color:var(--ink);text-align:left;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.timeline-interaction-demo .timeline-lab-trigger:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.timeline-interaction-demo .timeline-lab-trigger:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.timeline-interaction-demo .timeline-lab-node.is-current .timeline-lab-trigger{border-color:var(--ink);background:#f4f5f7}.timeline-interaction-demo .timeline-lab-rail.is-alternate .timeline-lab-node.is-left .timeline-lab-trigger{flex-direction:row}.timeline-interaction-demo .timeline-lab-trigger-text{gap:1px;min-width:0;display:grid}.timeline-interaction-demo .timeline-lab-trigger-text b{color:var(--ink);font-size:13px;font-weight:800}.timeline-interaction-demo .timeline-lab-trigger-text small{color:var(--muted);font-size:11px;font-weight:500}.timeline-interaction-demo .timeline-lab-tag{border:1px solid var(--line);background:var(--soft);color:var(--muted);white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:800}.timeline-interaction-demo .timeline-lab-tag.is-current{border-color:var(--ink);color:var(--ink)}.timeline-interaction-demo .timeline-lab-tag.is-exception{color:#a83a44;background:#fbf2f3;border-color:#a83a44}.timeline-interaction-demo .timeline-lab-reason{color:#8a2e36;background:#fbf2f3;border-left:3px solid #a83a44;border-radius:0 6px 6px 0;margin:0;padding:6px 10px;font-size:12px;line-height:1.5}.timeline-interaction-demo .timeline-lab-panel{border-left:2px solid var(--line);color:#4a4a52;margin:0;padding:7px 10px;font-size:12.5px;line-height:1.55}.timeline-interaction-demo .timeline-lab-node.is-current .timeline-lab-panel{border-left-color:var(--ink)}.timeline-interaction-demo .timeline-lab-controls{flex-wrap:wrap;gap:10px;display:flex}.timeline-interaction-demo .timeline-lab-segment{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.timeline-interaction-demo .timeline-lab-segment-label{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800}.timeline-interaction-demo .timeline-lab-segment button{border:1px solid var(--line);background:var(--color-white);min-height:30px;color:var(--ink);border-radius:6px;padding:5px 11px;font-size:12px;font-weight:700}.timeline-interaction-demo .timeline-lab-snapshot-slot{min-height:0}.timeline-interaction-demo .timeline-lab-snapshot{border:1px solid var(--ink);background:#f4f5f7;border-radius:8px;margin:0;padding:12px 14px}.timeline-interaction-demo .timeline-lab-snapshot.is-exception{background:#fbf2f3;border-color:#a83a44}.timeline-interaction-demo .timeline-lab-snapshot header{justify-content:space-between;align-items:center;gap:8px;display:flex}.timeline-interaction-demo .timeline-lab-snapshot header span{color:var(--ink);font-size:13px;font-weight:800}.timeline-interaction-demo .timeline-lab-snapshot .is-normal-tag{background:var(--ink);color:#fff;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:800}.timeline-interaction-demo .timeline-lab-snapshot .is-exception-tag{color:#fff;background:#a83a44;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:800}.timeline-interaction-demo .timeline-lab-snapshot dl{gap:4px;margin:8px 0 0;display:grid}.timeline-interaction-demo .timeline-lab-snapshot dl>div{grid-template-columns:80px 1fr;gap:4px 10px;display:grid}.timeline-interaction-demo .timeline-lab-snapshot dt{color:var(--muted);font-size:12px;font-weight:700}.timeline-interaction-demo .timeline-lab-snapshot dd{color:var(--ink);margin:0;font-size:12.5px;font-weight:700}.timeline-interaction-demo .timeline-lab-snapshot-trail{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.5;display:block}.timeline-interaction-demo .timeline-lab-actions{flex-wrap:wrap;gap:7px;display:flex}.timeline-interaction-demo .timeline-lab-exception{border:1px solid var(--line);background:var(--color-white);min-height:32px;color:var(--ink);border-radius:7px;padding:6px 12px;font-size:13px;font-weight:700}.timeline-interaction-demo .timeline-lab-reset{border:1px solid var(--line);background:var(--color-white);min-height:32px;color:var(--ink);border-radius:7px;padding:6px 12px;font-size:12px;font-weight:650}.term-interactive-demo.timeline-interaction-demo .timeline-lab-primary{border-color:var(--color-rausch-600);background:var(--color-rausch-600);color:#fff;border-radius:7px;min-height:36px;padding:7px 16px;font-size:14px;font-weight:750}.term-interactive-demo.timeline-interaction-demo .timeline-lab-primary:hover{color:#fff;background:#c7093a;border-color:#c7093a}.term-interactive-demo.timeline-interaction-demo .timeline-lab-primary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.timeline-interaction-demo .timeline-lab-status{color:#5a5a63;margin:0;font-size:13px;line-height:1.55}@media (max-width:600px){.timeline-interaction-demo .timeline-lab-rail.is-alternate:before{left:11px;transform:none}.timeline-interaction-demo .timeline-lab-rail.is-alternate .timeline-lab-node{grid-template-columns:24px 1fr}.timeline-interaction-demo .timeline-lab-rail.is-alternate .timeline-lab-node.is-left .timeline-lab-glyph,.timeline-interaction-demo .timeline-lab-rail.is-alternate .timeline-lab-node.is-right .timeline-lab-glyph{grid-column:1}.timeline-interaction-demo .timeline-lab-rail.is-alternate .timeline-lab-node.is-left .timeline-lab-content,.timeline-interaction-demo .timeline-lab-rail.is-alternate .timeline-lab-node.is-right .timeline-lab-content{text-align:left;grid-column:2}.timeline-interaction-demo .timeline-lab-controls{flex-direction:column;align-items:stretch}.timeline-interaction-demo .timeline-lab-snapshot dl>div{grid-template-columns:1fr}}.term-card .timeline-card-preview{--ink:#17394f;--muted:#527387;--line:#9fc3cf;--soft:#e3f0f0;--color-white:#fbfffc;color:#17394f;background:#e2eff0;border:2px solid #4f8193;box-shadow:5px 5px #a5c7ce}.term-interactive-demo.timeline-interaction-demo[data-b4-skin=timeline]{--ink:#e8f7f4;--muted:#b9d8d8;--line:#5f939a;--soft:#244c55;--color-white:#173b45;--color-rausch-600:#e5b652;color:#e8f7f4;background:#133640;border:2px solid #4e858e;box-shadow:8px 8px #8ab5bb}.term-interactive-demo.timeline-interaction-demo[data-b4-skin=timeline] button{color:#183d46;background:#edf8f2;border-color:#81b0b2}.term-interactive-demo.timeline-interaction-demo[data-b4-skin=timeline] button:hover:not(:disabled){color:#263421;background:#fff0c4;border-color:#e5b652}.term-interactive-demo.timeline-interaction-demo[data-b4-skin=timeline] .timeline-lab-stage,.term-interactive-demo.timeline-interaction-demo[data-b4-skin=timeline] .timeline-lab-snapshot{background:#1d4550;border-color:#5f939a}.term-interactive-demo.timeline-interaction-demo[data-b4-skin=timeline] .timeline-lab-snapshot.is-exception{background:#502f36;border-color:#ee8173}.term-interactive-demo.timeline-interaction-demo[data-b4-skin=timeline] .timeline-lab-status{color:#d9eeee}.term-interactive-demo.timeline-interaction-demo[data-b4-skin=timeline] button:focus-visible{outline-offset:3px;outline:3px solid #ffe18c}
