.appratingsdisplay--bg1 .appratingsdisplay__tile{--section-background-color:var(--col-background-ui-20);background-color:var(--col-background-ui-20)}.appratingsdisplay--bg2 .appratingsdisplay__tile{--section-background-color:var(--col-background-ui-30);background-color:var(--col-background-ui-30)}.appratingsdisplay--bg3 .appratingsdisplay__tile{--section-background-color:var(--col-background-ui-40);background-color:var(--col-background-ui-40)}.appratingsdisplay--bg4 .appratingsdisplay__tile{--section-background-color:var(--col-background-ui-10);background-color:var(--col-background-ui-10)}.appratingsdisplay__wrapper{gap:2.5rem;display:flex;flex-direction:column}.appratingsdisplay__title{font:300 1.5rem / 2.25rem Frutiger, Arial, Helvetica, sans-serif}@media(min-width: 1280px){.appratingsdisplay__title{font-size:2rem;line-height:3rem}}.appratingsdisplay__footnote{font:300 0.75rem / 1.245rem Frutiger, Arial, Helvetica, sans-serif;color:var(--col-text-subtle)}.appratingsdisplay__tiles{gap:2.5rem;display:flex;flex-direction:column}.appratingsdisplay__context--middle .appratingsdisplay__tiles,.appratingsdisplay__context--generous .appratingsdisplay__tiles{flex-direction:row}.appratingsdisplay__tile{border-radius:6px;padding:1rem 24px 1.25rem;display:flex;flex-direction:column;flex-grow:1}.appratingsdisplay__tile .rating__header{gap:0.5rem;display:flex;align-items:center}.appratingsdisplay__tile .rating__value{font:300 1.5rem / 2.25rem Frutiger, Arial, Helvetica, sans-serif}@media(min-width: 1280px){.appratingsdisplay__tile .rating__value{font-size:2rem;line-height:3rem}}.appratingsdisplay__tile .rating__stars{display:flex;flex-wrap:nowrap}.appratingsdisplay__tile .rating__stars .svgicon__base{width:1.5rem;height:1.5rem}.appratingsdisplay__tile .rating__provider{font:500 1rem / 1.6rem Frutiger, Arial, Helvetica, sans-serif}@media(min-width: 1280px){.appratingsdisplay__tile .rating__provider{font-size:1.125rem;line-height:1.8125rem}}.appratingsdisplay__tile .rating__provider{margin-block-start:0.25rem}.appratingsdisplay__tile .rating__count{font:300 1rem / 1.625rem Frutiger, Arial, Helvetica, sans-serif}@media(min-width: 1024px){.appratingsdisplay__tile .rating__count{font-size:0.875rem;line-height:1.375rem}}@media(min-width: 1280px){.appratingsdisplay__tile .rating__count{font-size:1rem;line-height:1.625rem}}@media(min-width: 1440px){.appratingsdisplay__tile .rating__count{font-size:1.0625rem;line-height:1.6875rem}}