/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/survey/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
:root {
  --srp-modal-width: 50%;
  --srp-modal-tablet-width: 80%;
  --srp-modal-mobile-width: 95%;
  --srp-padding-horizontal: 2em;
  --srp-padding-vertical: 2em;
  --srp-modal-background: #fff;
  --srp-modal-overlay: #222;
  --srp-modal-overlay-opacity: 0.7;
  --srp-modal-shadow: inherit;
  --srp-modal-brdr-color: default;
  --srp-modal-brdr-radius: 0;
  --srp-modal-brdr-width: default;
  --srp-modal-cross-size: 2em;
  --srp-modal-cross-color: #000;
  --srp-modal-cross-hover: #000;
  --srp-error-color: #d00e0e;
  --srp-modal-text: #000;
  --srp-cover-dim-ratio: 0.45;
}

.srp-survey__confirmation:not(.is-editor) {
  display: none !important;
}

.srp-survey__top-section:not(.srp-slide--active), .srp-survey__fallback-section:not(.srp-slide--active) {
  display: none !important;
}
.srp-survey__top-section.srp-slide--active, .srp-survey__fallback-section.srp-slide--active {
  display: block;
}
.srp-survey__top-section.srp-slide--active .srp-slide:not(.srp-survey__confirmation, .srp-slide--has-cover), .srp-survey__top-section.srp-slide--active .srp-slide:not(.srp-survey__confirmation).srp-no-cover-style, .srp-survey__fallback-section.srp-slide--active .srp-slide:not(.srp-survey__confirmation, .srp-slide--has-cover), .srp-survey__fallback-section.srp-slide--active .srp-slide:not(.srp-survey__confirmation).srp-no-cover-style {
  display: block;
}

.srp-survey__top-section > *:first-child, .srp-offer__content > *:first-child, .srp-survey__confirmation-is-valid > *:first-child, .srp-survey__fallback-section > *:first-child, .srp-slide--inner-content > *:first-child {
  margin-top: 0;
}

.srp-survey-container {
  position: relative;
  z-index: 99999;
}
.srp-survey-container[aria-hidden=true] {
  display: none;
}
.srp-survey-container.srp-is-confirmation {
  display: block !important;
}

.wp-block-srp-survey [data-align=wide], .wp-block-srp-survey .alignwide {
  max-width: 100% !important;
}
.wp-block-srp-survey [data-align=full], .wp-block-srp-survey .alignfull {
  width: calc(100% + var(--srp-padding-horizontal) + var(--srp-padding-horizontal)) !important;
  margin-left: calc(-1 * var(--srp-padding-horizontal)) !important;
}
.wp-block-srp-survey [data-align=center], .wp-block-srp-survey .aligncenter {
  width: -moz-max-content;
  width: max-content;
}
.wp-block-srp-survey.has-border-width {
  border: none;
}
.wp-block-srp-survey.has-border-width .srp-survey-content, .wp-block-srp-survey.has-border-width .srp-slide.is-editor {
  border: var(--srp-modal-brdr-width);
}
.wp-block-srp-survey.has-border-color {
  border-color: unset;
}
.wp-block-srp-survey.has-border-color .srp-survey-content, .wp-block-srp-survey.has-border-color .srp-slide.is-editor {
  border-color: var(--srp-modal-brdr-color);
}
.wp-block-srp-survey.has-border-radius {
  border-radius: unset;
}
.wp-block-srp-survey.has-border-radius .srp-survey-content, .wp-block-srp-survey.has-border-radius .srp-slide.is-editor {
  border-radius: var(--srp-modal-brdr-radius);
}
.wp-block-srp-survey .srp-slide--hide-exit .srp-action--exit {
  display: none;
}
.wp-block-srp-survey .srp-slide {
  background: var(--srp-modal-background);
  color: var(--srp-modal-text);
  padding: var(--srp-padding-vertical) var(--srp-padding-horizontal);
}

.srp-slide--has-cover {
  overflow: hidden;
  position: relative;
}
.srp-slide--has-cover.srp-cover-style--top, .srp-slide--has-cover.srp-cover-style--left, .srp-slide--has-cover.srp-cover-style--right {
  display: flex;
  flex-direction: column-reverse;
  padding-top: 0 !important;
}
.srp-slide--has-cover.srp-cover-style--top .srp-slide--inner-content, .srp-slide--has-cover.srp-cover-style--left .srp-slide--inner-content, .srp-slide--has-cover.srp-cover-style--right .srp-slide--inner-content {
  padding-top: calc(var(--srp-padding-vertical) / 1.5);
}
.srp-slide--has-cover.srp-cover-style--top .srp-cover-image, .srp-slide--has-cover.srp-cover-style--left .srp-cover-image, .srp-slide--has-cover.srp-cover-style--right .srp-cover-image {
  width: calc(100% + var(--srp-padding-horizontal) * 2);
  margin-left: calc(-1 * var(--srp-padding-horizontal));
  max-width: unset !important;
  height: calc(var(--srp-cover-dim-ratio) * 10 * 44px);
  position: relative;
  z-index: 1;
}
.srp-slide--has-cover.srp-cover-style--top .srp-cover-image {
  width: calc(100% + var(--srp-padding-horizontal) * 2) !important;
}
@media screen and (max-width: 767px) {
  .srp-slide--has-cover.srp-cover-style--left .srp-cover-image, .srp-slide--has-cover.srp-cover-style--right .srp-cover-image {
    width: calc(100% + var(--srp-padding-horizontal) * 2) !important;
    height: calc(var(--srp-cover-dim-ratio) * 10 * 44px) !important;
  }
}
@media screen and (min-width: 768px) {
  .srp-slide--has-cover:is(.srp-cover-style--left, .srp-cover-style--right) {
    display: flex;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: var(--srp-padding-vertical) !important;
  }
  .srp-slide--has-cover:is(.srp-cover-style--left, .srp-cover-style--right) .srp-slide--inner-content {
    width: calc(100% - var(--srp-cover-dim-ratio) * 100%);
    box-sizing: border-box;
    padding-top: 0;
  }
  .srp-slide--has-cover:is(.srp-cover-style--left, .srp-cover-style--right) .srp-cover-image {
    width: calc(var(--srp-cover-dim-ratio) * 100%);
    position: absolute !important;
    top: 0;
    margin-left: 0;
    height: 100% !important;
  }
  .srp-slide--has-cover.srp-cover-style--left {
    flex-direction: row-reverse;
  }
  .srp-slide--has-cover.srp-cover-style--left .srp-slide--inner-content {
    padding-left: calc(var(--srp-padding-horizontal) / 1.5);
    padding-right: var(--srp-padding-horizontal);
  }
  .srp-slide--has-cover.srp-cover-style--left .srp-cover-image {
    left: 0;
  }
  .srp-slide--has-cover.srp-cover-style--right {
    flex-direction: row;
  }
  .srp-slide--has-cover.srp-cover-style--right .srp-slide--inner-content {
    padding-right: calc(var(--srp-padding-horizontal) / 1.5);
    padding-left: var(--srp-padding-horizontal);
  }
  .srp-slide--has-cover.srp-cover-style--right .srp-cover-image {
    right: 0;
  }
}
.srp-slide--has-cover.srp-no-cover-style .srp-cover-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.srp-slide--has-cover.srp-no-cover-style .srp-slide--inner-content, .srp-slide--has-cover.srp-no-cover-style .srp-slide--inner-content > div {
  z-index: 1;
  position: relative;
}
.srp-slide--has-cover .srp-cover-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.srp-slide--has-cover .srp-cover-image .srp-cover-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  mix-blend-mode: hard-light;
}

.srp-survey-form {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh;
  min-width: 100vw !important;
  z-index: 99998;
}
.srp-survey-form .wp-block-srp-survey {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
.srp-survey-form .srp-survey-content {
  width: var(--srp-modal-mobile-width);
  box-shadow: var(--srp-modal-shadow);
  z-index: 1;
  position: relative;
  max-height: 90vh;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--srp-modal-text) var(--srp-modal-background);
  scrollbar-color: rgba(var(--srp-modal-text), 0.5) var(--srp-modal-background);
}
@media screen and (min-width: 480px) {
  .srp-survey-form .srp-survey-content {
    width: var(--srp-modal-tablet-width);
  }
}
@media screen and (min-width: 768px) {
  .srp-survey-form .srp-survey-content {
    width: var(--srp-modal-width);
  }
}
.srp-survey-form fieldset {
  border: 0;
  padding: 0.01em 0 0 0;
  margin: 0;
  margin-top: 1em;
  margin-bottom: 1em;
}

.srp-survey__section-action {
  margin-right: 0.25em !important;
}

.error-message {
  display: block;
  color: var(--srp-error-color);
  visibility: hidden;
  height: 0;
  font-size: 0.8em;
}

.is-invalid .error-message, .is-invalid.error-message {
  visibility: visible;
  height: auto;
}

.is-invalid.error-confirmation {
  border: 2px solid currentColor;
  color: var(--srp-error-color);
  padding: 0 1em;
}

.helper-text {
  margin-top: 0.5em;
  display: block;
}

.srp-cross {
  position: absolute;
  border: none;
  padding: 0;
  background: transparent !important;
  box-shadow: none;
  text-shadow: none;
  right: calc(1rem + var(--srp-modal-brdr-radius) / 5);
  top: calc(0.75rem + var(--srp-modal-brdr-radius) / 20);
  font-size: var(--srp-modal-cross-size);
  color: var(--srp-modal-cross-color) !important;
  line-height: 0.5em;
  cursor: pointer;
  z-index: 9;
}
.srp-cross:hover {
  color: var(--srp-modal-cross-hover) !important;
}

.srp-dialog-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--srp-modal-overlay);
  z-index: 0;
  opacity: var(--srp-modal-overlay-opacity);
}

.wp-block-srp-survey .wp-block-image.aligncenter {
  margin-left: auto !important;
  margin-right: auto !important;
}

.srp-display-block {
  display: block !important;
}

.srp-tab-panel .active-tab {
  border-bottom: 2px solid var(--wp-admin-theme-color);
}

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