.list-card-preview{align-content:center;gap:5px;padding:16px;display:grid}.list-card-preview .list-card-row{border:1px solid var(--line);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;padding:7px 9px;display:flex}.list-card-preview .list-card-row.is-unread{border-color:color-mix(in srgb, var(--ink) 22%, var(--line))}.list-card-preview .list-card-row span{gap:2px;display:grid}.list-card-preview .list-card-row b{color:var(--ink);font-size:9px;font-weight:700}.list-card-preview .list-card-row.is-read b{color:#9a9aa3;font-weight:600}.list-card-preview .list-card-row small{color:#9797a0;font-size:7px}.list-card-preview .list-card-row i{border-radius:99px;padding:1px 5px;font-size:7px;font-style:normal;font-weight:700}.list-card-preview .list-card-row.is-unread i{background:color-mix(in srgb, var(--ink) 12%, #fff);color:var(--ink)}.list-card-preview p{color:var(--ink);margin:4px 0 0;font-size:8px;font-weight:700;line-height:1.5}.list-sequence-flow{align-items:center;gap:10px;display:flex}.list-sequence-flow span,.list-sequence-flow b{color:#5b5b65;text-align:center;background:#fafafa;border:1px solid #e6e6eb;border-radius:8px;flex:1;min-width:0;padding:13px;font-size:13px;display:grid}.list-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)}.list-sequence-flow>svg{color:#a5a5ae;flex:none}@media (max-width:780px){.list-sequence-flow{flex-direction:column;align-items:stretch}.list-sequence-flow>svg{align-self:center;transform:rotate(90deg)}}.list-interaction-demo .list-demo-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.list-interaction-demo .list-demo-head span{color:var(--ink);font-size:14px;font-weight:750}.list-interaction-demo .list-demo-head small{color:#85858f;font-size:12px}.list-interaction-demo .list-demo-filter{flex-wrap:wrap;gap:6px;display:flex}.list-interaction-demo .list-demo-filter button{border:1px solid var(--line);color:#5a5a64;background:#fff;border-radius:99px;align-items:center;gap:5px;min-height:30px;padding:5px 11px;font-size:12px;font-weight:650;display:inline-flex}.list-interaction-demo .list-demo-filter button i{color:#6a6a74;background:#eef0f3;border-radius:99px;align-items:center;padding:0 6px;font-size:11px;font-style:normal;font-weight:700;display:inline-flex}.list-interaction-demo .list-demo-filter button:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 25%, var(--line));color:var(--ink)}.list-interaction-demo .list-demo-filter button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.list-interaction-demo .list-demo-filter button[aria-pressed=true] i{background:color-mix(in srgb, #fff 22%, var(--ink));color:#fff}.list-interaction-demo .list-demo-items{gap:6px;margin:0;padding:0;list-style:none;display:grid}.list-interaction-demo .list-demo-row{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);text-align:left;background:#fff;border-radius:8px;justify-content:space-between;padding:9px 11px}.list-interaction-demo .list-demo-row-text{gap:2px;display:grid}.list-interaction-demo .list-demo-row-text b{color:var(--ink);font-size:13px;font-weight:700}.list-interaction-demo .list-demo-row-text small{color:#8d8d97;font-size:11px}.list-interaction-demo .list-demo-row-state{border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.list-interaction-demo .list-demo-row.is-unread{border-color:color-mix(in srgb, var(--ink) 26%, var(--line));background:color-mix(in srgb, var(--ink) 4%, #fff)}.list-interaction-demo .list-demo-row.is-unread .list-demo-row-state{background:var(--ink);color:#fff}.list-interaction-demo .list-demo-row.is-read{border-color:var(--line);background:#fff}.list-interaction-demo .list-demo-row.is-read .list-demo-row-text b{color:#9a9aa3;font-weight:600}.list-interaction-demo .list-demo-row.is-read .list-demo-row-state{color:#8a8a94;background:#ececf0}.list-interaction-demo .list-demo-row:hover:not(:disabled){border-color:color-mix(in srgb, var(--ink) 30%, var(--line));color:var(--ink)}.list-interaction-demo .list-demo-empty{border:1px dashed color-mix(in srgb, var(--ink) 24%, var(--line));background:#fafafa;border-radius:8px;gap:6px;padding:16px;display:grid}.list-interaction-demo .list-demo-empty b{color:var(--ink);font-size:14px}.list-interaction-demo .list-demo-empty p{color:#6a6a74;margin:0;font-size:12px;line-height:1.55}.list-interaction-demo .list-demo-empty-cta{border:1px solid var(--ink);min-height:30px;color:var(--ink);background:#fff;border-radius:6px;justify-self:start;padding:5px 12px;font-size:12px;font-weight:700}.list-interaction-demo .list-demo-empty-cta:hover{background:var(--ink);color:#fff}.list-interaction-demo .list-demo-more{background:var(--color-rausch-600);border-color:var(--color-rausch-600);color:#fff}.list-interaction-demo .list-demo-more:hover:not(:disabled){color:#fff;background:#c10a3a;border-color:#c10a3a}.list-interaction-demo .list-demo-more:disabled{color:#8a8a94;cursor:default;background:#ececf0;border-color:#ececf0}.list-build-flow{align-items:center;gap:10px;display:flex}.list-build-flow span,.list-build-flow b{border:1px solid var(--line);color:#5b5b65;text-align:center;background:#fafafa;border-radius:8px;flex:1;min-width:0;padding:13px;font-size:13px;display:grid}.list-build-flow b{border-color:color-mix(in srgb, var(--ink) 28%, var(--line));background:color-mix(in srgb, var(--ink) 6%, #fff);color:var(--ink);font-weight:700}.list-build-flow>svg{color:#a5a5ae;flex:none}.list-boundary-note{border-left:3px solid var(--ink);background:color-mix(in srgb, var(--ink) 5%, var(--surface-card));color:#4a4a54;border-radius:0 7px 7px 0;margin:14px 0 0;padding:11px 13px;font-size:13px;line-height:1.6}.list-boundary-note b{color:var(--ink);font-weight:700}@media (max-width:720px){.list-build-flow{flex-direction:column;align-items:stretch}.list-build-flow>svg{align-self:center;transform:rotate(90deg)}}.term-card .list-card-preview{color:#173a50;background:#e3eff8;border:2px solid #527795;box-shadow:5px 5px #a7c5d8}.list-card-preview .list-card-row{background:#fafeff;border-color:#a9c6d7}.list-card-preview .list-card-row b,.list-card-preview p{color:#173a50}.list-card-preview .list-card-row.is-unread{background:#eef8ff;border-color:#2e6787}.list-card-preview .list-card-row.is-unread i{color:#17465e;background:#cfe8f4}.list-card-preview .list-card-row.is-read i{color:#4b6675;background:#dce5ea}.term-interactive-demo.list-interaction-demo{color:#eef9fa;background:#173947;border:2px solid #35647c;box-shadow:8px 8px #91b6c2}.term-interactive-demo.list-interaction-demo .list-demo-head span{color:#fff7e6}.term-interactive-demo.list-interaction-demo .list-demo-head small{color:#bee0e5}.term-interactive-demo.list-interaction-demo .list-demo-filter button{color:#193e4b;background:#eaf6f4;border-color:#78a6b5}.term-interactive-demo.list-interaction-demo .list-demo-filter button:hover:not(:disabled){color:#293225;background:#fff0c8;border-color:#f0c766}.term-interactive-demo.list-interaction-demo .list-demo-filter button[aria-pressed=true]{color:#293226;background:#e5bd57;border-color:#e5bd57}.term-interactive-demo.list-interaction-demo .list-demo-filter button[aria-pressed=true] i{color:#fff9e7;background:#765918}.term-interactive-demo.list-interaction-demo .list-demo-row{color:#193c47;background:#fafffb;border-color:#8bb2bc}.term-interactive-demo.list-interaction-demo .list-demo-row-text b{color:#193c47}.term-interactive-demo.list-interaction-demo .list-demo-row-text small{color:#52727a}.term-interactive-demo.list-interaction-demo .list-demo-row.is-unread{background:#e4f3f3;border-color:#4f91a5}.term-interactive-demo.list-interaction-demo .list-demo-row.is-unread .list-demo-row-state{color:#f2fffb;background:#226b78}.term-interactive-demo.list-interaction-demo .list-demo-row.is-read{background:#f5f8f6;border-color:#abc1c5}.term-interactive-demo.list-interaction-demo .list-demo-row.is-read .list-demo-row-text b{color:#536d73}.term-interactive-demo.list-interaction-demo .list-demo-row:hover:not(:disabled){color:#253228;background:#fff5d8;border-color:#e3b958}.term-interactive-demo.list-interaction-demo .list-demo-empty{background:#edf8f5;border-color:#78a8b3}.term-interactive-demo.list-interaction-demo .list-demo-empty b{color:#173f4b}.term-interactive-demo.list-interaction-demo .list-demo-empty p{color:#40636a}.term-interactive-demo.list-interaction-demo .list-demo-empty-cta{color:#174651;background:#e7f5ef;border-color:#246b78}.term-interactive-demo.list-interaction-demo .list-demo-empty-cta:hover{color:#303020;background:#ffeec0;border-color:#e3b958}.term-interactive-demo.list-interaction-demo .list-demo-more{color:#293225;background:#e5bd57;border-color:#e5bd57}.term-interactive-demo.list-interaction-demo .list-demo-more:hover:not(:disabled){color:#293225;background:#f7d77d;border-color:#f7d77d}.term-interactive-demo.list-interaction-demo .list-demo-more:disabled{color:#c6dadd;background:#3b5961;border-color:#496b73}.term-interactive-demo.list-interaction-demo>p[role=status]{color:#edf9f5;background:#102c35;border-left:4px solid #e5bd57}.term-interactive-demo.list-interaction-demo button:focus-visible{outline-offset:3px;outline:3px solid #ffe39a}