.popupBottomSheet,.popupBottomSheet .modalContainer .header,.popupBottomSheet .modalContainer .modalParent{background-color:#f0f8ff}.popupBottomSheet .modalContainer .modalBody{border-radius:16px;background-color:#fff;max-width:480px}.fundDetailsCard{position:relative;background:#f5f5f5;border-radius:12px;margin-bottom:8px;padding:16px 16px 0;flex-shrink:0;max-width:100%;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;max-height:200px;height:100%;text-decoration:none}@media (min-width:768px){.fundDetailsCard{padding:24px 16px;flex-direction:row;background:#f5f5f5;border-radius:12px;margin:0 0 8px;width:100%}.fundDetailsCard:hover{background:#f7f4f9;cursor:pointer}.fundDetailsCard:hover h3{color:#5a298b}}.fundDetailsCard .ribbon{position:absolute;top:-3px;right:8px}@media (min-width:768px){.fundDetailsCard .ribbon{left:13px;top:-16px;transform:rotate(270deg)}}.fundDetailsCard .logo{border:1px solid #e5e5e5;height:40px;width:40px;object-fit:contain;border-radius:50%;margin-right:16px;background-color:#fff}@media (min-width:768px){.fundDetailsCard .logo{height:32px;width:32px;margin-right:8px}}.fundDetailsCard .topRatedFundsData{display:flex}@media (min-width:768px){.fundDetailsCard .topRatedFundsData{align-items:center}}.fundDetailsCard .fundHeading{font-weight:700;font-size:16px;line-height:24px;letter-spacing:-.18px;color:#262626;max-width:224px;display:block}@media (min-width:768px){.fundDetailsCard .fundHeading{font-weight:600;font-size:14px;line-height:20px;text-transform:capitalize;color:#000;margin-bottom:8px;max-width:300px}}.fundDetailsCard .ratingIndicator{display:flex;justify-content:normal}@media (min-width:768px){.fundDetailsCard .ratingIndicator{justify-content:space-between}}.fundDetailsCard .ratingIndicator span{font-weight:500;font-size:14px;line-height:20px;padding-right:5px;letter-spacing:-.09px;white-space:nowrap}.fundDetailsCard .subText{font-size:12px;line-height:16px;color:#929292;font-style:normal;font-weight:500;letter-spacing:.01px}@media (min-width:768px){.fundDetailsCard .subText{color:#6a6a6a}}.fundDetailsCard .topRatedFundsDetails{display:flex;flex-wrap:wrap;margin-top:16px}@media (min-width:768px){.fundDetailsCard .topRatedFundsDetails{margin-right:18px;flex-wrap:nowrap;margin-top:0;align-items:baseline}}.fundDetailsCard .topRatedFundsDetails .rowInfo{flex-grow:1;max-width:50%;min-width:50%;padding:0 16px 16px 0}@media (min-width:768px){.fundDetailsCard .topRatedFundsDetails .rowInfo{text-align:left;flex-grow:unset;min-width:auto;padding:0 16px;border-right:1px solid #e5e5e5;max-width:177px}.fundDetailsCard .topRatedFundsDetails .rowInfo:last-child{border:none}}.fundDetailsCard .topRatedFundsDetails .rowInfoMinWidth{min-width:148px}.fundDetailsCard .topRatedFundsDetails .infoLabel{font-weight:500;font-size:12px;line-height:16px;color:#6a6a6a;letter-spacing:.01px}@media (min-width:768px){.fundDetailsCard .topRatedFundsDetails .infoLabel{margin-bottom:8px;color:rgba(38,38,38,.5)}}.fundDetailsCard .topRatedFundsDetails .infoValue{font-weight:500;font-size:14px;line-height:20px;color:#262626;letter-spacing:-.09px}