@charset "utf-8";

@-webkit-keyframes buttonSpin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes slideUp { 
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0px); }
}

body { -webkit-font-smoothing: antialiased; color: rgb(67, 68, 79); font-family: "Noto Sans", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.6; }

.heading-1, h1 { font-size: 48px; margin-bottom: 24px; }

.heading-1, .heading-2, h1, h2 { color: rgb(18, 18, 28); font-family: "Noto Sans", sans-serif; font-weight: 700; letter-spacing: -0.025em; line-height: 1.2; }

.heading-2, h2 { font-size: 24px; margin-bottom: 16px; margin-top: 16px; }

.heading-3, h3 { font-size: 30px; margin-bottom: 16px; }

.heading-3, .heading-4, h3, h4 { color: rgb(28, 28, 38); font-family: "Noto Sans", sans-serif; font-weight: 600; line-height: 1.4; }

.heading-4, h4 { font-size: 24px; margin-bottom: 8px; }

.heading-5, h5 { font-size: 20px; }

.heading-5, .heading-6, h5, h6 { color: rgb(67, 68, 79); font-family: "Noto Sans", sans-serif; font-weight: 500; line-height: 1.4; margin-bottom: 8px; }

.heading-6, h6 { font-size: 18px; }

.text-large { font-size: 18px; }

.text-body, .text-large { color: rgb(67, 68, 79); font-family: "Noto Sans", sans-serif; font-weight: 400; line-height: 1.6; }

.text-body { font-size: 16px; }

.text-small { color: rgb(102, 102, 102); font-size: 14px; }

.text-caption, .text-small { font-family: "Noto Sans", sans-serif; font-weight: 400; line-height: 1.4; }

.text-caption { color: rgb(107, 107, 128); font-size: 12px; }

.text-weight-regular { font-weight: 400; }

.text-weight-medium { font-weight: 500; }

.text-weight-semibold { font-weight: 600; }

.text-weight-bold { font-weight: 700; }

.text-primary { color: rgb(107, 107, 128); }

.text-primary-dark { color: rgb(66, 38, 94); }

.text-secondary { color: rgb(200, 67, 24); }

.text-neutral { color: rgb(68, 68, 68); }

.text-white { color: rgb(255, 255, 255); }

.text-black, .text-gray-900 { color: rgb(18, 18, 28); }

.text-gray-800 { color: rgb(28, 28, 38); }

.text-gray-700 { color: rgb(67, 68, 79); }

.text-gray-600 { color: rgb(102, 102, 102); }

.text-gray-500 { color: rgb(107, 107, 128); }

.text-gray-400 { color: rgb(170, 170, 170); }

.text-muted { color: rgb(107, 107, 128); }

.text-error { color: rgb(219, 94, 43); }

.text-success { color: rgb(34, 197, 94); }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-justify { text-align: justify; }

.text-uppercase { text-transform: uppercase; }

.text-lowercase { text-transform: lowercase; }

.text-capitalize { text-transform: capitalize; }

.text-normal-case { text-transform: none; }

.text-underline { text-decoration: underline; }

.text-no-underline { text-decoration: none; }

.text-line-through { text-decoration: line-through; }

.leading-tight { line-height: 1.2; }

.leading-normal { line-height: 1.4; }

.leading-relaxed { line-height: 1.6; }

.leading-loose { line-height: 1.8; }

.tracking-tight { letter-spacing: -0.025em; }

.tracking-normal { letter-spacing: 0px; }

.tracking-wide { letter-spacing: 0.025em; }

.display-large { color: rgb(18, 18, 28); font-family: "Noto Sans", sans-serif; font-size: 64px; font-weight: 700; letter-spacing: -0.025em; line-height: 1.2; }

@media (max-width: 991px) {
  .display-large { font-size: 48px; }
}

@media (max-width: 767px) {
  .display-large { font-size: 36px; }
}

.display-medium { color: rgb(18, 18, 28); font-family: "Noto Sans", sans-serif; font-size: 48px; font-weight: 700; line-height: 1.2; }

@media (max-width: 991px) {
  .display-medium { font-size: 36px; }
}

@media (max-width: 767px) {
  .display-medium { font-size: 30px; }
}

.display-small { color: rgb(18, 18, 28); font-family: "Noto Sans", sans-serif; font-size: 36px; font-weight: 600; line-height: 1.2; }

@media (max-width: 991px) {
  .display-small { font-size: 30px; }
}

@media (max-width: 767px) {
  .display-small { font-size: 24px; }
}

.lead { color: rgb(102, 102, 102); font-size: 20px; font-weight: 400; margin-bottom: 24px; }

.blockquote, .lead { font-family: "Noto Sans", sans-serif; line-height: 1.6; }

.blockquote { border-left: 4px solid rgb(107, 107, 128); color: rgb(67, 68, 79); font-size: 18px; font-style: italic; font-weight: 500; margin: 32px 0px; padding-left: 24px; }

.blockquote cite { color: rgb(107, 107, 128); display: block; font-size: 14px; font-style: normal; font-weight: 400; margin-top: 8px; }

.blockquote cite::before { content: "— "; }

.code { border-radius: 4px; font-size: 0.875em; padding: 2px 6px; }

.code, .pre { background: rgb(245, 245, 245); color: rgb(28, 28, 38); font-family: "Courier New", monospace; }

.pre { overflow-wrap: break-word; border-radius: 8px; font-size: 14px; overflow-x: auto; padding: 16px; white-space: pre-wrap; }

.link { color: rgb(107, 107, 128); cursor: pointer; text-decoration: underline; transition: color 0.3s ease-in-out; }

.link:hover { color: rgb(66, 38, 94); }

.link:focus { outline: rgb(107, 107, 128) solid 2px; outline-offset: 2px; }

.link:active { color: rgb(66, 38, 94); }

.link-subtle { color: rgb(102, 102, 102); text-decoration: none; transition: color 0.3s ease-in-out; }

.link-subtle:hover { color: rgb(107, 107, 128); text-decoration: underline; }

.list-styled { padding-left: 24px; }

.list-styled li { margin-bottom: 4px; }

.list-unstyled { list-style: none; padding-left: 0px; }

.list-unstyled li { margin-bottom: 4px; }

.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.text-clamp-1 { -webkit-line-clamp: 1; }

.text-clamp-1, .text-clamp-2 { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }

.text-clamp-2 { -webkit-line-clamp: 2; }

.text-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }

@keyframes buttonSpin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes slideUp { 
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0px); }
}

*, ::after, ::before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }

::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59,130,246,.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }

*, ::after, ::before { border: 0px solid rgb(229, 231, 235); box-sizing: border-box; }

::after, ::before { --tw-content: ""; }

:host, html { text-size-adjust: 100%; font-feature-settings: normal; -webkit-tap-highlight-color: transparent; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-variation-settings: normal; line-height: 1.5; tab-size: 4; }

body { line-height: inherit; margin: 0px; }

hr { border-top-width: 1px; color: inherit; height: 0px; }

abbr:where([title]) { text-decoration: underline dotted; }

h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }

a { color: inherit; text-decoration: inherit; }

b, strong { font-weight: bolder; }

code, kbd, pre, samp { font-feature-settings: normal; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; font-variation-settings: normal; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

table { border-collapse: collapse; border-color: inherit; text-indent: 0px; }

button, input, optgroup, select, textarea { font-feature-settings: inherit; color: inherit; font-family: inherit; font-size: 100%; font-variation-settings: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; margin: 0px; padding: 0px; }

button, select { text-transform: none; }

button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) { appearance: button; background-color: transparent; background-image: none; }

progress { vertical-align: baseline; }

::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }

[type="search"] { appearance: textfield; outline-offset: -2px; }

::-webkit-search-decoration { appearance: none; }

::-webkit-file-upload-button { appearance: button; font: inherit; }

summary { display: list-item; }

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0px; }

fieldset { margin: 0px; }

fieldset, legend { padding: 0px; }

menu, ol, ul { list-style: none; margin: 0px; padding: 0px; }

dialog { padding: 0px; }

textarea { resize: vertical; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: rgb(156, 163, 175); opacity: 1; }

input::placeholder, textarea::placeholder { color: rgb(156, 163, 175); opacity: 1; }

[role="button"], button { cursor: pointer; }

:disabled { cursor: default; }

audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle; }

img, video { height: auto; max-width: 100%; }

[hidden]:where(:not([hidden="until-found"])) { display: none; }

#react-dynamic-form .pointer-events-none { pointer-events: none; }

#react-dynamic-form .visible { visibility: visible; }

#react-dynamic-form .static { position: static; }

#react-dynamic-form .fixed { position: fixed; }

#react-dynamic-form .absolute { position: absolute; }

#react-dynamic-form .relative { position: relative; }

#react-dynamic-form .inset-0 { inset: 0px; }

#react-dynamic-form .-top-1 { top: -0.25rem; }

#react-dynamic-form .bottom-2 { bottom: 0.5rem; }

#react-dynamic-form .bottom-3\.5 { bottom: 0.875rem; }

#react-dynamic-form .left-0 { left: 0px; }

#react-dynamic-form .left-4 { left: 1rem; }

#react-dynamic-form .right-0 { right: 0px; }

#react-dynamic-form .right-2 { right: 0.5rem; }

#react-dynamic-form .right-4 { right: 1rem; }

#react-dynamic-form .top-1 { top: 0.25rem; }

#react-dynamic-form .top-1\/2 { top: 50%; }

#react-dynamic-form .top-2 { top: 0.5rem; }

#react-dynamic-form .z-10 { z-index: 10; }

#react-dynamic-form .z-30 { z-index: 30; }

#react-dynamic-form .z-40 { z-index: 40; }

#react-dynamic-form .z-50 { z-index: 50; }

#react-dynamic-form .z-\[9999\] { z-index: 9999; }

#react-dynamic-form .m-0\.5 { margin: 0.125rem; }

#react-dynamic-form .mx-auto { margin-left: auto; margin-right: auto; }

#react-dynamic-form .-ml-1 { margin-left: -0.25rem; }

#react-dynamic-form .mb-2 { margin-bottom: 0.5rem; }

#react-dynamic-form .mb-3 { margin-bottom: 0.75rem; }

#react-dynamic-form .mb-4 { margin-bottom: 1rem; }

#react-dynamic-form .ml-1 { margin-left: 0.25rem; }

#react-dynamic-form .ml-2 { margin-left: 0.5rem; }

#react-dynamic-form .ml-3 { margin-left: 0.75rem; }

#react-dynamic-form .mr-1 { margin-right: 0.25rem; }

#react-dynamic-form .mr-2 { margin-right: 0.5rem; }

#react-dynamic-form .mt-0 { margin-top: 0px; }

#react-dynamic-form .mt-1 { margin-top: 0.25rem; }

#react-dynamic-form .mt-2 { margin-top: 0.5rem; }

#react-dynamic-form .mt-4 { margin-top: 1rem; }

#react-dynamic-form .block { display: block; }

#react-dynamic-form .flex { display: flex; }

#react-dynamic-form .inline-flex { display: inline-flex; }

#react-dynamic-form .table { display: table; }

#react-dynamic-form .hidden { display: none; }

#react-dynamic-form .h-1 { height: 0.25rem; }

#react-dynamic-form .h-12 { height: 3rem; }

#react-dynamic-form .h-16 { height: 4rem; }

#react-dynamic-form .h-2 { height: 0.5rem; }

#react-dynamic-form .h-3\.5 { height: 0.875rem; }

#react-dynamic-form .h-4 { height: 1rem; }

#react-dynamic-form .h-5 { height: 1.25rem; }

#react-dynamic-form .h-8 { height: 2rem; }

#react-dynamic-form .h-\[52px\] { height: 52px; }

#react-dynamic-form .h-auto { height: auto; }

#react-dynamic-form .h-full { height: 100%; }

#react-dynamic-form .min-h-\[100px\] { min-height: 100px; }

#react-dynamic-form .min-h-\[52px\] { min-height: 52px; }

#react-dynamic-form .w-12 { width: 3rem; }

#react-dynamic-form .w-16 { width: 4rem; }

#react-dynamic-form .w-2 { width: 0.5rem; }

#react-dynamic-form .w-3\.5 { width: 0.875rem; }

#react-dynamic-form .w-4 { width: 1rem; }

#react-dynamic-form .w-5 { width: 1.25rem; }

#react-dynamic-form .w-8 { width: 2rem; }

#react-dynamic-form .w-full { width: 100%; }

#react-dynamic-form .min-w-\[80px\] { min-width: 80px; }

#react-dynamic-form .max-w-full { max-width: 100%; }

#react-dynamic-form .max-w-md { max-width: 28rem; }

#react-dynamic-form .flex-shrink-0 { flex-shrink: 0; }

#react-dynamic-form .-translate-y-1\/2 { --tw-translate-y: -50%; }

#react-dynamic-form .-translate-y-1\/2, #react-dynamic-form .rotate-0 { 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)); }

#react-dynamic-form .rotate-0 { --tw-rotate: 0deg; }

#react-dynamic-form .rotate-180 { --tw-rotate: 180deg; }

#react-dynamic-form .rotate-180, #react-dynamic-form .transform { 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)); }

@-webkit-keyframes spin { 
  100% { transform: rotate(1turn); }
}

@keyframes spin { 
  100% { transform: rotate(1turn); }
}

#react-dynamic-form .animate-spin { animation: 1s linear 0s infinite normal none running spin; }

#react-dynamic-form .cursor-not-allowed { cursor: not-allowed; }

#react-dynamic-form .cursor-pointer { cursor: pointer; }

#react-dynamic-form .cursor-text { cursor: text; }

#react-dynamic-form .resize-none { resize: none; }

#react-dynamic-form .resize-y { resize: vertical; }

#react-dynamic-form .resize-x { resize: horizontal; }

#react-dynamic-form .resize { resize: both; }

#react-dynamic-form .list-disc { list-style-type: disc; }

#react-dynamic-form .flex-col { flex-direction: column; }

#react-dynamic-form .flex-wrap { flex-wrap: wrap; }

#react-dynamic-form .items-start { align-items: flex-start; }

#react-dynamic-form .items-center { align-items: center; }

#react-dynamic-form .justify-end { justify-content: flex-end; }

#react-dynamic-form .justify-center { justify-content: center; }

#react-dynamic-form .justify-between { justify-content: space-between; }

#react-dynamic-form .gap-1 { gap: 0.25rem; }

#react-dynamic-form .gap-2 { gap: 0.5rem; }

#react-dynamic-form .gap-4 { gap: 1rem; }

#react-dynamic-form :is(.space-x-2 > :not([hidden]) ~ :not([hidden])) { --tw-space-x-reverse: 0; margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse))); margin-right: calc(.5rem*var(--tw-space-x-reverse)); }

#react-dynamic-form :is(.space-x-3 > :not([hidden]) ~ :not([hidden])) { --tw-space-x-reverse: 0; margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse))); margin-right: calc(.75rem*var(--tw-space-x-reverse)); }

#react-dynamic-form :is(.space-x-4 > :not([hidden]) ~ :not([hidden])) { --tw-space-x-reverse: 0; margin-left: calc(1rem*(1 - var(--tw-space-x-reverse))); margin-right: calc(1rem*var(--tw-space-x-reverse)); }

#react-dynamic-form :is(.space-y-1 > :not([hidden]) ~ :not([hidden])) { --tw-space-y-reverse: 0; margin-bottom: calc(.25rem*var(--tw-space-y-reverse)); margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse))); }

#react-dynamic-form :is(.space-y-3 > :not([hidden]) ~ :not([hidden])) { --tw-space-y-reverse: 0; margin-bottom: calc(.75rem*var(--tw-space-y-reverse)); margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse))); }

#react-dynamic-form :is(.space-y-6 > :not([hidden]) ~ :not([hidden])) { --tw-space-y-reverse: 0; margin-bottom: calc(1.5rem*var(--tw-space-y-reverse)); margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse))); }

#react-dynamic-form .overflow-hidden { overflow: hidden; }

#react-dynamic-form .\!overflow-visible { overflow: visible !important; }

#react-dynamic-form .overflow-x-auto { overflow-x: auto; }

#react-dynamic-form .overflow-y-auto { overflow-y: auto; }

#react-dynamic-form .whitespace-pre-wrap { white-space: pre-wrap; }

#react-dynamic-form .rounded { border-radius: 0.25rem; }

#react-dynamic-form .rounded-full { border-radius: 9999px; }

#react-dynamic-form .rounded-lg { border-radius: 0.5rem; }

#react-dynamic-form .rounded-md { border-radius: 0.375rem; }

#react-dynamic-form .rounded-sm { border-radius: 0.125rem; }

#react-dynamic-form .rounded-xl { border-radius: 0.75rem; }

#react-dynamic-form .rounded-b-lg { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }

#react-dynamic-form .rounded-b-none { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

#react-dynamic-form .rounded-l-lg { border-bottom-left-radius: 0.5rem; border-top-left-radius: 0.5rem; }

#react-dynamic-form .rounded-l-none { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }

#react-dynamic-form .rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }

#react-dynamic-form .rounded-t-none { border-top-left-radius: 0px; border-top-right-radius: 0px; }

#react-dynamic-form .border { border-width: 1px; }

#react-dynamic-form .border-2 { border-width: 2px; }

#react-dynamic-form .border-x { border-left-width: 1px; border-right-width: 1px; }

#react-dynamic-form .border-b { border-bottom-width: 1px; }

#react-dynamic-form .border-r-0 { border-right-width: 0px; }

#react-dynamic-form .border-t { border-top-width: 1px; }

#react-dynamic-form .border-\[\#12121C\] { --tw-border-opacity: 1; border-color: rgb(18 18 28/var(--tw-border-opacity,1)); }

#react-dynamic-form .border-\[\#CF2433\] { --tw-border-opacity: 1; border-color: rgb(207 36 51/var(--tw-border-opacity,1)); }

#react-dynamic-form .border-\[\#E1E1E3\] { --tw-border-opacity: 1; border-color: rgb(225 225 227/var(--tw-border-opacity,1)); }

#react-dynamic-form .border-\[\#d1d5db\] { --tw-border-opacity: 1; border-color: rgb(209 213 219/var(--tw-border-opacity,1)); }

#react-dynamic-form .border-blue-200 { --tw-border-opacity: 1; border-color: rgb(191 219 254/var(--tw-border-opacity,1)); }

#react-dynamic-form .border-blue-600 { --tw-border-opacity: 1; border-color: rgb(37 99 235/var(--tw-border-opacity,1)); }

#react-dynamic-form .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219/var(--tw-border-opacity,1)); }

#react-dynamic-form .border-green-200 { --tw-border-opacity: 1; border-color: rgb(187 247 208/var(--tw-border-opacity,1)); }

#react-dynamic-form .border-green-300 { --tw-border-opacity: 1; border-color: rgb(134 239 172/var(--tw-border-opacity,1)); }

#react-dynamic-form .border-red-200 { --tw-border-opacity: 1; border-color: rgb(254 202 202/var(--tw-border-opacity,1)); }

#react-dynamic-form .border-red-300 { --tw-border-opacity: 1; border-color: rgb(252 165 165/var(--tw-border-opacity,1)); }

#react-dynamic-form .bg-\[\#C84318\] { --tw-bg-opacity: 1; background-color: rgb(200 67 24/var(--tw-bg-opacity,1)); }

#react-dynamic-form .bg-\[\#F2F2F5\] { --tw-bg-opacity: 1; background-color: rgb(242 242 245/var(--tw-bg-opacity,1)); }

#react-dynamic-form .bg-black\/50 { background-color: rgba(0, 0, 0, 0.5); }

#react-dynamic-form .bg-blue-100 { --tw-bg-opacity: 1; background-color: rgb(219 234 254/var(--tw-bg-opacity,1)); }

#react-dynamic-form .bg-blue-50 { --tw-bg-opacity: 1; background-color: rgb(239 246 255/var(--tw-bg-opacity,1)); }

#react-dynamic-form .bg-blue-600 { --tw-bg-opacity: 1; background-color: rgb(37 99 235/var(--tw-bg-opacity,1)); }

#react-dynamic-form .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246/var(--tw-bg-opacity,1)); }

#react-dynamic-form .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235/var(--tw-bg-opacity,1)); }

#react-dynamic-form .bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(209 213 219/var(--tw-bg-opacity,1)); }

#react-dynamic-form .bg-gray-400 { --tw-bg-opacity: 1; background-color: rgb(156 163 175/var(--tw-bg-opacity,1)); }

#react-dynamic-form .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(249 250 251/var(--tw-bg-opacity,1)); }

#react-dynamic-form .bg-green-50 { --tw-bg-opacity: 1; background-color: rgb(240 253 244/var(--tw-bg-opacity,1)); }

#react-dynamic-form .bg-inherit { background-color: inherit; }

#react-dynamic-form .bg-red-100 { --tw-bg-opacity: 1; background-color: rgb(254 226 226/var(--tw-bg-opacity,1)); }

#react-dynamic-form .bg-red-50 { --tw-bg-opacity: 1; background-color: rgb(254 242 242/var(--tw-bg-opacity,1)); }

#react-dynamic-form .bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(220 38 38/var(--tw-bg-opacity,1)); }

#react-dynamic-form .bg-transparent { background-color: transparent; }

#react-dynamic-form .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); }

#react-dynamic-form .p-0 { padding: 0px; }

#react-dynamic-form .p-1 { padding: 0.25rem; }

#react-dynamic-form .p-2 { padding: 0.5rem; }

#react-dynamic-form .p-3 { padding: 0.75rem; }

#react-dynamic-form .p-4 { padding: 1rem; }

#react-dynamic-form .p-8 { padding: 2rem; }

#react-dynamic-form .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }

#react-dynamic-form .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }

#react-dynamic-form .px-4 { padding-left: 1rem; padding-right: 1rem; }

#react-dynamic-form .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }

#react-dynamic-form .py-0 { padding-bottom: 0px; padding-top: 0px; }

#react-dynamic-form .py-0\.5 { padding-bottom: 0.125rem; padding-top: 0.125rem; }

#react-dynamic-form .py-2 { padding-bottom: 0.5rem; padding-top: 0.5rem; }

#react-dynamic-form .py-3 { padding-bottom: 0.75rem; padding-top: 0.75rem; }

#react-dynamic-form .py-8 { padding-bottom: 2rem; padding-top: 2rem; }

#react-dynamic-form .pb-\[14px\] { padding-bottom: 14px; }

#react-dynamic-form .pl-11 { padding-left: 2.75rem; }

#react-dynamic-form .pl-4 { padding-left: 1rem; }

#react-dynamic-form .pl-5 { padding-left: 1.25rem; }

#react-dynamic-form .pr-4 { padding-right: 1rem; }

#react-dynamic-form .pt-4 { padding-top: 1rem; }

#react-dynamic-form .pt-6 { padding-top: 1.5rem; }

#react-dynamic-form .pt-\[30px\] { padding-top: 30px; }

#react-dynamic-form .text-left { text-align: left; }

#react-dynamic-form .text-center { text-align: center; }

#react-dynamic-form .text-2xl { font-size: 1.5rem; line-height: 2rem; }

#react-dynamic-form .text-\[10px\] { font-size: 10px; }

#react-dynamic-form .text-lg { font-size: 1.125rem; line-height: 1.75rem; }

#react-dynamic-form .text-sm { font-size: 0.875rem; line-height: 1.25rem; }

#react-dynamic-form .text-xl { font-size: 1.25rem; line-height: 1.75rem; }

#react-dynamic-form .text-xs { font-size: 0.75rem; line-height: 1rem; }

#react-dynamic-form .font-bold { font-weight: 700; }

#react-dynamic-form .font-medium { font-weight: 500; }

#react-dynamic-form .font-semibold { font-weight: 600; }

#react-dynamic-form .uppercase { text-transform: uppercase; }

#react-dynamic-form .lowercase { text-transform: lowercase; }

#react-dynamic-form .leading-\[1\.2\] { line-height: 1.2; }

#react-dynamic-form .leading-tight { line-height: 1.25; }

#react-dynamic-form .text-\[\#008033\] { --tw-text-opacity: 1; color: rgb(0 128 51/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-\[\#12121C\] { --tw-text-opacity: 1; color: rgb(18 18 28/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-\[\#6B6B80\] { --tw-text-opacity: 1; color: rgb(107 107 128/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-\[\#C84318\] { --tw-text-opacity: 1; color: rgb(200 67 24/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-\[\#CF2433\] { --tw-text-opacity: 1; color: rgb(207 36 51/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-amber-600 { --tw-text-opacity: 1; color: rgb(217 119 6/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-blue-500 { --tw-text-opacity: 1; color: rgb(59 130 246/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-blue-800 { --tw-text-opacity: 1; color: rgb(30 64 175/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-gray-800 { --tw-text-opacity: 1; color: rgb(31 41 55/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-green-400 { --tw-text-opacity: 1; color: rgb(74 222 128/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-green-800 { --tw-text-opacity: 1; color: rgb(22 101 52/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-red-400 { --tw-text-opacity: 1; color: rgb(248 113 113/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-red-700 { --tw-text-opacity: 1; color: rgb(185 28 28/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-red-800 { --tw-text-opacity: 1; color: rgb(153 27 27/var(--tw-text-opacity,1)); }

#react-dynamic-form .text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }

#react-dynamic-form .underline { text-decoration-line: underline; }

#react-dynamic-form .opacity-0 { opacity: 0; }

#react-dynamic-form .opacity-25 { opacity: 0.25; }

#react-dynamic-form .opacity-50 { opacity: 0.5; }

#react-dynamic-form .opacity-60 { opacity: 0.6; }

#react-dynamic-form .opacity-75 { opacity: 0.75; }

#react-dynamic-form .shadow-2xl { --tw-shadow: 0 25px 50px -12px rgba(0,0,0,.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); }

#react-dynamic-form .shadow-2xl, #react-dynamic-form .shadow-\[0_0_15px_rgba\(200\,67\,24\,0\.6\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }

#react-dynamic-form .shadow-\[0_0_15px_rgba\(200\,67\,24\,0\.6\)\] { --tw-shadow: 0 0 15px rgba(200,67,24,.6); --tw-shadow-colored: 0 0 15px var(--tw-shadow-color); }

#react-dynamic-form .shadow-lg { --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color); }

#react-dynamic-form .shadow-lg, #react-dynamic-form .shadow-sm { box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow); }

#react-dynamic-form .shadow-sm { --tw-shadow: 0 1px 2px 0 rgba(0,0,0,.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); }

#react-dynamic-form .outline-none { outline: transparent solid 2px; outline-offset: 2px; }

#react-dynamic-form .ring-0 { --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(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); }

#react-dynamic-form .blur { --tw-blur: blur(8px); }

#react-dynamic-form .blur, #react-dynamic-form .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }

#react-dynamic-form .backdrop-blur-sm { --tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); }

#react-dynamic-form .transition { transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-box-shadow, -webkit-transform, -webkit-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

#react-dynamic-form .transition-all { transition-duration: 0.15s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

#react-dynamic-form .transition-colors { transition-duration: 0.15s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

#react-dynamic-form .transition-opacity { transition-duration: 0.15s; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

#react-dynamic-form .transition-transform { transition-duration: 0.15s; transition-property: transform, -webkit-transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

#react-dynamic-form .duration-200 { transition-duration: 0.2s; }

#react-dynamic-form .duration-300 { transition-duration: 0.3s; }

#react-dynamic-form .duration-500 { transition-duration: 0.5s; }

#react-dynamic-form .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }

* { box-sizing: border-box; }

#react-dynamic-form div[role="dialog"] { align-items: center; padding: 0px; }

@media (max-width: 768px) {
  #react-dynamic-form div[role="dialog"] { align-items: end; animation: 0.4s ease 0s 1 normal forwards running fadeInBackdrop; background: transparent; }
  #react-dynamic-form div[role="dialog"].modal-closing { animation: 0.3s ease 0s 1 normal forwards running fadeOutBackdrop; }
}

#react-dynamic-form .error-screen { display: flex; flex-direction: column; justify-content: center; min-height: 300px; }

#react-dynamic-form .error-screen .error-icon { animation: 2s ease 0s infinite normal none running pulse; }

#react-dynamic-form .error-screen details summary { outline: none; user-select: none; }

#react-dynamic-form .error-screen details[open] summary { margin-bottom: 8px; }

#react-dynamic-form .error-screen pre { font-family: Monaco, Menlo, "Ubuntu Mono", monospace; white-space: pre-wrap; word-break: break-word; }

#react-dynamic-form .success-screen { display: flex; flex-direction: column; justify-content: center; min-height: 300px; }

#react-dynamic-form .success-screen .success-icon { animation: 0.6s ease-in-out 0s 1 normal none running checkmark; }

#react-dynamic-form .au-custom-modal { margin: 0px; position: relative; }

#react-dynamic-form .au-custom-modal .modal-body { display: flex; justify-content: center; margin: auto; max-height: 100%; padding-right: 8px; width: 100%; }

#react-dynamic-form .au-custom-modal .modal-body:has(.otp-container) { padding-right: 0px; }

@media (max-width: 768px) {
  #react-dynamic-form .au-custom-modal .modal-body:has(.otp-container) { margin-top: auto; }
}

#react-dynamic-form .au-custom-modal .modal-body { scrollbar-color: rgb(207, 207, 214) transparent; scrollbar-width: thin; }

#react-dynamic-form .au-custom-modal .modal-body::-webkit-scrollbar { margin-left: auto; width: 3px; }

#react-dynamic-form .au-custom-modal .modal-body::-webkit-scrollbar-thumb { background-color: rgb(207, 207, 214); border-radius: 4px; }

#react-dynamic-form .au-custom-modal .modal-body::-webkit-scrollbar-track { background: transparent; }

#react-dynamic-form .au-custom-modal .modal-body .form-container { max-width: 400px; width: 400px; }

#react-dynamic-form .au-custom-modal .modal-body .form-container > div:not(:last-child) { margin-bottom: 20px; }

#react-dynamic-form .au-custom-modal .modal-body .form-container > div:has(.country-code-box) .input-wrapper input, #react-dynamic-form .au-custom-modal .modal-body .form-container > div:has(.country-code-box) .input-wrapper > div { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }

#react-dynamic-form .au-custom-modal .modal-body .form-container > div:has(.country-code-box) .input-wrapper input { padding: 20px !important; }

#react-dynamic-form .au-custom-modal .modal-body .form-container .input-wrapper input { padding: 30px 16px 16px !important; }

#react-dynamic-form .au-custom-modal .modal-body .form-container .captcha-canvas { height: 52px; width: calc(100% - 40px); }

@media (max-width: 768px) {
  #react-dynamic-form .au-custom-modal .modal-body .form-container { max-width: 100%; }
}

#react-dynamic-form .au-custom-modal .modal-body .form-container .form-btn-container { align-items: center; display: flex; justify-content: center; }

@media (max-width: 768px) {
  #react-dynamic-form .au-custom-modal .modal-body .form-container .form-btn-container { align-items: start; justify-content: start; }
}

#react-dynamic-form .au-custom-modal .form-title { color: rgb(18, 18, 28); font-family: "Noto Sans"; font-size: 24px; font-weight: 500; letter-spacing: -0.48px; line-height: 125%; padding-bottom: 16px; }

@media (max-width: 768px) {
  #react-dynamic-form .au-custom-modal .form-title { margin-bottom: 20px; }
}

#react-dynamic-form .au-custom-modal .modal-title { color: rgb(18, 18, 28); font-family: "Noto Sans"; font-size: 24px; font-weight: 500; letter-spacing: -0.48px; line-height: 125%; margin-bottom: 8px; text-align: center; }

#react-dynamic-form .au-custom-modal .form-description { border-top: 1px solid rgb(225, 225, 227); color: rgb(18, 18, 28); font-size: 14px; font-style: normal; font-weight: 400; letter-spacing: -0.28px; line-height: 130%; padding: 1pc 0px; }

#react-dynamic-form .au-custom-modal .form-description button { color: rgb(200, 67, 24); cursor: pointer; font-weight: 600; letter-spacing: -0.42px; line-height: 125%; text-decoration: none; }

#react-dynamic-form .au-custom-modal .form-description .raise { color: rgb(107, 107, 128); }

#react-dynamic-form .au-custom-modal .modal-subtext { color: rgb(107, 107, 128); font-family: "Noto Sans"; font-size: 16px; font-weight: 400; letter-spacing: -0.32px; line-height: 125%; text-align: center; }

#react-dynamic-form .au-custom-modal .cross-icon { align-items: center; background-color: rgb(242, 242, 245); border-radius: 50%; display: flex; height: 32px; justify-content: center; padding: 9px; position: absolute; right: 20px; top: 20px; width: 32px; }

@media (max-width: 768px) {
  #react-dynamic-form .au-custom-modal .cross-icon { height: 24px; padding: 7px; width: 24px; }
  #react-dynamic-form .au-custom-modal .cross-icon svg { height: 10px; width: 10px; }
}

#react-dynamic-form .au-custom-modal .cross-icon svg { height: 13.333px; width: 13.333px; }

#react-dynamic-form .au-custom-modal .otp-container .text-container { margin: 0px 0px 20px; }

@media (max-width: 768px) {
  #react-dynamic-form .au-custom-modal .otp-container .text-container h3, #react-dynamic-form .au-custom-modal .otp-container .text-container p { text-align: start; }
}

#react-dynamic-form .au-custom-modal .otp-container .otp-input-container { display: flex; gap: 8px; padding: 0px 2px; }

#react-dynamic-form .au-custom-modal .otp-container .otp-input-container .otp-input { background: rgb(255, 255, 255); border: 1px solid rgb(214, 214, 219); border-radius: 8px; box-shadow: transparent 0px 0px 0px 0px; color: rgb(18, 18, 28); font-family: "Noto Sans"; font-size: 20px; font-weight: 500; height: 50px; letter-spacing: -0.4px; line-height: 120%; margin: 0px; outline: none; text-align: center; transition: 0.3s; width: 48px; }

#react-dynamic-form .au-custom-modal .otp-container .otp-input-container .otp-input:focus { border-color: rgb(200, 67, 24); box-shadow: rgb(200, 67, 24) 0px 0px 0px 2px; outline: transparent solid 2px; outline-offset: 2px; }

#react-dynamic-form .au-custom-modal .otp-container .resend-timer-text { color: rgb(107, 107, 128); font-family: "Noto Sans"; font-size: 14px; font-weight: 400; letter-spacing: -0.28px; line-height: 130%; margin-top: 32px; text-align: center; }

@media (max-width: 768px) {
  #react-dynamic-form .au-custom-modal .otp-container .resend-timer-text { text-align: start; }
}

#react-dynamic-form .au-custom-modal .otp-container .otp-cta-container { align-items: center; display: flex; gap: 20px; justify-content: center; margin-top: 32px; }

@media (max-width: 768px) {
  #react-dynamic-form .au-custom-modal .otp-container .otp-cta-container { justify-content: space-between; }
}

#react-dynamic-form .au-custom-modal .otp-container .otp-cta-container button { cursor: pointer; }

#react-dynamic-form .au-custom-modal .otp-container .otp-cta-container .verify-btn { background-color: rgb(200, 67, 24); border-radius: 30px; color: rgb(255, 255, 255); font-family: "Noto Sans"; font-size: 14px; font-weight: 600; letter-spacing: -0.42px; line-height: 125%; padding: 12px 20px; text-align: center; }

#react-dynamic-form .au-custom-modal .otp-container .otp-cta-container .verify-btn:disabled { background-color: rgb(158, 161, 173); color: rgb(255, 255, 255); }

#react-dynamic-form .au-custom-modal .otp-container .otp-cta-container .resend-btn { color: rgb(200, 67, 24); font-family: "Noto Sans"; font-size: 16px; font-weight: 600; letter-spacing: -0.48px; line-height: 125%; text-align: center; }

#react-dynamic-form .au-custom-modal .otp-container .otp-cta-container .resend-btn:disabled { color: rgb(158, 161, 173); }

#react-dynamic-form .au-custom-modal .success-screen { align-items: center; display: flex; gap: 30px; justify-content: center; }

#react-dynamic-form .au-custom-modal .success-screen .success-icon { align-items: center; background: rgb(66, 38, 94); border-radius: 100px; display: flex; height: 80px; justify-content: center; padding: 24px; width: 80px; }

#react-dynamic-form .au-custom-modal .success-screen .text-content .success-text { color: rgb(18, 18, 28); font-family: "Noto Sans"; font-size: 24px; font-weight: 500; letter-spacing: -0.48px; line-height: 125%; margin-bottom: 12px; text-align: center; }

#react-dynamic-form .au-custom-modal .success-screen .text-content .success-subtext { color: rgb(107, 107, 128); font-family: "Noto Sans"; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: -0.32px; line-height: 125%; text-align: center; }

#react-dynamic-form .au-custom-modal .success-screen .text-content .success-subtext.bold { font-weight: 500; max-width: 400px; }

#react-dynamic-form .au-custom-modal .form-submit-btn { background-color: rgb(200, 67, 24); border-radius: 30px; color: rgb(255, 255, 255); font-family: "Noto Sans"; font-size: 14px; font-weight: 600; letter-spacing: -0.42px; line-height: 125%; padding: 12px 20px; text-align: center; }

#react-dynamic-form .au-custom-modal .form-submit-btn:disabled { background-color: rgb(158, 161, 173); color: rgb(255, 255, 255); }

#react-dynamic-form .au-custom-modal .btn-primary { background-color: rgb(219, 94, 43); border-radius: 30px; color: rgb(255, 255, 255); font-family: "Noto Sans"; font-size: 14px; font-weight: 600; letter-spacing: -0.42px; line-height: 125%; padding: 12px 20px; text-align: center; }

#react-dynamic-form .au-custom-modal .btn-primary:disabled { background-color: rgb(158, 161, 173); color: rgb(255, 255, 255); }

#react-dynamic-form .au-custom-modal .btn-secondary { background-color: rgb(255, 240, 235); border-radius: 30px; color: rgb(219, 94, 43); font-family: "Noto Sans"; font-size: 14px; font-weight: 600; letter-spacing: -0.42px; line-height: 125%; padding: 12px 20px; text-align: center; }

#react-dynamic-form .au-custom-modal .btn-secondary:disabled { background-color: rgb(158, 161, 173); color: rgb(255, 255, 255); }

#react-dynamic-form .react-select-input-container { cursor: pointer; margin-top: 0.25rem; padding-top: 16px; }

#react-dynamic-form .react-select-container .react-select-value-container { max-width: calc(100% - 48px); }

#react-dynamic-form .react-select-container .react-select-value-container .react-select-single-value { margin-top: 0.25rem; padding-top: 16px; }

#react-dynamic-form .react-select-container .react-select-menu .react-select-menulist .react-select-option { cursor: pointer; padding: 0.75rem; }

#react-dynamic-form .react-select-container .indicator-container div svg path { fill: rgb(200, 67, 24); }

#react-dynamic-form .loader-container .loader-text { color: rgb(18, 18, 28); font-family: "Noto Sans"; font-size: 16px; font-weight: 400; letter-spacing: -0.32px; line-height: 125%; margin-top: 16px; }

#react-dynamic-form .radio-group-container { width: 100%; }

#react-dynamic-form .radio-group-container fieldset { border: 0px; margin: 0px; padding: 0px; }

#react-dynamic-form .radio-group-container fieldset legend { color: rgb(18, 18, 28); display: block; font-family: "Noto Sans"; font-size: 14px; font-weight: 500; letter-spacing: -0.28px; line-height: 125%; margin-bottom: 12px; }

#react-dynamic-form .radio-group-container fieldset legend.required::after { color: rgb(207, 36, 51); content: " *"; }

#react-dynamic-form .radio-group-container.error .radio-container .radio-input { border-color: rgb(207, 36, 51); }

#react-dynamic-form .radio-group-container.error .radio-container .radio-input:focus { box-shadow: rgba(207, 36, 51, 0.2) 0px 0px 0px 2px; }

#react-dynamic-form .radio-group-container.error .radio-container .radio-label { color: rgb(207, 36, 51); }

#react-dynamic-form .radio-group-container .radio-group.vertical { display: flex; flex-direction: column; gap: 12px; }

#react-dynamic-form .radio-group-container .radio-group.horizontal { display: flex; flex-wrap: wrap; gap: 16px; }

@media (max-width: 640px) {
  #react-dynamic-form .radio-group-container .radio-group.horizontal { flex-direction: column; gap: 12px; }
}

#react-dynamic-form .radio-group-container .radio-container { align-items: center; cursor: pointer; display: inline-flex; gap: 8px; padding: 8px 0px; transition: 0.2s; margin: 0px !important; }

#react-dynamic-form .radio-group-container .radio-container:hover:not(.disabled) .radio-input { border-color: rgb(200, 67, 24); }

#react-dynamic-form .radio-group-container .radio-container:hover:not(.disabled) .radio-label { color: rgb(18, 18, 28); }

#react-dynamic-form .radio-group-container .radio-container.disabled { cursor: not-allowed; opacity: 0.5; }

#react-dynamic-form .radio-group-container .radio-container.disabled .radio-input, #react-dynamic-form .radio-group-container .radio-container.disabled .radio-label { cursor: not-allowed; }

#react-dynamic-form .radio-group-container .radio-container.error .radio-input { border-color: rgb(207, 36, 51); }

#react-dynamic-form .radio-group-container .radio-container.error .radio-input:focus { box-shadow: rgba(207, 36, 51, 0.2) 0px 0px 0px 2px; }

#react-dynamic-form .radio-group-container .radio-container.error .radio-label { color: rgb(207, 36, 51); }

#react-dynamic-form .radio-group-container .radio-container .radio-input { appearance: none; background-color: rgb(255, 255, 255); border: 2px solid rgb(158, 161, 173); border-radius: 50%; cursor: pointer; flex-shrink: 0; height: 16px; margin: 0px; position: relative; transition: 0.2s; width: 16px; }

#react-dynamic-form .radio-group-container .radio-container .radio-input:focus { border-color: rgb(200, 67, 24); box-shadow: rgba(255, 107, 53, 0.2) 0px 0px 0px 2px; outline: none; }

#react-dynamic-form .radio-group-container .radio-container .radio-input:checked { background-color: rgb(255, 255, 255); border-color: rgb(200, 67, 24); }

#react-dynamic-form .radio-group-container .radio-container .radio-input:checked::after { transform: translate(-50%, -50%) scale(1); }

#react-dynamic-form .radio-group-container .radio-container .radio-input:checked::after, #react-dynamic-form .radio-group-container .radio-container .radio-input:not(:checked)::after { background-color: rgb(200, 67, 24); border-radius: 50%; content: ""; height: 8px; left: 50%; position: absolute; top: 50%; transition: transform 0.2s, -webkit-transform 0.2s; width: 8px; }

#react-dynamic-form .radio-group-container .radio-container .radio-input:not(:checked)::after { transform: translate(-50%, -50%) scale(0); }

#react-dynamic-form .radio-group-container .radio-container .radio-input:disabled { background-color: rgb(225, 225, 227); border-color: rgb(214, 214, 219); cursor: not-allowed; }

#react-dynamic-form .radio-group-container .radio-container .radio-input:disabled:checked::after { background-color: rgb(158, 161, 173); }

#react-dynamic-form .radio-group-container .radio-container .radio-input.error { border-color: rgb(207, 36, 51); }

#react-dynamic-form .radio-group-container .radio-container .radio-input.error:focus { box-shadow: rgba(207, 36, 51, 0.2) 0px 0px 0px 2px; }

#react-dynamic-form .radio-group-container .radio-container .radio-input.disabled { background-color: rgb(225, 225, 227); border-color: rgb(214, 214, 219); cursor: not-allowed; }

#react-dynamic-form .radio-group-container .radio-container .radio-input.disabled:checked::after { background-color: rgb(158, 161, 173); }

#react-dynamic-form .radio-group-container .radio-container .radio-input.radio-small { height: 12px; width: 12px; }

#react-dynamic-form .radio-group-container .radio-container .radio-input.radio-small:checked::after, #react-dynamic-form .radio-group-container .radio-container .radio-input.radio-small:not(:checked)::after { height: 6px; width: 6px; }

#react-dynamic-form .radio-group-container .radio-container .radio-input.radio-large { height: 20px; width: 20px; }

#react-dynamic-form .radio-group-container .radio-container .radio-input.radio-large:checked::after, #react-dynamic-form .radio-group-container .radio-container .radio-input.radio-large:not(:checked)::after { height: 10px; width: 10px; }

#react-dynamic-form .radio-group-container .radio-container .radio-label { color: rgb(67, 68, 79); cursor: pointer; font-family: "Noto Sans"; font-size: 14px; font-weight: 400; letter-spacing: -0.28px; line-height: 130%; text-transform: capitalize; transition: color 0.2s; user-select: none; }

#react-dynamic-form .radio-group-container .radio-container .radio-label.disabled { color: rgb(189, 189, 189); cursor: not-allowed; }

#react-dynamic-form .radio-group-container .radio-container .radio-label.error { color: rgb(207, 36, 51); }

#react-dynamic-form .radio-group-container .helper-text { color: rgb(107, 107, 128); font-family: "Noto Sans"; font-size: 12px; font-weight: 400; letter-spacing: -0.24px; line-height: 130%; margin-top: 4px; }

#react-dynamic-form .radio-group-container .helper-text.error { color: rgb(207, 36, 51); }

.complaint-flow-modal .modal-body { align-items: center; justify-content: center; display: flex !important; max-height: none !important; }

.complaint-flow-modal .modal-body .form-btn-container { align-items: center; display: flex; gap: 20px; justify-content: center; margin-top: 20px; }

@media (max-width: 768px) {
  .complaint-flow-modal .modal-body .form-btn-container { gap: 12px; justify-content: start; }
}

.complaint-flow-modal .modal-body .form-btn-container .form-submit-btn { background-color: rgb(219, 94, 43); margin: 0px !important; }

.complaint-flow-modal:has(.complaint-verification-container) .complaint-verification-container, .complaint-flow-modal:has(.complaint-verification-container) .reopen-inquiry-container, .complaint-flow-modal:has(.reopen-inquiry-container) .complaint-verification-container, .complaint-flow-modal:has(.reopen-inquiry-container) .reopen-inquiry-container { max-width: 100%; }

.complaint-flow-modal:has(.complaint-verification-container) .modal-body, .complaint-flow-modal:has(.reopen-inquiry-container) .modal-body { max-width: 400px; overflow: hidden; margin: 0px auto !important; width: 100% !important; }

.complaint-flow-modal:has(.complaint-verification-container) .modal-body .complaint-verification-form .form-field .dropdown-wrapper .react-select-container .react-select-menu .react-select-menulist, .complaint-flow-modal:has(.complaint-verification-container) .modal-body .reopen-inquiry-form .form-field .dropdown-wrapper .react-select-container .react-select-menu .react-select-menulist, .complaint-flow-modal:has(.reopen-inquiry-container) .modal-body .complaint-verification-form .form-field .dropdown-wrapper .react-select-container .react-select-menu .react-select-menulist, .complaint-flow-modal:has(.reopen-inquiry-container) .modal-body .reopen-inquiry-form .form-field .dropdown-wrapper .react-select-container .react-select-menu .react-select-menulist { max-height: 190px; }

.complaint-flow-modal:has(.complaint-verification-container) .modal-body .complaint-verification-form .radio-group-container, .complaint-flow-modal:has(.complaint-verification-container) .modal-body .reopen-inquiry-form .radio-group-container, .complaint-flow-modal:has(.reopen-inquiry-container) .modal-body .complaint-verification-form .radio-group-container, .complaint-flow-modal:has(.reopen-inquiry-container) .modal-body .reopen-inquiry-form .radio-group-container { margin-bottom: 12px; padding: 3px 0px; }

.complaint-flow-modal:has(.complaint-verification-container) .modal-body .complaint-verification-form .radio-group-container .radio-group, .complaint-flow-modal:has(.complaint-verification-container) .modal-body .reopen-inquiry-form .radio-group-container .radio-group, .complaint-flow-modal:has(.reopen-inquiry-container) .modal-body .complaint-verification-form .radio-group-container .radio-group, .complaint-flow-modal:has(.reopen-inquiry-container) .modal-body .reopen-inquiry-form .radio-group-container .radio-group { align-items: center; display: flex; gap: 18px; justify-content: center; }

.complaint-flow-modal:has(.complaint-verification-container) .modal-body .complaint-verification-form .radio-group-container .radio-group .radio-container, .complaint-flow-modal:has(.complaint-verification-container) .modal-body .reopen-inquiry-form .radio-group-container .radio-group .radio-container, .complaint-flow-modal:has(.reopen-inquiry-container) .modal-body .complaint-verification-form .radio-group-container .radio-group .radio-container, .complaint-flow-modal:has(.reopen-inquiry-container) .modal-body .reopen-inquiry-form .radio-group-container .radio-group .radio-container { padding: 0px; }

.complaint-flow-modal:has(.complaint-verification-container) .modal-body .complaint-verification-form .input-wrapper, .complaint-flow-modal:has(.complaint-verification-container) .modal-body .reopen-inquiry-form .input-wrapper, .complaint-flow-modal:has(.reopen-inquiry-container) .modal-body .complaint-verification-form .input-wrapper, .complaint-flow-modal:has(.reopen-inquiry-container) .modal-body .reopen-inquiry-form .input-wrapper { margin-bottom: 20px; }

.complaint-flow-modal:has(.complaint-verification-container) .modal-body .complaint-verification-form .form-field, .complaint-flow-modal:has(.complaint-verification-container) .modal-body .reopen-inquiry-form .form-field, .complaint-flow-modal:has(.reopen-inquiry-container) .modal-body .complaint-verification-form .form-field, .complaint-flow-modal:has(.reopen-inquiry-container) .modal-body .reopen-inquiry-form .form-field { margin-bottom: 12px !important; }

.complaint-flow-modal:has(.complaint-verification-container) .modal-body .form-subtitle, .complaint-flow-modal:has(.reopen-inquiry-container) .modal-body .form-subtitle { color: rgb(18, 18, 28); font-family: "Noto Sans"; font-size: 24px; font-weight: 500; letter-spacing: -0.48px; line-height: 125%; padding-bottom: 20px; text-align: center; }

@media (max-width: 768px) {
  .complaint-flow-modal:has(.complaint-verification-container) .modal-body .form-subtitle, .complaint-flow-modal:has(.reopen-inquiry-container) .modal-body .form-subtitle { text-align: start; }
}

.complaint-flow-modal:has(.complaint-verification-container) .modal-body .form-subtitle .complaint-verification-form, .complaint-flow-modal:has(.reopen-inquiry-container) .modal-body .form-subtitle .complaint-verification-form { padding: 8px 8px 4px; }

.complaint-flow-modal:has(.reopen-inquiry-container) .reopen-inquiry-form { padding: 8px 0px 4px; }

.complaint-flow-modal:has(.reopen-inquiry-container) .reopen-inquiry-form:has(.dropdown-wrapper) .form-field { margin-bottom: 20px !important; }

.complaint-flow-modal .final-info-form-container .form-header .form-title { color: rgb(18, 18, 28); font-family: "Noto Sans"; font-size: 24px; font-weight: 500; letter-spacing: -2%; line-height: 125%; text-align: center; text-transform: capitalize; }

.complaint-flow-modal .final-info-form-container .form-header .form-subtitle { color: rgb(113, 113, 119); font-family: "Noto Sans"; font-size: 14px; font-weight: 400; letter-spacing: -2%; line-height: 130%; margin-bottom: 28px; text-align: center; text-transform: capitalize; }

.complaint-flow-modal .final-info-form-container .final-info-form .form-field:not(:first-child) { margin-top: 20px !important; }

.complaint-flow-modal .final-info-form-container .final-info-form .form-field .dropdown-wrapper .react-select-container { max-width: 100% !important; }

.complaint-flow-modal .final-info-form-container .final-info-form .form-field .dropdown-wrapper .react-select-container > div { background-color: rgb(242, 242, 245) !important; }

.complaint-flow-modal .final-info-form-container .final-info-form .form-field .dropdown-wrapper .react-select-container .react-select-value-container { margin-top: 4px; }

.complaint-flow-modal .final-info-form-container .final-info-form .form-field .dropdown-wrapper .react-select-container .react-select-value-container .react-select-float-label { font-family: "Noto Sans"; font-weight: 400; letter-spacing: 0px; line-height: 120%; color: rgb(107, 107, 128) !important; font-size: 12px !important; }

.complaint-flow-modal .final-info-form-container .final-info-form .form-field .dropdown-wrapper .react-select-container .react-select-value-container .react-select-input-container, .complaint-flow-modal .final-info-form-container .final-info-form .form-field .dropdown-wrapper .react-select-container .react-select-value-container .react-select-single-value { padding-top: 4px !important; }

.complaint-flow-modal .final-info-form-container .final-info-form .form-field .dropdown-wrapper .react-select-container .indicator-container, .complaint-flow-modal .final-info-form-container .final-info-form .form-field .dropdown-wrapper .react-select-container .react-select-value-container .react-select-input-container { display: none !important; }

.complaint-flow-modal:has(.status-display-container) .status-display-container { max-width: 400px; width: 100%; }

.complaint-flow-modal:has(.status-display-container) .status-display-container .form-header .form-title { text-align: center; }

.complaint-flow-modal:has(.status-display-container) .status-display-container .status-table-container { border: 1px solid rgb(225, 225, 227); border-radius: 8px; max-height: 173px; padding: 20px 12px; }

.complaint-flow-modal:has(.status-display-container) .status-display-container .status-table-container .status-table { width: 100%; }

.complaint-flow-modal:has(.status-display-container) .status-display-container .status-table-container .status-table .status-row:nth-child(2) td { padding-top: 20px; }

.complaint-flow-modal:has(.status-display-container) .status-display-container .status-table-container .status-table .status-row:not(:last-child):first-child td { padding-bottom: 20px; }

.complaint-flow-modal:has(.status-display-container) .status-display-container .status-table-container .status-table .status-row:not(:last-child) td { padding-bottom: 16px; }

.complaint-flow-modal:has(.status-display-container) .status-display-container .status-table-container .status-table .status-row:not(:last-child) { border-bottom: 1px solid rgb(225, 225, 227); }

.complaint-flow-modal:has(.status-display-container) .status-display-container .status-table-container .status-table .status-row:last-child td { padding-top: 20px; }

.complaint-flow-modal:has(.status-display-container) .status-display-container .status-table-container .status-table .status-row .status-label { color: rgb(0, 0, 0); font-family: "Noto Sans"; font-size: 14px; font-weight: 400; letter-spacing: -2%; line-height: 130%; text-transform: capitalize; }

.complaint-flow-modal:has(.status-display-container) .status-display-container .status-table-container .status-table .status-row .status-value { color: rgb(102, 102, 102); font-family: "Noto Sans"; font-size: 14px; font-weight: 400; letter-spacing: -2%; line-height: 130%; text-transform: capitalize; }

.complaint-flow-modal:has(.status-display-container) .status-display-container .status-table-container .status-table .status-row .status-value .status-badge { align-items: center; border-radius: 4px; color: rgb(255, 255, 255); display: flex; gap: 2px; padding: 2px 4px 4px; }

.complaint-flow-modal:has(.status-display-container) .status-display-container .status-table-container .status-table .status-row .status-value .status-badge.status-in-progress { background-color: rgb(211, 166, 62); }

.complaint-flow-modal:has(.status-display-container) .status-display-container .status-table-container .status-table .status-row .status-value .status-badge.status-resolved { background-color: rgb(0, 128, 51); }

.complaint-flow-modal:has(.status-display-container) .status-display-container .status-table-container .status-table .status-row .status-value .status-badge.status-rejected { background-color: rgb(207, 36, 51); }

.complaint-flow-modal:has(.status-display-container) .status-display-container .form-actions { align-items: center; display: flex; justify-content: center; padding-top: 20px; }

.complaint-flow-modal:has(.status-display-container) .status-display-container .form-actions .cta-container { align-items: center; display: flex; gap: 20px; }

#react-dynamic-form div.au-custom-modal { aspect-ratio: 1030 / 568; display: flex; height: min(69vh, 568px); justify-content: center; max-width: calc(100% - 250px); overflow: auto; padding: 20px; width: 100%; }

@media (max-height: 720px) {
  #react-dynamic-form div.au-custom-modal { min-height: calc(100% - 40px); }
}

@media (max-width: 768px) {
  #react-dynamic-form div.au-custom-modal { border-radius: 16px 16px 0px 0px; bottom: 0px; height: 100%; left: 0px; max-height: 85vh; max-width: 100%; min-height: fit-content; padding: 20px; position: fixed; width: 100%; }
  #react-dynamic-form div.au-custom-modal:has(.otp-container) { height: 100%; max-height: 372px; }
}

@-webkit-keyframes checkmark { 
  0% { opacity: 0; transform: scale(0.3); }
  50% { opacity: 1; transform: scale(1.05); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes checkmark { 
  0% { opacity: 0; transform: scale(0.3); }
  50% { opacity: 1; transform: scale(1.05); }
  100% { opacity: 1; transform: scale(1); }
}

@-webkit-keyframes pulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

@keyframes pulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

@-webkit-keyframes slideup { 
  0% { opacity: 0; transform: translateY(100%); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes slideup { 
  0% { opacity: 0; transform: translateY(100%); }
  100% { opacity: 1; transform: translateY(0px); }
}

@-webkit-keyframes slidedown { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(100%); }
}

@keyframes slidedown { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(100%); }
}

@-webkit-keyframes fadeInBackdrop { 
  0% { background: transparent; }
  100% { background: rgba(0, 0, 0, 0.5); }
}

@keyframes fadeInBackdrop { 
  0% { background: transparent; }
  100% { background: rgba(0, 0, 0, 0.5); }
}

@-webkit-keyframes fadeOutBackdrop { 
  0% { background: rgba(0, 0, 0, 0.5); }
  100% { background: transparent; }
}

@keyframes fadeOutBackdrop { 
  0% { background: rgba(0, 0, 0, 0.5); }
  100% { background: transparent; }
}

#react-dynamic-form .focus-within\:border-\[\#12121C\]:focus-within { --tw-border-opacity: 1; border-color: rgb(18 18 28/var(--tw-border-opacity,1)); }

#react-dynamic-form .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; 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)); }

#react-dynamic-form .hover\:bg-blue-200:hover { --tw-bg-opacity: 1; background-color: rgb(191 219 254/var(--tw-bg-opacity,1)); }

#react-dynamic-form .hover\:bg-blue-700:hover { --tw-bg-opacity: 1; background-color: rgb(29 78 216/var(--tw-bg-opacity,1)); }

#react-dynamic-form .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251/var(--tw-bg-opacity,1)); }

#react-dynamic-form .hover\:bg-red-700:hover { --tw-bg-opacity: 1; background-color: rgb(185 28 28/var(--tw-bg-opacity,1)); }

#react-dynamic-form .hover\:text-\[\#CF2433\]:hover { --tw-text-opacity: 1; color: rgb(207 36 51/var(--tw-text-opacity,1)); }

#react-dynamic-form .hover\:text-blue-600:hover { --tw-text-opacity: 1; color: rgb(37 99 235/var(--tw-text-opacity,1)); }

#react-dynamic-form .hover\:text-blue-700:hover { --tw-text-opacity: 1; color: rgb(29 78 216/var(--tw-text-opacity,1)); }

#react-dynamic-form .hover\:text-gray-600:hover { --tw-text-opacity: 1; color: rgb(75 85 99/var(--tw-text-opacity,1)); }

#react-dynamic-form .hover\:text-gray-700:hover { --tw-text-opacity: 1; color: rgb(55 65 81/var(--tw-text-opacity,1)); }

#react-dynamic-form .hover\:text-red-800:hover { --tw-text-opacity: 1; color: rgb(153 27 27/var(--tw-text-opacity,1)); }

#react-dynamic-form .hover\:no-underline:hover { text-decoration-line: none; }

#react-dynamic-form .focus\:border-\[\#12121C\]:focus { --tw-border-opacity: 1; border-color: rgb(18 18 28/var(--tw-border-opacity,1)); }

#react-dynamic-form .focus\:border-blue-500:focus { --tw-border-opacity: 1; border-color: rgb(59 130 246/var(--tw-border-opacity,1)); }

#react-dynamic-form .focus\:border-red-500:focus { --tw-border-opacity: 1; border-color: rgb(239 68 68/var(--tw-border-opacity,1)); }

#react-dynamic-form .focus\:text-blue-600:focus { --tw-text-opacity: 1; color: rgb(37 99 235/var(--tw-text-opacity,1)); }

#react-dynamic-form .focus\:outline-none:focus { outline: transparent solid 2px; outline-offset: 2px; }

#react-dynamic-form .focus\:ring-2:focus { --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); }

#react-dynamic-form .focus\:ring-blue-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246/var(--tw-ring-opacity,1)); }

#react-dynamic-form .focus\:ring-gray-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(107 114 128/var(--tw-ring-opacity,1)); }

#react-dynamic-form .focus\:ring-red-500:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68/var(--tw-ring-opacity,1)); }

#react-dynamic-form .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; }

#react-dynamic-form .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; }

#react-dynamic-form .disabled\:opacity-50:disabled { opacity: 0.5; }

#react-dynamic-form :is() { top: 50%; }

#react-dynamic-form :is() { top: 50%; }

#react-dynamic-form :is(.peer:placeholder-shown ~ .peer-placeholder-shown\:top-1\/2) { top: 50%; }

#react-dynamic-form :is() { top: 25%; }

#react-dynamic-form :is() { top: 25%; }

#react-dynamic-form :is(.peer:placeholder-shown ~ .peer-placeholder-shown\:top-1\/4) { top: 25%; }

#react-dynamic-form :is() { --tw-translate-y: -25%; 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)); }

#react-dynamic-form :is() { --tw-translate-y: -25%; 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)); }

#react-dynamic-form :is(.peer:placeholder-shown ~ .peer-placeholder-shown\:-translate-y-1\/4) { --tw-translate-y: -25%; 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)); }

#react-dynamic-form :is(.peer:focus ~ .peer-focus\:top-2) { top: 0.5rem; }

#react-dynamic-form :is(.peer:focus ~ .peer-focus\:-translate-y-0) { --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)); }

#react-dynamic-form :is(.peer:focus ~ .peer-focus\:text-xs) { font-size: 0.75rem; line-height: 1rem; }

#react-dynamic-form :is(.peer:focus ~ .peer-focus\:opacity-100) { opacity: 1; }

#react-dynamic-form :is() { top: 0.5rem; }

#react-dynamic-form :is() { top: 0.5rem; }

#react-dynamic-form :is(.peer:not(:placeholder-shown) ~ .peer-\[\&\:not\(\:placeholder-shown\)\]\:top-2) { top: 0.5rem; }

#react-dynamic-form :is() { --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)); }

#react-dynamic-form :is() { --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)); }

#react-dynamic-form :is(.peer:not(:placeholder-shown) ~ .peer-\[\&\:not\(\:placeholder-shown\)\]\:-translate-y-0) { --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)); }

#react-dynamic-form :is() { font-size: 0.75rem; line-height: 1rem; }

#react-dynamic-form :is() { font-size: 0.75rem; line-height: 1rem; }

#react-dynamic-form :is(.peer:not(:placeholder-shown) ~ .peer-\[\&\:not\(\:placeholder-shown\)\]\:text-xs) { font-size: 0.75rem; line-height: 1rem; }

#react-dynamic-form :is() { opacity: 1; }

#react-dynamic-form :is() { opacity: 1; }

#react-dynamic-form :is(.peer:not(:placeholder-shown) ~ .peer-\[\&\:not\(\:placeholder-shown\)\]\:opacity-100) { opacity: 1; }

@media (min-width: 768px) {
  #react-dynamic-form .md\:max-w-\[400px\] { max-width: 400px; }
}

#react-dynamic-form :is(.input-phone .\[\.input-phone_\&\]\:pl-11) { padding-left: 2.75rem; }