@charset "utf-8";

.yotpo-star-distribution-row-wrapper { opacity: 0.5; cursor: pointer; direction: ltr; }

.yotpo-star-distribution-row-wrapper.default-row, .yotpo-star-distribution-row-wrapper.selected-row, .yotpo-star-distribution-row-wrapper:hover { opacity: 1; }

.yotpo-star-distribution-row-wrapper.selected-row .yotpo-star-distribution-index, .yotpo-star-distribution-row-wrapper.selected-row .yotpo-star-distribution-value, .yotpo-star-distribution-row-wrapper:hover .yotpo-star-distribution-index, .yotpo-star-distribution-row-wrapper:hover .yotpo-star-distribution-value { font-weight: var(--primary-font-weight); text-decoration: underline; }

.yotpo-star-distribution-index-wrapper { display: flex; flex-direction: row; width: 30px; align-items: center; align-self: baseline; }

.yotpo-star-distribution-index-wrapper .yotpo-star-distribution-index { width: 9px; font-style: normal; color: rgb(32, 32, 32); margin-right: 8px; }

.yotpo-star-distribution-index-wrapper .yotpo-star-distribution-index, .yotpo-star-distribution-value { font-size: 14px; line-height: 125.9%; color: var(--primary-color); font-family: var(--secondary-font-family); font-weight: var(--secondary-font-weight); font-style: var(--secondary-font-style); }

.yotpo-star-distribution-value { height: 25px; }

.yotpo-star-distribution-bar { margin-left: 22px; margin-right: 22px; margin-top: 4px; }

.yotpo-star-distribution-bar .yotpo-star-distribution-bar-score { background: var(--primary-color); height: 6px; border-radius: 17px; }

.yotpo-display-m .yotpo-bold-layout .yotpo-star-distribution-bar { margin-left: 18px; margin-right: 0px; }