.calc{--share-needs:50;--share-wants:30;--share-savings:20;--first:50;--second:80;--needs-track:#33a0ff;--wants-track:#ffd633;--savings-track:#68e186;--red:#ff383c}[data-mode=plan] [data-bills-only],[data-mode=bills] [data-plan-only]{display:none!important}.calc input{-webkit-appearance:none;appearance:none;border-radius:0;outline:0}.calc [hidden]{display:none!important}.calc-mode{background:var(--grouped);border-radius:99rem;flex:none;gap:.2rem;padding:.4rem;display:inline-flex}.calc-mode button{color:var(--label-secondary);font:600 1.6rem/1.2 var(--font-text);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:99rem;padding:.8rem 1.6rem}.calc-mode button[aria-pressed=true]{background:var(--surface);color:var(--label)}.calc-head-actions{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.calc-start-over{background:var(--grouped);color:var(--label);font:600 1.6rem/1.2 var(--font-text);white-space:nowrap;cursor:pointer;border:0;border-radius:99rem;flex:none;align-items:center;gap:.6rem;padding:1.2rem 1.6rem;display:inline-flex}.calc-start-over svg{flex:none;width:1.6rem;height:1.6rem}.calc-start-over:hover{opacity:.65}.calc-explain{font-size:1.9rem;font-weight:600;line-height:1.35}.calc-sentence{--span:1 / -1;--tablet-span:1 / -1;gap:1.8rem;padding:3.2rem 4.8rem}.calc-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem 2rem;display:flex}.calc-head h1{font-family:var(--font-display);font-size:2.2rem;font-weight:700;line-height:1.2}.calc-lines{gap:calc(var(--sentence,5.6rem) * .2);font-family:var(--font-display);font-size:var(--sentence,5.6rem);letter-spacing:-.01em;flex-direction:column;font-weight:900;line-height:1.12;display:flex}.calc-line{flex-wrap:wrap;align-items:center;gap:0 .29em;display:flex}.calc-nowrap{white-space:nowrap;align-items:center;gap:.29em;display:inline-flex}.calc-attached{margin-inline-start:-.29em}.calc-pill{white-space:nowrap;border-radius:.3em;align-items:center;padding:.04em .22em;display:inline-flex}.calc-pill.is-needs{background:var(--needs);color:var(--surface)}.calc-pill.is-wants{background:var(--wants)}.calc-pill.is-savings{background:var(--savings)}.calc-income{background:var(--grouped);box-shadow:inset 0 0 0 .3rem var(--needs);cursor:text;display:inline-grid;position:relative}.calc-sizer,.calc-income input{white-space:pre;grid-area:1/1}.calc-sizer{visibility:hidden}.calc-income input{width:0;min-width:100%;color:inherit;font:inherit;letter-spacing:inherit;background:0 0;border:0;padding:0}.calc-status,.calc-closing{color:var(--label-secondary)}.calc-status[data-over],.calc-closing[data-over]{color:var(--red)}.calc-split{--span:1 / -1;--tablet-span:1 / -1;height:24rem;transition:height .45s var(--gentle);flex-direction:row;padding:0}[data-mode=bills] .calc-split{height:30rem}[data-mode=bills][data-has-bills] .calc-split{height:40rem}.calc-band{min-width:0;transition:flex-grow .45s var(--gentle);flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:inline-size}.calc-band.is-needs{--tone:var(--needs);--track:var(--needs-track);--on:var(--surface);flex:var(--share-needs) 1 0}.calc-band.is-wants{--tone:var(--wants);--track:var(--wants-track);--on:var(--label);flex:var(--share-wants) 1 0}.calc-band.is-savings{--tone:var(--savings);--track:var(--savings-track);--on:var(--label);flex:var(--share-savings) 1 0}.calc-band{background:var(--tone);color:var(--on)}[data-mode=bills] .calc-band{background:var(--track)}.calc-used{height:calc(var(--used,0) * 100%);background:var(--tone);pointer-events:none;transition:height .45s var(--gentle);position:absolute;inset:auto 0 0}[data-mode=plan] .calc-used{display:none}.calc-used[data-over]:after{content:"";background:var(--red);height:1rem;position:absolute;inset:0 0 auto}.calc-band-plan{flex-direction:column;flex:1;justify-content:space-between;padding:2.4rem 3.2rem;display:flex;position:relative}.calc-band.is-savings .calc-band-plan,.calc-band.is-savings .calc-band-bills{padding-inline:2rem}[data-mode=bills] .calc-band-plan,[data-mode=plan] .calc-band-bills{display:none}.calc-band-bills{flex:1;min-height:0;padding:2.4rem 3.2rem;display:flex;position:relative}.calc-percent{background:var(--surface);width:fit-content;color:var(--label);font-family:var(--font-display);letter-spacing:-.01em;cursor:text;border-radius:1.4rem;align-items:baseline;padding:.6rem 1.4rem;font-size:2.6rem;font-weight:900;line-height:1.2;display:inline-flex}.calc-percent:focus-within{box-shadow:0 0 0 .3rem var(--label)}.calc-percent input{width:2.1ch;color:inherit;font:inherit;letter-spacing:inherit;text-align:right;background:0 0;border:0;padding:0}.calc-percent-spaced{margin-inline-start:.14em}.calc-band-label{white-space:nowrap;flex-direction:column;display:flex}.calc-band-label strong{font-family:var(--font-display);font-size:2rem;font-weight:700}.calc-short-name{display:none}.calc-detail{font-size:1.4rem}.calc-deco{--chip-size:1.806rem;position:absolute;rotate:4deg}.calc-deco-needs{top:7.4rem;right:11.5rem;rotate:-4deg}.calc-deco-wants{top:4.2rem;right:8.9rem}.calc-deco-savings{top:7rem;right:1.2rem;rotate:-4deg}@container (width<=25rem){.calc .calc-band .calc-deco{display:none}}@container (width<=34rem){.calc .calc-band .calc-deco-wants{display:none}}@container (width<=18rem){.calc-detail{display:none}.calc-band-label strong{font-size:1.5rem}}@container (width<=13rem){.calc-long-name{display:none}.calc-short-name{display:inline}}.calc-handle{top:50%;left:calc(var(--first) * 1%);z-index:3;cursor:ew-resize;touch-action:none;width:4.4rem;height:9.6rem;transition:left .45s var(--gentle);background:0 0;border:0;padding:0;position:absolute;translate:-50% -50%}.calc-handle[data-divider="1"]{left:calc(var(--second) * 1%)}.calc-handle:before{content:"";background:var(--surface);transition:inset .2s var(--gentle), background .2s;border-radius:.8rem;position:absolute;inset:1.2rem 1.6rem;box-shadow:0 .3rem .8rem #00000047}.calc-handle:hover:before,.calc-handle:focus-visible:before{inset:.6rem 1.5rem}.calc-handle[data-active]:before{background:var(--label);inset:0 1.4rem}.calc-handle:focus-visible{outline:0}.calc-handle:focus-visible:before{outline:.3rem solid var(--label);outline-offset:.2rem}[data-dragging] .calc-band,[data-dragging] .calc-handle{transition:none}.calc-tip{background:var(--label);color:var(--surface);white-space:pre;border-radius:1.2rem;padding:.6rem 1.2rem;font-size:1.5rem;font-weight:600;display:none;position:absolute;top:-1.6rem;right:calc(100% - .4rem)}.calc-handle[data-active] .calc-tip,.calc-handle:focus-visible .calc-tip{display:block}.calc-bills{flex-direction:column;flex:1;justify-content:space-between;gap:1.2rem;min-width:0;display:flex}.calc-bills-main{flex-direction:column;gap:1.2rem;min-height:0;display:flex}.calc-bills-head{white-space:nowrap;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 .8rem;display:flex}.calc-bills-head strong{font-family:var(--font-display);font-size:1.9rem;font-weight:700}.calc-bills-head span{font-size:1.5rem;font-weight:600}.calc-bills-chips,.calc-bills-list{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.calc-bills-list{display:contents}.calc-chip,.calc-add,.calc-bills-status{background:var(--surface);width:fit-content;max-width:100%;color:var(--label);font:700 1.5rem/1.2 var(--font-text);white-space:nowrap;border:0;border-radius:99rem;align-items:center;gap:.5rem;padding:.68rem .9rem .68rem 1rem;display:inline-flex}.calc-chip{cursor:pointer;box-shadow:0 .47rem .8rem #00000029}.calc-chip:before,.calc-bills-status:not([data-over]):before{content:"";border-radius:50%;flex:none;width:.76em;height:.76em}.calc-chip.is-needs:before,.calc-bills-status[data-tone=needs]:before{background:var(--needs)}.calc-chip.is-wants:before,.calc-bills-status[data-tone=wants]:before{background:var(--wants)}.calc-chip.is-savings:before,.calc-bills-status[data-tone=savings]:before{background:var(--savings)}.calc-chip span:first-child{text-overflow:ellipsis;overflow:hidden}.calc-chip-remove{color:var(--label-secondary);font-weight:500}.calc-chip:hover .calc-chip-remove{color:var(--red)}.calc-suggestion{color:var(--label);font:600 1.5rem/1.2 var(--font-text);white-space:nowrap;cursor:pointer;background:#ffffff8c;border:0;border-radius:99rem;align-items:center;padding:.68rem 1.2rem;display:inline-flex}.calc-suggestion:hover{background:var(--surface);color:var(--label)}.calc-add{color:var(--label-secondary);cursor:pointer;padding-inline:1.4rem;font-weight:600}.calc-bills-status{box-shadow:0 .47rem .8rem #00000029}.calc-bills-status[data-over]{background:var(--red);color:var(--surface)}.calc-add-form{background:var(--surface);border-radius:1.4rem;flex-wrap:wrap;align-items:center;gap:.6rem;width:fit-content;max-width:100%;padding:.6rem;display:flex}.calc-add-form input{background:var(--grouped);width:12rem;min-width:0;color:var(--label);font:600 max(16px, 1.5rem)/1.2 var(--font-text);border:0;border-radius:.8rem;padding:.5rem .8rem}.calc-add-form input[name=amount]{width:8rem}.calc-add-form button{background:var(--label);color:var(--surface);font:600 1.5rem/1.2 var(--font-text);cursor:pointer;border:0;border-radius:99rem;padding:.6rem 1.2rem}.calc-phone-bills{display:none}@container (width<=24rem){.calc-bills-head{flex-wrap:wrap;gap:0 .8rem}.calc-chip,.calc-bills-status{white-space:normal;overflow-wrap:normal;border-radius:1.4rem}}@container (width<=16rem){.calc-band.is-savings .calc-band-bills,.calc-band-bills{padding-inline:1rem}.calc-chip:before,.calc-bills-status:not([data-over]):before,.calc-chip-remove{display:none}.calc-chip,.calc-add,.calc-bills-status{padding:.5rem .7rem;font-size:1.3rem}}.calc-tools{--span:1 / -1;--tablet-span:1 / -1;background:0 0;flex-direction:column;gap:1rem;padding:.4rem .8rem;overflow:visible}.calc-presets{flex-wrap:wrap;align-items:center;gap:.8rem;font-size:1.5rem;font-weight:600;display:flex}.calc-presets button{background:var(--surface);color:var(--label);font:600 1.5rem/1.2 var(--font-text);cursor:pointer;border:0;border-radius:99rem;padding:.8rem 1.4rem}.calc-presets button span{opacity:.55;font-weight:500}.calc-presets button[aria-pressed=true]{background:var(--label);color:var(--surface)}.calc-presets button[aria-pressed=true] span{opacity:.75}.calc-keep{--span:1 / -1;--tablet-span:1 / -1;flex-direction:row;justify-content:space-between;align-items:center;gap:2.4rem;padding:3.2rem 4.8rem}.calc-keep h2{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:.6rem;font-size:3rem;font-weight:900;line-height:1.1}.calc-keep p{font-size:1.7rem;font-weight:400}.calc-keep .badges{flex:none;gap:1rem}.calc-rule{--span:span 8;--tablet-span:1 / -1;gap:1.6rem}.calc-rule p{line-height:1.45}.calc-quote{--tablet-span:1 / -1;background:var(--needs);min-height:26rem;color:var(--surface);gap:1.2rem;padding:4rem;position:relative}.calc-stars{color:var(--wants);font-size:2.2rem;font-weight:700}.calc-quote-text{max-width:26rem;font-family:var(--font-display);letter-spacing:-.01em;font-size:2.8rem;font-weight:900;line-height:1.12}.calc-quote-source{max-width:22rem;font-size:1.5rem}.calc-quote img{width:12rem;height:auto;position:absolute;bottom:1.2rem;right:1.6rem}.calc-section-title{grid-column:1/-1;padding:2rem .8rem 0}.calc-where{--tablet-span:1 / -1;--chip-size:1.554rem;gap:1.6rem;padding:3.2rem}.calc-where h3{font-family:var(--font-display);font-size:2.2rem;font-weight:700}.calc-where-chips{flex-wrap:wrap;gap:.8rem;display:flex}.calc-examples{--span:1 / -1;--tablet-span:1 / -1;gap:2rem}.calc-examples table{border-collapse:collapse;text-align:left;width:100%;font-size:1.9rem}.calc-examples thead th{color:var(--label-secondary);padding-bottom:1rem;font-size:1.6rem;font-weight:600}.calc-examples tbody th,.calc-examples td{border-top:1px solid var(--separator);padding-block:1.2rem}.calc-examples tbody th{font-family:var(--font-display);font-weight:700}@media (width>=1100px){[data-mode=bills] .calc-sentence{--sentence:5.2rem}}@media (width<=1099px){.calc-sentence{--sentence:3.8rem;padding:2.8rem 3.2rem}.calc-line .calc-nowrap{white-space:normal;display:inline}.calc-line .calc-pill{margin-inline:0 .2em}.calc-line .calc-attached{margin-inline-start:-.2em}.calc-keep{padding:2.8rem 3.2rem}.calc-keep h2{font-size:2.4rem}.calc-band-plan,.calc-band-bills,.calc-band.is-savings .calc-band-plan,.calc-band.is-savings .calc-band-bills{padding:1.8rem}[data-mode=bills] .calc-split,[data-mode=bills][data-has-bills] .calc-split{height:15rem}[data-mode=bills] .calc-band-plan{display:flex}[data-mode=bills] .calc-band-bills,[data-mode=bills] .calc-band .calc-deco{display:none}.calc-phone-bills{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.calc-phone-bills-tile{padding:2.4rem;overflow:visible;container-type:inline-size}.calc-phone-bills-tile .calc-bills-head span{color:var(--label-secondary)}.calc-phone-bills-tile .calc-add{background:var(--grouped)}.calc-phone-bills-tile .calc-suggestion{background:var(--grouped);color:var(--label)}.calc-quote{padding:3.2rem}}@media (width<=719px){.calc-sentence{--sentence:2.6rem;gap:1.2rem;padding:2rem}.calc-head h1{font-size:1.6rem}.calc-mode button{padding:.6rem 1.3rem;font-size:1.3rem}.calc-start-over{padding:1rem 1.1rem;font-size:1.3rem}.calc-start-over svg{width:1.4rem;height:1.4rem}.calc-explain{font-size:1.5rem}.calc-lines{gap:.7rem}.calc-line .calc-status{font-family:var(--font-text);letter-spacing:0;flex-basis:100%;margin-top:.1em;font-size:1.4rem;font-weight:600}.calc-closing{font-size:2.3rem}.calc-split{--chip-size:1.2rem;height:15rem}[data-mode=bills] .calc-split,[data-mode=bills][data-has-bills] .calc-split{height:11.2rem}.calc-band-plan,.calc-band.is-savings .calc-band-plan{padding:1.2rem .6rem}.calc-percent{border-radius:.9rem;padding:.2rem .5rem;font-size:max(16px,1.5rem)}.calc-percent-spaced{margin-inline-start:0}.calc-band-label{overflow-wrap:normal;white-space:normal}.calc-band-label strong{font-family:var(--font-text);font-size:1.2rem;font-weight:600}.calc-detail,.calc .calc-band .calc-deco,.calc-long-name{display:none}.calc-short-name{display:inline}.calc-handle{width:4rem;height:7rem}.calc-handle:before{inset:1rem 1.6rem}.calc-tip{font-size:1.3rem;top:-3rem;left:50%;right:auto;translate:-50%}.calc-phone-bills{grid-template-columns:minmax(0,1fr);gap:1.6rem}.calc-phone-bills-tile{padding:1.8rem}.calc-bills-head strong{font-size:1.5rem}.calc-bills-head span{font-size:1.4rem}.calc-chip,.calc-add,.calc-suggestion,.calc-bills-status{font-size:1.3rem}.calc-add-form input,.calc-add-form input[name=amount]{flex:8rem;width:auto}.calc-tools{padding:.4rem}.calc-presets,.calc-presets button{font-size:1.3rem}.calc-keep{flex-direction:column;align-items:flex-start;gap:1.6rem;padding:2.4rem}.calc-keep h2{font-size:2.4rem}.calc-keep p{font-size:1.5rem}.calc-band.is-needs,.calc-band.is-wants,.calc-band.is-savings{flex-basis:auto}.calc-quote,.calc-where{padding:2.4rem}.calc-quote-source{max-width:19.4rem}.calc-examples table{font-size:1.4rem}.calc-examples tbody th{font-family:var(--font-text)}.calc-examples :is(th,td):not(:last-child){padding-inline-end:.8rem}.calc-examples thead th{font-size:1.2rem}}.calc-local{--span:span 6;--tablet-span:1 / -1;gap:1.2rem;padding:4rem}.calc-local h3{font-family:var(--font-display);letter-spacing:-.01em;font-size:2.8rem;font-weight:900;line-height:1.1}.calc-local p{font-size:1.8rem;font-weight:400;line-height:1.45}@media (width<=1099px){.calc-local{padding:3.2rem}}@media (width<=719px){.calc-local{padding:2.4rem}.calc-local h3{font-size:2.4rem}.calc-local p{font-size:1.6rem}}.calc-splits ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;display:grid}.calc-splits li{background:var(--grouped);border-radius:1.8rem;justify-content:space-between;align-items:center;gap:2rem;padding:2rem 2.4rem;display:flex}.calc-splits h3{font-family:var(--font-display);margin-bottom:.4rem;font-size:2rem;font-weight:700}.calc-splits h3 span{color:var(--label-secondary);font-family:var(--font-text);font-size:1.6rem;font-weight:600}.calc-splits li p{font-size:1.6rem;font-weight:400;line-height:1.4}.calc-splits button{background:var(--label);color:var(--surface);font:600 1.5rem/1.2 var(--font-text);cursor:pointer;border:0;border-radius:99rem;flex:none;padding:.8rem 1.4rem}.calc-byline{color:var(--label-secondary);grid-column:1/-1;padding-inline:.8rem;font-size:1.5rem;font-weight:400}.calc-byline a{color:var(--label);text-underline-offset:.2em;font-weight:500;text-decoration:underline}@media (width<=1099px){.calc-splits ul{grid-template-columns:minmax(0,1fr)}}@media (width<=719px){.calc-splits li{padding:1.6rem 1.8rem}.calc-splits h3{font-size:1.7rem}.calc-splits li p{font-size:1.5rem}.calc-byline{font-size:1.4rem}}