.cost-driver-animation{background:linear-gradient(145deg,#fff 0%,#f7f8f6 100%);border:1px solid #e6e9e7;border-radius:14px;min-width:0;padding:22px;box-shadow:0 18px 50px #31433a0a}.cost-animation-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.cost-animation-heading h3{letter-spacing:-.35px;margin:5px 0 0;font-size:17px;font-weight:560}.cost-animation-controls{gap:5px;display:flex}.cost-animation-controls button:not(:where([data-slot])){color:#68736d;background:#fff;border:1px solid #e1e5e2;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.cost-animation-controls button:hover:not(:where([data-slot])){color:#e55c12;border-color:#e9c9b7}.cost-animation-scope{color:#8a928e;margin:11px 0 18px;font-size:10px}.cost-input-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cost-input-grid button{text-align:left;position:relative;overflow:hidden}.cost-input-grid button:not(:where([data-slot])){--factor-color:#e56522;color:#57615c;background:#fff;border:1px solid #e7eae8;border-radius:8px;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:56px;padding:9px 10px;display:grid}.cost-input-grid button:after{width:calc(var(--factor-progress) * 100%);position:absolute;bottom:0;left:0}.cost-input-grid button:not(:where([data-slot])):after{content:"";background:var(--factor-color);height:2px;transition:width .12s linear}.cost-input-grid button:hover:not(:where([data-slot])),.cost-input-grid button.is-selected:not(:where([data-slot])){border-color:color-mix(in srgb, var(--factor-color) 45%, #e7eae8);box-shadow:0 5px 16px #293a3209}.cost-input-grid button>i{background:var(--factor-color);border-radius:4px;width:7px;height:28px}.cost-input-grid span{font-size:10px;line-height:1.25}.cost-input-grid strong{font-variant-numeric:tabular-nums;color:#47514c;font-size:13px;font-weight:560}.cost-input-grid small{color:#a0a6a2;grid-column:2/4;margin-top:-7px;font-size:7px}.cost-flow-arrow{color:#a0a6a2;justify-content:center;align-items:center;gap:9px;margin:15px 0;display:flex}.cost-flow-arrow span{background:#dfe3e0;width:35px;height:1px}.cost-flow-arrow b{text-transform:uppercase;letter-spacing:1px;font-size:7px;font-weight:550}.cost-expected-card{background:#fff;border:1px solid #dfe7e2;border-radius:10px;padding:16px}.cost-expected-card>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.cost-expected-card>div:first-child>span{color:#7f8984;font-size:10px}.cost-expected-card strong{letter-spacing:-1px;color:#168b68;font-variant-numeric:tabular-nums;font-size:29px;font-weight:520}.cost-expected-card strong small{letter-spacing:0;color:#8b948f;font-size:8px;font-weight:400}.cost-expected-stack{border-radius:4px;gap:2px;height:8px;margin:13px 0 12px;display:flex;overflow:hidden}.cost-expected-stack i{min-width:3px}.cost-expected-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;display:grid}.cost-expected-legend span{color:#858e89;grid-template-columns:6px minmax(0,1fr) auto;align-items:center;gap:6px;font-size:8px;display:grid}.cost-expected-legend span>i{border-radius:2px;width:6px;height:6px}.cost-expected-legend b{color:#58625d;font-variant-numeric:tabular-nums;font-weight:550}.cost-factor-explanation{color:#707a75;background:#f1f3f1;border-radius:8px;min-height:53px;margin-top:12px;padding:10px 12px}.cost-factor-explanation b{color:#515b56;font-size:9px}.cost-factor-explanation p{margin:3px 0 0;font-size:8px;line-height:1.55}.cost-animation-note{color:#9ba29e;margin:12px 0 0;font-size:8px;line-height:1.5}@container (width<=850px){.cost-driver-animation{padding:17px}.cost-input-grid,.cost-expected-legend{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cost-input-grid button:after{transition:none}}