.chart{--c-mid: #8ba396;--c-dim: #44584d;margin:0;padding:28px 28px 22px;border:1px solid rgba(163,255,217,.14);border-radius:16px;background:#ffffff06}.chart__rows{display:flex;flex-direction:column;gap:22px}.chart__row-label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:#ffffffb8}.chart__bar{display:flex;align-items:center;gap:2px;height:22px}.chart__seg{position:relative;height:100%;min-width:3px;display:flex;align-items:center;justify-content:center;transform-origin:left center}.chart__seg:first-child{border-radius:2px 0 0 2px}.chart__seg:last-child,.chart__bar--open .chart__seg{border-radius:2px 4px 4px 2px}.chart__seg--accent,.chart__swatch--accent{background:var(--color-accent)}.chart__seg--mid,.chart__swatch--mid{background:var(--c-mid)}.chart__seg--dim,.chart__swatch--dim{background:var(--c-dim)}.chart__seg-value{font-size:12px;font-weight:600;color:#ffffffe6}.chart__seg--accent .chart__seg-value,.chart__seg--mid .chart__seg-value{color:var(--color-dark)}.chart__end-label{margin-left:10px;font-size:13px;font-weight:600;white-space:nowrap;color:var(--color-white)}.chart__columns{display:flex;align-items:flex-end;gap:6px;height:170px;padding-top:22px}.chart__column-slot{position:relative;flex:1 1 0;max-width:24px;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.chart__column{width:100%;border-radius:4px 4px 0 0;transform-origin:bottom center}.chart__column-value{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:12px;font-weight:600;color:#ffffffe6}.chart__axis-label{margin:10px 0 0;font-size:12.5px;color:#ffffff8c}.chart__legend{display:flex;flex-direction:column;gap:8px;margin:20px 0 0;padding:0;list-style:none}.chart__legend-item{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#ffffffb8}.chart__legend-item .chart__swatch{flex-shrink:0}.chart__swatch{width:10px;height:10px;border-radius:3px}.chart__caption{margin:14px 0 0;font-size:12.5px;line-height:1.5;color:#ffffff8c}.chart--in .chart__seg{animation:seg-grow .8s var(--ease-out-expo) var(--d, 0s) both}.chart--in .chart__column{animation:col-grow .7s var(--ease-out-expo) var(--d, 0s) both}.chart--in .chart__seg-value,.chart--in .chart__end-label,.chart--in .chart__column-value{animation:value-in .5s ease-out calc(var(--d, 0s) + .55s) both}@keyframes seg-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes col-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes value-in{0%{opacity:0}to{opacity:1}}@media(max-width:480px){.chart{padding:20px 16px 16px}.chart__columns{gap:4px;height:140px}}.leak__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center}.leak__body{margin:18px 0 0;max-width:560px;font-size:16px;line-height:1.65;color:#ffffffb8}.leak__example{margin:28px 0 0;padding:20px 22px;border-left:2px solid var(--color-accent);border-radius:0 12px 12px 0;background:#4ade800f}.leak__example-title{margin:0 0 12px;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--color-accent)}.leak__example-rows{margin:0;display:flex;flex-direction:column;gap:8px}.leak__example-row{display:flex;justify-content:space-between;gap:16px;font-size:14.5px}.leak__example-row dt{color:#ffffffad}.leak__example-row dd{margin:0;font-weight:600;white-space:nowrap;color:var(--color-white)}.leak__example-row--total dt,.leak__example-row--total dd{color:var(--color-accent)}@media(max-width:1024px){.leak__grid{grid-template-columns:1fr;gap:36px}}