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;max-width:328px}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.4em;font-weight:600;line-height:22px;font-family:"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;color:#242424;text-align:center}@media(min-width: 640px){div.fluent-component.HeroCard .CardHeader .header .title{text-align:left}html[dir=rtl] div.fluent-component.HeroCard .CardHeader .header .title{text-align:right}}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-family:"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;font-size:1.4em;font-weight:600;line-height:22px;text-align:center;text-wrap:nowrap;white-space:nowrap;color:#242424}@media(min-width: 640px){div.fluent-component.HeroCard .CardHeader .description .action .button-link .text{text-align:left}}div.fluent-component.HeroCard .CardHeader .description .action .button-link:hover{text-decoration:underline;background-color:#f5f5f5;border-color:#c7c7c7;cursor:pointer;color:#242424}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{margin-top:20px}a.fluent-component.RecommendationCard .CardHeader .header .title{margin:0 0 8px 0;font-family:"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;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.4em;font-weight:400;line-height:20px;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}