@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css");
/* line 3, app/assets/stylesheets/star.scss */
:root {
  --star-colour: #00C2FF;
  --star-colour-hover: #00C2FF;
}

/* Star Control */
/* line 9, app/assets/stylesheets/star.scss */
.star-rating {
  text-align: center;
  font-family: 'Font Awesome 5 Free';
  backface-visibility: hidden !important;
  font-weight: 400;
  /* Fix version 5.0.9 */
  margin: 0 auto;
  font-display: fallback;
}

/* line 19, app/assets/stylesheets/star.scss */
.star-rating > fieldset {
  border: none;
  display: inline-block;
  margin: 0 auto;
}

/* line 25, app/assets/stylesheets/star.scss */
.star-rating > fieldset:not(:checked) > input {
  position: absolute;
  top: -9999px;
  clip: rect(0, 0, 0, 0);
}

/* line 31, app/assets/stylesheets/star.scss */
.star-rating > fieldset:not(:checked) > label {
  float: right;
  width: 1.3em;
  padding: 0 0.05em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 200%;
  color: var(--star-colour);
}

/* line 42, app/assets/stylesheets/star.scss */
.star-rating > fieldset:not(:checked) > label:before {
  content: '\f005  ';
  font-weight: 300;
}

/* line 47, app/assets/stylesheets/star.scss */
.star-rating > fieldset:not(:checked) > label:hover,
.star-rating > fieldset:not(:checked) > label:hover ~ label {
  color: var(--star-colour-hover);
}

/* line 52, app/assets/stylesheets/star.scss */
.star-rating > fieldset:not(:checked) > label:hover:before,
.star-rating > fieldset:not(:checked) > label:hover ~ label:before {
  content: '\f005  ';
  font-weight: 900;
}

/* line 58, app/assets/stylesheets/star.scss */
.star-rating > fieldset > input:checked ~ label:before {
  content: '\f005  ';
  font-weight: 900;
}

/* line 63, app/assets/stylesheets/star.scss */
.star-rating > fieldset > label:active {
  position: relative;
  top: 2px;
}

/* line 68, app/assets/stylesheets/star.scss */
.static-star-rating {
  text-align: center;
  font-family: 'Font Awesome 5 Free';
  backface-visibility: hidden !important;
  font-weight: 400;
  /* Fix version 5.0.9 */
  margin: 0 auto 30px auto;
}

/* line 77, app/assets/stylesheets/star.scss */
.static-star {
  width: 1.3em;
  padding: 0 0.05em;
  font-size: 200%;
  color: var(--star-colour);
}

/* line 1, app/assets/stylesheets/combobox.css */
.hw-combobox {
  text-align: left;
  width: 100%;
}

/* line 5, app/assets/stylesheets/combobox.css */
.hw-combobox__main__wrapper {
  margin-top: 1.5rem;
  /* == mt-6 */
  width: 100%;
  background: white;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* line 12, app/assets/stylesheets/combobox.css */
.hw-combobox__input {
  width: 100%;
  /* for extended layout display */
  font-size: .875rem;
  padding-left: .5rem;
  padding-right: .5rem;
}

/* line 18, app/assets/stylesheets/combobox.css */
.hw-combobox__input::placeholder {
  color: black;
}

/* line 21, app/assets/stylesheets/combobox.css */
.hw-combobox__announcer {
  display: none;
  /* this adds "selected" suffix */
}

/* @apply text-gray-900 hover:text-white hover:bg-blue-400; */
/* line 25, app/assets/stylesheets/combobox.css */
.hw-combobox__option {
  color: #111827;
  /* text-gray-900 */
}

/* line 28, app/assets/stylesheets/combobox.css */
.hw-combobox__option:hover {
  color: white;
  background-color: #60a5fa;
  /* blue-400*/
}

/* line 32, app/assets/stylesheets/combobox.css */
.hw-combobox__dialog__listbox, .hw-combobox__listbox {
  list-style: none;
  /* otherwise shows bullets on mobile */
}

/* mobile phone dropdown text sizing */
@media (max-width: 481px) {
  /* line 38, app/assets/stylesheets/combobox.css */
  .hw-combobox__dialog__listbox, .hw-combobox__listbox, .hw-combobox__input {
    font-size: 12px;
  }
}

/* line 4, app/assets/stylesheets/new_survey_flow.scss */
.survey-flow {
  background-color: #fff;
  color: #000;
  font-family: 'Open Sans', sans-serif;
}

/* line 10, app/assets/stylesheets/new_survey_flow.scss */
.survey-flow.survey-flow-iframe {
  background: transparent;
}

/* line 14, app/assets/stylesheets/new_survey_flow.scss */
.survey-flow :where(a, button, input, p, select, small, span, strong, textarea, h1, h2, h3, h4) {
  font-family: 'Open Sans', Arial, sans-serif;
}

/* line 18, app/assets/stylesheets/new_survey_flow.scss */
.survey-flow label:not(.star-rating label) {
  font-family: 'Open Sans', Arial, sans-serif;
}

/* line 22, app/assets/stylesheets/new_survey_flow.scss */
.survey-flow-header {
  padding: 24px 16px 0;
}

/* line 26, app/assets/stylesheets/new_survey_flow.scss */
.survey-flow-main {
  min-height: calc(100vh - 138px);
}

/* line 30, app/assets/stylesheets/new_survey_flow.scss */
.survey-flow-footer {
  background: rgba(255, 255, 255, 0.92);
  border-top: 1px solid #d4d4d4;
  padding: 12px 16px 24px;
}

/* line 36, app/assets/stylesheets/new_survey_flow.scss */
.survey-flow .survey-card {
  border-radius: 15px;
  box-shadow: none;
  overflow: hidden;
}

/* line 42, app/assets/stylesheets/new_survey_flow.scss */
.survey-flow #app {
  --star-colour: #000;
  --star-colour-hover: #000;
}

/* line 47, app/assets/stylesheets/new_survey_flow.scss */
.survey-step {
  padding: 28px 46px 48px;
}

/* line 51, app/assets/stylesheets/new_survey_flow.scss */
.survey-flow.survey-flow-iframe .survey-step {
  padding-bottom: 28px;
}

/* line 55, app/assets/stylesheets/new_survey_flow.scss */
.survey-progress {
  margin: 0 0 28px;
  font-size: 15px;
  line-height: 1.4;
}

/* line 61, app/assets/stylesheets/new_survey_flow.scss */
.survey-section {
  border-top: 1px solid #c7c5c5;
  padding-top: 20px;
  margin-top: 20px;
}

/* line 67, app/assets/stylesheets/new_survey_flow.scss */
.survey-intro {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}

/* line 73, app/assets/stylesheets/new_survey_flow.scss */
.survey-section h2,
.survey-intro h2 {
  margin: 0 0 10px;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
}

/* line 81, app/assets/stylesheets/new_survey_flow.scss */
.survey-intro h2 {
  font-size: 16px;
}

/* line 85, app/assets/stylesheets/new_survey_flow.scss */
.survey-section h3 {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
}

/* line 92, app/assets/stylesheets/new_survey_flow.scss */
.survey-section h3 span {
  font-weight: 400;
}

/* line 96, app/assets/stylesheets/new_survey_flow.scss */
.survey-section p,
.survey-intro p {
  margin: 0;
  font-size: 14px;
  line-height: 1.32;
}

/* line 103, app/assets/stylesheets/new_survey_flow.scss */
.survey-field,
.survey-floating-field,
.survey-textarea {
  position: relative;
  width: 100%;
  border: 1px solid #c7c5c5;
  border-radius: 10px;
  background: #fff;
}

/* line 113, app/assets/stylesheets/new_survey_flow.scss */
.survey-field input,
.survey-field select,
.survey-floating-field input,
.survey-textarea textarea {
  display: block;
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #000;
  font: inherit;
  font-size: 14px;
}

/* line 127, app/assets/stylesheets/new_survey_flow.scss */
.survey-field select {
  padding: 8px 42px 8px 18px;
  background-image: url(https://www.getreviews.ai/images/down_arrow.svg);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: calc(100% - 18px) center;
}

/* line 135, app/assets/stylesheets/new_survey_flow.scss */
.survey-field input,
.survey-field select {
  height: 40px;
}

/* line 140, app/assets/stylesheets/new_survey_flow.scss */
.survey-field input {
  padding: 8px 18px;
}

/* line 144, app/assets/stylesheets/new_survey_flow.scss */
.survey-product-field {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px 0 16px;
  text-align: left;
  font-size: 17px;
  font-weight: 500;
}

/* line 155, app/assets/stylesheets/new_survey_flow.scss */
.survey-product-field button {
  border: 0;
  background: transparent;
  color: rgba(0, 0, 0, 0.4);
  font-size: 20px;
}

/* line 162, app/assets/stylesheets/new_survey_flow.scss */
.survey-product-combobox {
  border: 0;
  border-radius: 0;
  background: transparent;
}

/* line 168, app/assets/stylesheets/new_survey_flow.scss */
.survey-product-combobox .hw-combobox {
  margin: 0;
  padding: 0;
  border: 0;
}

/* line 174, app/assets/stylesheets/new_survey_flow.scss */
.survey-product-combobox .hw-combobox__main__wrapper {
  margin: 0;
  padding: 0;
  border: 1px solid #c7c5c5;
  border-radius: 10px;
  background: #fff;
}

/* line 182, app/assets/stylesheets/new_survey_flow.scss */
.survey-product-combobox .hw-combobox__input {
  height: 40px;
  padding: 0 42px 0 18px;
  border: 0;
  outline: 0;
  color: #000;
  font-size: 14px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 194, app/assets/stylesheets/new_survey_flow.scss */
.survey-product-combobox .hw-combobox__input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}

/* line 198, app/assets/stylesheets/new_survey_flow.scss */
.survey-native-select select {
  height: 40px;
  padding: 0 42px 0 18px;
  border: 0;
  border-radius: 10px;
  background-color: #fff;
  background-position: calc(100% - 18px) center;
  color: #000;
  font-size: 14px;
  line-height: 40px;
  outline: 0;
}

/* line 211, app/assets/stylesheets/new_survey_flow.scss */
.survey-native-select select:invalid,
.survey-native-select select option[value=""] {
  color: rgba(0, 0, 0, 0.4);
}

/* line 216, app/assets/stylesheets/new_survey_flow.scss */
.survey-selected-product-preview {
  margin-top: 20px;
}

/* line 220, app/assets/stylesheets/new_survey_flow.scss */
.survey-selected-product-preview .survey-product-image {
  margin-top: 0;
}

/* line 224, app/assets/stylesheets/new_survey_flow.scss */
.survey-order-heading {
  max-width: 420px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

/* line 231, app/assets/stylesheets/new_survey_flow.scss */
.survey-product-image {
  width: 142px;
  height: 142px;
  margin: 20px auto 0;
  border: 1px solid #c7c5c5;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
}

/* line 241, app/assets/stylesheets/new_survey_flow.scss */
.survey-product-image--small {
  margin-top: 0;
}

/* line 245, app/assets/stylesheets/new_survey_flow.scss */
.survey-product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* line 251, app/assets/stylesheets/new_survey_flow.scss */
.survey-market-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px 11px;
  padding: 25px 20px;
  border-radius: 5px;
  background: #edf6ff;
}

/* line 260, app/assets/stylesheets/new_survey_flow.scss */
.survey-market-option {
  height: 47px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 10px;
  border: 1px solid #c7c5c5;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
}

/* line 272, app/assets/stylesheets/new_survey_flow.scss */
.survey-market-option input {
  position: absolute;
  opacity: 0;
}

/* line 277, app/assets/stylesheets/new_survey_flow.scss */
.survey-market-option span {
  width: 12px;
  height: 12px;
  border: 1px solid #c7c5c5;
  border-radius: 50%;
}

/* line 284, app/assets/stylesheets/new_survey_flow.scss */
.survey-market-option input:checked + span {
  border-color: #417da2;
  box-shadow: inset 0 0 0 3px #fff;
  background: #417da2;
}

/* line 290, app/assets/stylesheets/new_survey_flow.scss */
.survey-market-option img {
  max-width: 132px;
  max-height: 34px;
  object-fit: contain;
}

/* line 296, app/assets/stylesheets/new_survey_flow.scss */
.survey-help-link {
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  padding: 0 18px;
  border-radius: 10px;
  background: #f5f4ed;
  color: #000;
  font-size: 14px;
  text-decoration: none;
}

/* line 310, app/assets/stylesheets/new_survey_flow.scss */
.survey-help-link + .survey-floating-field {
  margin-top: 0;
}

/* line 314, app/assets/stylesheets/new_survey_flow.scss */
.survey-floating-field {
  height: 43px;
  text-align: left;
}

/* line 319, app/assets/stylesheets/new_survey_flow.scss */
.survey-floating-field label {
  position: absolute;
  top: -12px;
  left: 18px;
  padding: 0 6px;
  background: #fff;
  font-size: 14px;
  line-height: 1.4;
}

/* line 329, app/assets/stylesheets/new_survey_flow.scss */
.survey-floating-field input {
  height: 100%;
  padding: 10px 18px 6px;
}

/* line 334, app/assets/stylesheets/new_survey_flow.scss */
.survey-field-note {
  margin-top: 12px;
  color: rgba(0, 0, 0, 0.55);
  font-size: 12px;
}

/* line 340, app/assets/stylesheets/new_survey_flow.scss */
.survey-primary-button,
.survey-secondary-button,
.survey-feedback-button,
.survey-marketplace-button {
  width: 100%;
  min-height: 48px;
  border-radius: 10px;
  font-weight: 700;
}

/* line 350, app/assets/stylesheets/new_survey_flow.scss */
.survey-primary-button {
  margin-top: 28px;
  border: 1px solid #417da2;
  background: #417da2;
  color: #fff;
  font-size: 14px;
}

/* line 358, app/assets/stylesheets/new_survey_flow.scss */
.survey-secondary-button {
  border: 1px solid #d1d5db;
  background: #fff;
  color: #111827;
  font-size: 14px;
  min-height: 48px;
}

/* line 366, app/assets/stylesheets/new_survey_flow.scss */
.survey-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 12px;
  margin-top: 28px;
}

/* line 374, app/assets/stylesheets/new_survey_flow.scss */
.survey-actions .survey-primary-button,
.survey-actions .survey-secondary-button {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  padding: 0 18px;
}

/* line 384, app/assets/stylesheets/new_survey_flow.scss */
.survey-rating-step {
  padding-top: 30px;
}

/* line 388, app/assets/stylesheets/new_survey_flow.scss */
.survey-rating-heading {
  margin-top: 22px;
}

/* line 392, app/assets/stylesheets/new_survey_flow.scss */
.survey-rating-heading p,
.survey-tap-label,
.survey-rating-message {
  margin: 0;
  font-size: 17px;
  line-height: 1.4;
}

/* line 400, app/assets/stylesheets/new_survey_flow.scss */
.survey-rating-heading h2 {
  margin: 2px 0 18px;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 700;
}

/* line 407, app/assets/stylesheets/new_survey_flow.scss */
.survey-stars {
  margin: 4px 0 12px;
}

/* line 411, app/assets/stylesheets/new_survey_flow.scss */
.survey-flow .star-rating > fieldset:not(:checked) > label {
  color: #d9d9d9;
  width: 36px;
  height: 32px;
  padding: 0;
  font-size: 0;
  line-height: 32px;
  overflow: hidden;
}

/* line 421, app/assets/stylesheets/new_survey_flow.scss */
.survey-flow .star-rating > fieldset:not(:checked) > label:before {
  font-size: 32px;
  line-height: 32px;
}

/* line 426, app/assets/stylesheets/new_survey_flow.scss */
.survey-flow .star-rating > fieldset:not(:checked) > label:hover,
.survey-flow .star-rating > fieldset:not(:checked) > label:hover ~ label,
.survey-flow .star-rating > fieldset > input:checked ~ label,
.survey-flow .star-rating > fieldset > input:checked ~ label:before {
  color: #000;
}

/* line 433, app/assets/stylesheets/new_survey_flow.scss */
.survey-review-section {
  text-align: left;
}

/* line 437, app/assets/stylesheets/new_survey_flow.scss */
.survey-review-help {
  display: flex;
  align-items: center;
  gap: 22px;
  margin: 14px 0 18px;
  padding: 14px 18px;
  border-radius: 8px;
  background: #f5f4ed;
}

/* line 447, app/assets/stylesheets/new_survey_flow.scss */
.survey-review-help-icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
}

/* line 453, app/assets/stylesheets/new_survey_flow.scss */
.survey-review-help-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

/* line 459, app/assets/stylesheets/new_survey_flow.scss */
.survey-review-help p {
  margin: 0;
  color: #000;
  font-size: 14px;
  line-height: 1.18;
}

/* line 466, app/assets/stylesheets/new_survey_flow.scss */
.survey-textarea textarea {
  min-height: 108px;
  resize: vertical;
  padding: 12px 38px 12px 10px;
}

/* line 472, app/assets/stylesheets/new_survey_flow.scss */
.survey-textarea button {
  position: absolute;
  right: 12px;
  bottom: 10px;
  border: 0;
  background: transparent;
  color: #aaa;
}

/* line 481, app/assets/stylesheets/new_survey_flow.scss */
.survey-feedback-button {
  margin-top: 14px;
  border: 1px solid #06974c;
  background: #e7f7eb;
  color: #06974c;
  font-size: 17px;
}

/* line 489, app/assets/stylesheets/new_survey_flow.scss */
.survey-marketplace-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 22px;
  border: 1px solid #417da2;
  background: #417da2;
  color: #fff;
  font-size: 18px;
  text-align: center;
}

/* line 502, app/assets/stylesheets/new_survey_flow.scss */
.survey-marketplace-button--secondary {
  border-color: #f5f4ed;
  background: #f5f4ed;
  color: #000;
}

/* line 508, app/assets/stylesheets/new_survey_flow.scss */
.survey-marketplace-button small {
  display: block;
  font-size: 15px;
  font-weight: 500;
}

/* line 514, app/assets/stylesheets/new_survey_flow.scss */
.survey-marketplace-logo {
  width: 132px;
  max-height: 44px;
  object-fit: contain;
}

/* line 520, app/assets/stylesheets/new_survey_flow.scss */
.survey-marketplace-status {
  display: grid;
  gap: 14px;
  margin-top: 22px;
}

/* line 526, app/assets/stylesheets/new_survey_flow.scss */
.survey-marketplace-status-row {
  display: grid;
  grid-template-columns: 64px 1fr auto;
  align-items: center;
  gap: 12px;
  min-height: 92px;
  padding: 14px 20px;
  border: 1px solid #009b4e;
  border-radius: 10px;
  background: #eefbf1;
  text-align: left;
}

/* line 539, app/assets/stylesheets/new_survey_flow.scss */
.survey-marketplace-status-row + .survey-marketplace-status-row {
  grid-template-columns: 64px 1fr;
}

/* line 543, app/assets/stylesheets/new_survey_flow.scss */
.survey-marketplace-status-row strong,
.survey-marketplace-status-row span {
  display: block;
}

/* line 548, app/assets/stylesheets/new_survey_flow.scss */
.survey-marketplace-status-row strong {
  color: #009b4e;
  font-size: 17px;
  line-height: 1.15;
}

/* line 554, app/assets/stylesheets/new_survey_flow.scss */
.survey-marketplace-status-row span {
  color: #000;
  font-size: 17px;
  line-height: 1.28;
}

/* line 560, app/assets/stylesheets/new_survey_flow.scss */
.survey-status-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  color: #009b4e;
}

/* line 569, app/assets/stylesheets/new_survey_flow.scss */
.survey-status-icon--check {
  border-radius: 50%;
  background: #009b4e;
  color: #fff;
}

/* line 575, app/assets/stylesheets/new_survey_flow.scss */
.survey-status-icon--check svg {
  width: 28px;
  height: 28px;
  transform: translateY(10px);
}

/* line 581, app/assets/stylesheets/new_survey_flow.scss */
.survey-status-icon--check path {
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* line 589, app/assets/stylesheets/new_survey_flow.scss */
.survey-status-spinner {
  width: 42px;
  height: 42px;
  border: 7px solid #c9d0dc;
  border-top-color: #667180;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite;
}

/* line 598, app/assets/stylesheets/new_survey_flow.scss */
.survey-marketplace-icon {
  font-family: Georgia, serif;
  font-size: 52px;
  font-weight: 700;
  line-height: .8;
}

/* line 605, app/assets/stylesheets/new_survey_flow.scss */
.survey-notice {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 14px;
  padding: 14px 18px;
  border-radius: 10px;
  text-align: left;
}

/* line 615, app/assets/stylesheets/new_survey_flow.scss */
.survey-notice--success {
  border: 1px solid #06974c;
  background: #f1f9f3;
  color: #000;
}

/* line 621, app/assets/stylesheets/new_survey_flow.scss */
.survey-notice i,
.survey-notice strong {
  color: #06974c;
}

/* line 626, app/assets/stylesheets/new_survey_flow.scss */
.survey-notice i {
  font-size: 28px;
}

/* line 630, app/assets/stylesheets/new_survey_flow.scss */
.survey-notice strong,
.survey-notice span {
  display: block;
  font-size: 17px;
  line-height: 1.3;
}

/* line 637, app/assets/stylesheets/new_survey_flow.scss */
.survey-link-button {
  display: block;
  margin: 28px auto 0;
  border: 0;
  background: transparent;
  color: #000;
  font-size: 15px;
}

/* line 646, app/assets/stylesheets/new_survey_flow.scss */
.survey-giveaway-preview {
  margin-top: 18px;
  text-align: center;
}

/* line 651, app/assets/stylesheets/new_survey_flow.scss */
.survey-giveaway-preview .survey-product-image {
  margin-bottom: 18px;
}

/* line 655, app/assets/stylesheets/new_survey_flow.scss */
.survey-giveaway-preview h3 {
  margin-top: 18px;
  margin-bottom: 22px;
}

/* line 660, app/assets/stylesheets/new_survey_flow.scss */
.survey-shipping-step {
  padding-top: 38px;
  text-align: center;
}

/* line 665, app/assets/stylesheets/new_survey_flow.scss */
.survey-shipping-step .survey-progress {
  margin-bottom: 26px;
}

/* line 669, app/assets/stylesheets/new_survey_flow.scss */
.survey-shipping-kicker {
  margin: 0;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 400;
}

/* line 676, app/assets/stylesheets/new_survey_flow.scss */
.survey-offer-summary {
  margin-top: 24px;
}

/* line 680, app/assets/stylesheets/new_survey_flow.scss */
.survey-offer-summary h3 {
  margin: 0 0 16px;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 700;
}

/* line 687, app/assets/stylesheets/new_survey_flow.scss */
.survey-offer-summary p {
  max-width: 386px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 1.32;
}

/* line 694, app/assets/stylesheets/new_survey_flow.scss */
.survey-information-section {
  margin-top: 28px;
  padding-top: 22px;
  text-align: left;
}

/* line 700, app/assets/stylesheets/new_survey_flow.scss */
.survey-information-section h3 {
  margin: 0 0 14px;
  font-size: 20px;
  line-height: 1.25;
  font-weight: 500;
}

/* line 707, app/assets/stylesheets/new_survey_flow.scss */
.survey-shipping-step .survey-field {
  margin-bottom: 15px;
}

/* line 711, app/assets/stylesheets/new_survey_flow.scss */
.survey-shipping-step .survey-field input,
.survey-shipping-step .survey-field select {
  height: 49px;
  padding: 10px;
}

/* line 717, app/assets/stylesheets/new_survey_flow.scss */
.survey-shipping-step .survey-field input::placeholder {
  color: rgba(0, 0, 0, 0.4);
}

/* line 721, app/assets/stylesheets/new_survey_flow.scss */
.survey-opt-in {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 0;
  margin-bottom: 15px;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  color: #000;
  font-size: 14px;
  line-height: 1.32;
  text-align: left;
}

/* line 736, app/assets/stylesheets/new_survey_flow.scss */
.survey-opt-in input {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  margin: 0;
  appearance: none;
  border: 1px solid #c7c5c5;
  border-radius: 50%;
  background: #fff;
}

/* line 747, app/assets/stylesheets/new_survey_flow.scss */
.survey-opt-in input:checked {
  border-color: #417da2;
  box-shadow: inset 0 0 0 3px #fff;
  background: #417da2;
}

/* line 753, app/assets/stylesheets/new_survey_flow.scss */
.survey-address-fields {
  margin-top: 15px;
}

/* line 757, app/assets/stylesheets/new_survey_flow.scss */
.survey-payment-section {
  margin-top: 10px;
  font-size: 16px;
}

/* line 762, app/assets/stylesheets/new_survey_flow.scss */
.survey-submit-button {
  margin-top: 23px;
}

/* line 766, app/assets/stylesheets/new_survey_flow.scss */
.survey-success-step {
  min-height: 982px;
  padding-top: 98px;
  text-align: center;
}

/* line 772, app/assets/stylesheets/new_survey_flow.scss */
.survey-success-step h2 {
  margin: 0;
  font-size: 24px;
  line-height: 1.22;
  font-weight: 700;
}

/* line 779, app/assets/stylesheets/new_survey_flow.scss */
.survey-success-icon {
  width: 123px;
  height: 123px;
  margin: 64px auto 72px;
  color: #000;
}

/* line 786, app/assets/stylesheets/new_survey_flow.scss */
.survey-success-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

/* line 792, app/assets/stylesheets/new_survey_flow.scss */
.survey-success-copy {
  max-width: 386px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 1.32;
}

@media (max-width: 520px) {
  /* line 800, app/assets/stylesheets/new_survey_flow.scss */
  .survey-step {
    padding: 24px 22px 40px;
  }
  /* line 804, app/assets/stylesheets/new_survey_flow.scss */
  .survey-market-grid {
    grid-template-columns: 1fr;
  }
  /* line 808, app/assets/stylesheets/new_survey_flow.scss */
  .survey-actions {
    grid-template-columns: 1fr;
  }
  /* line 812, app/assets/stylesheets/new_survey_flow.scss */
  .survey-section h2,
.survey-intro h2 {
    font-size: 16px;
  }
  /* line 817, app/assets/stylesheets/new_survey_flow.scss */
  .survey-section h3,
.survey-section p,
.survey-intro p,
.survey-rating-heading p,
.survey-tap-label,
.survey-rating-message,
.survey-offer-summary p,
.survey-opt-in,
.survey-success-copy {
    font-size: 14px;
  }
  /* line 829, app/assets/stylesheets/new_survey_flow.scss */
  .survey-success-step {
    min-height: 760px;
    padding-top: 74px;
  }
  /* line 834, app/assets/stylesheets/new_survey_flow.scss */
  .survey-success-icon {
    margin: 48px auto 56px;
  }
  /* line 838, app/assets/stylesheets/new_survey_flow.scss */
  .survey-marketplace-button {
    gap: 10px;
    font-size: 14px;
  }
  /* line 843, app/assets/stylesheets/new_survey_flow.scss */
  .survey-marketplace-button strong {
    font-size: 14px;
    white-space: nowrap;
  }
  /* line 848, app/assets/stylesheets/new_survey_flow.scss */
  .survey-marketplace-button small,
.survey-marketplace-status-row strong,
.survey-marketplace-status-row span,
.survey-notice strong,
.survey-notice span {
    font-size: 14px;
  }
  /* line 856, app/assets/stylesheets/new_survey_flow.scss */
  .survey-marketplace-logo {
    width: 104px;
  }
  /* line 860, app/assets/stylesheets/new_survey_flow.scss */
  .survey-marketplace-status-row {
    grid-template-columns: 48px 1fr auto;
    padding: 12px 14px;
  }
  /* line 865, app/assets/stylesheets/new_survey_flow.scss */
  .survey-marketplace-status-row + .survey-marketplace-status-row {
    grid-template-columns: 48px 1fr;
  }
}

/* line 870, app/assets/stylesheets/new_survey_flow.scss */
.survey-flow #product-select-container .select2-container--default {
  margin: 0;
}

/* line 874, app/assets/stylesheets/new_survey_flow.scss */
.survey-flow #product-select-container.survey-field {
  border: 0;
  background: transparent;
}

/* line 879, app/assets/stylesheets/new_survey_flow.scss */
.survey-flow #product-select-container .select2-container--default .select2-selection--single {
  height: 40px !important;
  border-radius: 10px;
}

/* line 884, app/assets/stylesheets/new_survey_flow.scss */
.survey-flow #product-select-container .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
  padding-left: 18px;
  font-size: 14px;
}

/* line 890, app/assets/stylesheets/new_survey_flow.scss */
.survey-flow #product-select-container .select2-container--default .select2-selection--single .select2-selection__clear {
  height: 38px;
  margin-right: 28px;
  font-size: 18px;
}

/* line 896, app/assets/stylesheets/new_survey_flow.scss */
.survey-flow #product-select-container .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px;
  right: 8px;
}