.component-fund-breakdowns{display:grid;grid-template-columns:1fr}
.component-fund-breakdowns .r4-title{margin-bottom:28px}
.component-fund-breakdowns .switcher{margin-bottom:24px}
@media(min-width:1024px){.component-fund-breakdowns .switcher{margin-bottom:48px}
}
.component-fund-breakdowns .asset-allocation .body{display:grid;grid-template-columns:1fr;gap:32px;overflow:visible}
@media(min-width:1024px){.component-fund-breakdowns .asset-allocation .body{gap:60px;grid-template-columns:1fr 2fr;align-items:start}
}
.component-fund-breakdowns .asset-allocation .body .chart-container{display:flex;justify-content:center;align-items:center;overflow:visible;width:100%;max-width:280px;justify-self:center;align-self:start;aspect-ratio:1;margin:0 auto;margin-top:20px}
.component-fund-breakdowns .asset-allocation .body .chart-container .chart{width:100%;height:100%;overflow:visible !important}
.component-fund-breakdowns .asset-allocation .body .chart-container .chart .js-chart-segments{transform:rotate(-90deg);transform-origin:18px 18px;transition:transform .3s ease}
.component-fund-breakdowns .asset-allocation .body .list-container{flex:1}
.component-fund-breakdowns .asset-allocation .body .list-container .list{list-style:none;padding:0;margin:0}
.component-fund-breakdowns .asset-allocation .body .list-container .list .item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee;font-size:14px;color:#333}
.component-fund-breakdowns .asset-allocation .body .list-container .list .item .label-group{display:flex;align-items:center;gap:12px;padding-right:15px}
.component-fund-breakdowns .asset-allocation .body .list-container .list .item .label-group .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}