.investor-calculator{display:flex;align-items:flex-start;gap:4rem}.investor-calculator .calculator-form{width:calc((100% - 4rem)*.3);padding:2rem;border-radius:1.6rem;background:var(--background);box-shadow:var(--card-shadow)}.investor-calculator .calculator-form button{display:block;width:100%;padding:1.4rem;border-radius:.4rem;border:none;background:var(--btn-gradient);font-size:2rem;font-weight:600;line-height:1.5;color:var(--secondary-text);text-align:center;cursor:pointer;transition:.3s ease-in-out}.investor-calculator .calculator-form button:hover{opacity:.7}.investor-calculator .form-group{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;margin-bottom:2.4rem;position:relative}.investor-calculator .form-group label{display:block;width:100%;font-size:1.6rem;line-height:1.5}.investor-calculator .form-group input{display:block;width:100%;padding:1.4rem 10rem 1.4rem 1.4rem;border:solid .1rem hsla(0,0%,100%,.2);border-radius:.4rem;background:var(--blur-background-primary);font-size:2rem;line-height:1.5;color:inherit}.investor-calculator .form-group input::-webkit-inner-spin-button,.investor-calculator .form-group input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.investor-calculator .form-group input[type=number]{-moz-appearance:textfield;appearance:textfield}.investor-calculator .form-group input[type=radio]{display:none}.investor-calculator .form-group input[type=radio]+label{width:calc(50% - .7rem);border:solid .1rem hsla(0,0%,100%,.2);border-radius:.4rem;background:var(--blur-background-primary);font-size:2rem;padding:1.4rem;text-align:center;cursor:pointer;transition:.3s ease-in-out}.investor-calculator .form-group input[type=radio]:checked+label{border-color:var(--main);background:var(--background)}.investor-calculator .form-group input#years-to-grow+span,.investor-calculator .form-group input#custom-rate+span{font-size:2rem;line-height:1.5;position:absolute;right:1.4rem;bottom:1.4rem}.investor-calculator .form-group select{display:block;width:100%;padding:1.4rem 10rem 1.4rem 1.4rem;border:solid .1rem hsla(0,0%,100%,.2);border-radius:.4rem;background:url("../../../images/icons/arrow-down-icon.svg") right 1.4rem center/1.2rem 1.6rem no-repeat,var(--blur-background-primary);appearance:none;font-size:2rem;line-height:1.5;color:inherit}.investor-calculator .calculator-visualize{width:calc((100% - 4rem)*.7);display:flex;flex-direction:column;gap:3.2rem}.investor-calculator .chart-result{display:flex;flex-direction:column;padding:4rem 2rem 2rem;border-radius:1.6rem;background:var(--background);box-shadow:var(--card-shadow)}.investor-calculator .card-container{display:flex;justify-content:space-between;margin-bottom:2.4rem;gap:3.2rem}.investor-calculator .card{width:30%;text-align:center}.investor-calculator .card-heading{font-family:var(--text-font);font-size:1.8rem;font-weight:500;margin:0 0 .8rem}.investor-calculator #total-contribution,.investor-calculator #total-interest,.investor-calculator #total-investment-value{font-family:var(--headings-font);font-size:4rem;margin:0 auto}.investor-calculator #investmentChart{width:100%;margin-top:auto;margin-bottom:2.4rem;background:var(--placeholder-image) center center/contain no-repeat}.investor-calculator #investmentChart.is-active{background:none}.investor-calculator .chart-switch-button{display:block;width:100%;padding:1.4rem;border-radius:.4rem;border:none;background:var(--btn-gradient);font-size:2rem;font-weight:600;line-height:1.5;color:var(--secondary-text);text-align:center;cursor:pointer;transition:.3s ease-in-out;display:none}.investor-calculator .chart-switch-button:hover{opacity:.7}.investor-calculator .table-result{display:none}.investor-calculator .table-result.is-active{display:block}.investor-calculator .table-result-accordion{padding:0 3rem 0 0;border:none;outline:none;cursor:pointer;font-family:var(--headings-font);font-size:3.2rem;font-weight:400;text-align:left;transition:.3s ease-in-out;position:relative}.investor-calculator .table-result-accordion::after{content:"";width:1.8rem;height:1.8rem;background:url("../../../images/icons/arrow-down-icon.svg") center center/contain no-repeat;position:absolute;right:0;top:50%;transform:translate(0, -50%) rotate(90deg);transition:transform .3s ease-in-out}.investor-calculator .table-result-accordion.is-active::after{transform:translate(0, -50%) rotate(-90deg)}.investor-calculator .panel{margin-top:2.4rem;border-radius:1.6rem;background:var(--background);box-shadow:var(--card-shadow);overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out}.investor-calculator .panel.is-active{opacity:1}.investor-calculator table{width:100%;border-collapse:collapse}.investor-calculator table,.investor-calculator th,.investor-calculator td{border-bottom:solid .1rem var(--grey-100)}.investor-calculator th,.investor-calculator td{padding:1.8rem;text-align:center}.investor-calculator th{font-size:1.6rem;font-weight:500;width:25%;background-color:var(--main);color:var(--secondary-text)}.investor-calculator td{font-size:1.8rem}@media screen and (max-width: 1024px){.investor-calculator{flex-direction:column}.investor-calculator .calculator-form,.investor-calculator .calculator-visualize{width:100%}.investor-calculator .table-result{grid-column:1/2}.investor-calculator .card-container{gap:1.6rem;margin-bottom:2.4rem}}@media screen and (max-width: 640px){.investor-calculator .calculator-form button{padding:1rem;font-size:1.8rem}.investor-calculator .card-container{flex-wrap:wrap;justify-content:center}.investor-calculator .card{width:calc(50% - .8rem)}.investor-calculator .card-heading{font-size:1.4rem}.investor-calculator #total-contribution,.investor-calculator #total-interest,.investor-calculator #total-investment-value{font-size:2.2rem}.investor-calculator #investmentChart{margin-bottom:1.6rem}.investor-calculator .chart-result{padding:2rem}.investor-calculator .chart-switch-button{margin-top:2.4rem;padding:1rem;font-size:1.8rem}.investor-calculator .table-result{overflow-x:auto;padding-bottom:.8rem}.investor-calculator .table-result-accordion{font-size:2.4rem;position:sticky;left:0}.investor-calculator .panel{width:100%;margin-top:1.6rem}.investor-calculator .panel.is-active{width:max-content}.investor-calculator th{font-size:1.4rem}.investor-calculator td{font-size:1.6rem}}.section-intro .section-wrapper{padding:12.8rem var(--page-edge-padding);text-align:center}.section-intro .section-wrapper .section-title{text-align:center;margin-bottom:3.6rem}.section-intro .section-wrapper .section-description{margin:0 auto;max-width:100rem}@media only screen and (max-width: 1024px){.section-intro .section-wrapper{padding:5rem var(--page-edge-padding)}.section-intro .section-wrapper .section-title{margin-bottom:2.4rem}}.calculator-section{background:var(--blur-background-primary)}.calculator-section .section-wrapper{padding:12.8rem var(--page-edge-padding)}@media only screen and (max-width: 1024px){.calculator-section .section-wrapper{padding:5rem var(--page-edge-padding)}}
/*# sourceMappingURL=calculator.css.map */