.tree-select-card-preview{align-content:center;gap:8px;padding:17px;display:grid}.tree-select-card-preview small{color:#868691;font-size:8px;font-weight:750}.tree-select-card-preview>div{color:#53535d;text-align:left;background:#fff;border:1px solid #e2e2e8;border-radius:6px;justify-content:flex-start;align-items:center;gap:5px;margin:0;padding:9px 10px;font-size:9px;display:flex}.tree-select-flow{align-items:center;gap:10px;display:flex}.tree-select-flow span,.tree-select-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}.tree-select-flow b{border-color:color-mix(in srgb, var(--accent) 30%, #fff);background:color-mix(in srgb, var(--accent) 7%, #fff);color:var(--accent)}.tree-select-flow>svg{color:#a5a5ae;flex:none}@media (max-width:780px){.tree-select-flow{flex-direction:column;align-items:stretch}.tree-select-flow>svg{align-self:center;transform:rotate(90deg)}}.tree-select-card-preview{gap:9px;padding:13px;display:grid}.tree-select-card-frames{background:0 0;border:0;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:6px;margin:0;padding:0;display:grid}.tree-select-card-frame{background:#fff;border:1px solid #e6e6eb;border-radius:7px;align-content:start;gap:5px;padding:8px 9px;display:grid}.tree-select-card-frame.is-flat{background:#fafafa}.tree-select-card-frame.is-tree{border-color:#d8d8de}.tree-select-card-frame>small{color:#8d8d97;letter-spacing:.03em;font-size:8px;font-weight:800}.tree-select-card-frame>p{color:#6a6a72;margin:0;font-size:8px;line-height:1.4}.tree-select-card-trigger{color:#a0a0a8;background:#fff;border:1px solid #d4d4da;border-radius:5px;justify-content:space-between;align-items:center;gap:5px;padding:5px 7px;font-size:9px;display:flex}.tree-select-card-trigger i{font-style:normal}.tree-select-card-trigger svg{color:#9a9aa3}.tree-select-card-flat{background:#fff;border:1px solid #ececf0;border-radius:5px;gap:3px;margin:0;padding:4px;list-style:none;display:grid}.tree-select-card-flat li{color:#5c5c66;background:#f4f4f6;border-radius:3px;padding:3px 5px;font-size:8px}.tree-select-card-flat li+li{position:relative}.tree-select-card-flat li span:after{content:" ?";color:#b15b62;font-weight:800}.tree-select-card-tree{background:#fff;border:1px solid #ececf0;border-radius:5px;gap:3px;margin:0;padding:5px;list-style:none;display:grid}.tree-select-card-tree ul{border-left:1px solid #eeeef2;gap:3px;margin:3px 0 0;padding:0 0 0 10px;list-style:none;display:grid}.tree-select-card-tree li{color:#5c5c66;grid-template-columns:9px minmax(0,1fr);align-items:center;gap:4px;min-height:12px;font-size:8px;display:grid}.tree-select-card-tree li.is-org{color:#3d3d45;font-weight:700}.tree-select-card-tree li.is-member{color:#5c5c66;font-weight:500}.tree-select-card-tree li.is-member.is-selected{color:var(--ink);font-weight:800}.tree-select-card-chev{color:var(--ink);justify-content:center;align-items:center;display:inline-flex}.tree-select-card-chev.is-closed{transform:rotate(-90deg)}.tree-select-card-mark{width:9px;height:9px;color:var(--ink);justify-content:center;align-items:center;display:inline-flex}.tree-select-card-mark:empty{visibility:hidden}.tree-select-card-tree li.is-org>b{font-size:8px;font-weight:800}.tree-select-card-tree li.is-org>span,.tree-select-card-tree li.is-member>span{font-size:8px}.tree-select-card-path{color:var(--ink);background:#f0f0f0;border-radius:4px;flex-wrap:wrap;align-items:center;gap:4px;margin:0;padding:4px 6px;font-size:8px;font-weight:700;display:flex}.tree-select-card-path b{background:var(--ink);color:#fff;letter-spacing:.03em;border-radius:2px;padding:1px 4px;font-size:7px;font-weight:800}.tree-select-card-arrow{color:#6a6a72;text-align:center;align-content:center;justify-items:center;gap:2px;font-size:7px;font-weight:700;display:grid}.tree-select-card-arrow b{color:var(--ink);font-size:13px}.tree-select-card-conclusion{color:#3d3d45;margin:0;font-size:9px;line-height:1.45}.tree-select-card-conclusion b{background:var(--ink);color:#fff;letter-spacing:.03em;border-radius:3px;margin-right:5px;padding:1px 5px;font-size:8px;font-weight:800;display:inline-block}.term-interactive-demo.tree-select-interaction-demo{border-color:var(--line);background:var(--color-white);gap:12px}.term-interactive-demo.tree-select-interaction-demo button{border:1px solid var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.tree-select-interaction-demo button:hover:not(:disabled){border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.tree-select-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.tree-select-interaction-demo input:not([type=checkbox]):not([type=radio]):focus{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink)}.tree-select-demo-brief{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.tree-select-demo-brief b{color:var(--ink);font-weight:700}.tree-select-demo-search{gap:6px;display:grid}.tree-select-demo-search label{color:var(--ink);align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.tree-select-demo-search label svg{color:var(--muted)}.tree-select-demo-search-count{color:var(--muted);font-size:11.5px;font-weight:600}.tree-select-demo-tree{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:2px;margin:0;padding:8px;list-style:none;display:grid}.tree-select-demo-tree ul{border-left:1px dashed #e2e2e8;gap:2px;margin:2px 0 0;padding:0 0 0 14px;list-style:none;display:grid}.tree-select-demo-tree li{min-width:0}.tree-select-demo-node{width:100%;min-height:32px;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:14px 12px minmax(0,1fr) auto;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:grid}.tree-select-demo-node svg{color:var(--muted);transition:transform .15s}.tree-select-demo-node svg.is-open{color:var(--ink);transform:rotate(0)}.tree-select-demo-node svg.is-closed{transform:rotate(-90deg)}.tree-select-demo-node.is-org{font-weight:700}.tree-select-demo-node.is-org span{color:var(--ink)}.tree-select-demo-node.is-org small{color:var(--muted);font-size:11px;font-weight:600}.tree-select-demo-node.is-member{font-weight:500}.tree-select-demo-node.is-member .tree-select-demo-label{color:#3d3d45}.tree-select-demo-node.is-member:hover:not(:disabled) .tree-select-demo-label{color:var(--ink)}.tree-select-demo-node.is-member.is-selected{border-color:var(--ink);background:#f0f0f0}.tree-select-demo-node.is-member.is-selected .tree-select-demo-label{color:var(--ink);font-weight:800}.tree-select-demo-node.is-member.is-match{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.tree-select-demo-node.is-member.is-dimmed{opacity:.45}.tree-select-demo-node.is-disabled{color:#9a9aa3;cursor:not-allowed}.tree-select-demo-node.is-disabled .tree-select-demo-label{color:#9a9aa3;text-decoration:line-through}.tree-select-demo-node.is-disabled:hover{background:0 0;border-color:#0000}.tree-select-demo-mark{width:12px;height:12px;color:var(--ink);justify-content:center;align-items:center;display:inline-flex}.tree-select-demo-mark.is-empty{visibility:hidden}.tree-select-demo-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tree-select-demo-reason{color:#8a8a92;background:#efeff1;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700}.tree-select-demo-chosen{background:var(--ink);color:var(--color-white);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:800}@media (prefers-reduced-motion:reduce){.tree-select-demo-node svg{transition:none}}.tree-select-demo-status{border-left:3px solid var(--ink);color:#3d3d45;background:#f5f5f5;border-radius:0 6px 6px 0;margin:0;padding:11px 12px;font-size:12.5px;line-height:1.6}.tree-select-demo-actions{flex-wrap:wrap;gap:8px;display:flex}.term-interactive-demo.tree-select-interaction-demo .tree-select-demo-submit{background:var(--color-rausch-600);min-width:132px;color:var(--color-white);border:0;font-weight:800}.term-interactive-demo.tree-select-interaction-demo .tree-select-demo-submit:hover{color:var(--color-white);background:#c8093a}.term-interactive-demo.tree-select-interaction-demo .tree-select-demo-clear{min-width:0}.term-interactive-demo.tree-select-interaction-demo .tree-select-demo-clear:disabled{color:#8a8a92;cursor:not-allowed;background:#f4f4f5;border-color:#e8e8ec}.tree-select-demo-reset{min-width:0}.tree-select-demo-summary{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:8px;padding:12px 14px;display:grid}.tree-select-demo-summary.is-confirmed{border-color:var(--ink)}.tree-select-demo-summary.is-invalid{border-color:#a83a44}.tree-select-demo-summary header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.tree-select-demo-summary header small{color:var(--muted);font-size:11px;font-weight:700}.tree-select-demo-summary header strong{color:var(--ink);font-size:14px;font-weight:800}.tree-select-demo-summary dl{grid-template-columns:max-content minmax(0,1fr);gap:4px 14px;margin:0;display:grid}.tree-select-demo-summary dt{color:var(--muted);font-size:12px}.tree-select-demo-summary dd{color:var(--ink);word-break:break-word;margin:0;font-size:13px;font-weight:700}.tree-select-demo-summary p{color:#595963;margin:0;font-size:12px;line-height:1.55}.tree-select-demo-error{color:#a83a44;background:#fff5f6;border-radius:4px;width:max-content;margin:0;padding:2px 7px;font-size:11.5px;font-style:normal;font-weight:700}.tree-select-knowledge-list,.tree-select-how-list{gap:8px;margin:0;padding-left:20px;display:grid}.tree-select-knowledge-list li,.tree-select-how-list li{color:#51515b;font-size:13.5px;line-height:1.6}.tree-select-knowledge-list b,.tree-select-how-list b{color:var(--ink);font-weight:800}.tree-select-how-list{padding-left:24px}.tree-select-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tree-select-example{border:1px solid var(--line);background:#fafafa;border-radius:8px;gap:5px;padding:12px;display:grid}.tree-select-example.is-good{border-left:4px solid #4d805d}.tree-select-example.is-bad{border-left:4px solid #b04c52}.tree-select-example b{color:var(--ink);font-size:13px;font-weight:800}.tree-select-example p{color:#54545e;margin:0;font-size:13px;line-height:1.6}@media (max-width:560px){.tree-select-card-frames{grid-template-columns:1fr}.tree-select-card-arrow{display:none}.tree-select-example-grid{grid-template-columns:1fr}}