.hp{--hp-ease:cubic-bezier(.22, 1, .36, 1);--hp-spring:cubic-bezier(.2, 1.25, .35, 1)}@keyframes hp-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes hp-fade{0%{opacity:0}}.hp .hp-total{justify-items:start;gap:4px;padding:8px 16px 0;display:grid}.hp .hp-money{letter-spacing:-.03em;font-size:46px;font-weight:500;line-height:1.05}.hp .hp-delta{animation:.6s .4s both hp-fade}.hp .hp-chart{margin-top:18px}.hp .hp-chart.is-flat{background:linear-gradient(transparent calc(70% - 1px), var(--ios-line) calc(70% - 1px), var(--ios-line) 70%, transparent 70%)}.hp .hp-ranges{grid-template-columns:repeat(var(--n,5), 1fr);margin:14px 16px 0;display:grid;position:relative}.hp .hp-ranges>i{top:0;left:calc(100% / var(--n) * var(--i));width:calc(100% / var(--n));background:var(--ios-surface-2);height:34px;transition:left .45s var(--hp-spring);border-radius:999px;position:absolute}.hp .hp-ranges :is(button,span){height:34px;font-family:var(--ios-font-rounded);color:var(--ios-ink-3);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:13px;font-weight:500;transition:color .3s;display:grid;position:relative}.hp .hp-ranges :is(button,span).is-on{color:var(--ios-ink)}.hp .hp-list{padding:12px 16px 0;display:grid}.ap .hp .hp-list .ios-row{min-height:64px;animation:hp-rise .6s var(--hp-ease) both;gap:12px;padding:0}.ap .hp .hp-list .ios-row+.ios-row:before{left:0}.ap .hp .hp-list .ios-row.is-action:active{opacity:.6;background:0 0}.ap .hp .hp-list .ios-row-text b{font-size:15px;font-weight:500;line-height:20px}.ap .hp .hp-list .ios-row-text small{color:var(--ios-ink-3)}.hp .hp-list .ios-row:first-child{animation-delay:.3s}.hp .hp-list .ios-row:nth-child(2){animation-delay:.36s}.hp .hp-list .ios-row:nth-child(3){animation-delay:.42s}.hp .hp-list .ios-row:nth-child(4){animation-delay:.48s}.hp .hp-list .ios-row:nth-child(n+5){animation-delay:.54s}.hp .hp-list .ios-row-own .ap-asset{flex:none}.hp .hp-risk{background:var(--ios-surface);box-shadow:var(--ios-shadow);border-radius:18px;align-items:center;gap:12px;margin:18px 16px 0;padding:12px 12px 12px 14px;display:flex}.hp .hp-risk>b{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:600;line-height:20px;overflow:hidden}.hp .hp-risk .hp-risk-btn{flex:none;width:auto}.ap .hp .hp-inline-state.ap-state.is-inline{min-height:420px;box-shadow:none;background:0 0;margin-top:18px}.ap .hp .hp-inline-state.is-tall.ap-state.is-inline{min-height:560px}.hp .hp-loading .hp-loading-chart{opacity:.6;margin-top:18px;display:block}.hp .hp-ranges.is-loading span{color:var(--ios-ink-3);opacity:.5}@media (prefers-reduced-motion:reduce){.hp .hp-list .ios-row,.hp .hp-delta{animation:none}}
