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,a.fluent-component.BrowseCard div.fluent-component.RecommendationCard .CardHeader-version1 .header,div.fluent-component.RecommendationCard a.fluent-component.BrowseCard .CardHeader-version1 .header,a.fluent-component.BrowseCard a.fluent-component.RecommendationCard .CardHeader-version1 .header,a.fluent-component.RecommendationCard a.fluent-component.BrowseCard .CardHeader-version1 .header{margin-right:8px}a.fluent-component.BrowseCard .CardHeader .header .title,a.fluent-component.BrowseCard div.fluent-component.RecommendationCard .CardHeader-version1 .header .title,div.fluent-component.RecommendationCard a.fluent-component.BrowseCard .CardHeader-version1 .header .title,a.fluent-component.BrowseCard a.fluent-component.RecommendationCard .CardHeader-version1 .header .title,a.fluent-component.RecommendationCard a.fluent-component.BrowseCard .CardHeader-version1 .header .title{color:#242424;font-size:1.4em;font-weight:600;line-height:20px}a.fluent-component.BrowseCard .CardHeader .header+.description .paragraph span,a.fluent-component.BrowseCard div.fluent-component.RecommendationCard .CardHeader-version1 .header+.description .paragraph span,div.fluent-component.RecommendationCard a.fluent-component.BrowseCard .CardHeader-version1 .header+.description .paragraph span,a.fluent-component.BrowseCard a.fluent-component.RecommendationCard .CardHeader-version1 .header+.description .paragraph span,a.fluent-component.RecommendationCard a.fluent-component.BrowseCard .CardHeader-version1 .header+.description .paragraph span{font-family:"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;font-size:1.2em;font-style:normal;font-weight:400;line-height:16px;color:#616161}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{padding-right:20px;max-width:328px}div.fluent-component.HeroCard .CardPreview>img{border-radius:4px}div.fluent-component.HeroCard .CardHeader,div.fluent-component.HeroCard div.fluent-component.RecommendationCard .CardHeader-version1,div.fluent-component.RecommendationCard div.fluent-component.HeroCard .CardHeader-version1,div.fluent-component.HeroCard a.fluent-component.RecommendationCard .CardHeader-version1,a.fluent-component.RecommendationCard div.fluent-component.HeroCard .CardHeader-version1{margin-right:20px}div.fluent-component.HeroCard .CardHeader .header .title,div.fluent-component.HeroCard div.fluent-component.RecommendationCard .CardHeader-version1 .header .title,div.fluent-component.RecommendationCard div.fluent-component.HeroCard .CardHeader-version1 .header .title,div.fluent-component.HeroCard a.fluent-component.RecommendationCard .CardHeader-version1 .header .title,a.fluent-component.RecommendationCard div.fluent-component.HeroCard .CardHeader-version1 .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,div.fluent-component.HeroCard div.fluent-component.RecommendationCard .CardHeader-version1 .header .title,div.fluent-component.RecommendationCard div.fluent-component.HeroCard .CardHeader-version1 .header .title,div.fluent-component.HeroCard a.fluent-component.RecommendationCard .CardHeader-version1 .header .title,a.fluent-component.RecommendationCard div.fluent-component.HeroCard .CardHeader-version1 .header .title{text-align:left}html[dir=rtl] div.fluent-component.HeroCard .CardHeader .header .title,html[dir=rtl] div.fluent-component.HeroCard div.fluent-component.RecommendationCard .CardHeader-version1 .header .title,div.fluent-component.RecommendationCard html[dir=rtl] div.fluent-component.HeroCard .CardHeader-version1 .header .title,html[dir=rtl] div.fluent-component.HeroCard a.fluent-component.RecommendationCard .CardHeader-version1 .header .title,a.fluent-component.RecommendationCard html[dir=rtl] div.fluent-component.HeroCard .CardHeader-version1 .header .title{text-align:right}}div.fluent-component.HeroCard .CardHeader .description,div.fluent-component.HeroCard div.fluent-component.RecommendationCard .CardHeader-version1 .description,div.fluent-component.RecommendationCard div.fluent-component.HeroCard .CardHeader-version1 .description,div.fluent-component.HeroCard a.fluent-component.RecommendationCard .CardHeader-version1 .description,a.fluent-component.RecommendationCard div.fluent-component.HeroCard .CardHeader-version1 .description{margin-top:20px}div.fluent-component.HeroCard .CardHeader .description .action .button-link,div.fluent-component.HeroCard div.fluent-component.RecommendationCard .CardHeader-version1 .description .action .button-link,div.fluent-component.RecommendationCard div.fluent-component.HeroCard .CardHeader-version1 .description .action .button-link,div.fluent-component.HeroCard a.fluent-component.RecommendationCard .CardHeader-version1 .description .action .button-link,a.fluent-component.RecommendationCard div.fluent-component.HeroCard .CardHeader-version1 .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,div.fluent-component.HeroCard div.fluent-component.RecommendationCard .CardHeader-version1 .description .action .button-link .text,div.fluent-component.RecommendationCard div.fluent-component.HeroCard .CardHeader-version1 .description .action .button-link .text,div.fluent-component.HeroCard a.fluent-component.RecommendationCard .CardHeader-version1 .description .action .button-link .text,a.fluent-component.RecommendationCard div.fluent-component.HeroCard .CardHeader-version1 .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,div.fluent-component.HeroCard div.fluent-component.RecommendationCard .CardHeader-version1 .description .action .button-link .text,div.fluent-component.RecommendationCard div.fluent-component.HeroCard .CardHeader-version1 .description .action .button-link .text,div.fluent-component.HeroCard a.fluent-component.RecommendationCard .CardHeader-version1 .description .action .button-link .text,a.fluent-component.RecommendationCard div.fluent-component.HeroCard .CardHeader-version1 .description .action .button-link .text{text-align:left}}div.fluent-component.HeroCard .CardHeader .description .action .button-link:hover,div.fluent-component.HeroCard div.fluent-component.RecommendationCard .CardHeader-version1 .description .action .button-link:hover,div.fluent-component.RecommendationCard div.fluent-component.HeroCard .CardHeader-version1 .description .action .button-link:hover,div.fluent-component.HeroCard a.fluent-component.RecommendationCard .CardHeader-version1 .description .action .button-link:hover,a.fluent-component.RecommendationCard div.fluent-component.HeroCard .CardHeader-version1 .description .action .button-link:hover{text-decoration:underline;background-color:#f5f5f5;border-color:#c7c7c7;cursor:pointer;color:#242424}a.fluent-component.RecommendationCard:hover{top:calc(50% - 2px);box-shadow:0px 0px 2px 0px rgba(0,0,0,.12),0px 4px 8px 0px rgba(0,0,0,.14)}div.fluent-component.RecommendationCard,a.fluent-component.RecommendationCard{text-decoration:none;max-width:430px;transition:ease-in-out .3s}div.fluent-component.RecommendationCard.container,a.fluent-component.RecommendationCard.container{display:block;background-color:#fff;border-radius:4px;border:1px solid #d6d6d6;padding:8px}div.fluent-component.RecommendationCard .CardPreview>img,a.fluent-component.RecommendationCard .CardPreview>img{display:block;border-radius:2px}div.fluent-component.RecommendationCard .CardHeader.WithCardList>.header .title,div.fluent-component.RecommendationCard .WithCardList.CardHeader-version1>.header .title,a.fluent-component.RecommendationCard .CardHeader.WithCardList>.header .title,a.fluent-component.RecommendationCard .WithCardList.CardHeader-version1>.header .title{font-family:"Segoe UI","Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;font-size:16px;margin:12px 0 12px 0;font-weight:700;line-height:22px}div.fluent-component.RecommendationCard .CardHeader.WithCardList .description .paragraph,div.fluent-component.RecommendationCard .WithCardList.CardHeader-version1 .description .paragraph,a.fluent-component.RecommendationCard .CardHeader.WithCardList .description .paragraph,a.fluent-component.RecommendationCard .WithCardList.CardHeader-version1 .description .paragraph{min-height:0px}div.fluent-component.RecommendationCard .CardHeader .header .title,div.fluent-component.RecommendationCard .CardHeader-version1 .header .title,a.fluent-component.RecommendationCard .CardHeader .header .title,a.fluent-component.RecommendationCard .CardHeader-version1 .header .title{margin:4px 0 4px 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}div.fluent-component.RecommendationCard .CardHeader .description .paragraph,div.fluent-component.RecommendationCard .CardHeader-version1 .description .paragraph,a.fluent-component.RecommendationCard .CardHeader .description .paragraph,a.fluent-component.RecommendationCard .CardHeader-version1 .description .paragraph{min-height:48px}div.fluent-component.RecommendationCard .CardHeader .description .paragraph span,div.fluent-component.RecommendationCard .CardHeader-version1 .description .paragraph span,a.fluent-component.RecommendationCard .CardHeader .description .paragraph span,a.fluent-component.RecommendationCard .CardHeader-version1 .description .paragraph span{font-size:1.2em;font-weight:400;line-height:16px;color:#616161}div.fluent-component.RecommendationCard .CardHeader .BrowseCardList,div.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList,a.fluent-component.RecommendationCard .CardHeader .BrowseCardList,a.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList{display:flex;flex-direction:column}div.fluent-component.RecommendationCard .CardHeader .BrowseCardList>*,div.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList>*,a.fluent-component.RecommendationCard .CardHeader .BrowseCardList>*,a.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList>*{flex:1}div.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard,div.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard,a.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard,a.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard{padding:8px 8px 12px 8px}div.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard:hover,div.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard:hover,a.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard:hover,a.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard:hover{border-radius:4px;background:#e6e6e6}div.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard:hover .CardHeader,div.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard:hover .CardHeader,div.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard:hover .CardHeader-version1,div.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard:hover .CardHeader-version1,a.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard:hover .CardHeader,a.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard:hover .CardHeader,a.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard:hover .CardHeader-version1,a.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard:hover .CardHeader-version1{border-right:2px solid #4f6bed}div.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard:hover .CardHeader .description,div.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard:hover .CardHeader .description,div.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard:hover .CardHeader-version1 .description,div.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard:hover .CardHeader-version1 .description,a.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard:hover .CardHeader .description,a.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard:hover .CardHeader .description,a.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard:hover .CardHeader-version1 .description,a.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard:hover .CardHeader-version1 .description{color:#4f6bed}div.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard.container,div.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard.container,a.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard.container,a.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard.container{border:none}div.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard .CardPreview,div.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard .CardPreview,a.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard .CardPreview,a.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard .CardPreview{margin:0px 8px 0px 0}div.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard .CardHeader,div.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard .CardHeader,div.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard .CardHeader-version1,div.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard .CardHeader-version1,a.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard .CardHeader,a.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard .CardHeader,a.fluent-component.RecommendationCard .CardHeader .BrowseCardList a.fluent-component.BrowseCard .CardHeader-version1,a.fluent-component.RecommendationCard .CardHeader-version1 .BrowseCardList a.fluent-component.BrowseCard .CardHeader-version1{flex:1}div.fluent-component.RecommendationCard .CardHeader-version1,a.fluent-component.RecommendationCard .CardHeader-version1{padding:0 8px 0 8px}.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}