@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--primary-bg: #ffffff;--secondary: rgb(213, 213, 213);--primary: #252525;--tertiary: #FFBE7D;--accent: #a6816e;--primary-hover: #252525;--border: rgb(197, 197, 197);--zebra: rgb(226, 226, 231);--disabled-text: rgba(0, 0, 0, .4);--navbar: #374059;--success: #76B7B2;--text-dark: #0000009f;--principal: #4E79A7;--disabled: #d9d9d9;--primary-disabled: #555252;--danger: #DC3545}*{box-sizing:border-box;margin:0;font-family:Barlow,serif}.main{width:100%;height:100%;min-height:70vh;margin:0 auto}.i-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--primary);border-radius:6px;box-shadow:var(--primary) 0 1px 0;color:var(--primary-bg);border:none;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;line-height:20px;padding:6px 16px;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:middle;transition:all .3s;white-space:nowrap}.i-btn:hover,.i-btn:active,.i-btn:focus-within{background-color:var(--primary-hover);box-shadow:var(--primary-hover) 0 1px 0}.i-btn:disabled{pointer-events:none;background-color:var(--disabled);color:var(--disabled-text)}.btn__outline{background-color:transparent!important;border:1px solid var(--primary)!important;color:#000!important;box-shadow:none}.btn__outline:hover,.btn__outline:active,.btn__outline:focus-within{color:var(--primary-bg)!important;background-color:var(--primary-hover)!important;box-shadow:var(--primary-hover) 0 1px 0}.btn__outline:disabled{pointer-events:none;background-color:var(--disabled)!important;color:var(--disabled-text)!important;border-color:var(--disabled)!important}.chart__wrapper{position:relative;display:grid;place-items:center;max-height:100vh}.chart__wrapper .chart{margin:0 auto;border-radius:16px}.chart__wrapper .chart__info{width:100%;margin:2rem;display:flex;justify-content:space-between}.chart__wrapper .toggle__chart{position:absolute;top:1rem;right:1rem}.chart__wrapper #interest__chart{height:100vh;max-height:950px;min-height:350px}.chart__wrapper .chart__btn{position:absolute;top:10px;right:10px}@media (max-width: 1080px){#interest__chart{width:max-content}}.input__select[data-v-d2abdc7a]{width:100%}.input__select select[data-v-d2abdc7a]{border-radius:.2rem}.input__select select[data-v-d2abdc7a]{width:100%;padding:.4rem}.input__select-selected[data-v-d2abdc7a]{background-color:#1e90ff}.input__select-error[data-v-d2abdc7a]{position:absolute;bottom:-14px;color:var(--danger)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:5px;outline:none;transition:background .3s ease;cursor:pointer}input[type=range]:disabled{cursor:not-allowed;background:var(--disabled)}input[type=range]:disabled::-moz-range-thumb:disabled{cursor:not-allowed;background:var(--disabled)}input[type=range]:disabled::-ms-thumb:disabled{cursor:not-allowed;background:var(--disabled)}input[type=range]:disabled::-webkit-slider-thumb:disabled{cursor:not-allowed;background:var(--disabled)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--primary);border:none;border-radius:50%;cursor:pointer;transition:background .3s ease}input[type=range]::-webkit-slider-thumb:hover{background:var(--primary-hover)}input[type=range]::-webkit-slider-runnable-track{background:inherit}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--primary);border:none;border-radius:50%;cursor:pointer;transition:background .3s ease}input[type=range]::-moz-range-thumb:disabled{cursor:not-allowed;background:var(--disabled)}input[type=range]::-moz-range-track{border-radius:5px;height:8px}input[type=range]::-ms-thumb{width:20px;height:20px;background:var(--primary);border:none;border-radius:50%;cursor:pointer}input[type=range]::-ms-track{border:none;border-radius:5px;height:8px;color:transparent}.input__group-heading{display:flex;justify-content:space-between}.input__group-heading .input__group-toggle{display:flex;justify-content:space-between;align-self:end}.form__label{font-weight:600}.input__help{font-size:.75rem;margin-bottom:1rem}.input__wrapper{display:flex;justify-content:space-between;align-items:center;position:relative;gap:1rem;flex-direction:column}.input__wrapper>*{font-size:.75rem}.input__wrapper--compare{margin-top:1rem}.input__wrapper .input__field{width:100%;display:flex;align-items:center}.input__wrapper .input__field input{width:100%;outline:none;border:1px solid transparent;padding:.4rem;text-align:right;border-radius:.2rem}.input__wrapper .input__field input:focus,.input__wrapper .input__field input:focus-within,.input__wrapper .input__field input:active{border-color:var(--primary)}.input__wrapper .input__suffix{font-size:.75rem;pointer-events:none}.input__wrapper-row{flex-direction:row}.input__wrapper-row .input__field{flex:1}.input__wrapper-row .input__select{flex:3}html[lang=sv] #yearlyInterest input{padding-right:1.2rem}html[lang=sv] #yearlyInterest .input__suffix{margin-left:-1.1rem}html[lang=sv] #inflation input{padding-right:1.2rem}html[lang=sv] #inflation .input__suffix{margin-left:-1.1rem}html[lang=sv] #principal input{padding-right:1.4rem}html[lang=sv] #principal .input__suffix{margin-left:-1.2rem}html[lang=sv] #savingsMonthly input{padding-right:3.4rem}html[lang=sv] #savingsMonthly .input__suffix{margin-left:-3.2rem}html[lang=sv] #savingsYears input{padding-right:1.4rem}html[lang=sv] #savingsYears .input__suffix{margin-left:-1.2rem}html[lang=en] #yearlyInterest input{padding-right:1.2rem}html[lang=en] #yearlyInterest .input__suffix{margin-left:-1.1rem}html[lang=en] #inflation input{padding-right:1.2rem}html[lang=en] #inflation .input__suffix{margin-left:-1.1rem}html[lang=en] #principal input{padding-right:1.8rem}html[lang=en] #principal .input__suffix{margin-left:-1.6rem}html[lang=en] #savingsMonthly input{padding-right:4.2rem}html[lang=en] #savingsMonthly .input__suffix{margin-left:-4rem}html[lang=en] #savingsYears input{padding-right:1.8rem}html[lang=en] #savingsYears .input__suffix{margin-left:-1.6rem}@media (min-width: 1450px) and (max-width: 2000px){.input__wrapper{flex-direction:column;align-items:start}.input__wrapper .input__range,.input__wrapper .input__field{width:100%}.input__wrapper .input__field input{width:100%;padding:.4rem;text-align:right;border-radius:.2rem}.input__wrapper .input__suffix{pointer-events:none}.input__wrapper-row{flex-direction:row}.input__wrapper-row .input__field{flex:1}.input__wrapper-row .input__select{flex:3}}.radio-button-group{min-width:200px;display:flex;border-radius:5px;max-width:400px}.radio-button-group:focus-within,.radio-button-group:focus-visible,.radio-button-group:hover{outline:1px solid var(--primary-hover)}.radio-button-group .item{flex:1}.radio-button-group .radio-button{position:absolute;width:1px;height:1px;opacity:0}.radio-button-group .radio-button+label{padding:.2rem;cursor:pointer;border:1px solid var(--border);margin-right:-2px;color:var(--text-dark);background-color:var(--primary-bg);display:block;text-align:center;transition:all .3s}.radio-button-group .radio-button+label:focus-within,.radio-button-group .radio-button+label:focus-visible,.radio-button-group .radio-button+label:hover{background-color:var(--zebra)!important}.radio-button-group .item:first-of-type .radio-button+label{border-top-left-radius:5px;border-bottom-left-radius:5px}.radio-button-group .item:last-of-type .radio-button+label{border-top-right-radius:5px;border-bottom-right-radius:5px}.radio-button-group .radio-button:checked+label{background-color:var(--primary);color:var(--primary-bg)}.radio-button-group .radio-button:checked+label:focus-within,.radio-button-group .radio-button:checked+label:focus-visible,.radio-button-group .radio-button:checked+label:hover{background-color:var(--primary-hover)!important}.form__container[data-v-732c5c0d]{display:grid;place-items:center;margin:1rem}.form__container h2[data-v-732c5c0d]{margin-bottom:2rem}.form__container .form__card[data-v-732c5c0d]{width:clamp(300px,80%,960px);margin:2rem}.form__container .form__card .form[data-v-732c5c0d]{display:flex;flex-direction:column;gap:2rem}.form__container .form__card .form__label[data-v-732c5c0d]{font-size:1rem;font-weight:700;display:block}.form__container .form__card h6[data-v-732c5c0d]{padding-bottom:.2rem}.sidebar{background-color:var(--secondary);display:flex;flex-direction:column;align-items:center;justify-content:space-between}.sidebar .savings__wrapper{flex:1;margin:1rem!important;margin-top:0!important;display:flex;flex-direction:column;justify-content:space-evenly}.sidebar .savings__wrapper .savings__info{display:flex;align-items:center;flex-direction:column;justify-content:center;margin-bottom:1rem}.sidebar .savings__wrapper .savings__info p{margin-bottom:0}.sidebar .savings__wrapper .savings__info span{font-weight:700;display:contents}.sidebar .savings__wrapper .savings__info .savings__info-data{display:flex;justify-content:space-between;gap:2rem;margin-top:1rem!important}.sidebar .savings__wrapper .savings__info .savings__info-data .savings__info-value{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.sidebar .savings__wrapper .savings__info .savings__info-data .savings__info-value .savings__info-name{text-align:center;overflow:hidden;white-space:nowrap;max-width:14ch;text-overflow:ellipsis}.sidebar .savings__wrapper .savings__info .savings__info-data .savings__info-value .savings__info-total{margin-bottom:0;color:var(--primary);font-size:1.5rem;font-weight:700;text-align:center}.sidebar .savings__wrapper .savings__info .savings__info-data .savings__info-compare .savings__info-total{font-size:1.2rem}.sidebar .savings__wrapper .savings__info .i-btn{margin-top:1rem!important;margin-bottom:0}.table__wrapper[data-v-c2e912bd]{height:100vh;max-height:950px;min-height:350px;overflow-y:auto}.table__wrapper table[data-v-c2e912bd]{width:100%;background-color:var(--primary-bg);border-spacing:0}.table__wrapper table tr th[data-v-c2e912bd]{background-color:var(--accent);padding:1rem;text-align:center}.table__wrapper table tr td[data-v-c2e912bd]{border-bottom:1px solid var(--border);padding-left:1rem}.table__wrapper table tbody tr[data-v-c2e912bd]{height:3rem;text-align:center}.table__wrapper table tbody tr[data-v-c2e912bd]:nth-child(2n){background-color:var(--zebra)}.table__wrapper table tbody tr td[data-v-c2e912bd]:last-of-type{font-weight:700}@media (max-width: 1080px){.table__wrapper[data-v-c2e912bd]{overflow:auto}.table__wrapper table[data-v-c2e912bd]{width:max-content}.table__wrapper table tr th[data-v-c2e912bd]{padding:1rem}}.main .main__layout{box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px;display:flex;flex-direction:row;justify-content:space-between;width:100%}.main .sidebar{flex:1;border-right:1px solid var(--border)}.main .chart__wrapper,.main .table__wrapper{flex:3}@media (max-width: 1450px){.main .main__layout{flex-direction:column;align-items:center}.main .sidebar{width:100%;border:none;padding-bottom:4rem;flex-direction:row;align-items:center}.main .sidebar .form__container{flex:2}.main .sidebar .savings__wrapper{flex:1}.main .sidebar .savings__wrapper .savings__info{margin-bottom:2rem}.main .chart__wrapper,.main .table__wrapper{width:100%}.main .chart__wrapper{box-shadow:#63636333 0 2px 8px}.main .table__wrapper{height:max-content;max-height:max-content;overflow-y:visible}}@media (max-width: 1080px){.main .main__layout .sidebar{max-height:fit-content;flex-direction:column}.main .main__layout .sidebar .savings__wrapper{padding-bottom:2rem}}