/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/progressbar/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
:root {
  --criteria-bar-height: 15px;
  --criteria-bar-border-radius: 6px;
}

.gbk-pdReview-criteria-warp {
  margin-top: 10px;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.gbk-pdReview-bar-title {
  font-size: 14px;
  font-weight: 500;
}

.gbk-pdReview-bar-percent {
  font-weight: 700;
  font-size: 14px;
}

.gbk-pdReview-prosCons-wrap {
  margin-top: 30px;
  border-top: 1px dashed #eaeaea;
  padding-top: 30px;
  align-items: center;
  gap: 30px;
}

.gbk-pdReview-prosCons-list-wrap {
  width: 100%;
}

.gbk-pdReview-prosCons-title {
  margin: 0 0 20px;
  font-size: 20px;
}
.gbk-pdReview-prosCons-title.gbk-pros-title {
  color: #27c604;
}
.gbk-pdReview-prosCons-title.gbk-cons-title {
  color: red;
}

.gbk-pdReview-bar-content {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}

.gbk-pdReview-prosCons-list-wrap ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.gbk-pdReview-prosCons-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  color: #424148;
}
.gbk-pdReview-prosCons-item.gbk-pdReview-pros svg {
  color: #27c604;
}
.gbk-pdReview-prosCons-item.gbk-pdReview-cons svg {
  color: red;
}

.wp-block-progressmatify-buttons .btns-group {
  display: block;
}

.progressmatify-bar {
  width: 100%;
  margin-top: 10px;
  background-color: blanchedalmond;
  height: 20px;
  border-radius: 10px;
}
.progressmatify-bar .progressmatify-bar-fill {
  background-color: #2308d5;
  height: 100%;
  border-radius: 10px;
}

/*# sourceMappingURL=style-index.css.map*/