.savings-widget{gap:16px;margin-top:44px;display:grid}.savings-widget .sw-duel{grid-template-rows:repeat(4,auto);grid-template-columns:1fr 1fr;gap:22px 16px;display:grid}.savings-widget .sw-side{grid-row:1/span 4;grid-template-rows:subgrid;border-radius:var(--r-card);padding:28px 30px;display:grid}.savings-widget .sw-them{background:var(--canvas)}.savings-widget .sw-field{align-content:start;gap:10px;display:grid}.savings-widget .sw-field label,.savings-widget .sw-label{color:var(--ink-2);font-size:13.5px;font-weight:600}.savings-widget .selectTrigger{border-radius:var(--r-btn);height:52px;min-height:52px;box-shadow:inset 0 0 0 1px var(--line);font:inherit;color:var(--ink);background:#fff;border:0;padding:0 16px;font-weight:600}.savings-widget .selectTrigger:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--line)}.savings-widget .select--open .selectTrigger,.savings-widget .selectTrigger:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);outline:none}.savings-widget .selectPlaceholder{color:var(--muted);font-weight:500}.savings-widget .sw-amount{border-radius:var(--r-btn);height:74px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;align-items:center;gap:10px;padding:0 18px;transition:box-shadow .18s;display:flex}.savings-widget .sw-spend:focus-within{box-shadow:inset 0 0 0 2px var(--accent)}.savings-widget .sw-duel,.savings-widget .sw-side,.savings-widget .sw-field,.savings-widget .sw-amount,.savings-widget .sw-notes,.savings-widget .sw-details{min-width:0;max-width:100%}.savings-widget .sw-spend input{width:100%;min-width:0;font-family:var(--font-mono);color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:29px;font-weight:600}.savings-widget .sw-cur{color:var(--muted);font-size:19px;font-weight:600}.savings-widget .sw-range{width:100%;accent-color:var(--accent);align-self:center}.savings-widget .sw-compare{place-self:start;padding:13px 28px}.savings-widget .sw-compare:disabled,.savings-widget .sw-compare:disabled:hover{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.savings-widget .sw-us{background:linear-gradient(145deg, var(--accent) 0%, #5a6bf3 100%);color:#fff;box-shadow:0 22px 44px -24px #3b4fe4cc}.savings-widget .sw-us .sw-label{color:#ffffffd1}.savings-widget .sw-brand{letter-spacing:-.02em;color:#fff;align-self:end;align-items:center;height:52px;font-size:24px;font-weight:700;display:flex}.savings-widget .sw-us .sw-result{box-shadow:none}.savings-widget .sw-result .mono{color:var(--accent-ink);font-size:29px;font-weight:600}.savings-widget .sw-caption{color:#fff;align-self:center;font-size:15px;font-weight:600}.savings-widget .sw-caption.is-negative{color:#ffd9c7}.savings-widget .sw-us.is-empty{background:var(--canvas);box-shadow:none;color:var(--muted)}.savings-widget .sw-empty{color:var(--muted);background:#fff;border-radius:14px;grid-row:1/-1;align-self:stretch;align-items:center;padding:24px;font-size:15px;line-height:1.6;display:flex}.savings-widget .sw-bars{background:var(--canvas);border-radius:var(--r-card);gap:12px;padding:22px 24px;display:grid}.savings-widget .sw-bar{grid-template-columns:140px 1fr;align-items:center;gap:14px;display:grid}.savings-widget .sw-bar-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.savings-widget .sw-bar.is-accent .sw-bar-name{color:var(--accent-ink);font-weight:600}.savings-widget .sw-track{border-radius:var(--r-sm);background:#fff;align-items:center;height:34px;display:flex;position:relative;overflow:hidden}.savings-widget .sw-fill{border-radius:var(--r-sm);transform-origin:0;transition:transform .9s var(--ease-out);background:#dde3ef;position:absolute;inset:0;transform:scaleX(0)}.savings-widget .sw-bar.is-accent .sw-fill{background:var(--accent)}.savings-widget .sw-bar-label{color:var(--ink-2);white-space:nowrap;padding-left:12px;font-size:12.5px;font-weight:600;position:relative}.savings-widget .sw-bar.is-accent .sw-bar-label{color:#fff}.savings-widget .sw-delta{border-radius:var(--r-card);background:var(--teal-12);color:var(--teal-ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;display:flex}.savings-widget .sw-delta.is-negative{color:#9a3f12;background:#fdeee6}.savings-widget .sw-k{font-size:13px;font-weight:600}.savings-widget .sw-delta-value{flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:4px;display:flex}.savings-widget .sw-v{letter-spacing:-.025em;font-size:30px;font-weight:700}.savings-widget .sw-per{font-size:14px}.savings-widget .sw-delta-side{text-align:right;gap:4px;font-size:14px;display:grid}.savings-widget .sw-delta-side .mono{font-weight:600}.savings-widget .sw-notes{color:var(--muted-2);gap:6px;margin:4px 0 0;padding:0;font-size:12.5px;line-height:1.6;list-style:none;display:grid}.savings-widget .sw-details{justify-self:end;margin-top:6px;padding:14px 26px}@media (max-width:760px){.savings-widget{margin-top:32px}.savings-widget .sw-duel{flex-direction:column;gap:16px;display:flex}.savings-widget .sw-side{flex-direction:column;gap:18px;padding:22px 18px;display:flex}.savings-widget .sw-brand{height:auto}.savings-widget .sw-compare{align-self:stretch}.savings-widget .sw-amount{height:64px}.savings-widget .sw-spend input,.savings-widget .sw-result .mono{font-size:24px}.savings-widget .sw-bars{padding:18px}.savings-widget .sw-bar{grid-template-columns:1fr;gap:6px}.savings-widget .sw-delta{flex-direction:column;align-items:flex-start}.savings-widget .sw-delta-side{text-align:left}.savings-widget .sw-side{grid-template-rows:none}.savings-widget .sw-details{white-space:normal;text-align:center;justify-self:stretch;width:100%}}@media (prefers-reduced-motion:reduce){.savings-widget .sw-fill{transition:none}}