:root{--desktop: 1440px;--wide: 1144px;--wat: 920px;--medium: 872px;--content: 696px;--content-small: 542px;--mobile: 375px;--heading-font: "big-caslon-fb", "Book Antiqua", "Palatino Linotype", "Georgia", serif;--text-font: frutiger, "Frutiger Linotype", "Univers", "Calibri", sans-serif;--quote-font: "wiesbaden", sans-serif;--primary: #785318;--secondary: #464136;--tertiary: #aba18c;--quaternary: #e0dcd3;--quintary: #f7f6f4;--heading: #655024;--text: #1d1d1f;--caption: #636366;--background: #fdfdfd;--black: #000;--graphite-black: #3a3a3c;--dark-grey: #636366;--grey: #8e8e93;--light-grey: #aeaeb2;--bright-white: #fdfdfd;--white: #fff;--green: #89d38b;--yellow: #e4e660;--orange: #d0a955;--red: #d05555;--border-radius: 4px}.wp-block.wp-block-mortgage .detail,.wp-block.wp-block-calculator .detail{display:flex;flex-direction:column}.wp-block.wp-block-mortgage .detail .price,.wp-block.wp-block-calculator .detail .price{font-size:16px;font-weight:400;color:#aeaeb2}.wp-block.wp-block-mortgage .image,.wp-block.wp-block-calculator .image{display:flex;justify-content:center;align-items:stretch;margin-top:48px;margin-bottom:24px;position:relative;gap:8px}.wp-block.wp-block-mortgage .image .mortgage,.wp-block.wp-block-calculator .image .mortgage{margin-top:12px;width:140px}@media (width < 872px){.wp-block.wp-block-mortgage .image .mortgage,.wp-block.wp-block-calculator .image .mortgage{width:100px}}.wp-block.wp-block-mortgage .image .mortgage:before,.wp-block.wp-block-calculator .image .mortgage:before{position:absolute;top:0;content:"";display:block;height:1px;width:60%;background:var(--primary);z-index:2}.wp-block.wp-block-mortgage .image .mortgage:after,.wp-block.wp-block-calculator .image .mortgage:after{position:absolute;top:-3px;content:"";display:block;height:8px;width:8px;border-radius:50%;background:var(--primary)}.wp-block.wp-block-mortgage .image .house,.wp-block.wp-block-calculator .image .house{flex:1;position:relative}.wp-block.wp-block-mortgage .image .house:after,.wp-block.wp-block-calculator .image .house:after{content:"";position:absolute;display:block;width:100%;height:100%;background:linear-gradient(0deg,rgb(101,80,36) 0%,rgb(101,80,36) var(--equity),rgba(0,0,0,0) var(--equity));top:0;left:0;mask-image:url("./house-fill-F7X357AZ.svg");mask-size:contain;mask-repeat:no-repeat;mask-position:center}.wp-block.wp-block-mortgage .image .full-height,.wp-block.wp-block-calculator .image .full-height{position:relative;width:145px}@media (width < 872px){.wp-block.wp-block-mortgage .image .full-height,.wp-block.wp-block-calculator .image .full-height{width:100px}}.wp-block.wp-block-mortgage .image .full-height .equity,.wp-block.wp-block-calculator .image .full-height .equity{position:absolute;top:calc(100% - var(--equity));transform:translateY(-50%)}.wp-block.wp-block-mortgage .image .full-height .equity:before,.wp-block.wp-block-calculator .image .full-height .equity:before{content:"";position:absolute;display:block;width:100%;height:1px;background:var(--primary);right:calc(100% + 10px);top:50%;z-index:2}.wp-block.wp-block-mortgage .image .full-height .equity:after,.wp-block.wp-block-calculator .image .full-height .equity:after{content:"";position:absolute;right:calc(100% + 10px);top:calc(50% - 4px);display:block;width:8px;height:8px;border-radius:50%;background:var(--primary)}.wp-block.wp-block-mortgage{padding:96px 0}@media (width < 872px){.wp-block.wp-block-mortgage{padding:48px 0}}.wp-block.wp-block-mortgage .container{display:flex}@media (width < 872px){.wp-block.wp-block-mortgage .container{flex-direction:column-reverse;gap:64px}}.wp-block.wp-block-mortgage .slider{width:100%}.wp-block.wp-block-mortgage .start,.wp-block.wp-block-mortgage .illustration{flex:1}.wp-block.wp-block-mortgage .illustration{margin-left:40px}@media (width < 872px){.wp-block.wp-block-mortgage .illustration{margin-left:0}}.wp-block.wp-block-mortgage .illustration .result{padding:24px;display:flex;align-items:center;gap:24px;border:1px solid var(--secondary);border-radius:var(--border-radius);background:var(--quintary);margin-bottom:32px}.wp-block.wp-block-mortgage .illustration .result .check:before{content:"";display:block;width:40px;height:40px;background:var(--primary);border-radius:6px;mask-image:url("./check-fill-WVQNKCLW.svg");mask-size:contain;mask-repeat:no-repeat;mask-position:center}.wp-block.wp-block-mortgage .illustration .result .text{margin-bottom:0}.wp-block.wp-block-mortgage .illustration .result .text h2{margin-bottom:12px;font-family:var(--heading-font)}.wp-block.wp-block-mortgage .illustration .detail.total{align-items:center;justify-content:center}.wp-block.wp-block-mortgage .illustration .detail.affordability{align-items:center;font-size:16px}.wp-block.wp-block-mortgage .illustration .detail.affordability .gradient-slider{width:300px;pointer-events:none}@media (width < 872px){.wp-block.wp-block-mortgage .illustration .detail.affordability .gradient-slider input[type=range]{display:block;margin:12px 0}}.wp-block.wp-block-mortgage .illustration .detail.affordability .gradient-slider input[type=range]::-webkit-slider-thumb{background:#aeaeb2;margin-top:-5px}.wp-block.wp-block-mortgage .illustration .detail.affordability .gradient-slider input[type=range]::-webkit-slider-runnable-track{height:6px;background:linear-gradient(to right,var(--green) 0%,var(--yellow) 40.53%,var(--orange) 65.92%,var(--red) 100%)}.wp-block.wp-block-calculator{padding:96px 0}@media (width < 872px){.wp-block.wp-block-calculator{padding:48px 0}}.wp-block.wp-block-calculator input[type=number]{width:100%}.wp-block.wp-block-calculator .text{margin-bottom:96px}@media (width < 872px){.wp-block.wp-block-calculator .text{margin-bottom:48px}}.wp-block.wp-block-calculator .text h2{font-family:var(--heading-font)}.wp-block.wp-block-calculator .text p{max-width:696px}.wp-block.wp-block-calculator .text ul{max-width:720px}.wp-block.wp-block-calculator .pie{position:relative;min-width:236px;aspect-ratio:1;flex:1;max-width:400px;display:block;margin-left:32px}@media (width < 872px){.wp-block.wp-block-calculator .pie{margin-left:0;min-width:unset;max-width:unset;height:200px;width:200px}}.wp-block.wp-block-calculator .pie .chart{display:block;width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--secondary) 0% 44%,var(--tertiary) 44% 67%,var(--primary) 67% 100%)}.wp-block.wp-block-calculator .pie:after{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--quintary);width:70%;height:70%;border-radius:50%}.wp-block.wp-block-calculator .calculations{display:flex;gap:24px}@media (width < 872px){.wp-block.wp-block-calculator .calculations{flex-direction:column-reverse}}.wp-block.wp-block-calculator .calculations .calc{width:100%}.wp-block.wp-block-calculator .calculations .calc .form{padding:40px 24px;border:1px solid var(--secondary);border-radius:var(--border-radius);margin-bottom:48px}.wp-block.wp-block-calculator .calculations .calc .form .tabs{display:flex;gap:24px;justify-content:center;margin-bottom:40px}@media (width < 872px){.wp-block.wp-block-calculator .calculations .calc .form .tabs{gap:12px}}.wp-block.wp-block-calculator .calculations .calc .form .tabs .tab{padding:24px 32px;font-weight:400;color:var(--primary);background:var(--quintary);border:1px solid var(--primary);border-radius:var(--border-radius);cursor:pointer;transition:.3s ease}@media (width < 872px){.wp-block.wp-block-calculator .calculations .calc .form .tabs .tab{padding:12px 16px}}.wp-block.wp-block-calculator .calculations .calc .form .tabs .tab.active{background:var(--quaternary)}.wp-block.wp-block-calculator .calculations .calc .form .tabs .tab h3{margin-bottom:0;font-family:var(--text-font)}.wp-block.wp-block-calculator .calculations .calc .form .tabs .tab:hover{background:var(--quaternary)}.wp-block.wp-block-calculator .calculations .graphic{max-width:636px;width:100%;display:flex;flex-direction:column;align-items:center}.wp-block.wp-block-calculator .calculations .graphic .time{display:flex;align-items:center;gap:24px;margin-bottom:24px}@media (width < 872px){.wp-block.wp-block-calculator .calculations .graphic .time{gap:12px;flex-direction:column}}.wp-block.wp-block-calculator .calculations .graphic .time .yearly-total{padding:20px 32px 20px 24px;border:1px solid var(--secondary);border-radius:var(--border-radius)}.wp-block.wp-block-calculator .calculations .graphic .time .yearly-total h2{margin-bottom:0;font-weight:400}.wp-block.wp-block-calculator .calculations .graphic .image{width:100%;justify-content:space-between;gap:24px}@media (width < 872px){.wp-block.wp-block-calculator .calculations .graphic .image{align-items:center}}.wp-block.wp-block-calculator .calculations .graphic .image .full-height{display:flex;flex-direction:column;justify-content:center;gap:24px;flex:1;max-width:200px}.wp-block.wp-block-calculator .calculations .graphic .image .full-height .detail{display:flex;flex-direction:row;gap:12px;align-items:center}.wp-block.wp-block-calculator .calculations .graphic .image .full-height .detail:before{content:"";display:block;width:20px;height:20px;background:var(--primary)}.wp-block.wp-block-calculator .calculations .graphic .image .full-height .detail.amortization:before{background:var(--secondary)}.wp-block.wp-block-calculator .calculations .graphic .image .full-height .detail.maintenance:before{background:var(--tertiary)}.wp-block.wp-block-calculator .calculations .graphic .image .full-height .detail .wrapper{display:flex;flex-direction:column;gap:12px;align-items:flex-start}@media (width < 872px){.wp-block.wp-block-calculator .calculations .graphic .image .full-height .detail .wrapper .value{font-size:18px}}.wp-block.wp-block-calculator .calculations .graphic .image .full-height .detail .wrapper .value,.wp-block.wp-block-calculator .calculations .graphic .image .full-height .detail .wrapper .price{display:block}
