:root{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-background-panel: rgb(23 35 73 / 60%);--color-text-primary: rgb(255 255 255 / 100%);--color-text-secondary: rgb(255 255 255 / 80%);--color-border: rgb(255 255 255 / 35%);--ease-out-quart: cubic-bezier(.25, 1, .5, 1)}*{box-sizing:border-box;padding:0;margin:0;font-family:Roboto,Zen Kaku Gothic New,sans-serif;font-weight:700}html{min-height:100vh;background-image:linear-gradient(-19deg,#55c0bc,#5376b6,#6736a1)}body{color:var(--color-text-primary)}.panel[data-v-c2eda73f]{width:100%;height:100%;padding:24px;background-color:var(--color-background-panel);border-radius:16px;box-shadow:0 0 8px #0000004d}.title[data-v-c2eda73f]{font-size:20px}.inner[data-v-c2eda73f]{height:100%}.globalWrapper[data-v-139e257c]{width:100%;height:100vh;padding:32px}.layout[data-v-139e257c]{display:grid;grid-template:"header header header header" 40px "debtRows interestRate payback newDebt" auto "graph graph graph graph" 1fr / auto auto auto auto;gap:24px;height:100%}.header[data-v-139e257c]{grid-area:header}.debtRows[data-v-139e257c]{grid-area:debtRows}.interestRate[data-v-139e257c]{grid-area:interestRate}.payback[data-v-139e257c]{grid-area:payback}.newDebt[data-v-139e257c]{grid-area:newDebt}.graphAndList[data-v-139e257c]{display:flex;grid-area:graph;column-gap:24px}.graph[data-v-139e257c]{width:68%}.list[data-v-139e257c]{width:32%}@media screen and (width < 1080px){.globalWrapper[data-v-139e257c]{padding:24px}.layout[data-v-139e257c]{grid-template:"header header header " 40px "debtRows interestRate payback" auto "newDebt newDebt newDebt" auto "graph graph graph" 1fr / auto auto auto}}@media screen and (width < 1025px){.globalWrapper[data-v-139e257c]{height:auto;min-height:100vh}.graphAndList[data-v-139e257c]{display:flex;flex-direction:column;row-gap:24px;height:100%}.graph[data-v-139e257c]{width:100%;height:100%;height:600px}.list[data-v-139e257c]{width:100%;height:100%;height:500px}}@media screen and (width < 810px){.layout[data-v-139e257c]{grid-template:"header header" 40px "debtRows interestRate " auto "payback payback" auto "newDebt newDebt" auto "graph graph" 1100px / auto auto}}@media screen and (width < 510px){.layout[data-v-139e257c]{grid-template:"header" 30px "debtRows" auto "interestRate" auto "payback" auto "newDebt" auto "graph" 1100px / auto}}.labelAndInput[data-v-e87cc808]{position:relative;display:flex;flex-direction:column;row-gap:8px;align-items:baseline}.inputWrapper[data-v-e87cc808]{position:relative;display:flex;column-gap:8px;align-items:baseline;justify-content:space-between;line-height:1}.inputWrapper[data-v-e87cc808]:after{position:absolute;top:100%;left:0;display:block;width:100%;height:1px;content:"";background-color:#ffffff4d;transition:background-color .3s var(--ease-out-quart),height .3s var(--ease-out-quart)}.inputWrapper:has(input:focus)[data-v-e87cc808]:after{height:3px;background-color:#fffc}.labelName[data-v-e87cc808]{font-size:16px;font-weight:700;line-height:1}input[data-v-e87cc808]{width:calc(22px * var(--762c7ef8));font-size:36px;font-weight:700;color:var(--color-text-primary);text-align:right;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none}input[data-v-e87cc808]:focus{outline:none}.unit[data-v-e87cc808]{font-size:14px;font-weight:700}.graphArea[data-v-37dd8e08]{position:relative;z-index:0;width:100%;height:100%;padding-left:48px;overflow:hidden}.barChartRules[data-v-37dd8e08]{position:absolute;bottom:32px;left:0;z-index:-1;width:100%;height:calc(100% - 48px)}.yAxis[data-v-37dd8e08]{position:absolute;width:100%;height:1px;font-size:12px;line-height:0;color:var(--color-text-secondary);background-image:linear-gradient(0deg,var(--color-border),var(--color-border));background-repeat:no-repeat;background-position:right 0% top 50%;background-size:calc(100% - 48px) 1px}.yAxis0[data-v-37dd8e08]{bottom:-14px;background-position:right 0% bottom 0%}.yAxis1[data-v-37dd8e08]{bottom:calc(20% - 14px)}.yAxis2[data-v-37dd8e08]{bottom:calc(40% - 14px)}.yAxis3[data-v-37dd8e08]{bottom:calc(60% - 14px)}.yAxis4[data-v-37dd8e08]{bottom:calc(80% - 14px)}.yAxis5[data-v-37dd8e08]{bottom:calc(100% - 14px)}.xAxis[data-v-37dd8e08]{position:absolute;bottom:-4px;left:50%;display:inline-flex;justify-content:center;width:0;height:0;font-size:12px;color:var(--color-text-secondary);text-align:center}.barChartWrapper[data-v-37dd8e08]{position:relative;bottom:19px;height:calc(100% + 32px);padding-left:8px;overflow-x:auto;scrollbar-width:none}.barChartWrapper[data-v-37dd8e08]::-webkit-scrollbar{display:none}.barChart[data-v-37dd8e08]{display:flex;align-items:flex-end;height:100%}.barWrapper[data-v-37dd8e08]{position:relative;min-width:24px;height:calc(100% - 80px);margin-bottom:32px}.bar[data-v-37dd8e08]{display:flex;flex-shrink:0;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;padding:0}.barInner[data-v-37dd8e08]{position:relative;width:100%;height:0;background-image:linear-gradient(0deg,#4063ad,#7db0ea);background-repeat:no-repeat;background-position:50% 0;background-size:70% 100%;transition:height .8s var(--ease-out-quart)}.barInner.reset[data-v-37dd8e08]{height:0!important;transition:none}.barInner:hover .barBalloon[data-v-37dd8e08]{opacity:1;transition:opacity .8s var(--ease-out-quart)}.barBalloon[data-v-37dd8e08]{position:absolute;top:0;left:50%;width:min-content;padding:4px;font-size:12px;color:var(--color-text-secondary);text-align:center;background-color:var(--color-background-panel);border-radius:4px;opacity:0;transition:opacity .1s var(--ease-out-quart);translate:-50% -30px}.emptyWrapper[data-v-d272c083]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.empty[data-v-d272c083]{font-size:120px;font-weight:900;line-height:1}.dontPay[data-v-d272c083]{margin-top:16px;font-size:20px;text-align:center;letter-spacing:.1em}.wrapper[data-v-0a66c2b7]{position:relative;display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden}.title[data-v-0a66c2b7]{margin-bottom:24px}.titleRow[data-v-0a66c2b7]{display:flex;column-gap:4px;align-items:baseline}.total[data-v-0a66c2b7]{font-size:16px}.number[data-v-0a66c2b7]{font-size:36px;translate:0 1px}.unit[data-v-0a66c2b7]{margin-left:-.1em;font-size:16px}.unit.month[data-v-0a66c2b7]{margin-left:-.2em}.wrapper[data-v-5abf23c8]{position:relative;width:100%;height:100%;overflow:auto;scrollbar-gutter:stable}.wrapper[data-v-5abf23c8]::-webkit-scrollbar{background-color:#0000001a;border-radius:15px}.wrapper[data-v-5abf23c8]::-webkit-scrollbar-thumb{background-color:#172349;background-clip:content-box;border:3px solid transparent;border-radius:10px}.table[data-v-5abf23c8]{position:absolute;width:100%;min-width:360px;border-collapse:collapse}.table th[data-v-5abf23c8]{padding:8px 8px 12px;font-size:16px;font-weight:700;text-align:left;border-bottom:1px solid var(--color-border)}.table td[data-v-5abf23c8]{padding:8px;font-size:14px;color:var(--color-text-secondary);text-align:left;border-bottom:1px solid var(--color-border)}.month[data-v-5abf23c8]{width:40px}.mainTitle[data-v-03872911]{font-size:24px;font-weight:700}.newPayback[data-v-03872911]{display:flex;column-gap:16px}.creator[data-v-03872911]{position:fixed;bottom:12px;left:36px;font-size:12px}.creator a[data-v-03872911]{color:inherit;text-decoration:none}@media screen and (width < 510px){.mainTitle[data-v-03872911]{font-size:18px}}