.mediaInfoItem { margin: 0 1em 0 0; padding: 0 } .mediaInfoText { padding: .22em .5em; -webkit-border-radius: .25em; border-radius: .25em; font-size: 92%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; white-space: nowrap; margin: 0 .5em 0 0 } .mediaInfoCriticRating, .starRatingContainer { display: -webkit-box; display: -webkit-flex; -webkit-box-align: center } .mediaInfoText-upper { text-transform: uppercase } .mediaInfoIconItem { width: auto; height: auto; font-size: 1.6em; margin-right: .6em } .mediaInfoItem:last-child { margin-right: 0 } .starRatingContainer { display: flex; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; vertical-align: middle; padding-top: 0; padding-bottom: 0 } .starIcon { width: auto !important; height: auto !important; font-size: 1.4em } .mediaInfoCriticRating { padding-left: 1.5em; background-position: left center; background-repeat: no-repeat; -webkit-background-size: auto 1.2em; background-size: auto 1.2em; min-height: 1.2em; display: flex; -webkit-align-items: center; align-items: center } .mediaInfoCriticRatingFresh { background-image: url(fresh.png) } .mediaInfoCriticRatingRotten { background-image: url(rotten.png) } .mediaInfoProgramAttribute { text-transform: uppercase; padding: .16em .6em; -webkit-border-radius: .15em; border-radius: .15em; font-size: 80% } .closedCaptionMediaInfoText { font-weight: 700 } .mediaInfoOfficialRating { border: .09em solid currentColor; padding: 0 .6em; height: 1.3em; line-height: 1.8em; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-border-radius: .1em; border-radius: .1em; font-size: 96% }