@st-namespace 'ReviewSummary-st-css';
@st-import [ --wix-color-5, --wix-color-8 ] from '@wix/tpa-style-webpack-plugin/stylable-variables.st.css';
@st-import [ createFont, createFontWithOverrides, createColor, setFont, setColor ] from '../../common/formatters.st';
@st-import ProgressBar from '../ProgressBar/ProgressBar.st.css';
@st-import [ --wst-links-and-actions-color-rgb, --wst-paragraph-2-color-rgb ] from '@wix/wix-site-theme-variables/stylable-variables.st.css';
/*
 * The font
 * @type font
 * @default preset: 'Body-M' | overrides: { size: '12px', lineHeight: '1.4em'}
 */
@property st-global(--wix-ui-tpa-review-summary-text-font);
/*
 * The item background-color
 * @type color
 * @default --wix-color-5
 */
@property st-global(--wix-ui-tpa-review-summary-bar-b-g-color);
/*
 * The item color
 * @type color
 * @default --wix-color-8
 */
@property st-global(--wix-ui-tpa-review-summary-bar-color);

.root {
  -st-mixin: createFontWithOverrides(--wst-paragraph-2-overriden-font, --wst-paragraph-2, '{ "line-height": "1.4em", "size": "12px" }'),
  createFont((--wix-ui-tpa-review-summary-text-font, --wst-paragraph-2-overriden-font), 'Body-M');
}

.itemList {
  -st-states: withSuffix, withPrefix;
  padding: 0;
  list-style: none;
  display: grid;
  row-gap: 16px;
  grid-template-columns: 1fr;
}

.itemList:withSuffix {
  grid-template-columns: 1fr max-content;
}

.itemList:withPrefix {
  grid-template-columns: max-content 1fr;
}

.itemList:withSuffix:withPrefix {
  grid-template-columns: max-content 1fr max-content;
}

.itemWrapper,
.progressBar {
  display: contents;
}

.progressBar {
  -st-extends: ProgressBar;
  -st-mixin: setFont(--wix-ui-tpa-progress-bar-text-font, (--wix-ui-tpa-review-summary-text-font, --wst-paragraph-2-overriden-font), 'Body-M', '{ "line-height": "1.4em", "size": "12px" }'),
  setColor(--wix-ui-tpa-progress-bar-bar-color, --wix-ui-tpa-review-summary-bar-color, var(--wst-links-and-actions-color-rgb, var(--wix-color-8))),
  setColor(--wix-ui-tpa-progress-bar-bar-b-g-color, --wix-ui-tpa-review-summary-bar-b-g-color, var(--wst-paragraph-2-color-rgb, var(--wix-color-5)));
  -st-states: clickable,
}

.progressBar:clickable:hover,
.progressBar:clickable:hover::barContainer {
  cursor: pointer;
}

.progressBar:clickable:hover::barBackground {
  background: createColor(--wix-ui-tpa-review-summary-bar-color, var(--wix-color-8));
}

.progressBar::barContainer {
  align-self: center;
  display: flex;
}

.progressBar::prefixIndicationContainer {
  justify-content: end;
  align-items: center;
}

.progressBar::progressIndicationSection {
  justify-content: start;
}

/* st-namespace-reference="../../../../src/components/ReviewSummary/ReviewSummary.st.css" */