@scope([data-example]){:scope:has([data-slot=waterfall]){justify-content:flex-start}[data-slot=waterfall]{box-sizing:border-box;border-radius:var(--radius-surface);background:var(--surface-1);width:36rem;max-width:100%;box-shadow:var(--shadow-1);color:var(--ink);font-size:var(--text-md);flex-direction:column;padding:5px;display:flex;position:relative;overflow:hidden}[data-slot=stack]:has(>[data-slot=waterfall]){width:36rem;max-width:100%}:is([data-slot=waterfall-header-row],[data-slot=waterfall-row]){align-items:center;gap:var(--space-2);height:var(--size-item);padding-inline:var(--space-2);border-radius:var(--radius-row);display:flex}[data-slot=waterfall-header-row]{color:var(--muted);font-size:var(--text-sm)}[data-slot=waterfall-row]{cursor:default;-webkit-user-select:none;user-select:none;outline:none}[data-slot=waterfall-row][hidden]{display:none}[data-slot=waterfall-row]:hover:not([data-selected]){background:color-mix(in oklab, var(--ink) 4%, transparent)}[data-slot=waterfall-row][data-selected]{background:color-mix(in oklab, var(--ink) 8%, transparent)}[data-slot=waterfall-row]:focus-visible{box-shadow:inset 0 0 0 1px var(--ink)}[data-slot=waterfall-row][data-level="1"]{font-weight:500}:is([data-slot=waterfall-column-header],[data-slot=waterfall-cell]){flex:none;width:4rem}:is([data-slot=waterfall-header-row]>:first-child,[data-slot=waterfall-row-header]){align-items:center;gap:var(--space-1);white-space:nowrap;flex:0 11rem;min-width:6rem;display:flex;overflow:hidden}[data-slot=waterfall-row-header]{padding-inline-start:calc((var(--waterfall-level) - 1) * var(--space-4))}[data-slot=waterfall-row-header]:not([data-branch]){padding-inline-start:calc((var(--waterfall-level) - 1) * var(--space-4) + var(--size-icon) + var(--space-1))}:is([data-slot=waterfall-row-header],[data-slot=waterfall-cell],[data-slot=waterfall-bar]){border-radius:var(--radius-row);outline:none;align-content:center;align-self:stretch}:is([data-slot=waterfall-row-header],[data-slot=waterfall-cell],[data-slot=waterfall-bar]):focus-visible{box-shadow:inset 0 0 0 1px var(--ink)}[data-slot=waterfall-cell]{color:var(--muted);font-variant-numeric:tabular-nums}[data-slot=waterfall-indicator]{color:var(--muted);display:flex}[data-slot=waterfall-indicator]>svg{width:var(--size-icon);height:var(--size-icon);transition:rotate var(--duration)}[data-slot=waterfall-indicator][data-expanded]>svg{rotate:90deg}[data-slot=waterfall-indicator]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))>svg{scale:-1 1}:is([data-slot=waterfall-header-row]>:last-child,[data-slot=waterfall-bar]){flex:10rem;align-self:stretch;min-width:0;position:relative}[data-slot=waterfall-bar]:before{content:"";width:max(var(--waterfall-size), 2px);background:color-mix(in oklab, var(--accent) 55%, transparent);border-radius:3px;position:absolute;inset-block:7px;inset-inline-start:var(--waterfall-start)}[data-slot=waterfall-row][data-selected] [data-slot=waterfall-bar]:before{background:var(--accent)}[data-slot=waterfall-axis]{height:100%;position:relative;container-type:inline-size}@container (width<16rem){[data-slot=waterfall-tick]:nth-child(2n){color:#0000}}@container (width<8rem){[data-slot=waterfall-tick]:not(:first-child){color:#0000}}[data-slot=waterfall-tick]{border-inline-start:1px solid var(--line-faint);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;align-content:center;padding-inline-start:var(--space-1);position:absolute;inset-block:0;inset-inline-start:var(--waterfall-tick)}[data-slot=waterfall-mark]{top:0;height:100vh;border-inline-start:1px dashed var(--danger);color:var(--danger);font-size:var(--text-xs);white-space:nowrap;pointer-events:none;padding-inline-start:var(--space-1);position:absolute;inset-inline-start:var(--waterfall-mark)}[data-slot=waterfall-mark][data-outside]{display:none}[data-slot=scroll]:has(>[data-slot=waterfall]){box-sizing:border-box;border-radius:var(--radius-surface);background:var(--surface-1);width:36rem;max-width:100%;height:288px;box-shadow:var(--shadow-1);overscroll-behavior:contain;flex:none;padding:5px}[data-slot=scroll]:has(>[data-slot=waterfall])>[data-slot=waterfall]{width:auto;box-shadow:none;background:0 0;border-radius:0;padding:0;display:block;overflow:visible}[data-slot=scroll]:has(>[data-slot=waterfall]) [data-slot=waterfall-row]{position:absolute;inset-inline:0}}