.ConnectPlatformsDonutChart{--donutWidth:48px;display:grid;gap:var(--rowGapLarge) 0;align-items:center}@media (min-width:450px) and (max-width:599px),(min-width:900px){.ConnectPlatformsDonutChart{grid:auto/repeat(2,1fr)}}@media (min-width:900px){.ConnectPlatformsDonutChart{padding:100px 0}}.ConnectPlatformsDonutChart__svgContainer{position:relative;justify-self:center}.ConnectPlatformsDonutChart__svgContainer:after,.ConnectPlatformsDonutChart__svgContainer:before{--shadowOffset:2px;position:absolute;top:var(--shadowOffset);left:var(--shadowOffset);right:var(--shadowOffset);bottom:var(--shadowOffset);border-radius:50%;box-shadow:var(--cardShadowLarge);content:""}.ConnectPlatformsDonutChart__svgContainer:after{--shadowOffset:calc(var(--donutWidth) - 6px);box-shadow:var(--cardShadowLargeInset)}.ConnectPlatformsDonutChart__svg{position:relative;display:block;width:100%;max-width:215px;max-height:215px}.ConnectPlatformsDonutChart__totalAmount{position:absolute;top:50%;left:50%;font:var(--fontWeightBold) 18px/1.555555556 var(--fontFamily);letter-spacing:.2px;color:var(--titleColor);transform:translate(-50%,-50%)}.ConnectPlatformsDonutChart__totalAmount:not(:first-of-type){opacity:0}.ConnectPlatformsDonutChart__donutBackground{stroke-width:var(--donutWidth);stroke:#fff;fill:none}.ConnectPlatformsDonutChart__donutSegment{stroke-width:var(--donutWidth);stroke:var(--segmentColor);fill:none;transform-origin:125px 125px;opacity:0}.ConnectPlatformsDonutChart__legend{padding:0 var(--columnPaddingNormal)}.ConnectPlatformsDonutChart__legendTitle{margin-bottom:12px;font:var(--fontWeightBold) 13px/1.538461538 var(--fontFamily);letter-spacing:.4px;text-transform:uppercase;color:#8898aa}.ConnectPlatformsDonutChart__legendList{display:grid;gap:8px 0;margin:0;padding:0;list-style:none}.ConnectPlatformsDonutChart__legendItem{position:relative;padding-left:20px;font:var(--fontWeightNormal) 13px/1.692307692 var(--fontFamily);letter-spacing:.2px;opacity:0}.ConnectPlatformsDonutChart__legendItem:before{position:absolute;top:8px;left:0;width:10px;height:10px;border-radius:50%;background-color:var(--segmentColor);content:""}.ConnectPlatformsDonutChart__legendLabel{font-weight:inherit;color:var(--textColor)}.ConnectPlatformsDonutChart__legendAmount{display:block;color:var(--segmentColor)}