[v-cloak]{display:none}.vhide{visibility:hidden}.content-section .data-source{color:#000;font-size:1.5rem;font-weight:600;font-style:italic}.calculator-section{padding:2rem 0 0}.calculator-section .type-header{margin-bottom:1rem;color:#0073c2;font-size:1.7rem;font-weight:700;line-height:1.3;text-transform:uppercase}.calculator-section .type-content{margin-bottom:0}.calculator-section .type-calculate-header{margin-bottom:1rem;color:#0073c2;font-size:1.7rem;font-weight:700;line-height:1.3;text-transform:uppercase}.calculator-section .type-calculate{display:block;padding:.6rem 1rem;margin-bottom:0;background-color:#aee2ff;color:#000;font-size:1.6rem;font-weight:700}.calculator-section .form-section{margin-bottom:5rem}.calculator-section .form-section:last-child{margin-bottom:0}.calculator-section .form-section .question{display:block;margin:1rem 0 1rem 2rem;color:#221f20;font-size:1.7rem;font-weight:500;line-height:1.3;align-items:center}.calculator-section .form-section .question.first-question{margin-top:0}.calculator-section .form-section .field-section{display:flex;flex-direction:row;flex-grow:1;align-items:center;justify-content:center}.calculator-section .form-section .dollar-sign{display:block;margin:0 1rem 0 0;color:#0073c2;font-size:2rem;font-weight:700}.calculator-section .form-section .field{display:block;padding:.6rem 1rem;width:100%;background-color:#fff;color:#221f20;font-size:2rem;font-weight:700;border:2px solid #0073c2;border-radius:0;outline:none;box-shadow:none}.calculator-section .form-section .field:focus{border-color:#26b2f5}.calculator-section .form-section .field.error{border-color:#df1200}.calculator-section .form-section .error-message{margin:1rem 0 0 2rem;border-radius:0}.calculator-section .form-section .error-message p{margin-bottom:0;color:#df1200;font-size:1.6rem;font-weight:500}.calculator-section .form-section .ca-tooltip{display:block;width:3rem;height:3rem}.calculator-section .form-section .ca-tooltip .ca-tooltip-btn{background:rgba(0,0,0,0) url("../../images/budget-calculator/icon-tooltip.png") no-repeat center center;background-size:auto auto;width:inherit;height:inherit;margin-left:1rem;border:0;box-shadow:none}.tooltip{opacity:1 !important}.tooltip .tooltip-inner{background-color:#ececec;padding:1rem 1.5rem;color:#000;font-size:1.4rem;font-weight:500;text-align:left;line-height:1.4;border:1px solid #3d3d3d}.tooltip .tooltip-inner strong{color:#26b2f5}.btn-section{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row;column-gap:2rem;align-items:flex-start;justify-content:center}.btn-section .btn{padding:1rem 5rem;background-color:#0073c2;width:100%;border:0;border-radius:0;outline:none;cursor:pointer;transition:all .3s ease-out}.btn-section .btn:hover,.btn-section .btn:focus{background-color:#26b2f5}.btn-section .btn:disabled{background-color:#bbb;cursor:not-allowed}.btn-section .btn:disabled .btn-label{color:#fff}.btn-section .btn .btn-label{display:block;color:#fff;font-size:1.8rem;font-weight:500;text-align:center}.btn-section .cancel-btn{background-color:#264f8c}.result-section .very-positive-color,.result-section .positive-color{color:#0073c2}.result-section .equal-color{color:#c28314}.result-section .negative-color{color:#d94538}.chart-section{display:grid;grid-template-columns:1fr 1fr;row-gap:0;column-gap:4rem;align-items:start;justify-content:center}.chart-section .balance-left-chart-section{display:grid;grid-template-areas:"donut-overlay";place-items:center;place-content:center}.chart-section .balance-left-chart-section .donut-text{grid-area:donut-overlay;place-self:center center;text-align:center}.chart-section .balance-left-chart-section .donut-text .balance-left-content{margin-bottom:.5rem;color:#221f20;font-size:2.5rem;font-weight:700;line-height:1.3}.chart-section .balance-left-chart-section .donut-text .balance-left-amount{margin-bottom:.5rem;font-size:2.8rem;font-weight:700;line-height:1.3}.chart-section .balance-left-chart-section .donut-text .balance-left-advise{margin:0 auto;margin-bottom:0;font-size:1.5rem;width:60%;line-height:1.3}.chart-section .balance-left-chart-section .donut-chart{grid-area:donut-overlay;place-self:center center;width:45rem;height:auto}.chart-result-section{padding-top:5rem}.chart-result-section .gambling-spend{margin-bottom:4rem;color:#221f20;font-size:2.5rem;font-weight:700;line-height:1.2}.chart-result-section .gambling-spend .gambling-spend-percent{font-size:4rem}.chart-result-section .quick-tips-section{display:flex;flex-direction:row;flex:1;row-gap:0;column-gap:2rem;align-items:flex-start;justify-content:flex-start;padding-left:1.5rem}.chart-result-section .quick-tips-section .quick-tips-content h3{margin-bottom:.5rem;color:#0073c2;font-size:1.6rem;font-weight:700;text-transform:uppercase;line-height:1.4}.chart-result-section .quick-tips-section .quick-tips-content p{font-size:1.6rem;line-height:1.4}.result-advise-section{margin-bottom:4rem}.result-advise-section .advise-section{display:grid;grid-template-areas:"advise-overlay";place-items:center;place-content:center}.result-advise-section .advise-section .advise{grid-area:advise-overlay;place-self:center center;padding:2rem 2rem 2rem 2.5rem;margin:0;font-size:1.5rem;font-weight:500;text-align:left;line-height:1.5;border-radius:15px}.result-advise-section .advise-section .advise-icon{grid-area:advise-overlay;place-self:start start;position:relative;top:-1.5rem;left:-1.5rem}.result-advise-section .advise-section .advise-positive{background-color:#ebf8ff;color:#0073c2}.result-advise-section .advise-section .advise-equal{background-color:#fff1dc;color:#c28314}.result-advise-section .advise-section .advise-negative{background-color:#fff1e9;color:#d94538}@media(width <= 1399px){.chart-section .balance-left-chart-section .donut-chart{width:42rem}.result-advise-section{padding-top:3rem}}@media(width <= 1199px){.btn-section .btn{padding-left:4rem;padding-right:4rem}.btn-section .btn:first-of-type{margin-right:1.5rem}.chart-section .balance-left-chart-section .donut-chart{width:40rem}.chart-result-section{padding-top:2rem}}@media(width <= 1024px){.btn-section{column-gap:1rem}.btn-section .btn{padding-left:3rem;padding-right:3rem}}@media(width <= 991px){.calculator-section .form-section .field{font-size:1.7rem}.chart-section{grid-template-columns:1fr}.chart-result-section .gambling-spend{margin-top:2rem;margin-bottom:1rem}.btn-section{margin-top:1rem}}@media(width <= 767px){.calculator-section{padding:0}.calculator-section .form-section{margin-bottom:3rem}.calculator-section .form-section .question.first-question{margin-top:1rem}.calculator-section .type-calculate-header{margin-top:2rem;margin-right:3rem;text-align:right}.calculator-section .type-calculate{width:30%;margin-left:auto;margin-right:3rem;text-align:right}.chart-result-section{padding-top:3rem}.btn-section{margin-top:3rem}}@media(width <= 575px){.calculator-section .type-calculate{width:40%}}@media(width <= 384px){.chart-section .balance-left-chart-section .donut-chart{width:38rem}.chart-result-section .quick-tips-section{flex-direction:column}.chart-result-section .quick-tips-content h3{margin-top:2rem}}@media(width <= 360px){.chart-section .balance-left-chart-section .donut-chart{width:35rem}}@media(width <= 280px){.chart-section .balance-left-chart-section .donut-chart{width:32rem}}