:root{--body-background:var(--fill-0);--app-grid:auto 1fr/1fr;--app-place-self:start stretch;--button-font-size:.875em;--button-font-weight:600;--button-padding:1.5em;--button-size:2.75rem;--card-radius:1em;--gap:clamp(1em,1em + 1vw,2em);--header-size:clamp(4em,3em + 1vw,6em);--outline-size:2px;--table-optional-display:none;--values-gap:.75em;--font:clamp(1em,.75em + 1vw,1.25em) /1.4 var(--font-family);--font-family:"Avenir Variable",sans-serif;--transition:.3s}@media(min-width:40rem){:root{--body-background:var(--fill-1);--app-gap:var(--gap);--app-margin-block:var(--gap) 0;--app-margin-inline:var(--gap);--container-border:var(--border);--container-border-radius:var(--card-radius);--footnote-display:none;--table-border:var(--border);--table-border-radius:var(--card-radius);--table-optional-display:table-cell;--values-list-grid:auto-flow/1fr 1fr}}@media(min-width:60rem){:root{--app-gap:0 var(--gap);--app-grid:"values drawer" 1fr "currency drawer"/18em 1fr;--app-inline-size:calc(100% - var(--gap)*2);--app-margin-block:var(--gap);--app-place-self:start center;--container-inset-block:var(--gap) auto;--container-place-self:start stretch;--container-position:sticky;--drawer-block-size:auto;--drawer-button-display:none;--values-list-grid:auto-flow/1fr}}:root{--gray1:#8e8e93;--gray1-dark:#8e8e93;--gray2:#aeaeb2;--gray2-dark:#636366;--gray3:#c7c7cc;--gray3-dark:#48484a;--gray4:#d1d1d6;--gray4-dark:#3a3a3c;--gray5:#e5e5ea;--gray5-dark:#2c2c2e;--gray6:#f2f2f7;--gray6-dark:#1c1c1e;--fill-0:#fff;--fill-1:var(--gray6);--fill-2:var(--gray5);--fill-3:var(--gray4);--fill-4:var(--gray3);--app-background:var(--fill-0);--border:1px solid var(--gray5);--box-shadow:0 0 4px rgba(0,0,0,.12),0 0 2px rgba(0,0,0,.25);--button-background:var(--fill-1);--button-background-focus:var(--fill-2);--button-border:var(--outline-size) solid var(--button-background);--input-background:var(--fill-1);--input-border:var(--outline-size) solid var(--fill-0);--menu-background:var(--fill-0);--menu-background-focus:var(--fill-2);--menu-background-active:var(--fill-1);--table-background:var(--fill-1);--outline:var(--theme-color);--link-color:#1e90ff;--link-color-focus:#ff4500;--link-color-visited:#639;--text-color:var(--gray5-dark);--text-color-secondary:var(--gray2-dark);--theme-color:#007d32;--warning-color:#db4d4d;--zebra-stripe:#f7f7fa}interest-drawer{--button-background:var(--fill-1);--button-background-focus:var(--fill-2);--button-border:var(--outline-size) solid var(--button-background)}@media(min-width:40rem){interest-drawer{--button-background:var(--fill-2);--button-background-focus:var(--fill-3)}}interest-currency{--button-font-size:1.5rem;--button-font-weight:500;--button-padding:0}interest-values{--button-background:transparent;--button-background-focus:var(--fill-2);--button-border:var(--outline-size) solid var(--text-color-secondary);--button-border-color-focus:var(--text-color-secondary);--button-color:var(--text-color-secondary);--button-color-focus:var(--text-color);--button-font-size:.75em;--button-padding:1em;--button-size:2rem;--button-text-transform:uppercase}@media(prefers-color-scheme:dark){:root{--fill-0:#000;--fill-1:var(--gray6-dark);--fill-2:var(--gray5-dark);--fill-3:var(--gray4-dark);--fill-4:var(--gray3-dark);--fill-5:var(--gray2-dark);--border:1px solid var(--gray5-dark);--input-border:var(--outline-size) solid var(--fill-1);--app-background:var(--fill-1);--body-background:var(--fill-1);--button-background:var(--fill-4);--button-background-focus:var(--fill-5);--input-background:var(--fill-4);--menu-background:var(--fill-2);--menu-background-focus:var(--fill-4);--menu-background-active:var(--fill-3);--link-color:#6495ed;--link-color-focus:#ff8c00;--link-color-visited:#9370db;--text-color:var(--gray5);--text-color-secondary:var(--gray2);--theme-color:#28af52;--warning-color:#e68282;--zebra-stripe:#272729}interest-currency,interest-drawer{--button-background:var(--fill-4);--button-background-focus:var(--fill-5)}}@media(prefers-color-scheme:dark)and (min-width:40rem){:root{--body-background:var(--fill-0)}}@font-face{font-display:swap;font-family:Avenir Variable;font-weight:1 999;src:url(66174a725297be00e180.woff2) format("woff2")}html{-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation}body{background-color:var(--body-background);color:var(--text-color);display:grid;font:var(--font);font-variation-settings:"wght" 500;margin:0;min-block-size:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}:not(:defined){display:none}noscript{padding:1.5em;place-self:center;text-align:center}a{color:var(--link-color);outline:none;text-decoration:none}a:visited{color:var(--link-color-visited)}a:active,a:focus-visible{color:var(--link-color-focus)}@media(any-hover:hover){a{transition:color var(--transition)}a:hover{color:var(--link-color-focus)}}button{appearance:none;background-color:var(--button-background);block-size:var(--button-size);border:var(--button-border);border-radius:var(--button-size);color:var(--button-color,inherit);cursor:pointer;display:grid;font-family:inherit;font-size:var(--button-font-size);font-variation-settings:"wght" var(--button-font-weight);outline:0;padding-block:0;padding-inline:var(--button-padding);place-content:center;text-transform:var(--button-text-transform);transition:transform var(--transition);white-space:nowrap}button:focus-visible{background-color:var(--button-background-focus);border-color:var(--outline);color:var(--button-color-focus,var(--button-color,inherit))}button.touch{transform:scale(.8)}@media(any-hover:hover){button{transition:background-color var(--transition),border-color var(--transition),color var(--transition),transform var(--transition)}button:hover{background-color:var(--button-background-focus);border-color:var(--button-border-color-focus,var(--button-background-focus));color:var(--button-color-focus,var(--button-color,inherit))}button:active{transform:scale(.8)}}@keyframes slideInleft{0%{opacity:0;transform:translateX(5%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}75%{transform:translateY(-10%)}75%,to{opacity:1}to{transform:translateY(0)}}interest-app{display:grid;gap:var(--app-gap);grid:var(--app-grid);inline-size:var(--app-inline-size,auto);margin-block:var(--app-margin-block);margin-inline:var(--app-margin-inline);max-inline-size:84rem;place-self:var(--app-place-self)}.container{background-color:var(--app-background);border:var(--container-border);border-radius:var(--container-border-radius);display:grid;gap:1em;grid:var(--header-size) auto 6em/1fr var(--button-size);inset-block:var(--container-inset-block,0);overflow:hidden;padding-block:0 var(--gap);padding-inline:var(--gap);place-self:var(--container-place-self);position:var(--container-position,static)}h1{align-self:center;animation:slideInleft .6s forwards;font-size:1.125em;grid-area:1/1;margin:0;opacity:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}interest-values{grid-area:2/1/2/-1}[aria-hidden=true]{opacity:0;visibility:hidden}interest-currency{grid-area:1/2;inset-inline:auto -.625em;place-self:center end;transition:opacity var(--transition)}.total{color:var(--theme-color);display:grid;font-size:2.75em;grid-area:3/1/3/-1;inline-size:100%;line-height:1;overflow:scroll hidden;padding-inline:var(--gap);place-self:center;scrollbar-width:none;text-align:center;transition:opacity var(--transition)}.total::-webkit-scrollbar{display:none}interest-drawer{padding-block:env(safe-area-inset-top) env(safe-area-inset-bottom);padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}interest-drawer[aria-hidden=true]{opacity:0;visibility:hidden}.table{background-color:var(--app-background);border:var(--table-border);border-radius:var(--table-border-radius,0);overflow:auto hidden;scrollbar-width:none}.table::-webkit-scrollbar{display:none}table{border-collapse:collapse;font-size:.875em;font-variant-numeric:tabular-nums;inline-size:100%}:is(th,td){line-height:1;padding-block:.5em;padding-inline:1em;text-align:end;white-space:nowrap}:is(th,td):first-child{text-align:start}:is(th,td)[data-optional]{display:var(--table-optional-display)}th{font-variation-settings:"wght" 600;padding-block:1em}tbody>tr:nth-child(odd){background-color:var(--zebra-stripe)}td.balance{color:var(--theme-color);font-variation-settings:"wght" 600}.footnote{color:var(--text-color-secondary);display:var(--footnote-display,block);font-size:.75rem;margin-block:2rem 0;margin-inline:1rem;text-align:center}.footnote span{color:var(--text-color)}interest-currency{position:relative}interest-currency input{appearance:none;background:none;border:0;color:inherit;margin:0;outline:0;padding:0}interest-currency button{aspect-ratio:1}interest-currency button[aria-expanded=true]{background-color:var(--button-background-focus);border-color:var(--button-background-focus)}@media(any-hover:hover){interest-currency button[aria-expanded=true]:hover{background-color:var(--button-background-focus);border-color:var(--button-background-focus)}}interest-currency dialog{background-color:var(--menu-background);block-size:0;border:none;border-radius:.5rem;box-shadow:var(--box-shadow);display:block;inset-block:var(--button-size) auto;inset-inline:auto 0;margin-block:.5rem 0;overflow:hidden;padding:0;position:absolute;transform-origin:top center;transition:opacity var(--transition),transform var(--transition)}interest-currency dialog[open]{block-size:auto;opacity:1;transform:scale(100%)}interest-currency dialog,interest-currency dialog[data-closing]{opacity:0;transform:scale(90%)}interest-currency ul{list-style:none;margin-block:.5em;padding:0}interest-currency label{align-items:center;block-size:2.25em;color:var(--text-color);cursor:pointer;display:flex;font-size:.9em;padding-inline:.25em 1.5em}interest-currency label:focus-visible{background-color:var(--menu-background-focus)}interest-currency label[data-checked]{background-color:var(--menu-background-active);color:var(--theme-color)}@media(any-hover:hover){interest-currency label{transition:background-color var(--transition)}interest-currency label:hover{background-color:var(--menu-background-focus)}}interest-currency label input{inline-size:0}interest-currency label .symbol{display:inline-grid;font-size:1.5em;inline-size:2em;place-content:center}interest-currency label .label{flex:1;white-space:nowrap}interest-values form{align-self:center;caret-color:inherit;display:grid;gap:1.5rem 0;grid:auto-flow/1fr}interest-values ul{display:grid;gap:var(--values-gap);grid:var(--values-list-grid);list-style:none;margin:0;padding:0}interest-values li{animation:slideInUp var(--transition) ease-in-out forwards;display:grid;gap:var(--values-gap);grid:"input label"/auto 1fr;opacity:0;place-items:center start}interest-values li:nth-child(2){animation-delay:.1s}interest-values li:nth-child(3){animation-delay:.2s}interest-values li:nth-child(4){animation-delay:.3s}interest-values label{color:var(--text-color-secondary);grid-area:label;pointer-events:none;white-space:nowrap}interest-values label[for=rate]:before{content:"% "}interest-values input{appearance:none;background-color:var(--input-background);block-size:2em;border:var(--input-border);border-radius:.5em;box-sizing:content-box;color:var(--text-color);font-family:var(--font-family);font-size:1em;font-variation-settings:"wght" 500;grid-area:input;inline-size:5em;justify-self:end;line-height:1;margin:0;outline:0;padding-inline:.5em;text-align:end}interest-values input:focus-visible{border-color:var(--outline)}interest-values input:invalid{color:var(--warning-color)}interest-values button{place-self:center}