.money-tool-output{--output-gap: 16px;--output-card-padding: 20px 24px;--output-hero-start: color-mix(in srgb, var(--action-strong) 56%, #4a210d);--output-hero-end: color-mix(in srgb, var(--action) 52%, #7f1d1d);--output-hero-highlight: color-mix(in srgb, white 12%, transparent);--output-hero-divider: color-mix(in srgb, white 28%, transparent);--output-hero-muted: color-mix(in srgb, white 95%, transparent)}.money-tool-output .results{gap:var(--output-gap)}.money-tool-output .result-card.result-hero.result-hero{padding:clamp(24px,2.5vw,28px);background:radial-gradient(circle at 12% 16%,var(--output-hero-highlight),transparent 38%),linear-gradient(115deg,var(--output-hero-start),var(--output-hero-end));border-color:transparent;color:#fff;overflow:hidden;position:relative}.money-tool-output .result-hero .result-lead{align-items:center}.money-tool-output .result-hero .result-lead>:last-child{min-width:0;flex:1}.money-tool-output .result-hero .result-number{color:#fff;margin-top:8px}.money-tool-output.money-tool-output .result-hero.result-hero .eyebrow,.money-tool-output.money-tool-output .result-hero.result-hero .result-note,.money-tool-output.money-tool-output .result-hero.result-hero .metrics span{color:var(--output-hero-muted)}.money-tool-output .result-hero .result-icon{background:color-mix(in srgb,white 13%,transparent);color:#fff}.money-tool-output .result-card.result-hero.warning-result.warning-result{background:radial-gradient(circle at 12% 16%,color-mix(in srgb,white 12%,transparent),transparent 38%),linear-gradient(115deg,color-mix(in srgb,var(--warning) 72%,#4a210d),color-mix(in srgb,var(--warning) 58%,#7f1d1d))}.money-tool-output .result-hero .metrics{max-width:820px;margin:20px auto 0;padding-top:16px;border-top-color:var(--output-hero-divider)}.money-tool-output .result-hero .metrics>div{min-width:0}.money-tool-output .output-secondary.output-secondary{padding:var(--output-card-padding)}.money-tool-output .output-secondary .chart-head{align-items:center}.money-tool-output .output-compact-group.output-compact-group{width:min(100%,820px);margin-inline:auto}.money-tool-output .output-metric.output-metric{min-width:0;gap:8px}.money-tool-output .output-metric+.output-metric{border-left:1px solid color-mix(in srgb,var(--line) 72%,transparent);padding-left:16px}.money-tool-output .output-metric span{line-height:1.35}.money-tool-output .output-metric strong{line-height:1.2;overflow-wrap:anywhere}.money-tool-output .output-metric.metric-key strong{color:var(--action-strong)}.money-tool-output .output-metric.metric-cost strong,.money-tool-output .output-metric.metric-warning strong{color:var(--warning-text)}.money-tool-output .output-metric.metric-positive strong{color:var(--success-text)}.money-tool-output .result-hero .output-metric.metric-key strong{color:#fff}.money-tool-output .result-hero .output-metric.metric-cost strong,.money-tool-output .result-hero .output-metric.metric-warning strong{color:color-mix(in srgb,white 76%,var(--warning-text))}.money-tool-output .result-hero .output-metric.metric-positive strong{color:color-mix(in srgb,white 82%,var(--success-text))}.money-tool-output .output-note.warning-note{color:var(--warning-text);font-weight:700}.money-tool-output .output-note.positive-note{color:var(--success-text);font-weight:700}@media(max-width:700px){.money-tool-output .output-metric+.output-metric{border-left:0;padding-left:0;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent);padding-top:12px}}@media(forced-colors:active){.money-tool-output .result-card.result-hero.result-hero{background:Canvas;border:1px solid ButtonText;color:CanvasText}.money-tool-output .result-hero .result-number,.money-tool-output .result-hero .result-icon,.money-tool-output .result-hero .eyebrow,.money-tool-output .result-hero .result-note,.money-tool-output .result-hero .output-metric strong{color:CanvasText}.money-tool-output .result-hero .metrics{border-top-color:ButtonText}.money-tool-output .output-metric.metric-key strong,.money-tool-output .output-metric.metric-cost strong,.money-tool-output .output-metric.metric-warning strong,.money-tool-output .output-metric.metric-positive strong,.money-tool-output .output-note.warning-note,.money-tool-output .output-note.positive-note{color:ButtonText}}