.hp4-income-split{width:100%;height:var(--income-bar-height,12px);gap:2px;display:flex;overflow:visible}.hp4-income-segment,.hp4-income-swatch{--income-hosting:#0000001a;--income-fee:#0000004d;position:relative;overflow:hidden}[data-theme=dark] :is(.hp4-income-segment,.hp4-income-swatch){--income-hosting:#ffffff1a;--income-fee:#ffffff4d}.hp4-income-segment{min-width:0;transition:flex-basis var(--income-bar-duration,.4s) var(--hp4-ease);border-radius:4px;flex-grow:0;flex-shrink:1;display:block}.hp4-income-swatch{--income-bar-height:var(--income-swatch-size,12px);width:var(--income-swatch-size,12px);height:var(--income-swatch-size,12px);border-radius:2px;flex-shrink:0;display:inline-block}:is(.hp4-income-segment,.hp4-income-swatch)[data-part=paid]{background:var(--hp4-accent)}:is(.hp4-income-segment,.hp4-income-swatch)[data-part=hosting]{background:var(--income-hosting)}:is(.hp4-income-segment,.hp4-income-swatch)[data-part=fee]{background:var(--income-fee)}:is(.hp4-income-segment,.hp4-income-swatch)[data-part=principal]{background:color-mix(in srgb, var(--hp4-accent) 42%, transparent)}.hp4-income-segment[data-part=paid]{filter:drop-shadow(0 38px 5.5px color-mix(in srgb, var(--hp4-accent) 1%, transparent)) drop-shadow(0 24px 5px color-mix(in srgb, var(--hp4-accent) 4%, transparent)) drop-shadow(0 14px 4px color-mix(in srgb, var(--hp4-accent) 15%, transparent)) drop-shadow(0 6px 3px color-mix(in srgb, var(--hp4-accent) 25%, transparent)) drop-shadow(0 2px 1.5px color-mix(in srgb, var(--hp4-accent) 29%, transparent))}.hp4-income-segment[data-part=paid]:before,:is(.hp4-income-segment,.hp4-income-swatch)[data-part=hosting]:before{content:"";-webkit-mask-image:url("/charts/income-hosting-stripes.svg#svgView(viewBox(1110,9.387,209,18))");mask-image:url("/charts/income-hosting-stripes.svg#svgView(viewBox(1110,9.387,209,18))");-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:calc(var(--income-bar-height,12px) * 11.6111) var(--income-bar-height,12px);mask-size:calc(var(--income-bar-height,12px) * 11.6111) var(--income-bar-height,12px);background:#fff;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%}.hp4-income-segment[data-part=paid]:before{-webkit-mask-image:url("/charts/income-paid-stripes.svg#svgView(viewBox(1040,9.387,280,18))");mask-image:url("/charts/income-paid-stripes.svg#svgView(viewBox(1040,9.387,280,18))");-webkit-mask-size:calc(var(--income-bar-height,12px) * 15.5556) var(--income-bar-height,12px);mask-size:calc(var(--income-bar-height,12px) * 15.5556) var(--income-bar-height,12px);background:#d9d9d9}.hp4-income-segment[data-part=paid]:after{content:"";border-radius:inherit;box-shadow:inset 0 calc(var(--income-bar-height,12px) * .222222) 0 #fff3;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hp4-income-segment{transition:none}}@media (forced-colors:active){.hp4-income-segment,.hp4-income-swatch{border:1px solid canvastext}.hp4-income-segment[data-part=paid]{filter:none}.hp4-income-segment:before,.hp4-income-segment:after,.hp4-income-swatch:before{display:none}}
