@font-face{font-family:DNB;src:local(DNB Regular);font-weight:400}@font-face{font-family:DNB;src:local(DNB Medium);font-weight:500}@font-face{font-family:DNB;src:local(DNB Bold);font-weight:700}:root{color:#333;background:#b3b3b3;font-family:DNB,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.page-shell{background:#0000004d;justify-content:center;align-items:center;min-height:827px;padding:41px 24px;display:flex}.repayment-dialog{width:821px;min-height:746px;box-shadow:none;background:#fff;border-radius:10px;padding:57px;position:relative}h1,h2,p{margin:0}h1{font-size:24px;font-weight:500;line-height:29px}.close-button{color:#007473;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px;font:400 18px/1 DNB,Arial;display:flex;position:absolute;top:35px;right:38px}.close-button svg{width:24px;height:24px}.loan-context{margin-top:61px;font-size:18px;line-height:22px;display:flex}.loan-context span{border-right:1px solid #e8e8e8;padding:0 30px}.loan-context span:first-child{padding-left:0}.loan-context span:last-child{border:0;padding-right:0}.explanation-panel{background:#0074731a;border:1px solid #00747333;border-radius:10px;align-items:center;gap:16px;height:83px;margin-top:47px;padding:18px 20px;display:flex}.explanation-panel svg{color:#00575b;stroke-width:2px;flex:none;width:33px;height:33px}.explanation-panel strong,.explanation-panel p{font-size:16px;line-height:19px}.explanation-panel p{margin-top:9px}.period{margin-top:39px}.period h2{font-size:24px;font-weight:500;line-height:29px}.period p{color:#333333a6;margin-top:3px;font-size:18px;line-height:22px}.metrics{align-items:flex-start;margin-top:52px;display:flex}.monthly-metrics{width:487px}.monthly-metrics>p{text-align:center;height:22px;font-size:18px;line-height:22px}.monthly-cards{gap:20px;margin-top:12px;display:flex}.balance-metrics{width:228px;margin-left:14px}.balance-metrics>p{text-align:center;margin-bottom:12px;font-size:18px;line-height:22px}.metric-card{color:#333;cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:10px;flex-direction:column;align-items:center;width:222px;height:150px;padding:21px 10px;font-family:inherit;transition:background-color .12s,border-color .12s;display:flex}.metric-card.balance-card{width:228px}.metric-card:hover{background:#0074730b;border-color:#0074731f}.metric-card.is-selected{background:#0074731a;border-color:#00747333}.metric-card:focus-visible,.close-button:focus-visible,.details-trigger:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #00575b}.metric-label{font-size:18px;line-height:22px}.metric-card strong{white-space:nowrap;margin-top:7px;font-size:32px;font-weight:700;line-height:38px}.metric-detail{color:#333333a6;margin-top:15px;font-size:18px;line-height:22px}.slider-section{height:47px;margin-top:112px;position:relative}.slider-labels{justify-content:space-between;font-size:18px;line-height:22px;display:flex;position:absolute;top:28px;left:0;right:0}.range-wrap{position:absolute;top:10px;left:80px;right:98px}.range-wrap output{left:var(--progress);color:#fff;white-space:nowrap;background:#007473;border-radius:2px;padding:1px 4px;font-size:16px;line-height:19px;position:absolute;transform:translate(-50%,-36px)}.range-wrap input{appearance:none;background:linear-gradient(to right,#007473 0%,#007473 var(--progress),#d1f3ee var(--progress),#d1f3ee 100%);cursor:pointer;border-radius:8px;width:100%;height:8px;margin:17px 0 0}.range-wrap input::-webkit-slider-thumb{appearance:none;background:#fff;border:1.5px solid #007473;border-radius:50%;width:31px;height:31px;box-shadow:0 2px 4px #0000002e}.range-wrap input::-moz-range-thumb{background:#fff;border:1.5px solid #007473;border-radius:50%;width:31px;height:31px}.details-trigger{color:#007473;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;margin:49px auto 0;padding:5px;font:400 16px/19px DNB,Arial;display:flex}.details-trigger svg{width:24px;height:24px;transition:transform .12s}.details-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.details-table-wrap{border:1px solid #f0f0f0;border-radius:10px;max-height:345px;margin-top:18px;overflow:auto}table{border-collapse:collapse;text-align:right;width:100%;font-size:14px}th,td{white-space:nowrap;border-bottom:1px solid #f0f0f0;padding:10px}th:first-child,td:first-child{text-align:left}th{background:#fff;font-weight:500;position:sticky;top:0}.current-row{background:#0074731a}@media (width<=850px){.page-shell{background:#fff;align-items:flex-start;padding:0}.repayment-dialog{border-radius:0;width:100%;min-height:100vh;padding:32px 24px}.loan-context{flex-wrap:wrap;gap:12px;margin-top:45px}.loan-context span{border:0;padding:0}.metrics{flex-direction:column;gap:20px;margin-top:34px}.monthly-metrics,.balance-metrics{width:100%;margin:0}.monthly-cards{gap:10px}.metric-card{width:calc(50% - 5px)}.metric-card.balance-card{width:100%}.slider-section{margin-top:60px}.range-wrap{left:48px;right:54px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.independent-disclaimer{color:#ffffffb8;white-space:nowrap;margin:0;font-size:12px;line-height:16px;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}:root,.close-button,.details-trigger{font-family:DNB,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.metric-card:hover{color:#fff;background:#007473;border-color:#007473}.metric-card:hover .metric-detail{color:#ffffffb8}@media (width>=851px){.repayment-dialog{height:746px;min-height:0}.repayment-dialog.details-open{height:auto;min-height:746px}.loan-context{margin-top:28px}.explanation-panel{width:729px;margin-top:17px}.period{width:729px;margin-top:42px}.period p{margin-top:0;font-size:16px;line-height:19px}.metrics{width:729px;margin-top:24px}.monthly-cards{gap:10px}.slider-section{width:729px;margin-top:51px}.range-wrap{left:40px;right:51px}.slider-labels{top:20px;left:0;right:0}.details-trigger{width:197px;height:24px;margin-top:56px;padding:0;display:block;position:relative}.details-trigger svg{position:absolute;top:-1px;left:205px}.metric-card{padding-top:25px}.metric-detail{margin-top:12px}}