.ripple-flow{background:var(--muted);border-radius:var(--radius-xl);place-items:center;display:grid;position:relative;overflow:hidden;container-type:inline-size}.ripple-flow .ripple-flow-art{width:100%;height:auto}.ripple-flow .ripple-flow-wide{max-width:640px}.ripple-flow .ripple-flow-narrow{max-width:380px;display:none}@container (max-width:540px){.ripple-flow .ripple-flow-wide{display:none}.ripple-flow .ripple-flow-narrow{display:block}}.ripple-flow-moments{justify-content:space-between;width:552px;display:flex;position:absolute;top:53px;left:44px}.ripple-flow-moment{letter-spacing:.07em;text-transform:uppercase;color:var(--muted-foreground);margin:0;font-size:10px;font-weight:500;line-height:1.3}
.ripple-ways{--ripple-slack-mention-bg:#e8f5fa;--ripple-slack-mention-fg:#1264a3;--ripple-intercom-note-bg:#fcf3d4;--ripple-intercom-note-fg:#6b5411;background:var(--muted);border-radius:var(--radius-xl);font-family:var(--font-sans);color:var(--foreground);flex-direction:column;gap:16px;margin:0;padding:20px;display:flex}.dark .ripple-ways{--ripple-slack-mention-bg:#1d9bd133;--ripple-slack-mention-fg:#7cc4f0;--ripple-intercom-note-bg:#fcf3d424;--ripple-intercom-note-fg:#e0c476}.ripple-ways-track{border-radius:var(--radius-md);grid-template-columns:repeat(4,1fr);padding:4px;display:grid;position:relative}.ripple-ways-thumb{background:var(--card);border-radius:calc(var(--radius-md) - 4px);width:calc(25% - 2px);height:calc(100% - 8px);box-shadow:var(--elevation-subtle);transform:translateX(calc(var(--ripple-ways-i,0) * 100%));transition:transform var(--duration-base) var(--motion-glide);position:absolute;top:4px;left:4px}.ripple-ways-tab{z-index:1;min-width:0;font:inherit;color:var(--muted-foreground);border-radius:calc(var(--radius-md) - 4px);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:color var(--duration-fast) var(--motion-glide);background:0 0;border:0;padding:7px 4px;font-size:13px;font-weight:500;line-height:1.3;position:relative;overflow:hidden}.ripple-ways-tab:hover{color:var(--foreground);transition-duration:0s}.ripple-ways-tab[aria-selected=true]{color:var(--foreground)}.ripple-ways-tab:focus-visible{outline:2px solid var(--foreground);outline-offset:2px}.ripple-ways-stage{display:grid}.ripple-ways-panel{opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--motion-glide), transform var(--duration-base) var(--motion-glide), visibility 0s linear var(--duration-base);flex-direction:column;grid-area:1/1;gap:12px;display:flex;transform:translateY(4px)}.ripple-ways-panel[data-on=true]{opacity:1;visibility:visible;transition:opacity var(--duration-base) var(--motion-glide), transform var(--duration-base) var(--motion-glide), visibility 0s linear 0s;transform:none}.ripple-ways-card{background:var(--card);border-radius:var(--radius-md);box-shadow:var(--elevation-subtle);padding:14px}.ripple-ways-caption{color:var(--muted-foreground);margin-top:auto;font-size:12px;line-height:1.4}.ripple-ways b{font-weight:500}.ripple-ways-rule{flex-direction:column;gap:12px;display:flex;position:relative}.ripple-ways-rule:before{content:"";background:var(--border);width:1.5px;position:absolute;top:9px;bottom:9px;left:3.25px}.ripple-ways-step{grid-template-columns:8px 38px 1fr;align-items:start;gap:8px 10px;display:grid;position:relative}.ripple-ways-dot{background:var(--muted-foreground);border-radius:999px;width:8px;height:8px;margin-top:5px}.ripple-ways-kw{letter-spacing:.04em;color:var(--muted-foreground);font-size:11px;font-weight:500;line-height:18px}.ripple-ways-clause{color:var(--muted-foreground);font-size:13px;line-height:18px}.ripple-ways-clause b{color:var(--foreground)}.ripple-ways-cond{background:var(--muted);border-radius:var(--radius-sm);flex-direction:column;grid-column:3;align-items:start;gap:7px;padding:9px 10px;display:flex}.ripple-ways-cond-chips{flex-wrap:wrap;gap:6px;display:flex}.ripple-ways-cond-label{color:var(--muted-foreground);font-size:11px;line-height:1}.ripple-ways-chip{color:var(--foreground);background:var(--card);box-shadow:var(--elevation-subtle);border-radius:6px;padding:5px 7px;font-size:12px;line-height:1}.ripple-ways-thread{flex-direction:column;gap:12px;display:flex}.ripple-ways-msg{grid-template-columns:24px 1fr;column-gap:8px;display:grid}.ripple-ways-msg-reply{border-left:1.5px solid var(--border);margin-left:12px;padding-left:12px}.ripple-ways-avatar{background:var(--muted);width:24px;height:24px;color:var(--muted-foreground);border-radius:6px;place-items:center;font-size:11px;font-weight:500;line-height:1;display:grid}.ripple-ways-msg-head{align-items:baseline;gap:6px;font-size:13px;line-height:1.3;display:flex}.ripple-ways-time{color:var(--muted-foreground);font-size:11px}.ripple-ways-msg-text{color:var(--foreground);margin:2px 0 0;font-size:13px;line-height:1.45}.ripple-ways-mention{background:var(--ripple-slack-mention-bg);color:var(--ripple-slack-mention-fg);border-radius:3px;padding:1px 3px;font-size:13px}.ripple-ways-mail{grid-template-columns:20px 1fr;align-items:start;column-gap:10px;display:grid}.ripple-ways-mail-glyph{color:var(--muted-foreground);margin-top:2px}.ripple-ways-mail>div{min-width:0}.ripple-ways-mail-subject{font-size:13px;font-weight:500;line-height:1.35;display:block}.ripple-ways-mail-preview{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;line-height:1.4;display:block;overflow:hidden}.ripple-ways-flow{color:var(--muted-foreground);flex-direction:column;align-items:center;gap:8px;display:flex}.ripple-ways-dest{color:var(--foreground);background:var(--card);border-radius:var(--radius-sm);box-shadow:var(--elevation-subtle);padding:7px 10px;font-size:12px;line-height:1}.ripple-ways-palette{box-shadow:var(--elevation-raised);padding:0;overflow:hidden}.ripple-ways-palette-input{border-bottom:1px solid var(--border);color:var(--muted-foreground);align-items:center;gap:8px;padding:11px 14px;font-size:13px;line-height:1.3;display:flex}.ripple-ways-palette-input svg{flex:none}.ripple-ways-query{color:var(--foreground)}.ripple-ways-caret{background:var(--muted-foreground);border-radius:1px;width:1.5px;height:15px}.ripple-ways-palette-row{background:var(--muted);border-radius:var(--radius-sm);color:var(--muted-foreground);align-items:center;gap:8px;margin:6px;padding:8px;font-size:13px;line-height:1.3;display:flex}.ripple-ways-palette-row svg{color:var(--muted-foreground);flex:none}.ripple-ways-palette-row b{color:var(--foreground)}.ripple-ways-note{border-radius:var(--radius-sm);background:var(--ripple-intercom-note-bg);color:var(--ripple-intercom-note-fg);align-self:flex-start;padding:6px 9px;font-size:12px;line-height:1}@media (prefers-reduced-motion:reduce){.ripple-ways-panel,.ripple-ways-panel[data-on=true]{transition-delay:0s!important;transform:none!important}}
.ripple-subchart{width:100%;margin:0}.ripple-subchart-head{justify-content:space-between;align-items:baseline;gap:1rem;min-height:1.5rem;margin-bottom:.5rem;display:flex}.ripple-subchart-readout{color:var(--foreground);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500;line-height:1.45}.ripple-subchart-note{color:var(--muted-foreground);text-align:right;font-size:12px;line-height:1.4}.ripple-subchart-plot{width:100%;height:300px;position:relative}.ripple-subchart-plot:after{content:"";background-color:var(--border);opacity:1;height:1px;transition:opacity var(--duration-fast) var(--motion-glide);position:absolute;bottom:22px;left:0;right:0}.ripple-subchart-plot[data-ready=true]:after{opacity:0}.ripple-subchart-plot canvas{opacity:0;transition:opacity var(--duration-fast) var(--motion-glide);display:block}.ripple-subchart-plot[data-ready=true] canvas{opacity:1}