.bank-ui .hub-charts{display:flex;flex-direction:column;gap:1rem;min-width:0}.bank-ui .hub-chart{min-width:0;overflow:hidden}.bank-ui .hub-chart-open{overflow:visible}.bank-ui .hub-bars{list-style:none;margin:0;padding:.6rem .95rem 1rem}.bank-ui .hub-bars li+li{margin-top:.5rem}.bank-ui .hub-bars a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.15rem .55rem}.bank-ui .hub-bars a:hover .hub-bar-name{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}.bank-ui .hub-bars a:hover .hub-bar-track>span{background:var(--bk-ink)}.bank-ui .hub-bar-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:680}.bank-ui .hub-bar-track{grid-column:1;display:block;height:5px;border-radius:999px;background:var(--bk-surface-2);overflow:hidden}.bank-ui .hub-bar-track>span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:background .15s}.bank-ui .hub-bars b{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:.66rem;color:var(--bk-ink-3);font-variant-numeric:tabular-nums}.bank-ui .hub-donut-body{display:grid;grid-template-columns:104px minmax(0,1fr);gap:.85rem;align-items:center;padding:.95rem .9rem}.bank-ui .hub-donut{width:104px;height:104px}.bank-ui .hub-donut-track{fill:none;stroke:var(--bk-surface-2);stroke-width:16}.bank-ui .hub-donut-slice{fill:none;stroke-width:16;transform:rotate(-90deg);transform-origin:65px 65px;transition:stroke-width .12s,opacity .12s}.bank-ui .hub-donut-value{fill:var(--bk-ink);font-size:20px;font-weight:800;text-anchor:middle;font-variant-numeric:tabular-nums}.bank-ui .hub-donut-unit{fill:var(--bk-ink-3);font-size:8px;font-weight:700;letter-spacing:.08em;text-anchor:middle;text-transform:uppercase}.bank-ui .hub-legend{list-style:none;margin:0;padding:0;min-width:0}.bank-ui .hub-legend li+li{margin-top:.45rem}.bank-ui .hub-legend a{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:.4rem;align-items:baseline;font-size:.66rem}.bank-ui .hub-legend a:hover span{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}.bank-ui .hub-legend i{width:9px;height:9px;border-radius:2px}.bank-ui .hub-legend span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bank-ui .hub-legend b{font-size:.63rem;font-weight:780;font-variant-numeric:tabular-nums}.bank-ui .hub-legend small{margin-left:.3rem;font-weight:600;color:var(--bk-ink-3)}.bank-ui .hub-donut-slice:hover{stroke-width:22}.bank-ui .hub-donut-body:has([data-slice="0"]:hover) .hub-donut-slice:not([data-slice="0"]),.bank-ui .hub-donut-body:has([data-slice="1"]:hover) .hub-donut-slice:not([data-slice="1"]),.bank-ui .hub-donut-body:has([data-slice="2"]:hover) .hub-donut-slice:not([data-slice="2"]),.bank-ui .hub-donut-body:has([data-slice="3"]:hover) .hub-donut-slice:not([data-slice="3"]),.bank-ui .hub-donut-body:has([data-slice="4"]:hover) .hub-donut-slice:not([data-slice="4"]){opacity:.3}.bank-ui .hub-donut-body:has([data-slice="0"]:hover) .hub-donut-slice[data-slice="0"],.bank-ui .hub-donut-body:has([data-slice="1"]:hover) .hub-donut-slice[data-slice="1"],.bank-ui .hub-donut-body:has([data-slice="2"]:hover) .hub-donut-slice[data-slice="2"],.bank-ui .hub-donut-body:has([data-slice="3"]:hover) .hub-donut-slice[data-slice="3"],.bank-ui .hub-donut-body:has([data-slice="4"]:hover) .hub-donut-slice[data-slice="4"]{stroke-width:22}.bank-ui .hub-trend{padding:.85rem .9rem 1rem}.bank-ui .hub-trend-plot{position:relative}.bank-ui .hub-trend svg{width:100%;height:96px;display:block;overflow:visible}.bank-ui .hub-trend-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.bank-ui .hub-trend-hits{position:absolute;inset:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}.bank-ui .hub-trend-hit{position:relative;cursor:default}.bank-ui .hub-trend-hit:focus-visible{outline:none}.bank-ui .hub-trend-marker{position:absolute;left:50%;top:0;bottom:0;width:1px;translate:-50% 0;background:var(--bk-ink);opacity:0}.bank-ui .hub-trend-hit:hover .hub-trend-marker,.bank-ui .hub-trend-hit:focus-visible .hub-trend-marker{opacity:.28}.bank-ui .hub-trend-pop{position:absolute;bottom:calc(100% - 4px);left:50%;z-index:20;width:158px;translate:-50% 0;display:none;flex-direction:column;gap:.18rem;padding:.5rem .55rem;border:1px solid var(--bk-line);border-radius:var(--bk-r-sm);background:var(--bk-surface);box-shadow:var(--bk-shadow-lift);text-align:left}.bank-ui .hub-trend-hit:hover .hub-trend-pop,.bank-ui .hub-trend-hit:focus-visible .hub-trend-pop{display:flex}.bank-ui .hub-trend-hit:nth-child(-n+3) .hub-trend-pop{left:0;translate:0 0}.bank-ui .hub-trend-hit:nth-last-child(-n+3) .hub-trend-pop{left:auto;right:0;translate:0 0}.bank-ui .hub-trend-pop strong{font-size:.62rem;font-weight:820;color:var(--bk-ink)}.bank-ui .hub-trend-pop em{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:.35rem;align-items:center;font-style:normal;font-size:.59rem;color:var(--bk-ink-2)}.bank-ui .hub-trend-pop em i{width:8px;height:8px;border-radius:2px}.bank-ui .hub-trend-pop u{text-decoration:none;color:var(--bk-ink-3);font-variant-numeric:tabular-nums}.bank-ui .hub-trend-axis{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);margin-top:.3rem;border-top:1px solid var(--bk-line-soft);padding-top:.3rem}.bank-ui .hub-trend-axis span{position:relative;text-align:left;font-size:.53rem;font-weight:750;color:var(--bk-ink-4)}.bank-ui .hub-trend-axis span[data-month=true]:before{content:"";position:absolute;top:-.32rem;left:0;width:1px;height:.22rem;background:var(--bk-line)}.bank-ui .hub-trend-key{list-style:none;margin:.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem .7rem}.bank-ui .hub-trend-key a{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:.35rem;align-items:baseline;font-size:.6rem}.bank-ui .hub-trend-key a:hover span{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}.bank-ui .hub-trend-key i{width:9px;height:9px;border-radius:2px}.bank-ui .hub-trend-key span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:680}.bank-ui .hub-trend-key b{color:var(--bk-ink-3);font-variant-numeric:tabular-nums}.bank-ui .hub-trend-note{margin-top:.55rem;font-size:.56rem;line-height:1.5;color:var(--bk-ink-3)}@media(max-width:640px){.bank-ui .hub-donut-body{grid-template-columns:96px minmax(0,1fr)}.bank-ui .hub-donut{width:96px;height:96px}}