.error-text{color:#e5484d}.error-text-input{border-color:#e5484d!important}.hide{display:none}.show{display:block}.hide-mobile{display:none}.show-mobile{display:block}@media screen and (min-width:900px){body:not(.hs-blog-post) .hide-desktop{display:none}body:not(.hs-blog-post) .show-desktop{display:block}}.hyphen-calculator{display:flex;flex-direction:column;font-family:Open Sans,Roboto,Noto Sans,SF Pro HK,SF Pro Display,SF Pro Icons,PingFang HK,Segoe UI,SegoeUI,Microsoft JhengHei,微軟正黑體,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:14px;font-style:normal;font-weight:500;gap:12px;line-height:20px}.hyphen-calculator *{box-sizing:border-box}.calculator-title-container{display:none}.hyphen-calculator .text-input-box{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 1px 2px rgba(31,41,55,.08);display:flex;padding:12px 8px}.hyphen-calculator .text-input-box input[type=number]{flex:1}.hyphen-calculator .text-input-box .prefix{margin-right:8px}.hyphen-calculator .text-input-box .suffix{font-size:14px;font-weight:400;line-height:20px;margin-left:8px}.hyphen-calculator .slider-label{display:flex;flex:1;justify-content:space-between}.hyphen-calculator button{padding:unset}.hyphen-calculator input,.hyphen-calculator input:focus{border:0;outline:none;padding:unset}.hyphen-calculator .text-input-box,.hyphen-calculator input{font-size:24px;font-weight:500;line-height:32px;width:100%}.hyphen-calculator .text-input-box:focus-within{border:1px solid #0081f1}.hyphen-calculator input::-webkit-inner-spin-button,.hyphen-calculator input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hyphen-calculator input[type=number]{-moz-appearance:textfield}.hyphen-calculator .tenure-rate-input-container{display:grid;gap:12px;grid-template-columns:minmax(200px,1fr) 110px;margin-top:30px}.hyphen-calculator .tenure-rate-input-container .tenure-selection-container{display:flex;gap:8px}.hyphen-calculator .tenure-rate-input-container .tenure-selection{border:none;border-radius:10px;cursor:pointer;height:36px;width:66px}.hyphen-calculator .tenure-rate-input-container .rate-input-header{display:flex;gap:8px}.hyphen-calculator .tenure-rate-input-container .rate-input-container,.hyphen-calculator .tenure-rate-input-container .tenure-input-container{display:flex;flex-direction:column;gap:8px}.hyphen-calculator .calculator-container .calculator-input{color:#374151;display:flex;flex-direction:column;gap:8px}.hyphen-calculator .result-container{border-radius:12px}.hyphen-calculator .result-container .background{border-radius:12px;height:60px;position:absolute;width:60px;z-index:-1}.hyphen-calculator .result-container .result-output{border-radius:12px;border-top-left-radius:60px 60px;color:#fbfcfd;display:flex;filter:drop-shadow(0 4px 8px rgba(31,41,55,.08));flex-direction:column;gap:16px;padding:24px 12px 12px}.hyphen-calculator .result-container .result-output>div{display:flex;justify-content:center}.hyphen-calculator .result-container .result-output .monthly-repayment-title{font-size:22px;font-style:normal;font-weight:400;line-height:28px}.hyphen-calculator .result-container .result-output .note-disclaimer{font-size:16px;font-style:normal;font-weight:500;line-height:20px}.hyphen-calculator .result-container .result-output .monthly-replayment-result{font-size:45px;font-style:normal;font-weight:600;line-height:56px}.hyphen-calculator .result-container .result-output hr{border:none;border-bottom:1px solid #fbfcfd;margin-bottom:-4px;margin-top:-4px;width:100%}.hyphen-calculator .result-container .result-output .total-calculation-text{flex:1;font-size:16px;font-style:normal;font-weight:500;line-height:20px}.hyphen-calculator .result-container .result-output .total-calculation-value{flex:1;font-size:16px;font-style:normal;font-weight:500;line-height:20px;text-align:end}@media screen and (min-width:900px){body:not(.hs-blog-post) .hyphen-calculator{flex-direction:row}body:not(.hs-blog-post) .hyphen-calculator .text-input-box,body:not(.hs-blog-post) .hyphen-calculator input{font-size:32px;line-height:36px;width:100%}body:not(.hs-blog-post) .hyphen-calculator .calculator-container{border-radius:8px;flex:1}body:not(.hs-blog-post) .hyphen-calculator .calculator-container .background{border-radius:8px;height:60px;position:absolute;width:60px;z-index:-1}body:not(.hs-blog-post) .hyphen-calculator .calculator-container .calculator-input{border-radius:8px;border-top-left-radius:60px 60px;display:flex;flex-direction:column;gap:8px;max-height:420px;min-height:420px;padding:32px 40px 0}body:not(.hs-blog-post) .hyphen-calculator .calculator-container .calculator-input .calculator-title-container{display:block;font-size:24px;font-weight:500;line-height:32px}body:not(.hs-blog-post) .hyphen-calculator .calculator-container .calculator-input .tenure-rate-input-container{display:flex;flex:1;gap:12px;margin-top:20px}body:not(.hs-blog-post) .hyphen-calculator .tenure-rate-input-container .rate-input-container,body:not(.hs-blog-post) .hyphen-calculator .tenure-rate-input-container .tenure-input-container{flex:1}body:not(.hs-blog-post) .hyphen-calculator .result-container{border-radius:8px;flex:0 0 515px;min-height:420px}body:not(.hs-blog-post) .hyphen-calculator .result-container .result-output{border-radius:8px;border-top-left-radius:60px 60px;max-height:420px;min-height:420px;padding:80px 40px 75px}body:not(.hs-blog-post) .hyphen-calculator .result-container .background{border-radius:8px}body:not(.hs-blog-post) .hyphen-calculator .result-container .result-output>div{display:flex;justify-content:flex-start}body:not(.hs-blog-post) .hyphen-calculator .result-container .result-output .monthly-repayment-title{font-size:32px;font-weight:500;line-height:32px}body:not(.hs-blog-post) .hyphen-calculator .result-container .result-output .note-disclaimer{font-size:20px;font-weight:400;line-height:24px}body:not(.hs-blog-post) .hyphen-calculator .result-container .result-output .monthly-replayment-result{font-size:64px;font-weight:600;line-height:72px}body:not(.hs-blog-post) .hyphen-calculator .result-container .result-output .total-calculation-text{flex:unset;font-size:24px;font-style:normal;font-weight:700;line-height:32px}body:not(.hs-blog-post) .hyphen-calculator .result-container .result-output .total-calculation-text:after{content:" : ";font-size:24px;font-style:normal;font-weight:700;line-height:32px}body:not(.hs-blog-post) .hyphen-calculator .result-container .result-output .total-calculation-value{flex:unset;font-size:24px;font-style:normal;font-weight:700;line-height:32px;margin-left:8px}}input[type=range].styled-slider{-webkit-appearance:none;height:6px}input[type=range].styled-slider.slider-progress{--range:calc(var(--max) - var(--min));--ratio:calc((var(--value) - var(--min))/var(--range));--sx:calc(12.5px + var(--ratio)*(100% - 25px))}input[type=range].styled-slider:focus{outline:none}input[type=range].styled-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:none;border-radius:50px;box-shadow:0 2px 4px rgba(31,41,55,.06),0 4px 6px rgba(31,41,55,.1);cursor:pointer;height:25px;margin-top:-9.5px;width:25px}input[type=range].styled-slider::-webkit-slider-runnable-track{background:#efefef;border:none;border-radius:8px;box-shadow:none;height:6px}input[type=range].styled-slider:hover::-webkit-slider-runnable-track{background:#e5e5e5}input[type=range].styled-slider:active::-webkit-slider-runnable-track{background:#f5f5f5}input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track{background:linear-gradient(#007cf8,#007cf8) 0/var(--sx) 100% no-repeat,#efefef}input[type=range].styled-slider.slider-progress:hover::-webkit-slider-runnable-track{background:linear-gradient(#007cf8,#007cf8) 0/var(--sx) 100% no-repeat,#e5e5e5}input[type=range].styled-slider.slider-progress:active::-webkit-slider-runnable-track{background:linear-gradient(#007cf8,#007cf8) 0/var(--sx) 100% no-repeat,#f5f5f5}input[type=range].styled-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50px;box-shadow:0 2px 4px rgba(31,41,55,.06),0 4px 6px rgba(31,41,55,.1);cursor:pointer;height:25px;width:25px}input[type=range].styled-slider::-moz-range-track{background:#efefef;border:none;border-radius:8px;box-shadow:none;height:6px}input[type=range].styled-slider:hover::-moz-range-track{background:#e5e5e5}input[type=range].styled-slider:active::-moz-range-track{background:#f5f5f5}input[type=range].styled-slider.slider-progress::-moz-range-track{background:linear-gradient(#007cf8,#007cf8) 0/var(--sx) 100% no-repeat,#efefef}input[type=range].styled-slider.slider-progress:hover::-moz-range-track{background:linear-gradient(#007cf8,#007cf8) 0/var(--sx) 100% no-repeat,#e5e5e5}input[type=range].styled-slider.slider-progress:active::-moz-range-track{background:linear-gradient(#007cf8,#007cf8) 0/var(--sx) 100% no-repeat,#f5f5f5}input[type=range].styled-slider::-ms-fill-lower,input[type=range].styled-slider::-ms-fill-upper{background:transparent;border-color:transparent}input[type=range].styled-slider::-ms-thumb{background:#fff;border:none;border-radius:50px;box-shadow:0 2px 4px rgba(31,41,55,.06),0 4px 6px rgba(31,41,55,.1);box-sizing:border-box;cursor:pointer;height:25px;margin-top:0;width:25px}input[type=range].styled-slider::-ms-track{background:#efefef;border:none;border-radius:8px;box-shadow:none;box-sizing:border-box;height:6px}input[type=range].styled-slider:hover::-ms-track{background:#e5e5e5}input[type=range].styled-slider:active::-ms-track{background:#f5f5f5}input[type=range].styled-slider.slider-progress::-ms-fill-lower{background:#007cf8;border:none;border-radius:8px 0 0 8px;border-right:0;height:6px;margin:-undefined 0 -undefined -undefined}