/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./resources/sass/global.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/* Promoter Score */
.helpgent-form--preview .helpgent-promoter-score__list .helpgent-promoter-score__single {
  width: 40px;
  height: 40px;
}

.helpgent-form-field-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px;
}

.helpgent-mr-5 {
  margin-right: 5px;
}

.helpgent-form-input-status {
  display: block;
  margin: 5px 0;
}
.helpgent-form-input-status.helpgent-is-success {
  color: var(--helpgent-color-success);
}
.helpgent-form-input-status.helpgent-is-error {
  color: var(--helpgent-color-danger);
}

/* Responsive */
@media only screen and (max-width: 1600px) {
  .helpgent-form--preview .helpgent-promoter-score__list .helpgent-promoter-score__single {
    width: 40px;
    height: 40px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 1368px) {
  .helpgent-form--preview .helpgent-promoter-score__list .helpgent-promoter-score__single {
    width: 34px;
    height: 34px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .helpgent-form--preview .helpgent-promoter-score__list .helpgent-promoter-score__single {
    width: 30px;
    height: 30px;
  }
}
@media only screen and (max-width: 992px) {
  .helpgent-form--preview .helpgent-promoter-score__list .helpgent-promoter-score__single,
  .helpgent-form__element-form .helpgent-promoter-score__list .helpgent-promoter-score__single {
    width: 25px;
    height: 25px;
    font-size: 11px;
  }
}
@media only screen and (max-width: 768px) {
  .helpgent-form__element-form .helpgent-promoter-score__single,
  .helpgent-chat-bubble-form form .helpgent-promoter-score__single {
    height: 30px !important;
    width: 30px !important;
    font-size: 13px !important;
  }
}
@media only screen and (max-width: 640px) {
  .helpgent-user-dashboard .helpgent-conversation__content.helpgent-conversation__content-promoter_score .helpgent-promoter-score__list .helpgent-promoter-score__single {
    width: 25px;
    height: 25px;
  }
}
@media only screen and (max-width: 576px) {
  .helpgent-user-dashboard .helpgent-conversation__content.helpgent-conversation__content-promoter_score .helpgent-promoter-score__list .helpgent-promoter-score__single {
    width: 20px;
    height: 20px;
    font-size: 11px;
    margin: 0;
  }
}
@media only screen and (max-width: 480px) {
  .helpgent-form__element-form .helpgent-promoter-score__single,
  .helpgent-chat-bubble-form form .helpgent-promoter-score__single {
    height: 26px !important;
    width: 26px !important;
    font-size: 12px !important;
  }
}
@media only screen and (max-width: 430px) {
  .helpgent-form__element-form .helpgent-promoter-score__single,
  .helpgent-chat-bubble-form form .helpgent-promoter-score__single {
    height: 22px !important;
    width: 22px !important;
    font-size: 11px !important;
  }
}
@media only screen and (max-width: 400px) {
  .helpgent-form__element-form .helpgent-promoter-score__single,
  .helpgent-chat-bubble-form form .helpgent-promoter-score__single {
    height: 18px !important;
    width: 18px !important;
    font-size: 10px !important;
  }
}

/*# sourceMappingURL=global.css.map*/