:root {
    --reportBlue: #00FFFF;
    --reportGreen: #79D300;
    --reportOrange: #E58628;
    --reportNavy: #0D1F42;
    --reportTeal: #00C0B7;
}

body {
    height: 100%;
    margin: 0;

}

.blue-star {
    color: var(--reportBlue);
}

.black-star {
    color: #000;
}

.orange {
    color: var(--reportOrange);
}

.green {
    color: var(--reportGreen);
}

.report {
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 230px 280px 530px 643px;
    row-gap: 30px;
    background: url('{#asset lb_background.png @encoding=dataURI}') repeat center center;
    background-size: cover;
}


.page-2 {
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-template-rows: 540px 1141px;
    row-gap: 30px;
    background: url('{#asset lb_background.png @encoding=dataURI}') repeat center center;
    background-size: cover;
}

.header {
    display: grid;
    grid-row: 1;
    grid-column: 1 / span 3;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    align-items: flex-end;
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_LOGO INTRO_HOLDING_SHAPE_HEADER_OP80.svg @encoding=dataURI}') repeat;
    height: 200px;
}

.header-content {
    display: grid;
    grid-row: 1;
    grid-template-columns: 60px 100px 250px 100px 1fr;
    grid-template-rows: 1fr 1fr;
    height: 150px;
    padding-bottom: 15px;
}

.header-content>.logo-container {
    grid-row: 1 / span 2;
    grid-column: 2;
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_LOGO INTRO_HOLDING_SHAPE_HEX.svg @encoding=dataURI}') no-repeat center center;
    background-size: contain;
    display: grid;
    place-items: center;
}

.header-title {
    color: white;
    grid-row: 1;
    grid-column: 3;
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_LOGO INTRO_HOLDING_SHAPE_DARK_1.svg @encoding=dataURI}') no-repeat center bottom;
    background-size: contain;
    margin-left: -40px;
    align-items: flex-end;
    justify-content: center;
    display: flex;
    line-height: 2.3rem;
    font-size: 1rem;
    text-transform: uppercase;
}

.header-client {
    color: var(--reportNavy);
    grid-row: 2;
    grid-column: 3;
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_LOGO INTRO_HOLDING_SHAPE_WHITE_2.svg @encoding=dataURI}') no-repeat center top;
    background-size: 90% 55%;
    margin-left: -40px;
    align-items: flex-start;
    justify-content: center;
    display: flex;
    line-height: 2.5rem;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
}

.header-summary {
    grid-row: 1 / span 2;
    grid-column: 5;
    align-self: center;
    font-size: 1.2rem;
    margin-right: 30px;
    color: white;

}

.overview,
.breakdown,
.ratings,
.feedback {
    grid-column: 2;
}

.section-icon {
    vertical-align: middle;
    grid-row: 1;
    grid-column: 1;
    font-size: 25px;
    color: white;
    line-height: 1.7;
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_LOGO INTRO_HOLDING_SHAPE_SECTION_TITLE_HEX_NUMBER.svg @encoding=dataURI}') no-repeat;
    padding-left: 14px;
}

.section-title {
    grid-row: 1;
    grid-column: 1;
    font-size: 14px;
    text-transform: uppercase;
    color: white;
    line-height: 2.5;
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_OVERVIEW_HOLDING_SHAPE_SECTION_TITLE_HEX_BAR_LONG.svg @encoding=dataURI}') no-repeat;
    margin-left: 30px;
    padding-left: 20px;
}

.section-lines {
    grid-row: 1;
    grid-column: 1;
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_REVIEW BREAKDOWN_TITLE_DASH_LINE.svg @encoding=dataURI}') repeat;
    height: 12px;
    margin-right: 40px;
}

.overview {
    align-items: center;
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_OVERVIEW_BG_HOLDING_SHAPE_OP80.svg @encoding=dataURI}') no-repeat;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 50px 1fr;
    padding: 20px;
    height: 215px;
    background-size: cover;
    width: calc(100% - 140px);
}

.overview>.data {
    grid-row: 2;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
}

.overview>.section-title {
    width: 240px;
    margin-left: 28px;
    padding-left: 23px;
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_OVERVIEW_HOLDING_SHAPE_SECTION_TITLE_HEX_BAR_SMALL.svg @encoding=dataURI}') no-repeat;
}

.overview-reviews,
.overview-positive,
.overview-negative,
.overview-stars {
    grid-row: 1;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}

.overview-reviews {
    grid-column: 1;
    border-right: 0.1rem solid;
}

.overview-positive {
    grid-column: 2;
    border-right: 0.1rem solid;
}

.overview-negative {
    grid-column: 3;
    border-right: 0.1rem solid;
}

.overview-stars {
    grid-column: 4;
}

.reviews-heading,
.positive-heading,
.negative-heading,
.stars-heading {
    font-size: 0.8rem;
    color: black;
    text-align: center;
}


.reviews-content,
.positive-content,
.negative-content,
.stars-content {
    display: grid;
    justify-items: center;
    grid-template-columns: 1fr 1fr;
    margin-top: 20px;
}

.reviews-content>img,
.positive-content>img,
.negative-content>img,
.stars-content>img {
    justify-self: center;
    width: 50px;
}

.reviews-content>.data,
.positive-content>.data,
.negative-content>.data,
.stars-content>.data {
    justify-self: flex-start;
    font-size: 1.2rem;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.reviews-content>.data>.percentage,
.positive-content>.data>.percentage,
.negative-content>.data>.percentage,
.stars-content>.data>.percentage {
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_OVERVIEW_HOLDING_SHAPE_PERSENTAGE_UP-DOWN.svg @encoding=dataURI}') no-repeat;
    background-size: contain;
    font-size: 1.0rem;
    line-height: 1.9;
    width: 90px;
    height: 40px;
    min-width: max-content;
    padding: 1px 5px 0;
}

.breakdown {
    grid-row: 3;
    height: 500px;
    display: grid;
    grid-template-columns: 1fr 1fr;

}

.breakdown-review {
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_REVIEW BREAKDOWN_BG_HOLDING_SHAPE_OP80.svg @encoding=dataURI}') no-repeat;
    width: 450px;
    display: grid;
    grid-template-rows: 20px 1fr;
    padding: 20px;
}

.breakdown-star {
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_STAR RATING BREAKDOWN_BG_HOLDING_SHAPE_OP80.svg @encoding=dataURI}') no-repeat;
    width: 600px;
    display: grid;
    grid-template-rows: 20px 1fr;
    padding: 20px;

}

.breakdown-review>.title,
.breakdown-star>.title {
    display: grid;
    grid-template-columns: 230px 1fr;
    grid-template-rows: 20px;
    text-transform: uppercase;
}

.breakdown-review>.title>.dash-line {
    grid-column: 2;
    grid-row: 1;
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_REVIEW BREAKDOWN_TITLE_DASH_LINE.svg @encoding=dataURI}') no-repeat left center;
    background-size: 100%;
    margin-left: -50px;
    margin-right: 30px;
}

.breakdown-star>.title>.dash-line {
    grid-column: 2;
    grid-row: 1;
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_REVIEW BREAKDOWN_TITLE_DASH_LINE.svg @encoding=dataURI}') no-repeat left center;
    background-size: 100%;
    margin-right: 50px;
}

.breakdown-review>.data {
    align-self: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#donutChart {
    height: 420px;
    width: 420px;
    grid-column: 1 / span 2;
    grid-row: 1;
}

.negative-data {
    grid-column: 1;
    grid-row: 1;
    align-self: flex-start;
    justify-self: start;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.positive-data {
    grid-column: 2;
    grid-row: 1;
    align-self: flex-end;
    justify-self: start;
    margin-left: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.negative-value {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background-color: var(--reportNavy);
    border: 5px solid var(--reportOrange);
    display: grid;
    place-items: center;
    color: white;
    z-index: 1;
    font-size: 15px;
    padding: 5px;
    margin-left: 10px;
}

.negative-label {
    color: var(--reportOrange);
    text-transform: uppercase;
}

.positive-value {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background-color: var(--reportNavy);
    border: 5px solid var(--reportGreen);
    display: grid;
    place-items: center;
    color: white;
    font-size: 15px;
    padding: 5px;
    margin-right: 10px;
    z-index: 1;
}

.positive-label {
    color: var(--reportGreen);
    text-transform: uppercase;
}

.breakdown-star>.data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    row-gap: 5px;
    column-gap: 5px;
    padding: 8px;
}

.rating-container {
    display: grid;
    grid-template-columns: 70px 1fr;
    grid-template-rows: 1fr;
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_STAR RATING BREAKDOWN_HOLDING_FRAME.svg @encoding=dataURI}') no-repeat;
    background-size: 92% 92%;
    padding: 10px;
    place-items: center;
}

.publisher-logo {
    width: 70px;
}

.publisher-ratings {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    row-gap: 5px;
    justify-self: flex-start;
    margin-left: 15px;
}

.month-1,
.month-2,
.month-3 {
    display: grid;
    grid-template-columns: 35px 90px 30px;
    align-items: center;
    font-size: 0.8rem;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.month-1>.stars,
.month-1>.date {
    color: var(--reportOrange);
}

.month-2>.stars,
.month-2>.date {
    color: var(--reportBlue);
}

.month-3>.stars,
.month-3>.date {
    color: var(--reportGreen);
}

.month-1>.star-number,
.month-2>.star-number,
.month-3>.star-number {
    width: 30px;
    color: white;
}

.ratings {
    align-items: center;
    grid-row: 4;
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_R&R BY LOCATIONS_BG_HOLDING_SHAPE_OP80.svg @encoding=dataURI}') no-repeat;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 50px 1fr;
    height: 500px;
    padding: 20px;
    padding-top: 0;
    background-size: cover;
}

.ratings>.section-title {
    height: 35px;
}

.ratings>.data {
    grid-row: 2;
    align-self: top;
    display: grid;
    grid-template-columns: 300px 70px 560px 70px 300px;
    grid-template-rows: 40px 30px 0fr;
    row-gap: 10px;
    text-transform: uppercase;
    height: 467px;
    overflow: auto;
}

.ratings>.data::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
    margin-left: 10px;
}

.ratings>.data::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
    margin-left: 10px;
}

.ratings>.data::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #9f9e9e;
}

.rating-title {
    grid-column: 1 / span 5;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.dashboardFont .panel-title u {
    text-decoration: none;
}

.rating-title>.top-title {
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_R&R BY LOCATIONS_BG_HOLDING_SHAPE_TOP 10.svg @encoding=dataURI}') no-repeat;
    background-size: 100% 100%;
    text-align: center;
    line-height: 30px;
    font-size: 1rem;
    width: 110px;
    height: 33px;
    color: black;
    margin-top: 7px;
    margin-left: -10px;
    position: relative;
}

.rating-title>.bottom-title {
    color: black;
    width: 130px;
    height: 33px;
    line-height: 30px;
    font-size: 1rem;
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_R&R BY LOCATIONS_BG_HOLDING_SHAPE_BOTTOM 10.svg @encoding=dataURI}') no-repeat;
    background-size: 100% 100%;
    text-align: center;
    margin-top: 7px;
    position: relative;
}

.rating-title>.top-title span,
.rating-title>.bottom-title span {
    position: relative;
    z-index: 9;
}

.left-location,
.left-rating,
.left-reviews,
.right-location,
.right-rating,
.right-reviews {
    font-size: 0.8rem;
    line-height: 1.3rem;
    margin-top: 10px;
}

.left-location {
    grid-row: 2;
    grid-column: 1;
    color: #154B66;
    justify-self: center;
    margin-left: 20px;
}

.left-rating,
.right-rating {
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_R&R BY LOCATIONS_BG_HOLDING_SHAPE_BOTTOM 10.svg @encoding=dataURI}') no-repeat;
    background-size: 100% 100%;
    width: 70px;
    height: 20px;
    text-align: center;
    justify-self: center;
}

.left-rating {
    grid-row: 2;
    grid-column: 2;
    color: black;
}

.left-reviews {
    grid-row: 2;
    grid-column: 3;
    justify-self: start;
    margin-left: 20px;
}

.right-reviews {
    grid-row: 2;
    grid-column: 3;
    justify-self: end;
    margin-right: 20px;
}

.right-rating {
    grid-row: 2;
    grid-column: 4;
    color: black;
}

.right-location {
    grid-row: 2;
    grid-column: 5;
    color: #154B66;
    justify-self: start;
    margin-left: 20px;
}

.left-locations {
    font-size: 0.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* min-width: max-content; */
}

.left-ratings {
    margin-left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.right-locations {
    font-size: 0.6rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: max-content;
}

.right-ratings {
    margin-bottom: 4px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}

.left-locations>span {
    text-align: right;
}

.right-locations>span {
    text-align: left;
}

.left-locations>span,
.right-locations>span {
    text-transform: uppercase;
    line-height: 3;
    width: 300px;
    display: table-caption;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: no-drop;
}

.left-wrap,
.right-wrap {
    display: flex;
}

.left-ratings .star-number {
    color: var(--reportGreen);
    text-align: center;
    line-height: 2.5rem;
    width: 40px;
    height: 25px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.right-ratings>.star-number {
    color: #FF7900;
    text-align: center;
    line-height: 2.5rem;
    width: 40px;
    height: 25px;
}

/* #topTenStaticChartNegative {
    padding-bottom: 10px;
} */

.ratings>.data>#topTenChart {
    grid-row: 3;
    grid-column: 3;
    height: 400px;
}

.feedback {
    grid-column: 2;
    grid-row: 1;
    height: 540px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    margin-top: 40px;
}

.feedback-left,
.feedback-right {
    align-items: center;
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_FEEDBACK CATEGORIES_BG_HOLDING_SHAPE_OP80.svg @encoding=dataURI}') no-repeat;
    padding: 20px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 50px 1fr;
    width: 500px;
}

.feedback-left>.section-lines,
.feedback-right>.section-lines {
    margin-right: 10px;
}

.feedback-right {
    margin-left: 20px;
}



.feedback-left-data {
    grid-row: 2;
    display: grid;
    grid-template-rows: 50px 200px 200px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    text-transform: uppercase;
}

.feedback-left-data>.data-summary {
    grid-row: 1;
    grid-column: 1 / span 8;
    text-transform: none;
}

.feedback-left-data>.data-1 {
    grid-row: 2;
    grid-column: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}

.feedback-left-data>.data-2 {
    grid-row: 2;
    grid-column: 2;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.feedback-left-data>.data-3 {
    grid-row: 2;
    grid-column: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 22px;
}

.feedback-left-data>.data-4 {
    grid-row: 2 / span 2;
    grid-column: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
}

.feedback-left-data>.data-4>.line,
.feedback-left-data>.data-4>.circle,
.feedback-left-data>.data-5>.line,
.feedback-left-data>.data-5>.circle {
    background-color: var(--reportGreen);
    border-left-color: var(--reportGreen);
}


.feedback-left-data>.data-5 {
    grid-row: 2 / span 2;
    grid-column: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -5px;
    margin-left: -40px;
}

.feedback-left-data>.data-5>.line {
    height: 100px;
    margin-left: 22px;
}

.feedback-left-data>.data-5>.circle {
    height: 60px;
    width: 60px;
    margin-right: -70px;
    margin-top: -7px;
}

.feedback-left-data>.data-6 {
    grid-row: 2 / span 2;
    grid-column: 6;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -10px;
}

.feedback-left-data>.data-6>.category {
    margin-left: 15px;
}

.feedback-left-data>.data-6>.line {
    margin-left: -40px;
}

.feedback-left-data>.data-6>.circle {
    margin-left: -80px;
}

.feedback-left-data>.data-7 {
    grid-row: 2;
    grid-column: 7 / span 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}

.feedback-left-data>.data-7>.circle {
    height: 170px;
    width: 170px;
    background-color: var(--reportNavy);
    margin-left: -50px;
    text-align: center;
    place-items: center;
}

.feedback-left-data>.data-7>.circle>span:nth-child(1) {
    align-self: end;
    font-size: 12px;
}

.feedback-left-data>.data-7>.circle>span:nth-child(2) {
    align-self: start;
}

.feedback-left-data>.data-8 {
    grid-row: 3;
    grid-column: 1 / span 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -75px;
}

.feedback-left-data>.data-8>.circle {
    height: 170px;
    width: 170px;
    background-color: var(--reportNavy);
    text-align: center;
    place-items: center;
}

.feedback-left-data>.data-8>.circle>span:nth-child(1) {
    align-self: end;
    font-size: 12px;
}

.feedback-left-data>.data-8>.circle>span:nth-child(2) {
    align-self: start;
}

.feedback-left-data>.data-9 {
    grid-row: 3;
    grid-column: 4 /span 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -25px;
}

.feedback-left-data>.data-9>.circle {
    height: 100px;
    width: 100px;
    background-color: var(--reportTeal);
    text-align: center;
    place-items: center;

}

.feedback-left-data>.data-9>.circle>span:nth-child(1) {
    align-self: end;
    font-size: 12px;
}

.feedback-left-data>.data-9>.circle>span:nth-child(2) {
    align-self: start;
}

.feedback-left-data>.data-10 {
    grid-row: 3;
    grid-column: 6;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -15px;
}

.feedback-left-data>.data-10>.circle {
    height: 80px;
    width: 80px;
    background-color: var(--reportTeal);
    text-align: center;
    place-items: center;

}

.feedback-left-data>.data-10>.circle>span:nth-child(1) {
    align-self: end;
    font-size: 12px;
}

.feedback-left-data>.data-10>.circle>span:nth-child(2) {
    align-self: start;
}

.feedback-left-data>.data-11 {
    grid-row: 3;
    grid-column: 8;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -15px;
}

.feedback-left-data>.data-11>.line {
    margin-left: -40px;
    border-left-color: var(--reportTeal);
}

.feedback-left-data>.data-11>.circle {
    height: 80px;
    width: 80px;
    margin-right: -20px;
    margin-top: 5px;
    background-color: var(--reportTeal);
}

.category {
    font-size: 12px;
}

.circle {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    background-color: #DC4E00;
    display: grid;
    place-items: center;
    color: white;
    font-size: 25px;
}

.feedback-right-data {
    grid-row: 2;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    text-transform: uppercase;
    justify-items: center;
}

.feedback-right-data>.left {
    grid-column: 1;
    border-right: 1px solid black;
    border-top: 1px solid black;
    display: grid;
    justify-items: center;
    width: 100%;
}

.feedback-right-data>.left>span {
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_COMPETITOR STAR RATING_BG_HOLDING_SHAPE_MONTH.svg @encoding=dataURI}') no-repeat;
    background-size: 100% 100%;
    color: var(--reportGreen);
    height: 30px;
    width: 130px;
    text-align: center;
    line-height: 1.9rem;
    margin-top: -15px;
}


.feedback-right-data>.right {
    grid-column: 2;
    border-top: 1px solid black;
    display: grid;
    justify-items: center;
    width: 100%;

}

.feedback-right-data>.right>span {
    background: url('{#asset LB_Rebrand-2021_Reputation-Report_DEV_CUT_LB_REBRAND_2021_RR_COMPETITOR STAR RATING_BG_HOLDING_SHAPE_MONTH.svg @encoding=dataURI}') no-repeat;
    background-size: 100% 100%;
    color: var(--reportOrange);
    height: 30px;
    width: 130px;
    text-align: center;
    line-height: 1.9rem;
    margin-top: -15px;

}

.comp-star-container {
    grid-column: 1;
    display: grid;
    grid-template-columns: 80px 100px 40px;
    margin-top: 40px;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
}

.star-title {
    text-transform: uppercase;
    font-size: 0.8rem;
    justify-self: start;
}

.star-rating-stars {
    font-size: 0.8rem;
    text-align: center;
}

.star-number {
    color: var(--reportGreen);
    text-align: center;
    border-radius: 5px;
}