.BillingApiChartCard{--transition:450ms cubic-bezier(0.68,-0.55,0.27,1.55);position:relative;width:100%;max-width:228px;font:var(--sourceCodeFont);font-size:12px}.BillingApiChartCard span{display:block}@media (prefers-reduced-motion:reduce){.BillingApiChartCard{--transition:none}}.BillingApiChartCard__card{position:relative;z-index:1;padding:8px 12px;border-radius:4px;box-shadow:var(--cardShadowXSmall);background-color:var(--cardBackground);color:var(--textColor)}.BillingApiChartCard__title{font:var(--fontWeightSemibold) 15px/1.6 var(--fontFamily);letter-spacing:.2px}.BillingApiChartCard__detail,.BillingApiChartCard__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.BillingApiChartCard__subtitle{margin-top:8px;font:var(--fontWeightSemibold) 12px/1.666666667 var(--fontFamily);letter-spacing:.2px}.BillingApiChartCard__line{display:block;position:absolute;bottom:calc(50% - 2px)}.BillingApiChartCard__line--in{right:100%}.BillingApiChartCard__line--out,.BillingApiChartCard__line--over{left:100%}.BillingApiChartCard__line--out path{stroke-dasharray:100%;stroke-dashoffset:calc(100% + var(--chartCardTagHeight, 0px));transition:stroke-dashoffset var(--transition)}.BillingApiChartCard__lineArrow{position:absolute;top:0;right:-21px;transform:translateY(calc(var(--chartCardTagHeight)*-1));transition:transform var(--transition)}.BillingApiChartCard__subcards{display:grid;row-gap:16px;margin:16px 0 0 32px}.BillingApiChartCard__cardStack,.BillingApiChartCard__cardStack>.BillingApiChartCard__card,.BillingApiChartCard__cardStack>.BillingApiChartCard__card:before{position:absolute;top:0;left:0;right:0;height:100%}.BillingApiChartCard__cardStack>.BillingApiChartCard__card:before{border-radius:inherit;background-color:#000;content:""}.BillingApiChartCard__cardStack>.BillingApiChartCard__card:first-of-type{top:8px;left:8px;right:8px}.BillingApiChartCard__cardStack>.BillingApiChartCard__card:first-of-type:before{opacity:.2}.BillingApiChartCard__cardStack>.BillingApiChartCard__card:last-of-type{top:4px;left:4px;right:4px}.BillingApiChartCard__cardStack>.BillingApiChartCard__card:last-of-type:before{opacity:.12}.BillingApiChartCard__tagContainer{position:absolute;top:100%;left:8px;right:8px}.BillingApiChartCard__tag{position:absolute;top:calc(var(--chartCardTagPadding)*-1);left:0;width:100%;padding-top:var(--chartCardTagPadding);background-color:#ecfaff;border:1px solid #c4f0ff;border-top:none;border-radius:0 0 4px 4px;color:#525f7f;text-align:center;transform:translateY(-100%);transition:transform var(--transition)}