.flex-container{display:flex;column-gap:8px;row-gap:8px;flex-direction:row;align-items:flex-end;flex-wrap:wrap}
.flex-container .cefCardContainer{min-height:400px;max-width:calc(50% - 8px);flex:1 0 calc(50% - 8px);align-self:stretch;display:flex}
.flex-container .cefCardContainer .cefDetailsContainer{background:var(--var-backgroundColor);padding:48px 48px 0 48px;display:flex;flex-grow:1;min-height:400px;flex-direction:column;justify-content:space-between}
.flex-container .cefCardContainer .cefDetailsContainer .fundDetailsContainer{align-self:flex-start;flex-grow:0}
.flex-container .cefCardContainer .cefDetailsContainer .spacerDiv{flex-grow:1}
.flex-container .cefCardContainer .cefDetailsContainer .cefFundName{min-width:56px;font-weight:700;font-size:24px;font-family:BNYM_CORPORATE_Publico_Pro_Roman;padding-bottom:18px;line-height:32px;color:var(--var-headingColor);opacity:1}
.flex-container .cefCardContainer .cefDetailsContainer .cefFundName .cefheading{padding-bottom:18px}
.flex-container .cefCardContainer .cefDetailsContainer .cefFundName .cefSubheading{font-weight:400;min-width:64px;font-size:16px;font-family:BNYM_CORPORATE_Akkurat_Pro;line-height:24px;color:var(--var-subheadingColor);opacity:1;padding-bottom:26px}
.flex-container .cefCardContainer .cefDetailsContainer .fundStatsContainer{align-self:flex-end;flex-grow:0}
.flex-container .cefCardContainer .cefDetailsContainer .fundStats{display:flex;text-align:left;padding-bottom:37px;min-width:150px;min-height:145px;justify-content:space-between}
.flex-container .cefCardContainer .cefDetailsContainer .fundStats>div{margin-right:18px;flex:1}
.flex-container .cefCardContainer .cefDetailsContainer .fundStats .drText{font-weight:700;font-size:16px;font-family:BNYM_CORPORATE_Akkurat_Pro;line-height:24px;padding-bottom:9px;color:var(--var-fundHeaderColor);opacity:1}
.flex-container .cefCardContainer .cefDetailsContainer .fundStats .benchmark .cefFundDR{font-weight:400;font-size:16px;font-family:BNYM_CORPORATE_Akkurat_Pro;line-height:24px;min-width:65px;color:var(--var-fundContentColor);opacity:1}
.flex-container .cefCardContainer .cefDetailsContainer .fundStats .cefFundPD{font-size:24px;line-height:32px;padding-bottom:8px;color:var(--var-fundNumberColor)}
.flex-container .cefCardContainer .cefDetailsContainer .fundStats .cefFundPDate{font-weight:400;font-size:14px;font-family:BNYM_CORPORATE_Akkurat_Pro;line-height:24px;color:var(--var-fundContentColor);opacity:1;font-style:italic}
.dynamic-link{text-decoration:none;color:var(--var-linkColor);width:fit-content;gap:10px;cursor:pointer;border-bottom:2px solid transparent}
.dynamic-link .material-icons{top:5px;position:relative;font-size:20px}
.dynamic-link span{font-family:"BNYM_CORPORATE_Akkurat_Pro";font-size:16px;font-weight:700;line-height:24px;letter-spacing:.02em;color:var(--var-linkColor)}
.dynamic-link:hover span{text-underline-offset:5px;text-decoration-thickness:2px;text-decoration-line:underline;color:var(--var-onhoverLinkColor)}
.flex-container .cefCardContainer .cefDetailsContainer .cefCtaSection{padding-bottom:46px}
@media(max-width:770px){.flex-container{flex-direction:column}
.flex-container .cefCardContainer{max-width:100%}
.flex-container .cefCardContainer .cefDetailsContainer .fundStats{flex-direction:column;padding-bottom:16px}
.flex-container .cefCardContainer .cefDetailsContainer .cefFundName{font-size:20px;line-height:28px;padding-bottom:0}
.flex-container .cefCardContainer .cefDetailsContainer .cefFundName .cefSubheading{min-height:75px}
.flex-container .cefCardContainer .cefDetailsContainer .fundStats.verticalLine .benchmark{border-top:1px solid var(--var-verticalLineColor);padding-top:15px;padding-bottom:27px}
.flex-container .cefCardContainer .cefDetailsContainer .fundStats.verticalLine .distributionRate{border-top:1px solid var(--var-verticalLineColor);padding-top:15px;padding-bottom:27px}
.flex-container .cefCardContainer .cefDetailsContainer .fundStats.verticalLine .premiumDiscount{border-top:1px solid var(--var-verticalLineColor);padding-top:15px;padding-bottom:16px}
.flex-container .cefCardContainer .cefDetailsContainer .fundStats .drText{padding-bottom:16px}
.flex-container .cefCardContainer .cefDetailsContainer{padding:35px 25px 0 25px}
.flex-container .cefCardContainer .cefDetailsContainer .fundStatsContainer{align-self:normal}
}
@media(min-width:770px){.flex-container .cefCardContainer .cefDetailsContainer .fundStats.verticalLine>div{border-left:1px solid var(--var-verticalLineColor);padding-left:10px}
}