.note-hero-chart{padding-top:12px}.note-hero-plot{border-bottom:1px solid #ccc;height:clamp(170px,26vh,280px);position:relative}.note-hero-svg{width:100%;height:100%;transition:clip-path 2.6s cubic-bezier(.45,0,.2,1);position:absolute;inset:0;overflow:visible}.note-hero-band{background:repeating-linear-gradient(135deg,#0000000f 0 1px,#0000 1px 7px);border-left:1px solid #00000014;border-right:1px solid #00000014;position:absolute;top:0;bottom:0}.note-hero-band span{font-family:var(--font-sans);letter-spacing:.16em;color:#626262;white-space:nowrap;font-size:10px;position:absolute;top:6px;left:8px}.note-hero-guide{border-top:1px dashed #999;position:absolute;left:0;right:0}.note-hero-guide span{font-family:var(--font-sans);color:#626262;font-size:10px;position:absolute;top:4px;right:0}.note-hero-val{font-family:var(--font-sans);color:#626262;white-space:nowrap;font-size:12px;transition:opacity .5s;position:absolute;transform:translate(-50%,-150%)}.note-hero-val.is-now{color:#191919;font-size:14px;font-weight:700}.note-hero-val.is-end{transform:translate(-100%,-150%)}.note-hero-val.is-end-below{transform:translate(-100%,70%)}.note-hero-dot{background:#191919;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;transition:opacity .4s 2.5s;position:absolute}.note-hero-dot:after{content:"";opacity:0;border:1px solid #191919;border-radius:50%;animation:2.2s ease-out 2.8s note-hero-pulse;position:absolute;inset:-6px}@keyframes note-hero-pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}.note-hero-axis{height:20px;font-family:var(--font-sans);color:#626262;font-size:10px;position:relative}.note-hero-axis span{white-space:nowrap;position:absolute;top:6px;transform:translate(-50%)}.note-hero-axis span:first-child{transform:none}.note-hero-axis span:last-child{transform:translate(-100%)}.note-hero-chart-cap{font-family:var(--font-sans);letter-spacing:0;color:#626262;margin:14px 0 0;font-size:10px}.note-hero-tick{vertical-align:middle;background:#191919;width:16px;height:1px;margin-right:10px;display:inline-block}@media (prefers-reduced-motion:reduce){.newsite .note-hero-svg,.newsite .note-hero-val,.newsite .note-hero-dot{transition:none!important}.newsite .note-hero-dot:after{animation:none!important}}@media (width<=520px){.note-hero-val{font-size:10px}.note-hero-val.is-now{font-size:11px}.note-hero-axis{font-size:9px}.note-hero-band span{letter-spacing:0;font-size:8px;left:3px}.note-hero-chart-cap{font-size:11px}}