.spend-chart>.reason-card__title,.spend-chart>.reason-card__subtitle{text-align:center}.spend-chart__compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:26px;align-items:stretch}.spend-chart__col{display:flex;flex-direction:column}.spend-chart__bars{display:flex;flex-direction:column;gap:5px}.spend-chart__bar{height:15px;border-radius:var(--lw-radius-pill);transform-origin:left center}.spend-chart__bar--coral{background:linear-gradient(180deg,#ef7a59,#d24a2e)}.spend-chart__bar--mint{background:linear-gradient(180deg,#84d9ba,#46a886)}.spend-chart__bar--gold{background:linear-gradient(180deg,#ffca54,#e89310)}.spend-chart__bar--sky{background:linear-gradient(180deg,#8fc0f0,#4f86d0)}.spend-chart__value-wrap{margin-top:auto;padding-top:18px;text-align:center}.spend-chart__value{font-family:var(--lw-font-display);font-weight:700;font-size:clamp(26px,5.5vw,34px);line-height:1}.spend-chart__col--old .spend-chart__value{color:var(--lw-coral);text-decoration:line-through;text-decoration-color:#e8654a8c}.spend-chart__col--new .spend-chart__value{color:#fff}.spend-chart__value-label{display:block;margin-top:7px;font-family:var(--lw-font-body);font-size:12px;color:#ffffff80}.spend-chart__keep{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:16px 22px;border-radius:var(--lw-radius-md);background:#5dbb9f1a;border:1px solid rgba(93,187,159,.28)}.spend-chart__keep-label{font-family:var(--lw-font-soft);font-weight:700;font-size:14px;color:#8edabe}.spend-chart__keep-value{font-family:var(--lw-font-display);font-weight:700;font-size:clamp(24px,5vw,30px);color:#8edabe}.spend-chart__bar{transition:opacity .4s ease,transform .45s cubic-bezier(.2,.8,.2,1)}.spend-chart.is-armed .spend-chart__bar{opacity:0;transform:scaleX(.15)}.spend-chart.is-armed.is-revealed .spend-chart__bar{opacity:1;transform:none;transition-delay:calc(var(--i, 0) * 45ms)}@media(prefers-reduced-motion:reduce){.spend-chart__bar{transition:none!important}}@media(min-width:990px){.spend-chart__compare{gap:32px;margin-top:30px}.spend-chart__bar{height:16px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-reason-spend.css.map */
