/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./modules/forms/assets/scss/widgets/cool-formkit-forms.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.cool-form {
  --cool-column-width: 100%;
  --cool-form-row-gap: 10px;
  --cool-form-column-gap: 10px;
  --cool-form-button-icon-spacing: 8px;
  --cool-form-button-icon-position: row;
  --cool-form-text-container-align: center;
  --cool-form-heading-color: #000;
  --cool-form-description-color: #000;
  --cool-form-label-spacing: 0;
  --cool-form-label-color: #000;
  --cool-form-mark-color: #FF0000;
  --cool-form-field-text-color: #000;
  --cool-form-field-bg-color: #FFF;
  --cool-form-field-border-color: #69727d;
  --cool-form-field-border-width: 1px;
  --cool-form-button-align: stretch;
  --cool-form-button-icon-size: 16px;
  --cool-form-button-icon-spacing: 10px;
  --cool-form-button-text-color: #ffffff;
  --cool-form-button-text-color-hover: #ffffff;
  --cool-form-button-border-width: 1px;
  --cool-form-button-border-color: #69727d;
  --cool-form-button-border-radius: 0;
  --cool-form-button-padding-block-end: 8px;
  --cool-form-button-padding-block-start: 8px;
  --cool-form-button-padding-inline-end: 16px;
  --cool-form-button-padding-inline-start: 16px;
  --cool-form-content-width: 100%;
  --cool-form-box-padding-block-end: 0px;
  --cool-form-box-padding-block-start: 0px;
  --cool-form-box-padding-inline-end: 0px;
  --cool-form-box-padding-inline-start: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block-start: var(--cool-form-box-padding-block-start);
  padding-block-end: var(--cool-form-box-padding-block-end);
  padding-inline-start: var(--cool-form-box-padding-inline-start);
  padding-inline-end: var(--cool-form-box-padding-inline-end);
}
.cool-form > * {
  max-width: var(--cool-form-content-width);
  width: 100%;
}
.cool-form__wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: var(--cool-form-row-gap);
  -moz-column-gap: var(--cool-form-column-gap);
       column-gap: var(--cool-form-column-gap);
}
.cool-form__field-group {
  display: flex;
  flex-direction: column;
  gap: var(--cool-form-label-spacing);
}
.cool-form__field-group.is-field-required.is-mark-required .cool-form__field-label::after, .cool-form__field-group.is-field-required.is-mark-required .mdc-floating-label--required::after {
  content: "*";
  color: var(--cool-form-mark-color);
  display: inline-block;
}
.cool-form__field-group .mdc-text-field, .cool-form__field-group .mdc-select {
  background-color: var(--cool-form-field-bg-color);
}
.cool-form__field-group.has-shape-sharp .mdc-text-field .mdc-notched-outline .mdc-notched-outline__leading,
.cool-form__field-group.has-shape-sharp .mdc-text-field .mdc-notched-outline .mdc-notched-outline__notch,
.cool-form__field-group.has-shape-sharp .mdc-text-field .mdc-notched-outline .mdc-notched-outline__trailing, .cool-form__field-group.has-shape-sharp .mdc-select .mdc-notched-outline .mdc-notched-outline__leading,
.cool-form__field-group.has-shape-sharp .mdc-select .mdc-notched-outline .mdc-notched-outline__notch,
.cool-form__field-group.has-shape-sharp .mdc-select .mdc-notched-outline .mdc-notched-outline__trailing {
  border-radius: 0;
}
.cool-form__field-group.has-shape-rounded .mdc-text-field, .cool-form__field-group.has-shape-rounded .mdc-select {
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
}
.cool-form__field-group.has-shape-rounded .mdc-text-field .mdc-notched-outline .mdc-notched-outline__leading, .cool-form__field-group.has-shape-rounded .mdc-select .mdc-notched-outline .mdc-notched-outline__leading {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.cool-form__field-group.has-shape-rounded .mdc-text-field .mdc-notched-outline .mdc-notched-outline__trailing, .cool-form__field-group.has-shape-rounded .mdc-select .mdc-notched-outline .mdc-notched-outline__trailing {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.cool-form__field-group.has-shape-round .mdc-notched-outline__leading {
  display: none;
}
.cool-form__field-group.has-shape-round .mdc-text-field, .cool-form__field-group.has-shape-round .mdc-select {
  border-bottom-left-radius: 32px;
  border-top-left-radius: 32px;
  border-bottom-right-radius: 32px;
  border-top-right-radius: 32px;
}
.cool-form__field-group.has-shape-round .mdc-text-field .mdc-notched-outline .mdc-notched-outline__notch, .cool-form__field-group.has-shape-round .mdc-select .mdc-notched-outline .mdc-notched-outline__notch {
  border-left-width: var(--cool-form-field-border-width);
  border-left-style: solid;
}
.cool-form__field-group.has-shape-round .mdc-text-field .mdc-notched-outline .mdc-notched-outline__notch .mdc-floating-label, .cool-form__field-group.has-shape-round .mdc-select .mdc-notched-outline .mdc-notched-outline__notch .mdc-floating-label {
  left: 15px;
}
.cool-form__field-group.has-shape-round .mdc-text-field .mdc-notched-outline .mdc-notched-outline__leading, .cool-form__field-group.has-shape-round .mdc-text-field .mdc-notched-outline .mdc-notched-outline__notch, .cool-form__field-group.has-shape-round .mdc-select .mdc-notched-outline .mdc-notched-outline__leading, .cool-form__field-group.has-shape-round .mdc-select .mdc-notched-outline .mdc-notched-outline__notch {
  border-top-left-radius: 32px;
  border-bottom-left-radius: 32px;
}
.cool-form__field-group.has-shape-round .mdc-text-field .mdc-notched-outline .mdc-notched-outline__trailing, .cool-form__field-group.has-shape-round .mdc-select .mdc-notched-outline .mdc-notched-outline__trailing {
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
}
.cool-form__field-group.has-shape-default .mdc-text-field .mdc-notched-outline .mdc-notched-outline__leading, .cool-form__field-group.has-shape-default .mdc-select .mdc-notched-outline .mdc-notched-outline__leading {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.cool-form__field-group.has-shape-default .mdc-text-field .mdc-notched-outline .mdc-notched-outline__trailing, .cool-form__field-group.has-shape-default .mdc-select .mdc-notched-outline .mdc-notched-outline__trailing {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.cool-form__field-group .mdc-text-field .mdc-notched-outline .mdc-notched-outline__leading,
.cool-form__field-group .mdc-text-field .mdc-notched-outline .mdc-notched-outline__notch,
.cool-form__field-group .mdc-text-field .mdc-notched-outline .mdc-notched-outline__trailing, .cool-form__field-group .mdc-select .mdc-notched-outline .mdc-notched-outline__leading,
.cool-form__field-group .mdc-select .mdc-notched-outline .mdc-notched-outline__notch,
.cool-form__field-group .mdc-select .mdc-notched-outline .mdc-notched-outline__trailing {
  border-width: var(--cool-form-field-border-width);
  border-color: var(--cool-form-field-border-color);
}
.cool-form__field-group .mdc-text-field:not(.mdc-text-field--invalid) .mdc-notched-outline .mdc-notched-outline__leading,
.cool-form__field-group .mdc-text-field:not(.mdc-text-field--invalid) .mdc-notched-outline .mdc-notched-outline__notch,
.cool-form__field-group .mdc-text-field:not(.mdc-text-field--invalid) .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: var(--cool-form-field-border-color);
}
.cool-form__field-group select {
  background-color: var(--cool-form-field-bg-color);
  color: var(--cool-form-field-text-color);
}
.cool-form__field-group, .cool-form__submit-group {
  width: 100%;
}
.cool-form__field-group.has-width-25, .cool-form__submit-group.has-width-25 {
  --cool-column-width: 25.2%;
  max-width: calc(var(--cool-column-width) - var(--cool-form-column-gap) / 2);
}
.cool-form__field-group.has-width-33, .cool-form__submit-group.has-width-33 {
  --cool-column-width: 32.2%;
  max-width: calc(var(--cool-column-width) - var(--cool-form-column-gap) / 2);
}
.cool-form__field-group.has-width-50, .cool-form__submit-group.has-width-50 {
  --cool-column-width: 50%;
  max-width: calc(var(--cool-column-width) - var(--cool-form-column-gap) / 2);
}
.cool-form__field-group.has-width-100, .cool-form__submit-group.has-width-100 {
  --cool-column-width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 1025px) {
  .cool-form__field-group.has-width-md-25, .cool-form__submit-group.has-width-md-25 {
    --cool-column-width: 25.2%;
    max-width: calc(var(--cool-column-width) - var(--cool-form-column-gap) / 2);
  }
  .cool-form__field-group.has-width-md-33, .cool-form__submit-group.has-width-md-33 {
    --cool-column-width: 32.2%;
    max-width: calc(var(--cool-column-width) - var(--cool-form-column-gap) / 2);
  }
  .cool-form__field-group.has-width-md-50, .cool-form__submit-group.has-width-md-50 {
    --cool-column-width: 50%;
    max-width: calc(var(--cool-column-width) - var(--cool-form-column-gap) / 2);
  }
  .cool-form__field-group.has-width-md-100, .cool-form__submit-group.has-width-md-100 {
    --cool-column-width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .cool-form__field-group.has-width-sm-25, .cool-form__submit-group.has-width-sm-25 {
    --cool-column-width: 25.2%;
    max-width: calc(var(--cool-column-width) - var(--cool-form-column-gap) / 2);
  }
  .cool-form__field-group.has-width-sm-33, .cool-form__submit-group.has-width-sm-33 {
    --cool-column-width: 32.2%;
    max-width: calc(var(--cool-column-width) - var(--cool-form-column-gap) / 2);
  }
  .cool-form__field-group.has-width-sm-50, .cool-form__submit-group.has-width-sm-50 {
    --cool-column-width: 50%;
    max-width: calc(var(--cool-column-width) - var(--cool-form-column-gap) / 2);
  }
  .cool-form__field-group.has-width-sm-100, .cool-form__submit-group.has-width-sm-100 {
    --cool-column-width: 100%;
    max-width: 100%;
  }
}
.cool-form__text-container {
  align-items: var(--cool-form-text-container-align);
  display: flex;
  flex-direction: column;
}
.cool-form__heading {
  color: var(--cool-form-heading-color);
}
.cool-form__description {
  color: var(--cool-form-description-color);
}
.cool-form__field-label {
  color: var(--cool-form-label-color);
}
.cool-form .cool-form-text.mdc-text-field .mdc-floating-label {
  color: var(--cool-form-label-color);
}
.cool-form .cool-form__field-group .mdc-form-field label {
  color: var(--cool-form-label-color);
}
.cool-form .cool-form__field-group .mdc-select .mdc-select__menu ul li span.mdc-list-item__text {
  color: var(--cool-form-label-color);
}
.cool-form .cool-form__field-group .mdc-select .mdc-select__anchor .mdc-notched-outline .mdc-notched-outline__notch .mdc-floating-label {
  color: var(--cool-form-label-color);
}
.cool-form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: var(--cool-form-field-text-color);
}
.cool-form .cool-field-size-xl {
  min-height: 72px;
}
.cool-form .cool-field-size-lg {
  min-height: 59px;
}
.cool-form .cool-field-size-md {
  min-height: 47px;
}
.cool-form .cool-field-size-xs {
  min-height: 33px;
}
.cool-form__field:not(.cool-form__select), .cool-form__field[type=text], .cool-form__field[type=email], .cool-form__field[type=tel], .cool-form__textarea, .cool-form__select select {
  background-color: var(--cool-form-field-bg-color) !important;
  border: 0;
  border-radius: 0;
  color: var(--cool-form-field-text-color);
}
.cool-form__field:not(.cool-form__select)::-moz-placeholder, .cool-form__field[type=text]::-moz-placeholder, .cool-form__field[type=email]::-moz-placeholder, .cool-form__field[type=tel]::-moz-placeholder, .cool-form__textarea::-moz-placeholder, .cool-form__select select::-moz-placeholder {
  color: var(--cool-form-field-text-color);
}
.cool-form__field:not(.cool-form__select)::placeholder, .cool-form__field[type=text]::placeholder, .cool-form__field[type=email]::placeholder, .cool-form__field[type=tel]::placeholder, .cool-form__textarea::placeholder, .cool-form__select select::placeholder {
  color: var(--cool-form-field-text-color);
}
.has-shape-sharp .cool-form__field:not(.cool-form__select), .has-shape-sharp .cool-form__field[type=text], .has-shape-sharp .cool-form__field[type=email], .has-shape-sharp .cool-form__field[type=tel], .has-shape-sharp .cool-form__textarea, .has-shape-sharp .cool-form__select select {
  border-radius: 0;
}
.has-shape-rounded .cool-form__field:not(.cool-form__select), .has-shape-rounded .cool-form__field[type=text], .has-shape-rounded .cool-form__field[type=email], .has-shape-rounded .cool-form__field[type=tel], .has-shape-rounded .cool-form__textarea, .has-shape-rounded .cool-form__select select {
  border-radius: 12px;
}
.has-shape-round .cool-form__field:not(.cool-form__select), .has-shape-round .cool-form__field[type=text], .has-shape-round .cool-form__field[type=email], .has-shape-round .cool-form__field[type=tel], .has-shape-round .cool-form__textarea, .has-shape-round .cool-form__select select {
  border-radius: 32px;
}
.has-shape-default .cool-form__field:not(.cool-form__select), .has-shape-default .cool-form__field[type=text], .has-shape-default .cool-form__field[type=email], .has-shape-default .cool-form__field[type=tel], .has-shape-default .cool-form__textarea, .has-shape-default .cool-form__select select {
  border-radius: 4px;
}
.cool-form__submit-group {
  align-items: flex-end;
  display: flex;
  justify-content: var(--cool-form-button-align);
}
.cool-form__button[type=submit] {
  align-items: center;
  border: 0;
  color: var(--cool-form-button-text-color);
  display: flex;
  flex-direction: var(--cool-form-button-icon-position);
  flex-grow: 1;
  justify-content: center;
  gap: var(--cool-form-button-icon-spacing);
  text-decoration: none;
  transition: all 0.3s;
}
.cool-form__button[type=submit]:hover, .cool-form__button[type=submit]:focus {
  color: var(--cool-form-button-text-color-hover);
  transition: all 0.3s;
}
.cool-form__button[type=submit].has-border {
  border-color: var(--cool-form-button-border-color);
  border-style: solid;
  border-width: var(--cool-form-button-border-width);
  border-radius: var(--cool-form-button-border-radius);
}
.cool-form__button[type=submit].is-type-button {
  padding-block-end: var(--cool-form-button-padding-block-end);
  padding-block-start: var(--cool-form-button-padding-block-start);
  padding-inline-end: var(--cool-form-button-padding-inline-end);
  padding-inline-start: var(--cool-form-button-padding-inline-start);
  text-decoration: none;
}
.cool-form__button[type=submit].is-type-link, .cool-form__button[type=submit].is-type-link:not([href]):not([tabindex]) {
  background: none;
}
.cool-form__button[type=submit].is-type-link:hover, .cool-form__button[type=submit].is-type-link:focus, .cool-form__button[type=submit].is-type-link:not([href]):not([tabindex]):hover, .cool-form__button[type=submit].is-type-link:not([href]):not([tabindex]):focus {
  background: none;
}
.cool-form__button[type=submit].is-type-link .cool-form__button-text, .cool-form__button[type=submit].is-type-link:not([href]):not([tabindex]) .cool-form__button-text {
  text-decoration: underline;
}
.cool-form__button[type=submit].has-shape-sharp {
  border-radius: 0;
}
.cool-form__button[type=submit].has-shape-rounded {
  border-radius: 12px;
}
.cool-form__button[type=submit].has-shape-round {
  border-radius: 32px;
}
.cool-form__button[type=submit].has-shape-default {
  border-radius: 4px;
}
.cool-form__button-icon {
  color: inherit;
  fill: currentColor;
  font-size: 1em;
  height: 1em;
  width: 1em;
}
.cool-form__select {
  position: relative;
}
.cool-form__select .select-caret-down-wrapper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-end: 10px;
  pointer-events: none;
  font-size: 11px;
}
.cool-form__select .select-caret-down-wrapper svg {
  display: unset;
  width: 1em;
  aspect-ratio: unset;
  fill: currentColor;
}
.cool-form__select .select-caret-down-wrapper i {
  font-size: 19px;
  line-height: 2;
}
.cool-form__select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.cool-form__select select::-ms-expand {
  display: none;
}

.cool-form-button-icon svg {
  height: auto;
  width: 1em;
}

/*# sourceMappingURL=Cool_FormKit-forms.css.map*/