/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.106.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.12_webpack@5.106.2/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_webpack@5.106.2/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./includes/blocks/react/src/pricing-calculator/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wp-block-thryv-block-pricing-calculator .pricing-calculator .shadow-line-bottom:after {
  height: 30px !important;
  width: 50% !important;
}
.wp-block-thryv-block-pricing-calculator .pricing-calculator .click-btn {
  background-color: #e6ebfd;
  border-radius: 5px;
  color: #5b77f4;
}
.wp-block-thryv-block-pricing-calculator .pricing-calculator .click-btn.active {
  background-color: #5b77f4;
  color: #fff;
}
.wp-block-thryv-block-pricing-calculator .pricing-calculator .calculator-title > .text-hourly,
.wp-block-thryv-block-pricing-calculator .pricing-calculator .calculator-title > .text-project {
  text-decoration-line: none;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator
  .calculator-title
  > .text-hourly.active,
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator
  .calculator-title
  > .text-project.active {
  text-decoration-line: underline;
}
.wp-block-thryv-block-pricing-calculator .pricing-calculator .calculators > .calculator {
  display: none;
  opacity: 0;
  transform: scale(0.99) translateY(-20px);
  transition: all 0.2s ease-in-out;
  visibility: hidden;
}
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator
  .calculators
  > .calculator
  [data-view] {
  display: none;
}
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator
  .calculators
  > .calculator
  [data-view]
  .bg-thryv-fresh-cornflower-rounded-6px {
  background-color: #f4f6fb;
  border: 1px solid #f4f6fb;
  border-radius: 6px;
  overflow: hidden;
  padding: 25px 20px;
}
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator
  .calculators
  > .calculator
  [data-view]
  .bg-thryv-white-rounded-6px {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  overflow: hidden;
  padding: 25px 20px;
}
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator
  .calculators
  > .calculator
  [data-view]
  .payment-text-left {
  float: left;
  width: calc(100% - 110px);
}
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator
  .calculators
  > .calculator
  [data-view]
  .payment-calculator
  input[type="number"] {
  border: 1px solid #ccc;
  border-radius: 4px;
  float: left;
  padding: 7px 0 7px 20px;
  position: relative;
  width: calc(100% - 100px);
}
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator
  .calculators
  > .calculator
  [data-view]
  .payment-calculator
  input[type="number"]::-webkit-inner-spin-button,
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator
  .calculators
  > .calculator
  [data-view]
  .payment-calculator
  input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: inner-spin-button !important;
  height: 100%;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
}
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator
  .calculators
  > .calculator
  [data-view]
  .payment-calculator
  p.range-value {
  float: left;
  margin-left: 12px;
  position: relative;
}
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator
  .calculators
  > .calculator
  [data-view]
  .price-slider {
  float: left;
  width: calc(100% - 100px);
}
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator
  .calculators
  > .calculator
  [data-view]
  .range-value-percent {
  float: left;
  margin-left: 12px;
  position: relative;
}
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator
  .calculators
  > .calculator
  .submit-btn
  span.back {
  display: none;
}
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator
  .calculators
  > .calculator
  .submit-btn
  span.back
  > i {
  font-size: 22px;
  margin: 0 8px 0 0;
  position: relative;
  top: -1px;
}
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator
  .calculators
  > .calculator[data-active-view="result"]
  .submit-btn
  span.back {
  display: flex;
}
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator
  .calculators
  > .calculator[data-active-view="form"]
  [data-view="form"],
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator
  .calculators
  > .calculator[data-active-view="result"]
  [data-view="result"] {
  display: block;
}
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator[data-active="hourly"]
  .calculators
  > [data-calculator="hourly"] {
  display: flex;
}
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator.animate[data-active="hourly"]
  .calculators
  > [data-calculator="hourly"] {
  opacity: 1;
  transform: scale(1);
  transition-duration: 0.4s;
  visibility: visible;
}
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator[data-active="project"]
  .calculators
  > [data-calculator="project"] {
  display: flex;
}
.wp-block-thryv-block-pricing-calculator
  .pricing-calculator.animate[data-active="project"]
  .calculators
  > [data-calculator="project"] {
  opacity: 1;
  transform: scale(1);
  transition-duration: 0.4s;
  visibility: visible;
}
.wp-block-thryv-block-pricing-calculator .download-guide-btn > a {
  color: #fff !important;
}

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