a.fluent-component.BrowseCard{text-decoration:none}a.fluent-component.BrowseCard.container{display:flex;align-items:center;background-color:#fff;border:1px solid #d6d6d6;border-radius:4px}a.fluent-component.BrowseCard .CardPreview{max-width:48px;margin:8px}a.fluent-component.BrowseCard .CardPreview>img{border-radius:4px}a.fluent-component.BrowseCard .CardHeader .header{margin-right:8px}a.fluent-component.BrowseCard .CardHeader .header .title{color:#242424;font-size:1.4em;font-weight:600;line-height:20px}div.fluent-component.HeroCard.container{align-items:center;display:inline-block;border:1px solid #f0f0f0;border-radius:4px;text-align:center}@media(min-width: 640px){div.fluent-component.HeroCard.container{display:flex;text-align:left}html[dir=rtl] div.fluent-component.HeroCard.container{text-align:right}}div.fluent-component.HeroCard .CardPreview{margin-right:20px}div.fluent-component.HeroCard .CardPreview>img{border-radius:4px}div.fluent-component.HeroCard .CardHeader{margin-right:20px}div.fluent-component.HeroCard .CardHeader .header .title{margin:0;font-size:1.6em;font-weight:600;line-height:22px;color:#242424;text-align:center}@media(min-width: 640px){div.fluent-component.HeroCard .CardHeader .header .title{text-align:left}}div.fluent-component.HeroCard .CardHeader .description{margin-top:20px}div.fluent-component.HeroCard .CardHeader .description .action .button-link{padding:10px 16px 8px 16px;background-color:#fff;border:1px solid #d1d1d1;border-radius:4px}div.fluent-component.HeroCard .CardHeader .description .action .button-link .text{font-size:1.6em;font-weight:600;line-height:22px;text-align:center;color:#242424}@media(min-width: 640px){div.fluent-component.HeroCard .CardHeader .description .action .button-link .text{text-align:left}}a.fluent-component.RecommendationCard{text-decoration:none}a.fluent-component.RecommendationCard.container{display:block;background-color:#fff;border-radius:4px;border:1px solid #d6d6d6;padding:8px}a.fluent-component.RecommendationCard .CardPreview>img{border-radius:2px}a.fluent-component.RecommendationCard .CardHeader{padding:0 16px 16px 16px}a.fluent-component.RecommendationCard .CardHeader .header .title{margin:0 0 8px 0;font-size:1.4em;font-weight:600;line-height:20px;color:#242424}a.fluent-component.RecommendationCard .CardHeader .description .paragraph{min-height:48px}a.fluent-component.RecommendationCard .CardHeader .description .paragraph span{font-size:1.2em;font-weight:400;line-height:16px;color:#616161}.fluent-cardGrid{width:100%;margin:0 auto}.fluent-cardGrid .grid-item{padding:20px;text-align:left}html[dir=rtl] .fluent-cardGrid .grid-item{text-align:right}