/* MFC Home Payouts 1.0.0: Scaling chart redraw (see sc.js). */
.ap-scale.hv-sc-on .ap-chart { display: none !important; }
.hv-sc { display: block; width: 100%; height: auto; overflow: visible; font-family: "Neue Haas Unica", "NeueHaasUnica", Inter, Arial, sans-serif; font-variant-numeric: tabular-nums; }
.hv-sc .g { stroke: rgba(255, 255, 255, .07); stroke-width: 1; shape-rendering: crispEdges; }
.hv-sc .b { stroke: rgba(255, 255, 255, .22); stroke-width: 1; shape-rendering: crispEdges; }
.hv-sc .s { fill: #1C2230; }
.hv-sc .s2 { fill: #1C2230; }
.hv-sc .a { fill: url(#hvScG); }
.hv-sc .glow { fill: #006AFF; opacity: .35; }
.hv-sc .v { fill: #C9CED8; font-size: 13px; font-weight: 500; }
.hv-sc .vl { fill: #fff; font-size: 15px; }
.hv-sc .x { fill: #8A909C; font-size: 11.5px; }
.hv-sc .cap { fill: #8A909C; font-size: 12px; }
.hv-sc .col { transform-box: fill-box; transform-origin: 50% 100%; transition: transform .7s cubic-bezier(.2, .8, .2, 1), opacity .5s ease; transition-delay: calc(var(--i) * 70ms); }
.hv-sc:not(.on) .col { transform: scaleY(.04); opacity: 0; }
@media (prefers-reduced-motion: reduce) { .hv-sc .col { transition: none; } }
/* phones: the 640-wide drawing renders at ~half size, so the labels are set larger in drawing units */
@media (max-width: 767px) {
	.hv-sc .v { font-size: 21px; } .hv-sc .vl { font-size: 24px; } .hv-sc .x { font-size: 18px; } .hv-sc .cap { font-size: 18px; }
}
