/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/pricing-calculator/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-thryv-block-pricing-calculator .pricing-calculator .shadow-line-bottom:after {
  width: 50% !important;
  height: 30px !important;
}
.wp-block-thryv-block-pricing-calculator .pricing-calculator .click-btn {
  color: #5B77F4;
  background-color: #E6EBFD;
  border-radius: 5px;
}
.wp-block-thryv-block-pricing-calculator .pricing-calculator .click-btn.active {
  color: white;
  background-color: #5B77F4;
}
.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-underline-offset: 6px;
  text-decoration-thickness: 2px;
}
.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;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s all ease-in-out;
  transform: scale(0.99) translateY(-20px);
}
.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;
  padding: 25px 20px;
  border-radius: 6px;
  border: 1px solid #f4f6fb;
  overflow: hidden;
}
.wp-block-thryv-block-pricing-calculator .pricing-calculator .calculators > .calculator [data-view] .bg-thryv-white-rounded-6px {
  background-color: #ffffff;
  padding: 25px 20px;
  border-radius: 6px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.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] {
  width: calc(100% - 100px);
  float: left;
  padding: 7px 0 7px 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  position: relative;
}
.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 {
  opacity: 1;
  -webkit-appearance: inner-spin-button !important;
  width: 25px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.wp-block-thryv-block-pricing-calculator .pricing-calculator .calculators > .calculator [data-view] .payment-calculator p.range-value {
  margin-left: 12px;
  float: left;
  position: relative;
}
.wp-block-thryv-block-pricing-calculator .pricing-calculator .calculators > .calculator [data-view] .price-slider {
  width: calc(100% - 100px);
  float: left;
}
.wp-block-thryv-block-pricing-calculator .pricing-calculator .calculators > .calculator [data-view] .range-value-percent {
  margin-left: 12px;
  float: left;
  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] {
  display: block;
}
.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] {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  transition-duration: 0.4s;
}
.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] {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  transition-duration: 0.4s;
}
.wp-block-thryv-block-pricing-calculator .download-guide-btn > a {
  color: #ffffff !important;
}

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