/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles/form-modules.scss ***!
  \*****************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --form-modules-primary-50: #f3f6fc;
  --form-modules-primary-100: #e7edf7;
  --form-modules-primary-200: #c9d7ee;
  --form-modules-primary-300: #99b6e0;
  --form-modules-primary-400: #6290ce;
  --form-modules-primary-500: #3e72b9;
  --form-modules-primary-600: #2c5697;
  --form-modules-primary-700: #26477e;
  --form-modules-primary-800: #233e69;
  --form-modules-primary-900: #223658;
  --form-modules-primary-950: #16223b;
  --form-modules-primary: var(--form-modules-primary-500);
  --form-modules-primary-500-30: rgba(62, 114, 185, 0.3);
  --form-modules-primary-500-40: rgba(62, 114, 185, 0.4);
  --form-modules-success: #16a34a;
  --form-modules-success-light: #dcfce7;
  --form-modules-error: #ef4444;
  --form-modules-error-light: #fef2f2;
  --form-modules-warning: #f59e0b;
  --form-modules-warning-light: #fffbeb;
  --form-modules-info: #3b82f6;
  --form-modules-info-light: #eff6ff;
  --form-modules-gray-50: #f9fafb;
  --form-modules-gray-100: #f3f4f6;
  --form-modules-gray-200: #e5e7eb;
  --form-modules-gray-300: #d1d5db;
  --form-modules-gray-400: #9ca3af;
  --form-modules-gray-500: #6b7280;
  --form-modules-gray-600: #4b5563;
  --form-modules-gray-700: #374151;
  --form-modules-gray-800: #1f2937;
  --form-modules-gray-900: #111827;
  --form-modules-font-weight-normal: 400;
  --form-modules-font-weight-medium: 500;
  --form-modules-font-weight-semibold: 600;
  --form-modules-font-weight-bold: 700;
  --form-modules-container-max-width: 32rem;
  --form-modules-container-background: #ffffff;
  --form-modules-container-border-radius: 1rem;
  --form-modules-container-padding: 1.5rem;
  --form-modules-container-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --form-modules-input-border-color-focus: var(--form-modules-primary-500);
  --form-modules-input-border-color-error: var(--form-modules-error);
  --form-modules-input-border-color-success: var(--form-modules-success);
  --form-modules-input-background: #ffffff;
  --form-modules-input-background-disabled: var(--form-modules-gray-100);
}

.form-modules{
  background-color: var(--form-modules-container-background);
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  border-radius: var(--form-modules-container-border-radius);
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: var(--form-modules-container-padding);
  display: flex;
  max-height: 90vh;
  max-width: var(--form-modules-container-max-width);
  flex-direction: column;
  box-sizing: border-box;
  overflow-y: auto;
  box-shadow: var(--form-modules-container-shadow);
}
.form-modules * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.form-modules h1,
.form-modules h2,
.form-modules h3,
.form-modules h4,
.form-modules h5,
.form-modules h6{
  font-weight: 500;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.form-modules p{
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.form-modules a{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
  text-decoration-line: underline;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.form-modules a:hover{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.form-modules ul,
.form-modules ol{
  margin: 0px;
  list-style-type: none;
  padding: 0px;
}
.form-modules button{
  cursor: pointer;
  border-style: none;
  background-color: transparent;
  padding: 0px;
}
.form-modules input,
.form-modules textarea,
.form-modules select{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.form-modules :focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(77 127 203 / var(--tw-ring-opacity, 1));
  --tw-ring-offset-width: 2px;
}
.form-modules ::-webkit-scrollbar{
  width: 0.5rem;
}
.form-modules ::-webkit-scrollbar-track{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.form-modules ::-webkit-scrollbar-thumb{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.form-modules ::-webkit-scrollbar-thumb:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
}
.form-modules * {
  scrollbar-width: thin;
  scrollbar-color: #4d7fcb #f9fafb;
}
.form-modules .form-header{
  flex: none;
  text-align: center;
  padding: 0.5rem;
}
.form-modules .form-header h1,
.form-modules .form-header h2,
.form-modules .form-header h3{
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(77 127 203 / var(--tw-text-opacity, 1));
  margin-bottom: 0.5rem;
}
.form-modules .form-header p{
  font-size: 0.875rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  margin-bottom: 0px;
}
.form-modules .form-content{
  flex: 1 1 0%;
  overflow-y: auto;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  max-height: calc(100vh - 200px);
}
.form-modules .form-fields{
  flex: 1 1 0%;
  overflow-y: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  max-height: calc(100vh - 200px);
}
.form-modules .form-footer{
  display: flex;
  align-items: center;
  padding: 0.5rem;
}
.form-modules .field-group{
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0px;
}
@media (min-width: 640px){
  .form-modules .field-group{
    flex-direction: row;
    gap: 1rem;
  }
}
.form-modules .field-prefix{
  width: 8rem;
  flex-shrink: 0;
}
.form-modules .field-main{
  flex: 1 1 0%;
}
.form-modules form{
  width: 100%;
}
.form-modules .authorization-section{
  padding: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.form-modules .authorization-section p{
  font-size: 0.875rem;
  line-height: 1.625;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  margin-bottom: 0.75rem;
}
.form-modules .authorization-section p a{
  text-decoration-line: underline;
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.form-modules .authorization-section p a:hover{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.form-modules .authorization-section .radio-group{
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.form-modules .authorization-section .radio-group .radio-option{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.form-modules .authorization-section .radio-group .radio-option input[type=radio]{
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  margin: 0px;
}
.form-modules .authorization-section .radio-group .radio-option label{
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  cursor: pointer;
  margin-bottom: 0px;
}
.form-modules .authorization-section .radio-group .radio-option label:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.form-modules .field{
  margin-bottom: 1rem;
  width: 100%;
}
.form-modules .field label{
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  margin-bottom: 0.25rem;
}
.form-modules .field-with-prefix{
  display: flex;
  align-items: center;
}
.form-modules .field-with-prefix .field-prefix{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  border-width: 1px;
  border-right-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.form-modules .field-with-prefix input{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left-width: 0px;
}
.form-modules .field-with-prefix input:focus{
  border-left-width: 0px;
}
.form-modules input[type=text],
.form-modules input[type=email],
.form-modules input[type=tel],
.form-modules input[type=password],
.form-modules input[type=url],
.form-modules input[type=search],
.form-modules input[type=number]{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}
.form-modules input[type=text]:focus,
.form-modules input[type=email]:focus,
.form-modules input[type=tel]:focus,
.form-modules input[type=password]:focus,
.form-modules input[type=url]:focus,
.form-modules input[type=search]:focus,
.form-modules input[type=number]:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}
.form-modules input[type=text]::-moz-placeholder, .form-modules input[type=email]::-moz-placeholder, .form-modules input[type=tel]::-moz-placeholder, .form-modules input[type=password]::-moz-placeholder, .form-modules input[type=url]::-moz-placeholder, .form-modules input[type=search]::-moz-placeholder, .form-modules input[type=number]::-moz-placeholder{
  color: #6b7280;
  opacity: 1;
}
.form-modules input[type=text]::placeholder,
.form-modules input[type=email]::placeholder,
.form-modules input[type=tel]::placeholder,
.form-modules input[type=password]::placeholder,
.form-modules input[type=url]::placeholder,
.form-modules input[type=search]::placeholder,
.form-modules input[type=number]::placeholder{
  color: #6b7280;
  opacity: 1;
}
.form-modules input[type=text]::-webkit-datetime-edit-fields-wrapper,
.form-modules input[type=email]::-webkit-datetime-edit-fields-wrapper,
.form-modules input[type=tel]::-webkit-datetime-edit-fields-wrapper,
.form-modules input[type=password]::-webkit-datetime-edit-fields-wrapper,
.form-modules input[type=url]::-webkit-datetime-edit-fields-wrapper,
.form-modules input[type=search]::-webkit-datetime-edit-fields-wrapper,
.form-modules input[type=number]::-webkit-datetime-edit-fields-wrapper{
  padding: 0;
}
.form-modules input[type=text]::-webkit-date-and-time-value,
.form-modules input[type=email]::-webkit-date-and-time-value,
.form-modules input[type=tel]::-webkit-date-and-time-value,
.form-modules input[type=password]::-webkit-date-and-time-value,
.form-modules input[type=url]::-webkit-date-and-time-value,
.form-modules input[type=search]::-webkit-date-and-time-value,
.form-modules input[type=number]::-webkit-date-and-time-value{
  min-height: 1.5em;
  text-align: inherit;
}
.form-modules input[type=text]::-webkit-datetime-edit,
.form-modules input[type=email]::-webkit-datetime-edit,
.form-modules input[type=tel]::-webkit-datetime-edit,
.form-modules input[type=password]::-webkit-datetime-edit,
.form-modules input[type=url]::-webkit-datetime-edit,
.form-modules input[type=search]::-webkit-datetime-edit,
.form-modules input[type=number]::-webkit-datetime-edit{
  display: inline-flex;
}
.form-modules input[type=text]::-webkit-datetime-edit,.form-modules input[type=text]::-webkit-datetime-edit-year-field,.form-modules input[type=text]::-webkit-datetime-edit-month-field,.form-modules input[type=text]::-webkit-datetime-edit-day-field,.form-modules input[type=text]::-webkit-datetime-edit-hour-field,.form-modules input[type=text]::-webkit-datetime-edit-minute-field,.form-modules input[type=text]::-webkit-datetime-edit-second-field,.form-modules input[type=text]::-webkit-datetime-edit-millisecond-field,.form-modules input[type=text]::-webkit-datetime-edit-meridiem-field,
.form-modules input[type=email]::-webkit-datetime-edit,
.form-modules input[type=email]::-webkit-datetime-edit-year-field,
.form-modules input[type=email]::-webkit-datetime-edit-month-field,
.form-modules input[type=email]::-webkit-datetime-edit-day-field,
.form-modules input[type=email]::-webkit-datetime-edit-hour-field,
.form-modules input[type=email]::-webkit-datetime-edit-minute-field,
.form-modules input[type=email]::-webkit-datetime-edit-second-field,
.form-modules input[type=email]::-webkit-datetime-edit-millisecond-field,
.form-modules input[type=email]::-webkit-datetime-edit-meridiem-field,
.form-modules input[type=tel]::-webkit-datetime-edit,
.form-modules input[type=tel]::-webkit-datetime-edit-year-field,
.form-modules input[type=tel]::-webkit-datetime-edit-month-field,
.form-modules input[type=tel]::-webkit-datetime-edit-day-field,
.form-modules input[type=tel]::-webkit-datetime-edit-hour-field,
.form-modules input[type=tel]::-webkit-datetime-edit-minute-field,
.form-modules input[type=tel]::-webkit-datetime-edit-second-field,
.form-modules input[type=tel]::-webkit-datetime-edit-millisecond-field,
.form-modules input[type=tel]::-webkit-datetime-edit-meridiem-field,
.form-modules input[type=password]::-webkit-datetime-edit,
.form-modules input[type=password]::-webkit-datetime-edit-year-field,
.form-modules input[type=password]::-webkit-datetime-edit-month-field,
.form-modules input[type=password]::-webkit-datetime-edit-day-field,
.form-modules input[type=password]::-webkit-datetime-edit-hour-field,
.form-modules input[type=password]::-webkit-datetime-edit-minute-field,
.form-modules input[type=password]::-webkit-datetime-edit-second-field,
.form-modules input[type=password]::-webkit-datetime-edit-millisecond-field,
.form-modules input[type=password]::-webkit-datetime-edit-meridiem-field,
.form-modules input[type=url]::-webkit-datetime-edit,
.form-modules input[type=url]::-webkit-datetime-edit-year-field,
.form-modules input[type=url]::-webkit-datetime-edit-month-field,
.form-modules input[type=url]::-webkit-datetime-edit-day-field,
.form-modules input[type=url]::-webkit-datetime-edit-hour-field,
.form-modules input[type=url]::-webkit-datetime-edit-minute-field,
.form-modules input[type=url]::-webkit-datetime-edit-second-field,
.form-modules input[type=url]::-webkit-datetime-edit-millisecond-field,
.form-modules input[type=url]::-webkit-datetime-edit-meridiem-field,
.form-modules input[type=search]::-webkit-datetime-edit,
.form-modules input[type=search]::-webkit-datetime-edit-year-field,
.form-modules input[type=search]::-webkit-datetime-edit-month-field,
.form-modules input[type=search]::-webkit-datetime-edit-day-field,
.form-modules input[type=search]::-webkit-datetime-edit-hour-field,
.form-modules input[type=search]::-webkit-datetime-edit-minute-field,
.form-modules input[type=search]::-webkit-datetime-edit-second-field,
.form-modules input[type=search]::-webkit-datetime-edit-millisecond-field,
.form-modules input[type=search]::-webkit-datetime-edit-meridiem-field,
.form-modules input[type=number]::-webkit-datetime-edit,
.form-modules input[type=number]::-webkit-datetime-edit-year-field,
.form-modules input[type=number]::-webkit-datetime-edit-month-field,
.form-modules input[type=number]::-webkit-datetime-edit-day-field,
.form-modules input[type=number]::-webkit-datetime-edit-hour-field,
.form-modules input[type=number]::-webkit-datetime-edit-minute-field,
.form-modules input[type=number]::-webkit-datetime-edit-second-field,
.form-modules input[type=number]::-webkit-datetime-edit-millisecond-field,
.form-modules input[type=number]::-webkit-datetime-edit-meridiem-field{
  padding-top: 0;
  padding-bottom: 0;
}
.form-modules input[type=text],
.form-modules input[type=email],
.form-modules input[type=tel],
.form-modules input[type=password],
.form-modules input[type=url],
.form-modules input[type=search],
.form-modules input[type=number]{
  width: 100%;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 0px;
  border-width: 0px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.form-modules input[type=text]::-moz-placeholder, .form-modules input[type=email]::-moz-placeholder, .form-modules input[type=tel]::-moz-placeholder, .form-modules input[type=password]::-moz-placeholder, .form-modules input[type=url]::-moz-placeholder, .form-modules input[type=search]::-moz-placeholder, .form-modules input[type=number]::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.form-modules input[type=text]::placeholder,
.form-modules input[type=email]::placeholder,
.form-modules input[type=tel]::placeholder,
.form-modules input[type=password]::placeholder,
.form-modules input[type=url]::placeholder,
.form-modules input[type=search]::placeholder,
.form-modules input[type=number]::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.form-modules input[type=text],
.form-modules input[type=email],
.form-modules input[type=tel],
.form-modules input[type=password],
.form-modules input[type=url],
.form-modules input[type=search],
.form-modules input[type=number]{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 0px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
}
.form-modules input[type=text]:focus,
.form-modules input[type=email]:focus,
.form-modules input[type=tel]:focus,
.form-modules input[type=password]:focus,
.form-modules input[type=url]:focus,
.form-modules input[type=search]:focus,
.form-modules input[type=number]:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  border-radius: 0px;
  background-color: transparent;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(77 127 203 / var(--tw-border-opacity, 1));
}
.form-modules input[type=text]:hover:not(:focus),
.form-modules input[type=email]:hover:not(:focus),
.form-modules input[type=tel]:hover:not(:focus),
.form-modules input[type=password]:hover:not(:focus),
.form-modules input[type=url]:hover:not(:focus),
.form-modules input[type=search]:hover:not(:focus),
.form-modules input[type=number]:hover:not(:focus){
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.form-modules input[type=text]::-moz-placeholder, .form-modules input[type=email]::-moz-placeholder, .form-modules input[type=tel]::-moz-placeholder, .form-modules input[type=password]::-moz-placeholder, .form-modules input[type=url]::-moz-placeholder, .form-modules input[type=search]::-moz-placeholder, .form-modules input[type=number]::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.form-modules input[type=text]::placeholder,
.form-modules input[type=email]::placeholder,
.form-modules input[type=tel]::placeholder,
.form-modules input[type=password]::placeholder,
.form-modules input[type=url]::placeholder,
.form-modules input[type=search]::placeholder,
.form-modules input[type=number]::placeholder{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.form-modules select,
.form-modules .field select{
  width: 100%;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0px;
  border-width: 0px;
  border-bottom-width: 1px;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%23666666%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.8%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e");
  background-position: right 0.7rem center;
  background-repeat: no-repeat;
  background-size: 1.2em 1.2em;
  transition: all 0.25s ease-in-out;
}
.form-modules select:hover:not(:focus),
.form-modules .field select:hover:not(:focus){
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%23374151%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e");
}
.form-modules select:focus,
.form-modules .field select:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  border-radius: 0px;
  background-color: transparent;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(77 127 203 / var(--tw-border-opacity, 1));
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%233b82f6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e");
}
.form-modules select.select-open,
.form-modules .field select.select-open {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%233b82f6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M14 12l-4-4-4 4%27/%3e%3c/svg%3e");
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(77 127 203 / var(--tw-border-opacity, 1));
}
.form-modules select:disabled,
.form-modules .field select:disabled{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  cursor: not-allowed;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%23d1d5db%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e");
}
.form-modules select option,
.form-modules .field select option{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.875rem;
}
.form-modules select option:checked,
.form-modules .field select option:checked{
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.form-modules select option:disabled,
.form-modules .field select option:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.form-modules select[multiple]{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}
.form-modules select[multiple]:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}
.form-modules select[multiple]{
  position: relative;
  border-radius: 0px;
  border-width: 0px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  background-image: none;
}
.form-modules select[multiple]::before{
  position: absolute;
  bottom: 0px;
  left: 50%;
  height: 0.125rem;
  width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(77 127 203 / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  content: "";
  transform: translateX(-50%);
  z-index: 10;
}
.form-modules select[multiple]:focus{
  border-radius: 0px;
  background-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
  border-bottom-color: transparent;
}
.form-modules select[multiple]:focus::before{
  width: 100%;
}
.form-modules textarea{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}
.form-modules textarea:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}
.form-modules textarea::-moz-placeholder{
  color: #6b7280;
  opacity: 1;
}
.form-modules textarea::placeholder{
  color: #6b7280;
  opacity: 1;
}
.form-modules textarea{
  position: relative;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.form-modules textarea::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.form-modules textarea::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
}
.form-modules textarea{
  resize: vertical;
  outline: 2px solid transparent;
  outline-offset: 2px;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.form-modules textarea::before{
  position: absolute;
  bottom: 0px;
  left: 50%;
  height: 0.125rem;
  width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(77 127 203 / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
  content: "";
  transform: translateX(-50%);
  z-index: 10;
}
.form-modules textarea:focus{
  background-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
  border-bottom-color: transparent;
}
.form-modules textarea:focus::before{
  width: 100%;
}
.form-modules textarea:hover:not(:focus){
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.form-modules input[type=radio] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  border: 2px solid #9ca3af !important;
  border-radius: 50% !important;
  background-color: white !important;
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box !important;
  transition: all 0.2s ease-in-out;
}
.form-modules input[type=radio]:hover {
  border-color: #4b5563 !important;
  border-radius: 50% !important;
}
.form-modules input[type=radio]:checked {
  border-color: #4d7fcb !important;
  background-color: white !important;
  border-radius: 50% !important;
}
.form-modules input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 0.375rem;
  width: 0.375rem;
  background-color: #4d7fcb;
  border-radius: 50%;
}
.form-modules input[type=radio]:focus {
  outline: none !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3) !important;
}
.form-modules input[type=radio]:disabled {
  border-color: #d1d5db !important;
  background-color: #f3f4f6 !important;
  cursor: not-allowed;
  border-radius: 50% !important;
}
.form-modules input[type=radio]:active, .form-modules input[type=radio]:visited, .form-modules input[type=radio]:link{
  border-radius: 9999px;
}
.form-modules input[type=checkbox]{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
  border-radius: 0px;
}
.form-modules input[type=checkbox]:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.form-modules input[type=checkbox]:checked{
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z%27/%3e%3c/svg%3e");
}
@media (forced-colors: active) {
  .form-modules input[type=checkbox]:checked{
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
.form-modules input[type=checkbox]:checked:hover,.form-modules input[type=checkbox]:checked:focus{
  border-color: transparent;
  background-color: currentColor;
}
.form-modules input[type=checkbox]:indeterminate{
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3e%3cpath stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8h8%27/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
@media (forced-colors: active) {
  .form-modules input[type=checkbox]:indeterminate{
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}
.form-modules input[type=checkbox]:indeterminate:hover,.form-modules input[type=checkbox]:indeterminate:focus{
  border-color: transparent;
  background-color: currentColor;
}
.form-modules input[type=checkbox]{
  height: 1rem;
  width: 1rem;
  border-radius: 0.25rem;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  accent-color: #4d7fcb;
}
.form-modules input[type=checkbox]:checked{
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.form-modules input[type=checkbox]:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.form-modules input[type=file]{
  border-radius: 0.75rem;
  border-width: 2px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
  padding: 0.75rem;
  font-size: 0.875rem;
}
.form-modules input[type=file]::file-selector-button{
  margin-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 9999px;
  border-width: 0px;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.form-modules input[type=file]::file-selector-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.form-modules input[type=file]:hover{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.form-modules input[type=file]:focus{
  --tw-border-opacity: 1;
  border-color: rgb(77 127 203 / var(--tw-border-opacity, 1));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.form-modules label{
  font-size: 0.875rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  margin-bottom: 0.5rem;
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.form-modules label:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.form-modules label.required::after{
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  content: " *";
}
.form-modules input.error,
.form-modules select.error{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.form-modules input.error:focus,
.form-modules select.error:focus{
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.form-modules input.validated,
.form-modules select.validated{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.form-modules input.validated:focus,
.form-modules select.validated:focus{
  border-radius: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.form-modules label.error{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.form-modules input[type=number]::-webkit-outer-spin-button, .form-modules input[type=number]::-webkit-inner-spin-button{
  margin: 0px;
  -webkit-appearance: none;
          appearance: none;
}
.form-modules input[type=number][type=number] {
  -moz-appearance: textfield;
}
.form-modules input:focus,
.form-modules textarea:focus,
.form-modules select:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.form-modules .submit-button{
  margin: 0px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-width: 0px;
  background-color: transparent;
  padding: 0px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  position: relative;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-left: auto;
  margin-right: auto;
  min-height: 2.5rem;
  width: 100%;
  min-width: 4rem;
  max-width: 424px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  border-radius: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  white-space: nowrap;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --tw-bg-opacity: 1;
  background-color: rgb(77 127 203 / var(--tw-bg-opacity, 1));
  vertical-align: top;
  text-decoration-line: none;
  font: inherit;
}
.form-modules .submit-button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
  --tw-translate-y: -0.125rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  box-shadow: 0 4px 12px rgba(77, 127, 203, 0.3);
}
.form-modules .submit-button:active{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  box-shadow: 0 2px 8px rgba(77, 127, 203, 0.4);
}
.form-modules .submit-button:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(77, 127, 203, 0.3);
}
.form-modules .submit-button:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(243 244 246 / var(--tw-text-opacity, 1));
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
  pointer-events: none;
}
.form-modules .submit-button:disabled:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
  transform: none;
  box-shadow: none;
}
.form-modules .submit-button.is-submitting{
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  pointer-events: none;
}
.form-modules .submit-button.is-submitting:hover{
  transform: none;
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
  box-shadow: none;
}
@media (max-width: 639px) {
  .form-modules .submit-button{
    min-height: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 1rem;
  }
}
.form-modules .error_text{
  display: flex;
  align-items: center;
  margin-top: 0.25rem;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 0.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  border-radius: 0.5rem;
  font-size: 12px;
  animation: errorSlideIn 0.3s ease-out;
}
.form-modules .error_text::before {
  content: "⚠ ";
  font-size: 0.75rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
@keyframes errorSlideIn {
  from{
    opacity: 0;
    transform: translateY(-10px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}
.form-modules input.error,
.form-modules select.error{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.form-modules input.error:focus,
.form-modules select.error:focus {
  border-bottom-color: #ef4444 !important;
}
.form-modules input.validated,
.form-modules select.validated{
  --tw-border-opacity: 1;
  border-color: rgb(22 163 74 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.form-modules input.validated:focus,
.form-modules select.validated:focus {
  border-bottom-color: #16a34a !important;
}
.form-modules .radio-group{
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.form-modules .radio-option{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.form-modules .fm-hidden{
  display: none;
}
.form-modules .form-general-error{
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
  margin-bottom: 1rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}
.form-modules .field-container{
  margin-bottom: 1rem;
}
.form-modules .form-group{
  margin-bottom: 1rem;
}
.form-modules .input-group{
  display: flex;
  gap: 0.5rem;
}
.form-modules .radio-inline-group{
  display: flex;
  align-items: center;
  margin-top: 0.75rem;
  gap: 1.5rem;
}
.form-modules .radio-inline-group .radio-option{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.form-modules .radio-inline-group .radio-option input[type=radio]{
  margin-right: 0.25rem;
  height: 1rem;
  width: 1rem;
}
.form-modules .radio-inline-group .radio-option label{
  cursor: pointer;
  font-size: 0.875rem;
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.form-modules .radio-inline-group .radio-option label:hover{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.form-modules .phone-row{
  display: flex;
  width: 100%;
  gap: 1rem;
}
.form-modules .name-row{
  display: flex;
  width: 100%;
  gap: 1rem;
}
.form-modules .name-field{
  flex: 1 1 0%;
}
.form-modules .prefix-field{
  width: 8rem;
  flex-shrink: 0;
}
.form-modules .mobile-field{
  flex: 1 1 0%;
}
.form-modules .test-info{
  padding: 1rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.form-modules .test-info.test-additional{
  border-left-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(168 85 247 / var(--tw-border-opacity, 1));
}