.expense__form{--form-input-vertical-space:0;display:flex;flex-flow:column;gap:20px}.expense__field{flex:1}.hs-form-field .expense__form-label{margin-bottom:15px}.expense__savings-label{display:inline-block;margin-bottom:15px}.expense__savings-output{background-color:#000;border:1px solid var(--gray);border-radius:var(--form-input-border-radius);display:block;line-height:1.5;padding:var(--form-input-padding);text-align:center}.expense__legend{background-color:rgba(0,0,0,.2);border-radius:6px;margin-top:20px;padding:20px}.expense__figure{background-color:var(--gray_darkest);border-radius:6px;margin-top:30px;padding:20px 10px 10px;text-align:center}.expense__diagram-container{overflow-x:auto;overflow-y:hidden;width:100%}.expense__diagram{height:35vh}.expense__legend{--text-margin-bottom:1rem}.expense__legend-intro{margin-bottom:20px;padding-left:calc(1.2em + 20px);position:relative}.expense__legend-intro:before{content:"ⓘ";display:block;font-size:1.2em;left:0;position:absolute;top:50%;transform:translateY(-50%)}.expense .ct-label{color:var(--gray_light);fill:var(--gray_light);font-size:var(--small-font-size);opacity:.25}.expense .ct-grid{opacity:.25;stroke:var(--gray_light);stroke-dasharray:0;stroke-width:1px}.expense .ct-horizontal{display:none}.expense .ct-label.ct-vertical{margin-top:calc(var(--small-font-size)/2);padding-right:0}.expense .ct-bar{stroke-width:min(10vw,240px)}.expense .ct-label.ct-horizontal{opacity:1;padding-top:5px}.expense .ct-series .ct-bar{fill:var(--green);stroke:var(--green)}.expense .ct-series .ct-bar:first-of-type{fill:var(--gray);stroke:var(--gray)}.expense .ct-top-cap{stroke-width:0px;transform:translateY(1px)}@media (min-width:900px){.expense{display:flex;gap:20px}.expense__field--narrow{flex:0.4}.expense__chart{flex:1}.expense__figure{padding:20px 10px}.expense__legend{flex:0.45;margin-top:calc(15px + var(--base-font-size)*1.3)}.expense__diagram{height:50vh}.expense__form{flex-flow:row}.expense__legend-entries{order:10}}