.tooltip-meaning-flow{align-items:center;gap:9px;display:flex}.tooltip-meaning-flow span,.tooltip-meaning-flow b{color:#64646e;text-align:center;background:#fafafa;border:1px solid #e2e3ea;border-radius:8px;flex:1;min-width:0;padding:12px;font-size:13px}.tooltip-meaning-flow b{border-color:color-mix(in srgb, var(--accent) 30%, #fff);background:color-mix(in srgb, var(--accent) 7%, #fff);color:var(--accent)}.tooltip-demo-options,.tooltip-demo-positions{flex-wrap:wrap;gap:7px;display:flex}.tooltip-demo-status{color:#676771;background:#fff;border-radius:7px;padding:9px 10px;font-size:13px}.tooltip-demo-anchor{background:#fff;border:1px dashed #d9dbe4;border-radius:8px;justify-items:start;gap:9px;min-height:74px;padding:10px;display:grid;position:relative}.tooltip-demo-help{color:#fff;background:#32323a;border-radius:7px;max-width:310px;padding:8px 10px;font-size:12px;line-height:1.45}.tooltip-demo-options{align-items:center}.tooltip-demo-options label{align-items:center;gap:6px;display:flex}.tooltip-demo-options input{width:auto;min-height:auto}.tooltip-card-preview{place-content:center;justify-items:center;gap:8px;padding:16px;display:grid}.tooltip-card-preview button{color:var(--accent);background:#fff;border:1px solid #d7dfff;border-radius:6px;padding:7px 9px;font-size:8px}.tooltip-card-preview p{color:#fff;background:#34343b;border-radius:5px;margin:0;padding:5px 7px;font-size:7px}@media (max-width:780px){.tooltip-meaning-flow{flex-direction:column;align-items:stretch}.tooltip-demo-anchor{min-height:86px}}.tooltip-card-preview{border-color:var(--line);background:var(--color-white);gap:6px;padding:12px}.tooltip-card-preview .tooltip-card-stage{border:1px solid var(--line);background:var(--soft);border-radius:8px;justify-items:center;gap:4px;width:100%;padding:14px 10px 8px;display:grid;position:relative}.tooltip-card-preview .tooltip-card-bubble{background:var(--ink);color:var(--color-white);border-radius:5px;padding:4px 8px;font-size:8px;font-weight:700;line-height:1.3;display:inline-block;position:relative}.tooltip-card-preview .tooltip-card-bubble:after{content:"";border:4px solid #0000;border-top-color:var(--ink);border-bottom:0;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.tooltip-card-preview .tooltip-card-icon{border:1px solid var(--line);background:var(--color-white);width:26px;height:26px;color:var(--ink);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.tooltip-card-preview .tooltip-card-tag{color:var(--muted);letter-spacing:.02em;font-size:7px;font-weight:700}.tooltip-card-preview .tooltip-card-caption{color:var(--muted);margin:2px 0 0;font-size:8px;line-height:1.5}.tooltip-card-preview .tooltip-card-caption b{color:var(--ink);font-weight:800}.term-interactive-demo.tooltip-demo{border-color:var(--line);background:var(--color-white);gap:12px}.term-interactive-demo.tooltip-demo button{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:6px}.term-interactive-demo.tooltip-demo button:hover:not(:disabled){border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.tooltip-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.tooltip-demo button:disabled,.term-interactive-demo.tooltip-demo button:disabled:hover{border-color:var(--line);background:var(--color-white);color:var(--muted);cursor:not-allowed}.term-interactive-demo.tooltip-demo button[aria-pressed=true],.term-interactive-demo.tooltip-demo button[aria-pressed=true]:hover{border-color:var(--ink);background:var(--ink);color:var(--color-white)}.term-interactive-demo.tooltip-demo .tooltip-cta{background:var(--color-rausch-600);color:var(--color-white);border:0;border-radius:6px;font-size:13px;font-weight:800}.term-interactive-demo.tooltip-demo .tooltip-cta:hover{color:var(--color-white);background:#c7093a}.term-interactive-demo.tooltip-demo .tooltip-cta:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.tooltip-demo .tooltip-demo-brief{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.tooltip-demo .tooltip-demo-modebar{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.tooltip-demo .tooltip-demo-modebar-label{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800}.tooltip-demo .tooltip-demo-modebar button{min-height:30px;padding:5px 11px;font-size:12.5px;font-weight:700}.tooltip-demo .tooltip-demo-toolbar{border:1px solid var(--line);background:var(--soft);border-radius:8px;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:14px 12px 12px;display:flex}.tooltip-demo .tooltip-demo-slot{justify-items:center;gap:5px;min-width:78px;padding-top:30px;display:grid;position:relative}.tooltip-demo .tooltip-demo-icon{border:1px solid var(--line);background:var(--color-white);width:38px;height:38px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.tooltip-demo .tooltip-demo-icon:hover:not(:disabled){border-color:var(--ink);background:var(--color-white)}.tooltip-demo .tooltip-demo-icon[data-selected=true]{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.tooltip-demo .tooltip-demo-name{border:1px solid var(--line);background:var(--color-white);color:var(--muted);border-radius:99px;padding:2px 7px;font-size:11px;font-weight:700}.tooltip-demo .tooltip-demo-name.is-selected{border-color:var(--ink);background:var(--ink);color:var(--color-white)}.tooltip-demo .tooltip-demo-bubble{background:var(--ink);max-width:180px;color:var(--color-white);white-space:nowrap;z-index:2;border-radius:6px;padding:6px 9px;font-size:12px;font-weight:600;line-height:1.4;display:inline-block;position:absolute;bottom:calc(100% - 30px);left:50%;transform:translate(-50%);box-shadow:0 6px 18px #2227462e}.tooltip-demo .tooltip-demo-bubble:after{content:"";border:5px solid #0000;border-top-color:var(--ink);border-bottom:0;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.tooltip-demo .tooltip-demo-bubble.is-touch{background:#3a3a44}.tooltip-demo .tooltip-demo-bubble.is-touch:after{border-top-color:#3a3a44}.tooltip-demo .tooltip-demo-danger{letter-spacing:.02em;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-block}.tooltip-demo .tooltip-demo-danger.is-safe{color:#2f7a4a;background:#f2fbf4;border:1px solid #bfe6cd}.tooltip-demo .tooltip-demo-danger.is-fragile{color:#9a6a12;background:#fff7e8;border:1px solid #f0d199}.tooltip-demo .tooltip-demo-danger.is-lost{color:#a83a44;background:#fdf3f4;border:1px solid #ecc9ce}.tooltip-demo .tooltip-demo-mirror{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:2px;padding:10px 12px;display:grid}.tooltip-demo .tooltip-demo-mirror-label{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:800}.tooltip-demo .tooltip-demo-mirror strong{color:var(--ink);font-size:14px;font-weight:800}.tooltip-demo .tooltip-demo-mirror small{color:var(--muted);font-size:12px}.tooltip-demo .tooltip-demo-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tooltip-demo .tooltip-demo-actions .tooltip-cta{min-height:34px;padding:7px 16px}.tooltip-demo .tooltip-demo-toggle{min-height:32px;padding:6px 12px;font-size:12.5px;font-weight:700}.tooltip-demo .tooltip-demo-status{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.tooltip-knowledge{gap:8px;display:grid}.tooltip-knowledge b{color:var(--ink)}.tooltip-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tooltip-example{border:1px solid var(--line);background:var(--color-white);border-radius:8px;align-content:start;gap:5px;padding:13px 14px;display:grid}.tooltip-example.is-good{background:#f2fbf4;border-color:#bfe6cd}.tooltip-example.is-bad{background:#fdf3f4;border-color:#ecc9ce}.tooltip-example small,.tooltip-example span{color:var(--muted)}.tooltip-example small{letter-spacing:.03em;border-radius:999px;justify-self:start;padding:1px 8px;font-size:11px;font-weight:800;display:inline-flex}.tooltip-example.is-good small{color:#2f7a4a;background:#d9f0e1}.tooltip-example.is-bad small{color:#a83a44;background:#f7dfe2}.tooltip-example b{color:var(--ink);font-size:14px}.tooltip-example p{color:var(--ink);margin:0;font-size:13px;line-height:1.6}.tooltip-example>span{font-size:12px;line-height:1.5}@media (max-width:540px){.tooltip-example-grid{grid-template-columns:1fr}.tooltip-demo .tooltip-demo-toolbar{gap:8px;padding:12px 8px}.tooltip-demo .tooltip-demo-slot{min-width:64px;padding-top:26px}.tooltip-demo .tooltip-demo-bubble{white-space:normal;max-width:150px}}
