@lucca-front/ng 20.3.3-rc.6 → 21.0.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (261) hide show
  1. package/api/index.d.ts +18 -0
  2. package/breadcrumbs/index.d.ts +1 -3
  3. package/callout/index.d.ts +8 -2
  4. package/chip/index.d.ts +3 -2
  5. package/clear/index.d.ts +30 -0
  6. package/code/index.d.ts +9 -0
  7. package/container/index.d.ts +2 -2
  8. package/core/index.d.ts +6 -6
  9. package/core-select/department/index.d.ts +1 -1
  10. package/core-select/index.d.ts +2 -1
  11. package/core-select/occupation-category/index.d.ts +26 -0
  12. package/data-table/index.d.ts +68 -30
  13. package/date/index.d.ts +18 -0
  14. package/date2/index.d.ts +15 -15
  15. package/department/index.d.ts +10 -1
  16. package/divider/index.d.ts +7 -4
  17. package/dropdown/index.d.ts +6 -3
  18. package/establishment/index.d.ts +15 -0
  19. package/fancy-box/index.d.ts +2 -1
  20. package/fesm2022/lucca-front-ng-a11y.mjs +32 -32
  21. package/fesm2022/lucca-front-ng-a11y.mjs.map +1 -1
  22. package/fesm2022/lucca-front-ng-animations.mjs.map +1 -1
  23. package/fesm2022/lucca-front-ng-api.mjs +76 -59
  24. package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
  25. package/fesm2022/lucca-front-ng-app-layout.mjs +8 -8
  26. package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
  27. package/fesm2022/lucca-front-ng-box.mjs +8 -8
  28. package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
  29. package/fesm2022/lucca-front-ng-breadcrumbs.mjs +18 -30
  30. package/fesm2022/lucca-front-ng-breadcrumbs.mjs.map +1 -1
  31. package/fesm2022/lucca-front-ng-button.mjs +12 -7
  32. package/fesm2022/lucca-front-ng-button.mjs.map +1 -1
  33. package/fesm2022/lucca-front-ng-callout.mjs +117 -64
  34. package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
  35. package/fesm2022/lucca-front-ng-chip.mjs +29 -25
  36. package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
  37. package/fesm2022/lucca-front-ng-clear.mjs +94 -0
  38. package/fesm2022/lucca-front-ng-clear.mjs.map +1 -0
  39. package/fesm2022/lucca-front-ng-code.mjs +21 -0
  40. package/fesm2022/lucca-front-ng-code.mjs.map +1 -0
  41. package/fesm2022/lucca-front-ng-comment.mjs +31 -31
  42. package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
  43. package/fesm2022/lucca-front-ng-container.mjs +18 -18
  44. package/fesm2022/lucca-front-ng-container.mjs.map +1 -1
  45. package/fesm2022/lucca-front-ng-core-select-api.mjs +14 -16
  46. package/fesm2022/lucca-front-ng-core-select-api.mjs.map +1 -1
  47. package/fesm2022/lucca-front-ng-core-select-department.mjs +16 -18
  48. package/fesm2022/lucca-front-ng-core-select-department.mjs.map +1 -1
  49. package/fesm2022/lucca-front-ng-core-select-establishment.mjs +18 -19
  50. package/fesm2022/lucca-front-ng-core-select-establishment.mjs.map +1 -1
  51. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +12 -13
  52. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs.map +1 -1
  53. package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs +79 -0
  54. package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs.map +1 -0
  55. package/fesm2022/lucca-front-ng-core-select-user.mjs +60 -62
  56. package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
  57. package/fesm2022/lucca-front-ng-core-select.mjs +103 -113
  58. package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
  59. package/fesm2022/lucca-front-ng-core.mjs +48 -49
  60. package/fesm2022/lucca-front-ng-core.mjs.map +1 -1
  61. package/fesm2022/lucca-front-ng-data-table.mjs +266 -87
  62. package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
  63. package/fesm2022/lucca-front-ng-date.mjs +113 -97
  64. package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
  65. package/fesm2022/lucca-front-ng-date2.mjs +134 -136
  66. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  67. package/fesm2022/lucca-front-ng-department.mjs +56 -47
  68. package/fesm2022/lucca-front-ng-department.mjs.map +1 -1
  69. package/fesm2022/lucca-front-ng-dialog.mjs +53 -56
  70. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  71. package/fesm2022/lucca-front-ng-divider.mjs +13 -15
  72. package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
  73. package/fesm2022/lucca-front-ng-dropdown.mjs +225 -224
  74. package/fesm2022/lucca-front-ng-dropdown.mjs.map +1 -1
  75. package/fesm2022/lucca-front-ng-empty-state.mjs +13 -9
  76. package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
  77. package/fesm2022/lucca-front-ng-establishment.mjs +85 -71
  78. package/fesm2022/lucca-front-ng-establishment.mjs.map +1 -1
  79. package/fesm2022/lucca-front-ng-fancy-box.mjs +10 -6
  80. package/fesm2022/lucca-front-ng-fancy-box.mjs.map +1 -1
  81. package/fesm2022/lucca-front-ng-file-upload.mjs +112 -112
  82. package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
  83. package/fesm2022/lucca-front-ng-filter-pills.mjs +78 -81
  84. package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
  85. package/fesm2022/lucca-front-ng-footer.mjs +12 -19
  86. package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
  87. package/fesm2022/lucca-front-ng-form-field.mjs +88 -88
  88. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  89. package/fesm2022/lucca-front-ng-form-header.mjs +23 -0
  90. package/fesm2022/lucca-front-ng-form-header.mjs.map +1 -0
  91. package/fesm2022/lucca-front-ng-form.mjs +24 -0
  92. package/fesm2022/lucca-front-ng-form.mjs.map +1 -0
  93. package/fesm2022/lucca-front-ng-formly.mjs +77 -77
  94. package/fesm2022/lucca-front-ng-formly.mjs.map +1 -1
  95. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +19 -20
  96. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
  97. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs.map +1 -1
  98. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +3 -2
  99. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs.map +1 -1
  100. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs.map +1 -1
  101. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +206 -150
  102. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  103. package/fesm2022/lucca-front-ng-forms.mjs +185 -171
  104. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  105. package/fesm2022/lucca-front-ng-gauge.mjs +26 -26
  106. package/fesm2022/lucca-front-ng-gauge.mjs.map +1 -1
  107. package/fesm2022/lucca-front-ng-grid.mjs +26 -26
  108. package/fesm2022/lucca-front-ng-grid.mjs.map +1 -1
  109. package/fesm2022/lucca-front-ng-highlight-data.mjs +20 -20
  110. package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
  111. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +17 -32
  112. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
  113. package/fesm2022/lucca-front-ng-icon.mjs +6 -6
  114. package/fesm2022/lucca-front-ng-icon.mjs.map +1 -1
  115. package/fesm2022/lucca-front-ng-index-table.mjs +355 -0
  116. package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -0
  117. package/fesm2022/lucca-front-ng-inline-message.mjs +4 -4
  118. package/fesm2022/lucca-front-ng-inline-message.mjs.map +1 -1
  119. package/fesm2022/lucca-front-ng-input.mjs +67 -57
  120. package/fesm2022/lucca-front-ng-input.mjs.map +1 -1
  121. package/fesm2022/lucca-front-ng-link.mjs +24 -23
  122. package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
  123. package/fesm2022/lucca-front-ng-listbox.mjs +31 -31
  124. package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
  125. package/fesm2022/lucca-front-ng-listing.mjs +28 -24
  126. package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
  127. package/fesm2022/lucca-front-ng-loading.mjs +11 -11
  128. package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
  129. package/fesm2022/lucca-front-ng-main-layout.mjs +14 -14
  130. package/fesm2022/lucca-front-ng-main-layout.mjs.map +1 -1
  131. package/fesm2022/lucca-front-ng-mobile-push.mjs +39 -31
  132. package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
  133. package/fesm2022/lucca-front-ng-modal.mjs +57 -62
  134. package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
  135. package/fesm2022/lucca-front-ng-multi-select.mjs +247 -230
  136. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  137. package/fesm2022/lucca-front-ng-new-badge.mjs +4 -4
  138. package/fesm2022/lucca-front-ng-new-badge.mjs.map +1 -1
  139. package/fesm2022/lucca-front-ng-number-format.mjs +11 -13
  140. package/fesm2022/lucca-front-ng-number-format.mjs.map +1 -1
  141. package/fesm2022/lucca-front-ng-number.mjs +11 -10
  142. package/fesm2022/lucca-front-ng-number.mjs.map +1 -1
  143. package/fesm2022/lucca-front-ng-numeric-badge.mjs +22 -10
  144. package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
  145. package/fesm2022/lucca-front-ng-option.mjs +287 -240
  146. package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
  147. package/fesm2022/lucca-front-ng-page-header.mjs +11 -11
  148. package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
  149. package/fesm2022/lucca-front-ng-pagination.mjs +38 -38
  150. package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
  151. package/fesm2022/lucca-front-ng-plg-push.mjs +54 -5
  152. package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
  153. package/fesm2022/lucca-front-ng-popover.mjs +38 -28
  154. package/fesm2022/lucca-front-ng-popover.mjs.map +1 -1
  155. package/fesm2022/lucca-front-ng-popover2.mjs +36 -33
  156. package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
  157. package/fesm2022/lucca-front-ng-popup.mjs +13 -10
  158. package/fesm2022/lucca-front-ng-popup.mjs.map +1 -1
  159. package/fesm2022/lucca-front-ng-progress-bar.mjs +28 -0
  160. package/fesm2022/lucca-front-ng-progress-bar.mjs.map +1 -0
  161. package/fesm2022/lucca-front-ng-read-more.mjs +46 -78
  162. package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
  163. package/fesm2022/lucca-front-ng-safe-content.mjs +10 -11
  164. package/fesm2022/lucca-front-ng-safe-content.mjs.map +1 -1
  165. package/fesm2022/lucca-front-ng-scroll-box.mjs +46 -0
  166. package/fesm2022/lucca-front-ng-scroll-box.mjs.map +1 -0
  167. package/fesm2022/lucca-front-ng-scroll.mjs +10 -8
  168. package/fesm2022/lucca-front-ng-scroll.mjs.map +1 -1
  169. package/fesm2022/lucca-front-ng-scrollBox.mjs +1 -66
  170. package/fesm2022/lucca-front-ng-scrollBox.mjs.map +1 -1
  171. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +98 -0
  172. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs.map +1 -0
  173. package/fesm2022/lucca-front-ng-segmented-control.mjs +71 -0
  174. package/fesm2022/lucca-front-ng-segmented-control.mjs.map +1 -0
  175. package/fesm2022/lucca-front-ng-segmentedControl.mjs +1 -66
  176. package/fesm2022/lucca-front-ng-segmentedControl.mjs.map +1 -1
  177. package/fesm2022/lucca-front-ng-segmentedControlTabs.mjs +1 -93
  178. package/fesm2022/lucca-front-ng-segmentedControlTabs.mjs.map +1 -1
  179. package/fesm2022/lucca-front-ng-select.mjs +21 -20
  180. package/fesm2022/lucca-front-ng-select.mjs.map +1 -1
  181. package/fesm2022/lucca-front-ng-sidepanel.mjs +7 -7
  182. package/fesm2022/lucca-front-ng-sidepanel.mjs.map +1 -1
  183. package/fesm2022/lucca-front-ng-simple-select.mjs +75 -67
  184. package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
  185. package/fesm2022/lucca-front-ng-skeleton.mjs +46 -44
  186. package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
  187. package/fesm2022/lucca-front-ng-sortable-list.mjs +49 -0
  188. package/fesm2022/lucca-front-ng-sortable-list.mjs.map +1 -0
  189. package/fesm2022/lucca-front-ng-status-badge.mjs +34 -0
  190. package/fesm2022/lucca-front-ng-status-badge.mjs.map +1 -0
  191. package/fesm2022/lucca-front-ng-statusBadge.mjs +1 -29
  192. package/fesm2022/lucca-front-ng-statusBadge.mjs.map +1 -1
  193. package/fesm2022/lucca-front-ng-table-of-content.mjs +39 -0
  194. package/fesm2022/lucca-front-ng-table-of-content.mjs.map +1 -0
  195. package/fesm2022/lucca-front-ng-tag.mjs +35 -13
  196. package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
  197. package/fesm2022/lucca-front-ng-time.mjs +132 -142
  198. package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
  199. package/fesm2022/lucca-front-ng-title.mjs +10 -10
  200. package/fesm2022/lucca-front-ng-title.mjs.map +1 -1
  201. package/fesm2022/lucca-front-ng-toast.mjs +26 -23
  202. package/fesm2022/lucca-front-ng-toast.mjs.map +1 -1
  203. package/fesm2022/lucca-front-ng-tooltip.mjs +40 -32
  204. package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
  205. package/fesm2022/lucca-front-ng-tree-select.mjs +20 -21
  206. package/fesm2022/lucca-front-ng-tree-select.mjs.map +1 -1
  207. package/fesm2022/lucca-front-ng-user-popover.mjs +23 -27
  208. package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
  209. package/fesm2022/lucca-front-ng-user.mjs +134 -111
  210. package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
  211. package/fesm2022/lucca-front-ng-vertical-navigation.mjs +91 -0
  212. package/fesm2022/lucca-front-ng-vertical-navigation.mjs.map +1 -0
  213. package/file-upload/index.d.ts +25 -25
  214. package/footer/index.d.ts +7 -7
  215. package/form/index.d.ts +9 -0
  216. package/form-field/index.d.ts +33 -32
  217. package/form-header/index.d.ts +9 -0
  218. package/forms/index.d.ts +39 -37
  219. package/forms/rich-text-input/index.d.ts +4 -1
  220. package/gauge/index.d.ts +17 -17
  221. package/grid/index.d.ts +14 -14
  222. package/horizontal-navigation/index.d.ts +5 -8
  223. package/index-table/index.d.ts +103 -0
  224. package/input/index.d.ts +27 -15
  225. package/link/index.d.ts +3 -4
  226. package/listbox/index.d.ts +20 -20
  227. package/listing/index.d.ts +13 -9
  228. package/loading/index.d.ts +4 -4
  229. package/main-layout/index.d.ts +3 -3
  230. package/modal/index.d.ts +3 -2
  231. package/multi-select/index.d.ts +13 -3
  232. package/number/index.d.ts +3 -0
  233. package/option/index.d.ts +58 -4
  234. package/package.json +125 -69
  235. package/page-header/index.d.ts +5 -5
  236. package/plg-push/index.d.ts +13 -1
  237. package/popover/index.d.ts +12 -0
  238. package/popup/index.d.ts +3 -0
  239. package/progress-bar/index.d.ts +14 -0
  240. package/read-more/index.d.ts +6 -12
  241. package/scroll/index.d.ts +3 -0
  242. package/scroll-box/index.d.ts +15 -0
  243. package/scrollBox/index.d.ts +1 -19
  244. package/segmented-control/index.d.ts +28 -0
  245. package/segmented-control-tabs/index.d.ts +34 -0
  246. package/segmentedControl/index.d.ts +1 -28
  247. package/segmentedControlTabs/index.d.ts +1 -34
  248. package/select/index.d.ts +5 -4
  249. package/simple-select/index.d.ts +1 -0
  250. package/skeleton/index.d.ts +2 -1
  251. package/sortable-list/index.d.ts +22 -0
  252. package/src/components/cdk/_dragDrop.scss +31 -3
  253. package/src/definitions/option/_option-item.scss +6 -0
  254. package/status-badge/index.d.ts +16 -0
  255. package/statusBadge/index.d.ts +1 -16
  256. package/table-of-content/index.d.ts +16 -0
  257. package/time/index.d.ts +30 -30
  258. package/toast/index.d.ts +3 -0
  259. package/tooltip/index.d.ts +9 -0
  260. package/user/index.d.ts +20 -3
  261. package/vertical-navigation/index.d.ts +42 -0
@@ -1,8 +1,8 @@
1
1
  import { NgTemplateOutlet } from '@angular/common';
2
2
  import * as i0 from '@angular/core';
3
- import { InjectionToken, inject, Injector, Renderer2, contentChildren, computed, signal, input, booleanAttribute, model, numberAttribute, effect, afterNextRender, forwardRef, ViewEncapsulation, Component, ElementRef, Input, Directive } from '@angular/core';
3
+ import { InjectionToken, inject, Injector, Renderer2, contentChildren, computed, signal, input, booleanAttribute, model, numberAttribute, effect, afterNextRender, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component, ElementRef, Input, Directive } from '@angular/core';
4
4
  import { RequiredValidator, NgControl, Validators, ReactiveFormsModule } from '@angular/forms';
5
- import { getIntl, LuClass, ɵeffectWithDeps as _effectWithDeps, PortalDirective, IntlParamsPipe } from '@lucca-front/ng/core';
5
+ import { getIntl, LuClass, ɵeffectWithDeps as _effectWithDeps, IntlParamsPipe, PortalDirective } from '@lucca-front/ng/core';
6
6
  import { IconComponent } from '@lucca-front/ng/icon';
7
7
  import { InlineMessageComponent } from '@lucca-front/ng/inline-message';
8
8
  import * as i1 from '@lucca-front/ng/tooltip';
@@ -12,29 +12,29 @@ import { BehaviorSubject } from 'rxjs';
12
12
  const FORM_FIELD_INSTANCE = new InjectionToken('FORM_FIELD_INSTANCE');
13
13
 
14
14
  const Translations = {
15
- en: {
16
- counter: 'Your message is {{current}} characters long. A maximum of {{max}} characters is allowed.',
17
- },
18
- de: {
19
- counter: 'Ihr Beitrag ist {{current}} Zeichen lang. Maximal sind {{max}} Zeichen erlaubt.',
15
+ pt: {
16
+ counter: '{{current}} {{max}} A sua publicação tem um comprimento de caracteres, sendo permitido um máximo de caracteres.',
20
17
  },
21
- fr: {
22
- counter: 'Votre publication fait {{current}} caractères de long. {{max}} caractères maximum sont autorisés.',
18
+ es: {
19
+ counter: 'Su publicación tiene {{current}} caracteres. Se permite un máximo de {{max}} caracteres.',
23
20
  },
24
- it: {
25
- counter: 'La tua pubblicazione è lunga {{current}} caratteri. È consentito un numero di massimo {{max}} caratteri.',
21
+ 'nl-BE': {
22
+ counter: 'Uw publicatie is {{current}} tekens lang. {{max}} tekens maximaal toegestaan.',
26
23
  },
27
24
  nl: {
28
25
  counter: 'Uw publicatie is {{current}} tekens lang. {{max}} tekens maximaal toegestaan.',
29
26
  },
30
- 'nl-BE': {
31
- counter: 'Uw publicatie is {{current}} tekens lang. {{max}} tekens maximaal toegestaan.',
27
+ it: {
28
+ counter: 'La tua pubblicazione è lunga {{current}} caratteri. È consentito un numero di massimo {{max}} caratteri.',
32
29
  },
33
- es: {
34
- counter: 'Su publicación tiene {{current}} caracteres. Se permite un máximo de {{max}} caracteres.',
30
+ de: {
31
+ counter: 'Ihr Beitrag ist {{current}} Zeichen lang. Maximal sind {{max}} Zeichen erlaubt.',
35
32
  },
36
- pt: {
37
- counter: '{{current}} {{max}} A sua publicação tem um comprimento de caracteres, sendo permitido um máximo de caracteres.',
33
+ fr: {
34
+ counter: 'Votre publication fait {{current}} caractères de long. {{max}} caractères maximum sont autorisés.',
35
+ },
36
+ en: {
37
+ counter: 'Your message is {{current}} characters long. A maximum of {{max}} characters is allowed.',
38
38
  },
39
39
  };
40
40
 
@@ -43,8 +43,6 @@ const LU_FORM_FIELD_TRANSLATIONS = new InjectionToken('LuFormFieldTranslations',
43
43
  });
44
44
  const luFormFieldTranslations = Translations;
45
45
 
46
- const FRAMED_INPUT_INSTANCE = new InjectionToken('FRAMED_INPUT_INSTANCE');
47
-
48
46
  let nextId = 0;
49
47
  class FormFieldComponent {
50
48
  #luClass;
@@ -77,57 +75,57 @@ class FormFieldComponent {
77
75
  this.#luClass = inject(LuClass);
78
76
  this.#injector = inject(Injector);
79
77
  this.#renderer = inject(Renderer2);
80
- this.framed = inject(FRAMED_INPUT_INSTANCE, { optional: true }) !== null;
81
- this.formFieldChildren = contentChildren(FormFieldComponent, ...(ngDevMode ? [{ debugName: "formFieldChildren", descendants: true }] : [{ descendants: true }]));
82
- this.requiredValidators = contentChildren(RequiredValidator, ...(ngDevMode ? [{ debugName: "requiredValidators", descendants: true }] : [{ descendants: true }]));
83
- this.ngControls = contentChildren(NgControl, ...(ngDevMode ? [{ debugName: "ngControls", descendants: true }] : [{ descendants: true }]));
84
- this.ignoredRequiredValidators = computed(() => new Set(this.formFieldChildren().flatMap((f) => f.requiredValidators())), ...(ngDevMode ? [{ debugName: "ignoredRequiredValidators" }] : []));
85
- this.ignoredControls = computed(() => new Set(this.formFieldChildren().flatMap((f) => f.ngControls())), ...(ngDevMode ? [{ debugName: "ignoredControls" }] : []));
86
- this.ownRequiredValidators = computed(() => this.requiredValidators().filter((c) => !this.ignoredRequiredValidators().has(c)), ...(ngDevMode ? [{ debugName: "ownRequiredValidators" }] : []));
87
- this.ownControls = computed(() => this.ngControls().filter((c) => !this.ignoredControls().has(c)), ...(ngDevMode ? [{ debugName: "ownControls" }] : []));
88
- this.#hasInputRequired = signal(false, ...(ngDevMode ? [{ debugName: "#hasInputRequired" }] : []));
89
- this.forceInputRequired = signal(false, ...(ngDevMode ? [{ debugName: "forceInputRequired" }] : []));
90
- this.isInputRequired = computed(() => this.forceInputRequired() || this.#hasInputRequired(), ...(ngDevMode ? [{ debugName: "isInputRequired" }] : []));
91
- this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
78
+ this.framed = inject(INPUT_FRAMED_INSTANCE, { optional: true }) !== null;
79
+ this.formFieldChildren = contentChildren(FormFieldComponent, { descendants: true });
80
+ this.requiredValidators = contentChildren(RequiredValidator, { descendants: true });
81
+ this.ngControls = contentChildren(NgControl, { descendants: true });
82
+ this.ignoredRequiredValidators = computed(() => new Set(this.formFieldChildren().flatMap((f) => f.requiredValidators())));
83
+ this.ignoredControls = computed(() => new Set(this.formFieldChildren().flatMap((f) => f.ngControls())));
84
+ this.ownRequiredValidators = computed(() => this.requiredValidators().filter((c) => !this.ignoredRequiredValidators().has(c)));
85
+ this.ownControls = computed(() => this.ngControls().filter((c) => !this.ignoredControls().has(c)));
86
+ this.#hasInputRequired = signal(false);
87
+ this.forceInputRequired = signal(false);
88
+ this.isInputRequired = computed(() => this.forceInputRequired() || this.#hasInputRequired());
89
+ this.label = input.required();
92
90
  /**
93
91
  * Hide field label, while keeping it in DOM for screen readers
94
92
  */
95
- this.hiddenLabel = input(false, ...(ngDevMode ? [{ debugName: "hiddenLabel", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
96
- this.rolePresentationLabel = model(false, ...(ngDevMode ? [{ debugName: "rolePresentationLabel" }] : []));
97
- this.inline = input(false, ...(ngDevMode ? [{ debugName: "inline", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
98
- this.statusControl = input(null, ...(ngDevMode ? [{ debugName: "statusControl" }] : []));
99
- this.tooltip = input(null, ...(ngDevMode ? [{ debugName: "tooltip" }] : []));
100
- this.tag = input(null, ...(ngDevMode ? [{ debugName: "tag" }] : []));
101
- this.AI = input(false, ...(ngDevMode ? [{ debugName: "AI", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
102
- this.iconAItooltip = input(null, ...(ngDevMode ? [{ debugName: "iconAItooltip" }] : []));
103
- this.iconAIalt = input(null, ...(ngDevMode ? [{ debugName: "iconAIalt" }] : []));
104
- this.width = input(null, ...(ngDevMode ? [{ debugName: "width", transform: numberAttribute }] : [{
105
- transform: numberAttribute,
106
- }]));
107
- this.#invalidStatus = signal(false, ...(ngDevMode ? [{ debugName: "#invalidStatus" }] : []));
93
+ this.hiddenLabel = input(false, { transform: booleanAttribute });
94
+ this.rolePresentationLabel = model(false);
95
+ this.inline = input(false, { transform: booleanAttribute });
96
+ this.statusControl = input(null);
97
+ this.tooltip = input(null);
98
+ this.tag = input(null);
99
+ this.AI = input(false, { transform: booleanAttribute });
100
+ this.iconAItooltip = input(null);
101
+ this.iconAIalt = input(null);
102
+ this.width = input(null, {
103
+ transform: numberAttribute,
104
+ });
105
+ this.#invalidStatus = signal(false);
108
106
  this.invalidStatus = this.#invalidStatus.asReadonly();
109
- this.invalid = input(null, ...(ngDevMode ? [{ debugName: "invalid", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
110
- this.inlineMessage = input(null, ...(ngDevMode ? [{ debugName: "inlineMessage" }] : []));
107
+ this.invalid = input(null, { transform: booleanAttribute });
108
+ this.inlineMessage = input(null);
111
109
  /**
112
110
  * Inline message for when the control is in error state
113
111
  */
114
- this.errorInlineMessage = input(null, ...(ngDevMode ? [{ debugName: "errorInlineMessage" }] : []));
112
+ this.errorInlineMessage = input(null);
115
113
  /**
116
114
  * State of the inline message, will be ignored if form state is invalid
117
115
  */
118
- this.inlineMessageState = input(null, ...(ngDevMode ? [{ debugName: "inlineMessageState" }] : []));
119
- this.size = input(null, ...(ngDevMode ? [{ debugName: "size" }] : []));
116
+ this.inlineMessageState = input(null);
117
+ this.size = input(null);
120
118
  /**
121
119
  * Extra aria-describedby attribute
122
120
  */
123
- this.extraDescribedBy = input('', ...(ngDevMode ? [{ debugName: "extraDescribedBy" }] : []));
124
- this.layout = model('default', ...(ngDevMode ? [{ debugName: "layout" }] : []));
121
+ this.extraDescribedBy = input('');
122
+ this.layout = model('default');
125
123
  this.#inputs = [];
126
124
  /**
127
125
  * Max amount of characters allowed, defaults to 0, which means hidden, no maximum
128
126
  */
129
- this.counter = input(0, ...(ngDevMode ? [{ debugName: "counter" }] : []));
130
- this.id = signal('', ...(ngDevMode ? [{ debugName: "id" }] : []));
127
+ this.counter = input(0);
128
+ this.id = signal('');
131
129
  this.ready$ = new BehaviorSubject(false);
132
130
  this.#ariaLabelledBy = [];
133
131
  _effectWithDeps([this.isInputRequired, this.invalidStatus, this.extraDescribedBy], () => {
@@ -216,18 +214,18 @@ class FormFieldComponent {
216
214
  }
217
215
  return this.ownControls().some((c) => c.invalid && c.touched);
218
216
  }
219
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
220
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: FormFieldComponent, isStandalone: true, selector: "lu-form-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, hiddenLabel: { classPropertyName: "hiddenLabel", publicName: "hiddenLabel", isSignal: true, isRequired: false, transformFunction: null }, rolePresentationLabel: { classPropertyName: "rolePresentationLabel", publicName: "rolePresentationLabel", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, statusControl: { classPropertyName: "statusControl", publicName: "statusControl", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tag: { classPropertyName: "tag", publicName: "tag", isSignal: true, isRequired: false, transformFunction: null }, AI: { classPropertyName: "AI", publicName: "AI", isSignal: true, isRequired: false, transformFunction: null }, iconAItooltip: { classPropertyName: "iconAItooltip", publicName: "iconAItooltip", isSignal: true, isRequired: false, transformFunction: null }, iconAIalt: { classPropertyName: "iconAIalt", publicName: "iconAIalt", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, inlineMessage: { classPropertyName: "inlineMessage", publicName: "inlineMessage", isSignal: true, isRequired: false, transformFunction: null }, errorInlineMessage: { classPropertyName: "errorInlineMessage", publicName: "errorInlineMessage", isSignal: true, isRequired: false, transformFunction: null }, inlineMessageState: { classPropertyName: "inlineMessageState", publicName: "inlineMessageState", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, extraDescribedBy: { classPropertyName: "extraDescribedBy", publicName: "extraDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, counter: { classPropertyName: "counter", publicName: "counter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rolePresentationLabel: "rolePresentationLabelChange", layout: "layoutChange" }, host: { properties: { "class.inputFramed-header-field": "framed" } }, providers: [
217
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
218
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: FormFieldComponent, isStandalone: true, selector: "lu-form-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, hiddenLabel: { classPropertyName: "hiddenLabel", publicName: "hiddenLabel", isSignal: true, isRequired: false, transformFunction: null }, rolePresentationLabel: { classPropertyName: "rolePresentationLabel", publicName: "rolePresentationLabel", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, statusControl: { classPropertyName: "statusControl", publicName: "statusControl", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, tag: { classPropertyName: "tag", publicName: "tag", isSignal: true, isRequired: false, transformFunction: null }, AI: { classPropertyName: "AI", publicName: "AI", isSignal: true, isRequired: false, transformFunction: null }, iconAItooltip: { classPropertyName: "iconAItooltip", publicName: "iconAItooltip", isSignal: true, isRequired: false, transformFunction: null }, iconAIalt: { classPropertyName: "iconAIalt", publicName: "iconAIalt", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, inlineMessage: { classPropertyName: "inlineMessage", publicName: "inlineMessage", isSignal: true, isRequired: false, transformFunction: null }, errorInlineMessage: { classPropertyName: "errorInlineMessage", publicName: "errorInlineMessage", isSignal: true, isRequired: false, transformFunction: null }, inlineMessageState: { classPropertyName: "inlineMessageState", publicName: "inlineMessageState", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, extraDescribedBy: { classPropertyName: "extraDescribedBy", publicName: "extraDescribedBy", isSignal: true, isRequired: false, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, counter: { classPropertyName: "counter", publicName: "counter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rolePresentationLabel: "rolePresentationLabelChange", layout: "layoutChange" }, host: { properties: { "class.inputFramed-header-field": "framed" } }, providers: [
221
219
  LuClass,
222
220
  {
223
221
  provide: FORM_FIELD_INSTANCE,
224
222
  useExisting: forwardRef(() => FormFieldComponent),
225
223
  },
226
- ], queries: [{ propertyName: "formFieldChildren", predicate: FormFieldComponent, descendants: true, isSignal: true }, { propertyName: "requiredValidators", predicate: RequiredValidator, descendants: true, isSignal: true }, { propertyName: "ngControls", predicate: NgControl, descendants: true, isSignal: true }], ngImport: i0, template: "@if (layout() === \"fieldset\") {\n\t<fieldset class=\"form-fieldset\" [class.mod-inline]=\"inline()\" [class.mod-S]=\"size() === 'S'\">\n\t\t<legend class=\"formLabel\" [class.pr-u-mask]=\"hiddenLabel()\" attr.aria-hidden=\"{{ hiddenLabel() }}\">\n\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t\t@if (isInputRequired()) {\n\t\t\t\t<sup class=\"formLabel-required\" aria-hidden=\"true\">*</sup>\n\t\t\t}\n\t\t\t@if (tooltip()) {\n\t\t\t\t<lu-icon\n\t\t\t\t\tclass=\"formLabel-info\"\n\t\t\t\t\ticon=\"signHelp\"\n\t\t\t\t\t[alt]=\"'?'\"\n\t\t\t\t\t[luTooltip]=\"tooltip()\"\n\t\t\t\t\t[color]=\"invalidStatus() ? 'error' : 'inherit'\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t@if (tag()) {\n\t\t\t\t<span class=\"tag formLabel-tag\">{{ tag() }}</span>\n\t\t\t}\n\t\t</legend>\n\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t@if (inlineMessage() || (invalidStatus() ? errorInlineMessage() : false)) {\n\t\t\t<lu-inline-message\n\t\t\t\tid=\"{{ id() }}-message\"\n\t\t\t\t[label]=\"invalidStatus() && errorInlineMessage() ? errorInlineMessage() : inlineMessage()\"\n\t\t\t\t[state]=\"invalidStatus() ? 'error' : inlineMessageState()\"\n\t\t\t/>\n\t\t}\n\t</fieldset>\n} @else {\n\t<label\n\t\tclass=\"formLabel\"\n\t\t[class.inputFramed-header-label]=\"framed\"\n\t\t[class.is-error]=\"invalidStatus()\"\n\t\t[class.mod-counter]=\"counter() > 0\"\n\t\tid=\"{{ id() }}-label\"\n\t\tfor=\"{{ id() }}\"\n\t\t[class.pr-u-mask]=\"hiddenLabel()\"\n\t\tattr.role=\"{{ rolePresentationLabel() ? 'presentation' : null }}\"\n\t>\n\t\t<ng-container *luPortal=\"label()\" />\n\t\t@if (isInputRequired()) {\n\t\t\t<sup class=\"formLabel-required\" aria-hidden=\"true\">*</sup>\n\t\t}\n\t\t@if (tooltip()) {\n\t\t\t<lu-icon class=\"formLabel-info\" icon=\"signHelp\" [alt]=\"'?'\" [luTooltip]=\"tooltip()\" [color]=\"invalidStatus() ? 'error' : 'inherit'\" />\n\t\t}\n\t\t@if (tag()) {\n\t\t\t<span class=\"formLabel-tag tag\">{{ tag() }}</span>\n\t\t}\n\t\t@if (counter() > 0) {\n\t\t\t<span class=\"formLabel-counter\" [class.pr-u-textError]=\"contentLength > counter()\" id=\"{{ id() }}-counter\" aria-live=\"polite\">\n\t\t\t\t<span aria-hidden=\"true\">{{ contentLength }}/{{ counter() }}</span>\n\t\t\t\t<span class=\"pr-u-mask\">{{ intl.counter | intlParams: { current: contentLength, max: counter() } }}</span>\n\t\t\t</span>\n\t\t}\n\t</label>\n\t@if (AI()) {\n\t\t<div class=\"form-field-contentOptional\">\n\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t\t<lu-icon\n\t\t\t\tclass=\"pr-u-focusVisible pr-u-borderRadiusSmall\"\n\t\t\t\t[luTooltip]=\"iconAItooltip()\"\n\t\t\t\tsize=\"S\"\n\t\t\t\tAI\n\t\t\t\ticon=\"weatherStars\"\n\t\t\t\t[alt]=\"iconAIalt()\"\n\t\t\t/>\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t}\n\t@if (inlineMessage() || (invalidStatus() ? errorInlineMessage() : false)) {\n\t\t<lu-inline-message\n\t\t\tid=\"{{ id() }}-message\"\n\t\t\t[label]=\"invalidStatus() && errorInlineMessage() ? errorInlineMessage() : inlineMessage()\"\n\t\t\t[state]=\"invalidStatus() ? 'error' : inlineMessageState()\"\n\t\t/>\n\t}\n}\n\n<ng-template #projectionTpl>\n\t<ng-content />\n</ng-template>\n", styles: ["@charset \"UTF-8\";@layer components{.textField{--component-textField-font: var(--pr-t-font-body-M);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder);--component-textField-background: var(--pr-t-color-input-background);--component-textField-border: var(--pr-t-color-input-border);--component-textField-borderHover: var(--pr-t-color-input-border-hover);--component-textField-color: var(--pr-t-color-input-text);--component-textField-textDecoration: none;--component-textField-padding: var(--pr-t-spacings-100);--component-textField-affix-padding: var(--component-textField-padding);--component-textField-affix-size: 1.75rem;--component-textField-scrollMargin: 88rem;--component-textField-maxHeight: 90dvh;--component-textField-maxHeightFallback: 90vh;--component-textField-borderRadius: var(--pr-t-border-radius-input);--component-textField-width: auto;--component-textField-fontSize: var(--pr-t-font-body-M-fontSize);--component-textField-lineHeight: var(--pr-t-font-body-M-lineHeight);display:flex;align-items:stretch;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border);inline-size:var(--component-textField-width)}.textField:hover{box-shadow:0 0 0 1px var(--component-textField-borderHover)}.textField:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.textField .textField-input-affix-toggle{pointer-events:auto;inline-size:var(--component-textField-affix-size);block-size:var(--component-textField-affix-size);color:var(--pr-t-color-input-icon)}.textField-input{display:flex;align-items:center;inline-size:100%;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);position:relative}.textField-input:has(.textField-input-affix-icon){--component-textField-affix-padding: 2.5rem}.textField-input:has(.textField-input-affix-toggle){--component-textField-affix-padding: 3rem}.textField-input:has(.textField-input-affix-clear){--component-textField-affix-padding: 2rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-icon){--component-textField-affix-padding: 4rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-toggle){--component-textField-affix-padding: 4.5rem}.textField-input-valueClone,.textField-input-value{border:0;outline:none;font:var(--component-textField-font);inline-size:100%;padding-block:var(--component-textField-padding) var(--component-textField-padding);padding-inline:var(--component-textField-padding) var(--component-textField-affix-padding);background-color:transparent;color:var(--component-textField-color);text-decoration:var(--component-textField-textDecoration);text-overflow:ellipsis}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-block-size:var(--component-textField-maxHeight)}@supports not (height: 1dvh){.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){--component-textField-maxHeight: var(--component-textField-maxHeightFallback)}}.textField-input-valueClone::placeholder,.textField-input-value::placeholder{color:var(--component-textField-placeholder)}.textField-input-valueClone:is(textarea),.textField-input-value:is(textarea){resize:block;min-block-size:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){block-size:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-block-size:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;inset-inline-end:var(--pr-t-spacings-100);pointer-events:none}.textField-input-affix-icon{--icon-size: 1.5rem;color:var(--pr-t-color-input-icon);pointer-events:none}.textField-input-affix-clear{pointer-events:auto}.textField-prefix{display:flex;padding-inline-start:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-start-radius:var(--pr-t-border-radius-input);border-end-start-radius:var(--pr-t-border-radius-input);flex-shrink:0}.textField-prefix~.textField-input{border-start-start-radius:0;border-end-start-radius:0}.textField-suffix{display:flex;padding-inline-end:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-end-radius:var(--pr-t-border-radius-input);border-end-end-radius:var(--pr-t-border-radius-input);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-start-end-radius:0;border-end-end-radius:0}}@layer mods{.textField.mod-S{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-S .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-S .textField-input-affix-clear.clear,.textField.mod-S .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-S .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-XS{--component-textField-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.textField.mod-XS .textField-prefix,.textField.mod-XS .textField-suffix,.textField.mod-XS .textField-input-affix-icon{--icon-size: 1rem}.textField.mod-XS .textField-input-affix-clear.clear,.textField.mod-XS .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-valueAlignRight .textField-input-value{text-align:end}.textField.is-invalid,.textField:has(.textField-input-value[aria-invalid=true]){--component-textField-border: var(--pr-t-color-input-border-critical);--component-textField-background: var(--pr-t-color-input-background-critical);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder-critical)}.textField.is-invalid:hover,.textField:has(.textField-input-value[aria-invalid=true]):hover{--component-textField-border: var(--pr-t-color-input-border-critical-hover)}.textField.is-disabled,.textField:has(.textField-input-value:disabled){--component-textField-background: var(--pr-t-color-input-background-disabled);--component-textField-color: var(--pr-t-color-input-text-disabled)}.textField.mod-autoResize .textField-input{display:grid;align-items:normal;min-inline-size:0;scroll-margin-block-end:var(--component-textField-scrollMargin)}.textField.mod-autoResize .textField-input-valueClone,.textField.mod-autoResize .textField-input-value{white-space:pre-wrap;overflow-wrap:break-word;grid-area:1/1/2/2;resize:none;min-inline-size:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\"\\a0\"/\"\"}.textField.mod-filterPill{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-filterPill .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-filterPill .textField-input-affix-clear.clear,.textField.mod-filterPill .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-filterPill .textField-input-affix-icon{--icon-size: 1.25rem}}.textField.is-lineThrough{--component-textField-color: var(--pr-t-color-text-subtle);--component-textField-textDecoration: line-through}@layer components{.formLabel{--components-formLabel-font: var(--pr-t-font-body-M);--components-formLabel-color: var(--pr-t-color-text);--components-formLabel-help-fontSize: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-help-lineHeight: var(--pr-t-font-body-M-lineHeight);--components-formLabel-paddingRight: 0;--components-formLabel-width: fit-content;--components-formLabel-cursor: default;--components-formLabel-fontSize: var(--pr-t-font-body-M-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-M-lineHeight);display:block;position:relative;color:var(--components-formLabel-color);font:var(--components-formLabel-font);font-size:var(--components-formLabel-fontSize);line-height:var(--components-formLabel-lineHeight);inline-size:var(--components-formLabel-width);padding-inline-end:var(--components-formLabel-paddingRight);cursor:var(--components-formLabel-cursor)}.formLabel .lucca-icon{color:var(--palettes-neutral-600);font-size:var(--components-formLabel-help-fontSize);line-height:var(--components-formLabel-help-lineHeight);margin-inline-start:var(--pr-t-spacings-25);vertical-align:top}.formLabel-required{color:var(--palettes-error-700);font-size:inherit;line-height:inherit;font-weight:var(--pr-t-font-fontWeight-semibold);margin-inline-start:var(--pr-t-spacings-25);inset-block-start:0}.formLabel-info{vertical-align:top}.formLabel-info:focus-visible{outline:none}.formLabel-info:focus-visible .lucca-icon:before{border-radius:50%;outline:2px solid var(--palettes-product-700);outline-offset:0}.formLabel-counter{font-size:var(--pr-t-font-body-XS-fontSize);color:var(--palettes-neutral-600);position:absolute;inset-inline-end:0;inset-block-start:0}.formLabel-tag{margin-inline-start:var(--pr-t-spacings-50);inset-block-start:calc(var(--pr-t-spacings-25) / -2);position:relative;--components-tag-background: var(--palettes-100, var(--palettes-product-100));--components-tag-color: var(--palettes-800, var(--palettes-product-800))}}@layer mods{.formLabel.mod-S{--components-formLabel-font: var(--pr-t-font-body-S);--components-formLabel-help-fontSize: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-help-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-S-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-S-lineHeight)}.formLabel.mod-XS{--components-formLabel-font: var(--pr-t-font-body-XS);--components-formLabel-help-fontSize: .75rem;--components-formLabel-help-lineHeight: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-XS-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.formLabel.mod-counter{--components-formLabel-width: auto;--components-formLabel-paddingRight: var(--pr-t-spacings-600)}.formLabel.is-error{--components-formLabel-color: var(--palettes-error-700)}}@layer mods{.form-group-label.is-required:not(:empty):after,.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-inline-start:.2em;content:\"*\"/\"\"}}@layer components{.form .divider{margin-block:var(--pr-t-spacings-300)}.form-fieldset{margin:0;padding:0;border:0}.form-fieldset .form-field{margin-block:var(--pr-t-spacings-50)}.form-fieldset .form-field:last-child{margin-block-end:0}}@layer mods{.form.mod-maxWidth{max-inline-size:var(--components-form-maxWidth)}}@layer mods{.form-fieldset.mod-inline .form-field{display:inline-grid}.form-fieldset.mod-inline .form-field:not(:last-of-type){margin-inline-end:var(--pr-t-spacings-200)}.form-fieldset.mod-S .formLabel{--components-formLabel-font: var(--pr-t-font-body-S);--components-formLabel-help-fontSize: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-help-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-S-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-S-lineHeight)}.form-fieldset.mod-S .textField{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.form-fieldset.mod-S .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.form-fieldset.mod-S .textField .textField-input-affix-clear.clear,.form-fieldset.mod-S .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .textField .textField-input-affix-icon{--icon-size: 1.25rem}.form-fieldset.mod-S .radioField{--component-radioField-size: 1rem}.form-fieldset.mod-S .checkboxField{--component-checkboxField-size: 1rem;--component-checkboxField-borderRadius: var(--pr-t-border-radius-50);--component-checkboxField-icon-fontSize: var(--pr-t-font-body-XS-lineHeight);--component-checkboxField-label-fontSize: var(--pr-t-font-body-S-fontSize);--component-checkboxField-label-lineHeight: var(--pr-t-font-body-S-lineHeight)}.form-fieldset.mod-S .switchField{--component-switchField-label-input-height: 1rem;--component-switchField-label-input-width: 1.75rem;--component-switchField-label-input-icon-fontSize: .75rem;--component-switchField-label-font: var(--pr-t-font-body-S)}.form-fieldset.mod-S .simpleSelect{--components-simpleSelect-font: var(--pr-t-font-body-S);--components-simpleSelect-padding: var(--pr-t-spacings-75);--components-simpleSelect-gap: var(--pr-t-spacings-75)}.form-fieldset.mod-S .simpleSelect .simpleSelect-field-icon .lucca-icon{--icon-size: 1.25rem}.form-fieldset.mod-S .simpleSelect .simpleSelect-field-clear.clear,.form-fieldset.mod-S .simpleSelect .simpleSelect-field-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .multiSelect{--components-multiSelect-font: var(--pr-t-font-body-S);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.form-fieldset.mod-S .multiSelect .multipleSelect-arrow,.form-fieldset.mod-S .multiSelect .multipleSelect-searchIcon{--icon-size: 1.25rem}.form-fieldset.mod-S .multiSelect .multipleSelect-clear.clear,.form-fieldset.mod-S .multiSelect .multipleSelect-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip.chip,.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip){--components-chip-font: var(--pr-t-font-body-XS);--components-chip-borderRadius: var(--pr-t-border-radius-small)}.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-numericBadge.numericBadge,.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-numericBadge:not(.numericBadge){--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.form-fieldset.mod-S .timePicker{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-paddingInput-inline: var(--pr-t-spacings-25);--components-timepicker-paddingInput-block: var(--pr-t-spacings-75);--components-timepicker-input-height: 1.75rem;--components-timepicker-input-width: 1.25rem;--components-timepicker-separator-left: 1.875rem}.form-fieldset:has(~.box) .form-field.mod-withArrow{padding-block-end:var(--pr-t-spacings-200);margin-block-end:0}.form-fieldset:has(~.box) .form-field.mod-withArrow .form-field-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin-block:0;margin-inline:var(--pr-t-spacings-50);inline-size:12px;block-size:8px;clip-path:path(\"M4.66415 0.494638C5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464L12 8H0L4.66415 0.494638Z\");position:absolute;inset-block-end:var(--components-box-arrow-bottom);inset-inline-start:var(--components-box-arrow-left)}.form-fieldset:has(~.box) .form-field.mod-withArrow .form-field-arrow.mod-neutral,.form-fieldset:has(~.box) .form-field.mod-withArrow .form-field-arrow.mod-grey{--components-box-arrow-background: var(--palettes-neutral-25)}.form-fieldset:has(~.box) .form-field.mod-withArrow:has(.switchField) .form-field-arrow{--components-box-arrow-left: 8px}.form-fieldset:has(~.box) .form-field.mod-withArrow:not(:has(:checked)) .form-field-arrow{display:none}.form-fieldset:has(~.box) .form-field.mod-withArrow.mod-S{padding-block-end:var(--pr-t-spacings-100)}.form-fieldset:has(~.box) .form-field.mod-withArrow.mod-S .form-field-arrow{--components-box-arrow-left: -2px;--components-box-arrow-bottom: -2px}.form-fieldset:has(~.box) .form-field.mod-withArrow.mod-S:has(.switchField) .form-field-arrow{--components-box-arrow-left: 4px;--components-box-arrow-bottom: -2px}.form-fieldset:has(.radioField-input[aria-invalid=true]) legend.formLabel,.form-fieldset:has(.checkboxField-input[aria-invalid=true]) legend.formLabel{--components-formLabel-color: var(--palettes-error-700)}.form-field.mod-S .formLabel{--components-formLabel-font: var(--pr-t-font-body-S);--components-formLabel-help-fontSize: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-help-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-S-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-S-lineHeight)}.form-field.mod-S .textField{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.form-field.mod-S .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.form-field.mod-S .textField .textField-input-affix-clear.clear,.form-field.mod-S .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .textField .textField-input-affix-icon{--icon-size: 1.25rem}.form-field.mod-S .radioField{--component-radioField-size: 1rem}.form-field.mod-S .checkboxField{--component-checkboxField-size: 1rem;--component-checkboxField-borderRadius: var(--pr-t-border-radius-50);--component-checkboxField-icon-fontSize: var(--pr-t-font-body-XS-lineHeight);--component-checkboxField-label-fontSize: var(--pr-t-font-body-S-fontSize);--component-checkboxField-label-lineHeight: var(--pr-t-font-body-S-lineHeight)}.form-field.mod-S .switchField{--component-switchField-label-input-height: 1rem;--component-switchField-label-input-width: 1.75rem;--component-switchField-label-input-icon-fontSize: .75rem;--component-switchField-label-font: var(--pr-t-font-body-S)}.form-field.mod-S .simpleSelect{--components-simpleSelect-font: var(--pr-t-font-body-S);--components-simpleSelect-padding: var(--pr-t-spacings-75);--components-simpleSelect-gap: var(--pr-t-spacings-75)}.form-field.mod-S .simpleSelect .simpleSelect-field-icon .lucca-icon{--icon-size: 1.25rem}.form-field.mod-S .simpleSelect .simpleSelect-field-clear.clear,.form-field.mod-S .simpleSelect .simpleSelect-field-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .multiSelect{--components-multiSelect-font: var(--pr-t-font-body-S);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.form-field.mod-S .multiSelect .multipleSelect-arrow,.form-field.mod-S .multiSelect .multipleSelect-searchIcon{--icon-size: 1.25rem}.form-field.mod-S .multiSelect .multipleSelect-clear.clear,.form-field.mod-S .multiSelect .multipleSelect-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .multiSelect .multipleSelect-displayer-chip.chip,.form-field.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip){--components-chip-font: var(--pr-t-font-body-XS);--components-chip-borderRadius: var(--pr-t-border-radius-small)}.form-field.mod-S .multiSelect .multipleSelect-displayer-numericBadge.numericBadge,.form-field.mod-S .multiSelect .multipleSelect-displayer-numericBadge:not(.numericBadge){--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.form-field.mod-S .timePicker{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-paddingInput-inline: var(--pr-t-spacings-25);--components-timepicker-paddingInput-block: var(--pr-t-spacings-75);--components-timepicker-input-height: 1.75rem;--components-timepicker-input-width: 1.25rem;--components-timepicker-separator-left: 1.875rem}.form-field.mod-XS .formLabel{--components-formLabel-font: var(--pr-t-font-body-XS);--components-formLabel-help-fontSize: .75rem;--components-formLabel-help-lineHeight: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-XS-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.form-field.mod-XS .textField{--component-textField-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.form-field.mod-XS .textField .textField-prefix,.form-field.mod-XS .textField .textField-suffix,.form-field.mod-XS .textField .textField-input-affix-icon{--icon-size: 1rem}.form-field.mod-XS .textField .textField-input-affix-clear.clear,.form-field.mod-XS .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-XS .inlineMessage{--components-inlineMessage-font: var(--pr-t-font-body-XS)}.form-field.mod-XS .inlineMessage .inlineMessage-statusIcon,.form-field.mod-XS .inlineMessage>.lucca-icon:first-child{--icon-size: .75rem}.form-field.mod-XS .simpleSelect{--components-simpleSelect-font: var(--pr-t-font-body-XS);--components-simpleSelect-padding: var(--pr-t-spacings-50);--components-simpleSelect-gap: var(--pr-t-spacings-50)}.form-field.mod-XS .simpleSelect .simpleSelect-field-icon .lucca-icon{--icon-size: 1rem}.form-field.mod-XS .simpleSelect .simpleSelect-field-clear.clear,.form-field.mod-XS .simpleSelect .simpleSelect-field-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-width20{--components-form-field-width: 10rem}.form-field.mod-width30{--components-form-field-width: 15rem}.form-field.mod-width40{--components-form-field-width: 20rem}.form-field.mod-width50{--components-form-field-width: 25rem}.form-field.mod-width60{--components-form-field-width: 30rem}.form-field.mod-checkable,.form-field:has(.radioField),.form-field:has(.checkboxField),.form-field:has(.switchField){display:grid;grid-template-columns:auto 1fr;gap:0 var(--pr-t-spacings-100)}.form-field.mod-checkable .radioField,.form-field.mod-checkable .checkboxField,.form-field.mod-checkable .switchField,.form-field:has(.radioField) .radioField,.form-field:has(.radioField) .checkboxField,.form-field:has(.radioField) .switchField,.form-field:has(.checkboxField) .radioField,.form-field:has(.checkboxField) .checkboxField,.form-field:has(.checkboxField) .switchField,.form-field:has(.switchField) .radioField,.form-field:has(.switchField) .checkboxField,.form-field:has(.switchField) .switchField{order:-1}.form-field.mod-checkable .checkboxField,.form-field:has(.radioField) .checkboxField,.form-field:has(.checkboxField) .checkboxField,.form-field:has(.switchField) .checkboxField{inset-block-start:var(--component-checkboxField-top)}.form-field.mod-checkable .radioField,.form-field:has(.radioField) .radioField,.form-field:has(.checkboxField) .radioField,.form-field:has(.switchField) .radioField{inset-block-start:var(--component-radioField-top)}.form-field:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[aria-invalid=true]) .formLabel{--components-formLabel-color: var(--palettes-error-700)}.form-field:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[aria-invalid=true]) .inlineMessage{--components-inlineMessage-icon-color: var(--palettes-error-700);--components-inlineMessage-color: var(--palettes-error-700);--components-inlineMessage-gap: var(--pr-t-spacings-50)}.form-field:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[aria-invalid=true]) .inlineMessage .inlineMessage-statusIcon:before,.form-field:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[aria-invalid=true]) .inlineMessage>.lucca-icon:first-child:before{content:\"\\e92c\"/\"\"}.form-field:has(.radioField-input:disabled) .formLabel,.form-field:has(.checkboxField-input:disabled) .formLabel,.form-field:has(.switchField-input:disabled) .formLabel{--components-formLabel-color: var(--pr-t-color-input-text-disabled);--components-formLabel-cursor: default}.form-field:has(.radioField-input:disabled) .inlineMessage,.form-field:has(.checkboxField-input:disabled) .inlineMessage,.form-field:has(.switchField-input:disabled) .inlineMessage{--components-inlineMessage-icon-color: var(--pr-t-color-input-text-disabled);--components-inlineMessage-color: var(--pr-t-color-input-text-disabled)}.form-field:has(.radioField-input:disabled) .formLabel-tag,.form-field:has(.checkboxField-input:disabled) .formLabel-tag,.form-field:has(.switchField-input:disabled) .formLabel-tag{--components-tag-background: var(--commons-disabled-background);--components-tag-color: var(--commons-disabled-color)}.form-field.mod-withArrow{padding-block-end:var(--pr-t-spacings-200);margin-block-end:0}.form-field.mod-withArrow .form-field-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin-block:0;margin-inline:var(--pr-t-spacings-50);inline-size:12px;block-size:8px;clip-path:path(\"M4.66415 0.494638C5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464L12 8H0L4.66415 0.494638Z\");position:absolute;inset-block-end:var(--components-box-arrow-bottom);inset-inline-start:var(--components-box-arrow-left)}.form-field.mod-withArrow .form-field-arrow.mod-neutral,.form-field.mod-withArrow .form-field-arrow.mod-grey{--components-box-arrow-background: var(--palettes-neutral-25)}.form-field.mod-withArrow:has(.switchField) .form-field-arrow{--components-box-arrow-left: 8px}.form-field.mod-withArrow:not(:has(:checked)) .form-field-arrow{display:none}.form-field.mod-withArrow.mod-S{padding-block-end:var(--pr-t-spacings-100)}.form-field.mod-withArrow.mod-S .form-field-arrow{--components-box-arrow-left: -2px;--components-box-arrow-bottom: -2px}.form-field.mod-withArrow.mod-S:has(.switchField) .form-field-arrow{--components-box-arrow-left: 4px;--components-box-arrow-bottom: -2px}}@layer components{.form{--components-form-maxWidth: 40rem;--components-form-group-margin-bottom: 1.2rem;--components-form-field-margin-bottom: var(--pr-t-spacings-200);--components-form-field-width: auto;--components-form-label-font-size: var(--pr-t-font-body-M-fontSize);--components-form-label-margin-bottom: var(--pr-t-spacings-50);--components-field-framed-side-padding: var(--pr-t-spacings-200);--components-field-framed-top-padding: var(--pr-t-spacings-400);--components-field-framed-bottom-padding: var(--pr-t-spacings-200);--components-field-framed-label-top-offset: var(--pr-t-spacings-100);--components-field-framed-textarea-height: 8.5rem;--components-field-framed-textarea-min-height: 5.5rem;--components-field-framed-textarea-max-height: 80vh;--components-field-framed-title-font-size: 1.125rem;--components-field-framed-title-line-height: var(--pr-t-font-body-M-lineHeight);--components-field-framed-suffix-padding-right: var(--pr-t-spacings-600)}}@layer components{.form-group{--components-form-maxWidth: 40rem;--components-form-group-margin-bottom: 1.2rem;--components-form-field-margin-bottom: var(--pr-t-spacings-200);--components-form-field-width: auto;--components-form-label-font-size: var(--pr-t-font-body-M-fontSize);--components-form-label-margin-bottom: var(--pr-t-spacings-50);--components-field-framed-side-padding: var(--pr-t-spacings-200);--components-field-framed-top-padding: var(--pr-t-spacings-400);--components-field-framed-bottom-padding: var(--pr-t-spacings-200);--components-field-framed-label-top-offset: var(--pr-t-spacings-100);--components-field-framed-textarea-height: 8.5rem;--components-field-framed-textarea-min-height: 5.5rem;--components-field-framed-textarea-max-height: 80vh;--components-field-framed-title-font-size: 1.125rem;--components-field-framed-title-line-height: var(--pr-t-font-body-M-lineHeight);--components-field-framed-suffix-padding-right: var(--pr-t-spacings-600);padding:0;border:0;margin-block:0 var(--components-form-group-margin-bottom);margin-inline:0;position:relative}.form-header{margin-block-end:var(--pr-t-spacings-300)}.form-header-title{margin:0;padding:0}.form-header-mandatory{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);color:var(--palettes-neutral-700)}.form-header-mandatory-asterisk{color:var(--palettes-error-700)}.form-field{position:relative;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50);inline-size:var(--components-form-field-width);max-inline-size:100%}.form-field .formLabel{--components-formLabel-cursor: pointer}.form-field-contentOptional{display:flex;gap:var(--pr-t-spacings-100);align-items:center}.form-field-contentOptional>:first-child{flex-grow:1}.form-group-label,.form-group-legend,.form-group-title{display:block;font-weight:var(--pr-t-font-fontWeight-semibold);font-size:var(--components-form-label-font-size);margin:0;padding-block:0 var(--components-form-label-margin-bottom);padding-inline:0;inline-size:100%;text-align:start}.form-group-legend,.form-group-title{font-size:var(--components-field-framed-title-font-size);line-height:var(--components-field-framed-title-line-height);padding-block-end:var(--pr-t-spacings-50)}.form-actions{text-align:end}.form .textfield,.form .radiosfield,.form .checkboxesfield,.form .checkbox.mod-field{margin-block-end:var(--components-form-field-margin-bottom)}.form-group-line{display:flex;flex-wrap:wrap;position:relative}.form-group-line-col{flex-basis:0;flex-grow:1;display:flex;flex-direction:column}.form-group-line-col>*{flex-grow:1}.form-group-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-inline-start:.2em;content:\"*\"/\"\"}.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-inline-start:.2em;content:\"*\"/\"\"}}@layer mods{.form-group-line-col[class*=mod-overlay]:focus-within .textfield-input{box-shadow:-1px 0 var(--components-field-framed-color),0 -1px var(--components-field-framed-color),-1px -1px var(--components-field-framed-color),-1px -1px var(--components-field-framed-color) inset,0 0 0 4px var(--components-field-framed-color50);z-index:4}.form-group-line-col[class*=mod-overlay]:focus-within .is-error .textfield-input{background-color:var(--palettes-neutral-0)!important}.form-group-line-col[class*=mod-overlay]:focus-within .is-warning .textfield-input{background-color:#444242;box-shadow:-1px 0 var(--palettes-warning-700),0 -1px var(--palettes-warning-700),-1px -1px var(--palettes-warning-700),-1px -1px var(--palettes-warning-700) inset,0 0 0 4px var(--palettes-warning-50)}.form-group-line-col[class*=mod-overlay]:focus-within .is-valid .textfield-input,.form-group-line-col[class*=mod-overlay]:focus-within .is-success .textfield-input{background-color:var(--palettes-neutral-0);box-shadow:-1px 0 var(--palettes-success-700),0 -1px var(--palettes-success-700),-1px -1px var(--palettes-success-700),-1px -1px var(--palettes-success-700) inset,0 0 0 4px var(--palettes-success-50)}.form-group-line-col[class*=mod-overlay] .textfield+.textfield,.form-group-line-col[class*=mod-overlay] .textfield+.checkbox,.form-group-line-col[class*=mod-overlay] .textfield+.radio,.form-group-line-col[class*=mod-overlay] .textfield+.select,.form-group-line-col[class*=mod-overlay] .checkbox+.textfield,.form-group-line-col[class*=mod-overlay] .checkbox+.checkbox,.form-group-line-col[class*=mod-overlay] .checkbox+.radio,.form-group-line-col[class*=mod-overlay] .checkbox+.select,.form-group-line-col[class*=mod-overlay] .radio+.textfield,.form-group-line-col[class*=mod-overlay] .radio+.checkbox,.form-group-line-col[class*=mod-overlay] .radio+.radio,.form-group-line-col[class*=mod-overlay] .radio+.select,.form-group-line-col[class*=mod-overlay] .select+.textfield,.form-group-line-col[class*=mod-overlay] .select+.checkbox,.form-group-line-col[class*=mod-overlay] .select+.radio,.form-group-line-col[class*=mod-overlay] .select+.select{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:10;padding-block:var(--components-field-framed-label-top-offset) var(--components-field-framed-bottom-padding);padding-inline:var(--components-field-framed-side-padding)}.form-group-line-col.mod-overlay-top .textfield+.textfield,.form-group-line-col.mod-overlay-top .textfield+.checkbox,.form-group-line-col.mod-overlay-top .textfield+.radio,.form-group-line-col.mod-overlay-top .textfield+.select,.form-group-line-col.mod-overlay-top .checkbox+.textfield,.form-group-line-col.mod-overlay-top .checkbox+.checkbox,.form-group-line-col.mod-overlay-top .checkbox+.radio,.form-group-line-col.mod-overlay-top .checkbox+.select,.form-group-line-col.mod-overlay-top .radio+.textfield,.form-group-line-col.mod-overlay-top .radio+.checkbox,.form-group-line-col.mod-overlay-top .radio+.radio,.form-group-line-col.mod-overlay-top .radio+.select,.form-group-line-col.mod-overlay-top .select+.textfield,.form-group-line-col.mod-overlay-top .select+.checkbox,.form-group-line-col.mod-overlay-top .select+.radio,.form-group-line-col.mod-overlay-top .select+.select{inset-block:0 auto}.form-group-line-col.mod-1\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-1\\@mediaMinXXXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-2\\@mediaMinXXXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-3\\@mediaMinXXXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-4\\@mediaMinXXXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-5\\@mediaMinXXXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-6\\@mediaMinXXXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-7\\@mediaMinXXXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-8\\@mediaMinXXXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-9\\@mediaMinXXXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-10\\@mediaMinXXXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-11\\@mediaMinXXXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-12\\@mediaMinXXXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-1\\@mediaMinXXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-2\\@mediaMinXXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-3\\@mediaMinXXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-4\\@mediaMinXXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-5\\@mediaMinXXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-6\\@mediaMinXXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-7\\@mediaMinXXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-8\\@mediaMinXXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-9\\@mediaMinXXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-10\\@mediaMinXXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-11\\@mediaMinXXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-12\\@mediaMinXXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-1\\@mediaMinXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-2\\@mediaMinXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-3\\@mediaMinXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-4\\@mediaMinXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-5\\@mediaMinXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-6\\@mediaMinXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-7\\@mediaMinXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-8\\@mediaMinXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-9\\@mediaMinXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-10\\@mediaMinXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-11\\@mediaMinXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-12\\@mediaMinXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-1\\@mediaMinS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-2\\@mediaMinS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-3\\@mediaMinS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-4\\@mediaMinS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-5\\@mediaMinS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-6\\@mediaMinS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-7\\@mediaMinS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-8\\@mediaMinS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-9\\@mediaMinS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-10\\@mediaMinS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-11\\@mediaMinS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-12\\@mediaMinS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-1\\@mediaMinM{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-2\\@mediaMinM{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-3\\@mediaMinM{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-4\\@mediaMinM{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-5\\@mediaMinM{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-6\\@mediaMinM{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-7\\@mediaMinM{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-8\\@mediaMinM{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-9\\@mediaMinM{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-10\\@mediaMinM{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-11\\@mediaMinM{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-12\\@mediaMinM{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-1\\@mediaMinL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-2\\@mediaMinL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-3\\@mediaMinL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-4\\@mediaMinL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-5\\@mediaMinL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-6\\@mediaMinL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-7\\@mediaMinL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-8\\@mediaMinL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-9\\@mediaMinL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-10\\@mediaMinL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-11\\@mediaMinL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-12\\@mediaMinL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-1\\@mediaMinXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-2\\@mediaMinXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-3\\@mediaMinXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-4\\@mediaMinXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-5\\@mediaMinXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-6\\@mediaMinXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-7\\@mediaMinXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-8\\@mediaMinXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-9\\@mediaMinXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-10\\@mediaMinXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-11\\@mediaMinXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-12\\@mediaMinXL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-1\\@mediaMinXXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-2\\@mediaMinXXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-3\\@mediaMinXXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-4\\@mediaMinXXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-5\\@mediaMinXXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-6\\@mediaMinXXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-7\\@mediaMinXXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-8\\@mediaMinXXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-9\\@mediaMinXXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-10\\@mediaMinXXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-11\\@mediaMinXXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-12\\@mediaMinXXL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-1\\@mediaMinXXXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-2\\@mediaMinXXXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-3\\@mediaMinXXXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-4\\@mediaMinXXXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-5\\@mediaMinXXXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-6\\@mediaMinXXXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-7\\@mediaMinXXXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-8\\@mediaMinXXXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-9\\@mediaMinXXXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-10\\@mediaMinXXXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-11\\@mediaMinXXXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-12\\@mediaMinXXXL{flex-basis:100%}}.form-group-label:is(.is-required,.required):not(:empty):after,.radiosfield-label:is(.is-required,.required):not(:empty):after,.checkboxesfield-label:is(.is-required,.required):not(:empty):after,.textfield-label:is(.is-required,.required):not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-inline-start:.2em;content:\"*\"/\"\"}.checkboxesfield.mod-framed,.radiosfield.mod-framed,.form.mod-framed .fieldsetWrapper{background-color:var(--palettes-neutral-0);padding:0;box-shadow:-1px 0 var(--palettes-neutral-200),0 -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200) inset;transition:background-color var(--commons-animations-durations-standard);margin-block-end:0!important}.checkboxesfield.mod-framed:before,.checkboxesfield.mod-framed:after,.radiosfield.mod-framed:before,.radiosfield.mod-framed:after,.form.mod-framed .fieldsetWrapper:before,.form.mod-framed .fieldsetWrapper:after{content:\"\\a0\"/\"\";display:table}.checkboxesfield.mod-framed:after,.radiosfield.mod-framed:after,.form.mod-framed .fieldsetWrapper:after{clear:both}.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus{position:relative;z-index:1;background-color:var(--palettes-neutral-0);box-shadow:-1px 0 var(--palettes-neutral-600),0 -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600) inset}.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus{z-index:4;box-shadow:-1px 0 var(--palettes-neutral-600),0 -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600) inset,0 0 0 4px var(--palettes-neutral-50)}.checkboxesfield.mod-framed .radiosfield,.checkboxesfield.mod-framed .checkboxesfield,.radiosfield.mod-framed .radiosfield,.radiosfield.mod-framed .checkboxesfield,.form.mod-framed .fieldsetWrapper .radiosfield,.form.mod-framed .fieldsetWrapper .checkboxesfield{display:block;margin-block-start:var(--components-field-framed-side-padding);margin-block-end:0;padding-block:0 var(--components-field-framed-bottom-padding);padding-inline:var(--components-field-framed-side-padding)}.checkboxesfield.mod-framed.is-disabled,.checkboxesfield.mod-framed.is-readonly,.radiosfield.mod-framed.is-disabled,.radiosfield.mod-framed.is-readonly,.form.mod-framed .fieldsetWrapper.is-disabled,.form.mod-framed .fieldsetWrapper.is-readonly{background-color:var(--commons-disabled-background)}.checkboxesfield.mod-framed.is-loading:after,.radiosfield.mod-framed.is-loading:after,.form.mod-framed .fieldsetWrapper.is-loading:after{content:\"\";inline-size:1.5rem;block-size:1.5rem;border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkboxesfield.mod-framed.is-loading:before,.checkboxesfield.mod-framed.is-loading:after,.radiosfield.mod-framed.is-loading:before,.radiosfield.mod-framed.is-loading:after,.form.mod-framed .fieldsetWrapper.is-loading:before,.form.mod-framed .fieldsetWrapper.is-loading:after{inset-block:var(--components-field-framed-side-padding) auto!important;inset-inline:auto var(--components-field-framed-side-padding)!important}.checkboxesfield.mod-framed,.radiosfield.mod-framed{margin-block-start:0;padding-block:var(--components-field-framed-side-padding) var(--components-field-framed-bottom-padding);padding-inline:var(--components-field-framed-side-padding)}}@layer components{.inputFramed{--components-inputFramed-content-display: none;--components-inputFramed-borderColor: var(--palettes-neutral-300);--components-inputFramed-header-info-borderColor: var(--palettes-neutral-200);--components-inputFramed-padding: var(--pr-t-spacings-150);--components-inputFramed-header-backgroundColor: transparent;--components-inputFramed-header-info-color: inherit;--components-inputFramed-header-alignItems: normal;position:relative;overflow:hidden;padding:var(--pr-t-spacings-50);border:solid 1px var(--components-inputFramed-borderColor);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-neutral-0);transition-property:box-shadow,border-color;transition-duration:var(--commons-animations-durations-fast);block-size:100%;display:flex;flex-direction:column}.inputFramed-header-label.formLabel{position:static;font-weight:var(--pr-t-font-fontWeight-semibold)}.inputFramed-header-label.formLabel:after{content:\"\";position:absolute;inset:calc(var(--pr-t-spacings-50) * -1)}.inputFramed-header-field{flex:1}.inputFramed-header-field.form-field.form-field{position:static;margin-block:0}.inputFramed-header{padding:var(--components-inputFramed-padding);border-radius:var(--pr-t-border-radius-50);background-color:var(--components-inputFramed-header-backgroundColor);transition-property:background-color;transition-duration:var(--commons-animations-durations-fast);position:relative;flex-grow:1;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;gap:var(--pr-t-spacings-100);align-items:var(--components-inputFramed-header-alignItems)}.inputFramed-header-illustration:empty{display:none}.inputFramed-header-info{flex-basis:100%;border-block-start:1px solid var(--components-inputFramed-header-info-borderColor);margin-block-start:var(--pr-t-spacings-100);padding-block-start:var(--pr-t-spacings-200);color:var(--components-inputFramed-header-info-color)}.inputFramed-header-info:empty{display:none}.inputFramed-content{display:var(--components-inputFramed-content-display);padding:var(--components-inputFramed-padding);margin-block-start:var(--pr-t-spacings-50)}}@layer mods{.inputFramed:hover{--components-inputFramed-borderColor: var(--pr-t-color-input-border-hover)}.inputFramed:has(.inputFramed-header-input:checked){--components-inputFramed-content-display: block;--components-inputFramed-header-backgroundColor: var(--palettes-product-50);--components-inputFramed-borderColor: var(--pr-t-color-input-border-checked);--components-inputFramed-header-info-borderColor: var(--pr-t-color-input-border-checked)}.inputFramed:has(.inputFramed-header-input:checked):hover{--components-inputFramed-borderColor: var(--pr-t-color-input-border-checked-hover)}.inputFramed:has(.inputFramed-header-input:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:2px}.inputFramed:has(.inputFramed-header-input:focus-visible) .inputFramed-header-icon:after{outline:none}.inputFramed:has(.inputFramed-header-input[aria-invalid=true]){--components-inputFramed-borderColor: var(--pr-t-color-input-border-critical)}.inputFramed:has(.inputFramed-header-input[aria-invalid=true]):hover{--components-inputFramed-borderColor: var(--pr-t-color-input-border-critical-hover)}.inputFramed:has(.inputFramed-header-input:disabled),.inputFramed:has(.inputFramed-header-input:disabled):hover{--components-inputFramed-header-backgroundColor: var(--palettes-neutral-25);--components-inputFramed-header-borderColor: var(--palettes-neutral-50);--components-inputFramed-borderColor: var(--palettes-neutral-300);--components-inputFramed-header-info-color: var(--pr-t-color-input-text-disabled)}}.inputFramed.mod-center{--components-inputFramed-header-alignItems: center}@layer components{.inputFramedWrapper{--components-inputFramed-content-display: none;--components-inputFramed-borderColor: var(--palettes-neutral-300);--components-inputFramed-header-info-borderColor: var(--palettes-neutral-200);--components-inputFramed-padding: var(--pr-t-spacings-150);--components-inputFramed-header-backgroundColor: transparent;--components-inputFramed-header-info-color: inherit;--components-inputFramed-header-alignItems: normal;display:flex;flex-direction:column;gap:var(--pr-t-spacings-150);margin-block:var(--pr-t-spacings-50)}}@layer mods{lu-form-field:has(~.box) .form-field.mod-withArrow{padding-block-end:var(--pr-t-spacings-200);margin-block-end:0}lu-form-field:has(~.box) .form-field.mod-withArrow .form-field-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin-block:0;margin-inline:var(--pr-t-spacings-50);inline-size:12px;block-size:8px;clip-path:path(\"M4.66415 0.494638C5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464L12 8H0L4.66415 0.494638Z\");position:absolute;inset-block-end:var(--components-box-arrow-bottom);inset-inline-start:var(--components-box-arrow-left)}lu-form-field:has(~.box) .form-field.mod-withArrow .form-field-arrow.mod-neutral,lu-form-field:has(~.box) .form-field.mod-withArrow .form-field-arrow.mod-grey{--components-box-arrow-background: var(--palettes-neutral-25)}lu-form-field:has(~.box) .form-field.mod-withArrow:has(.switchField) .form-field-arrow{--components-box-arrow-left: 8px}lu-form-field:has(~.box) .form-field.mod-withArrow:not(:has(:checked)) .form-field-arrow{display:none}lu-form-field:has(~.box) .form-field.mod-withArrow.mod-S{padding-block-end:var(--pr-t-spacings-100)}lu-form-field:has(~.box) .form-field.mod-withArrow.mod-S .form-field-arrow{--components-box-arrow-left: -2px;--components-box-arrow-bottom: -2px}lu-form-field:has(~.box) .form-field.mod-withArrow.mod-S:has(.switchField) .form-field-arrow{--components-box-arrow-left: 4px;--components-box-arrow-bottom: -2px}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: InlineMessageComponent, selector: "lu-inline-message", inputs: ["label", "state", "size", "withTooltip"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis", "luTooltipAnchor"], exportAs: ["luTooltip"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }], encapsulation: i0.ViewEncapsulation.None }); }
224
+ ], queries: [{ propertyName: "formFieldChildren", predicate: FormFieldComponent, descendants: true, isSignal: true }, { propertyName: "requiredValidators", predicate: RequiredValidator, descendants: true, isSignal: true }, { propertyName: "ngControls", predicate: NgControl, descendants: true, isSignal: true }], ngImport: i0, template: "@if (layout() === \"fieldset\") {\n\t<fieldset class=\"form-fieldset\" [class.mod-inline]=\"inline()\" [class.mod-S]=\"size() === 'S'\">\n\t\t<legend class=\"formLabel\" [class.pr-u-mask]=\"hiddenLabel()\" attr.aria-hidden=\"{{ hiddenLabel() }}\">\n\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t\t@if (isInputRequired()) {\n\t\t\t\t<sup class=\"formLabel-required\" aria-hidden=\"true\">*</sup>\n\t\t\t}\n\t\t\t@if (tooltip()) {\n\t\t\t\t<lu-icon\n\t\t\t\t\tclass=\"formLabel-info\"\n\t\t\t\t\ticon=\"signHelp\"\n\t\t\t\t\t[alt]=\"'?'\"\n\t\t\t\t\t[luTooltip]=\"tooltip()\"\n\t\t\t\t\t[color]=\"invalidStatus() ? 'error' : 'inherit'\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t@if (tag()) {\n\t\t\t\t<span class=\"tag formLabel-tag\">{{ tag() }}</span>\n\t\t\t}\n\t\t</legend>\n\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t@if (inlineMessage() || (invalidStatus() ? errorInlineMessage() : false)) {\n\t\t\t<lu-inline-message\n\t\t\t\tid=\"{{ id() }}-message\"\n\t\t\t\t[label]=\"invalidStatus() && errorInlineMessage() ? errorInlineMessage() : inlineMessage()\"\n\t\t\t\t[state]=\"invalidStatus() ? 'error' : inlineMessageState()\"\n\t\t\t/>\n\t\t}\n\t</fieldset>\n} @else {\n\t<label\n\t\tclass=\"formLabel\"\n\t\t[class.inputFramed-header-label]=\"framed\"\n\t\t[class.is-error]=\"invalidStatus()\"\n\t\t[class.mod-counter]=\"counter() > 0\"\n\t\tid=\"{{ id() }}-label\"\n\t\tfor=\"{{ id() }}\"\n\t\t[class.pr-u-mask]=\"hiddenLabel()\"\n\t\tattr.role=\"{{ rolePresentationLabel() ? 'presentation' : null }}\"\n\t>\n\t\t<ng-container *luPortal=\"label()\" />\n\t\t@if (isInputRequired()) {\n\t\t\t<sup class=\"formLabel-required\" aria-hidden=\"true\">*</sup>\n\t\t}\n\t\t@if (tooltip()) {\n\t\t\t<lu-icon class=\"formLabel-info\" icon=\"signHelp\" [alt]=\"'?'\" [luTooltip]=\"tooltip()\" [color]=\"invalidStatus() ? 'error' : 'inherit'\" />\n\t\t}\n\t\t@if (tag()) {\n\t\t\t<span class=\"formLabel-tag tag\">{{ tag() }}</span>\n\t\t}\n\t\t@if (counter() > 0) {\n\t\t\t<span class=\"formLabel-counter\" [class.pr-u-textError]=\"contentLength > counter()\" id=\"{{ id() }}-counter\" aria-live=\"polite\">\n\t\t\t\t<span aria-hidden=\"true\">{{ contentLength }}/{{ counter() }}</span>\n\t\t\t\t<span class=\"pr-u-mask\">{{ intl.counter | intlParams: { current: contentLength, max: counter() } }}</span>\n\t\t\t</span>\n\t\t}\n\t</label>\n\t@if (AI()) {\n\t\t<div class=\"form-field-contentOptional\">\n\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t\t<lu-icon\n\t\t\t\tclass=\"pr-u-focusVisible pr-u-borderRadiusSmall\"\n\t\t\t\t[luTooltip]=\"iconAItooltip()\"\n\t\t\t\tsize=\"S\"\n\t\t\t\tAI\n\t\t\t\ticon=\"weatherStars\"\n\t\t\t\t[alt]=\"iconAIalt()\"\n\t\t\t/>\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t}\n\t@if (inlineMessage() || (invalidStatus() ? errorInlineMessage() : false)) {\n\t\t<lu-inline-message\n\t\t\tid=\"{{ id() }}-message\"\n\t\t\t[label]=\"invalidStatus() && errorInlineMessage() ? errorInlineMessage() : inlineMessage()\"\n\t\t\t[state]=\"invalidStatus() ? 'error' : inlineMessageState()\"\n\t\t/>\n\t}\n}\n\n<ng-template #projectionTpl>\n\t<ng-content />\n</ng-template>\n", styles: ["@charset \"UTF-8\";@layer components{.textField{--component-textField-font: var(--pr-t-font-body-M);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder);--component-textField-background: var(--pr-t-color-input-background);--component-textField-border: var(--pr-t-color-input-border);--component-textField-borderHover: var(--pr-t-color-input-border-hover);--component-textField-color: var(--pr-t-color-input-text);--component-textField-textDecoration: none;--component-textField-padding: var(--pr-t-spacings-100);--component-textField-affix-padding: var(--component-textField-padding);--component-textField-affix-size: 1.75rem;--component-textField-scrollMargin: 88rem;--component-textField-maxHeight: 90dvh;--component-textField-maxHeightFallback: 90vh;--component-textField-borderRadius: var(--pr-t-border-radius-input);--component-textField-width: auto;--component-textField-fontSize: var(--pr-t-font-body-M-fontSize);--component-textField-lineHeight: var(--pr-t-font-body-M-lineHeight);display:flex;align-items:stretch;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border);inline-size:var(--component-textField-width)}.textField:hover{box-shadow:0 0 0 1px var(--component-textField-borderHover)}.textField:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.textField .textField-input-affix-toggle{pointer-events:auto;inline-size:var(--component-textField-affix-size);block-size:var(--component-textField-affix-size);color:var(--pr-t-color-input-icon)}.textField-input{display:flex;align-items:center;inline-size:100%;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);position:relative}.textField-input:has(.textField-input-affix-icon){--component-textField-affix-padding: 2.5rem}.textField-input:has(.textField-input-affix-toggle){--component-textField-affix-padding: 3rem}.textField-input:has(.textField-input-affix-clear){--component-textField-affix-padding: 2rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-icon){--component-textField-affix-padding: 4rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-toggle){--component-textField-affix-padding: 4.5rem}.textField-input-valueClone,.textField-input-value{border:0;outline:none;font:var(--component-textField-font);inline-size:100%;padding-block:var(--component-textField-padding) var(--component-textField-padding);padding-inline:var(--component-textField-padding) var(--component-textField-affix-padding);background-color:transparent;color:var(--component-textField-color);text-decoration:var(--component-textField-textDecoration);text-overflow:ellipsis}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-block-size:var(--component-textField-maxHeight)}@supports not (height: 1dvh){.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){--component-textField-maxHeight: var(--component-textField-maxHeightFallback)}}.textField-input-valueClone::placeholder,.textField-input-value::placeholder{color:var(--component-textField-placeholder)}.textField-input-valueClone:is(textarea),.textField-input-value:is(textarea){resize:block;min-block-size:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){block-size:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-block-size:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;inset-inline-end:var(--pr-t-spacings-100);pointer-events:none}.textField-input-affix-icon{--icon-size: 1.5rem;color:var(--pr-t-color-input-icon);pointer-events:none}.textField-input-affix-clear{pointer-events:auto}.textField-prefix{display:flex;padding-inline-start:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-start-radius:var(--pr-t-border-radius-input);border-end-start-radius:var(--pr-t-border-radius-input);flex-shrink:0}.textField-prefix~.textField-input{border-start-start-radius:0;border-end-start-radius:0}.textField-suffix{display:flex;padding-inline-end:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-end-radius:var(--pr-t-border-radius-input);border-end-end-radius:var(--pr-t-border-radius-input);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-start-end-radius:0;border-end-end-radius:0}}@layer mods{.textField.mod-S{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-S .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-S .textField-input-affix-clear.clear,.textField.mod-S .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-S .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-XS{--component-textField-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.textField.mod-XS .textField-prefix,.textField.mod-XS .textField-suffix,.textField.mod-XS .textField-input-affix-icon{--icon-size: 1rem}.textField.mod-XS .textField-input-affix-clear.clear,.textField.mod-XS .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-valueAlignRight .textField-input-value{text-align:end}.textField.is-invalid,.textField:has(.textField-input-value[aria-invalid=true]){--component-textField-border: var(--pr-t-color-input-border-critical);--component-textField-background: var(--pr-t-color-input-background-critical);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder-critical)}.textField.is-invalid:hover,.textField:has(.textField-input-value[aria-invalid=true]):hover{--component-textField-border: var(--pr-t-color-input-border-critical-hover)}.textField.is-disabled,.textField:has(.textField-input-value:disabled){--component-textField-background: var(--pr-t-color-input-background-disabled);--component-textField-color: var(--pr-t-color-input-text-disabled)}.textField.mod-autoResize .textField-input{display:grid;align-items:normal;min-inline-size:0;scroll-margin-block-end:var(--component-textField-scrollMargin)}.textField.mod-autoResize .textField-input-valueClone,.textField.mod-autoResize .textField-input-value{white-space:pre-wrap;overflow-wrap:break-word;grid-area:1/1/2/2;resize:none;min-inline-size:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\"\\a0\"/\"\"}.textField.mod-filterPill{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-filterPill .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-filterPill .textField-input-affix-clear.clear,.textField.mod-filterPill .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-filterPill .textField-input-affix-icon{--icon-size: 1.25rem}}.textField.is-lineThrough{--component-textField-color: var(--pr-t-color-text-subtle);--component-textField-textDecoration: line-through}@layer components{.formLabel{--components-formLabel-font: var(--pr-t-font-body-M);--components-formLabel-color: var(--pr-t-color-text);--components-formLabel-help-fontSize: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-help-lineHeight: var(--pr-t-font-body-M-lineHeight);--components-formLabel-paddingRight: 0;--components-formLabel-width: fit-content;--components-formLabel-cursor: default;--components-formLabel-fontSize: var(--pr-t-font-body-M-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-M-lineHeight);display:block;position:relative;color:var(--components-formLabel-color);font:var(--components-formLabel-font);font-size:var(--components-formLabel-fontSize);line-height:var(--components-formLabel-lineHeight);inline-size:var(--components-formLabel-width);padding-inline-end:var(--components-formLabel-paddingRight);cursor:var(--components-formLabel-cursor)}.formLabel .lucca-icon{color:var(--palettes-neutral-600);font-size:var(--components-formLabel-help-fontSize);line-height:var(--components-formLabel-help-lineHeight);margin-inline-start:var(--pr-t-spacings-25);vertical-align:top}.formLabel-required{color:var(--palettes-error-700);font-size:inherit;line-height:inherit;font-weight:var(--pr-t-font-fontWeight-semibold);margin-inline-start:var(--pr-t-spacings-25);inset-block-start:0}.formLabel-info{vertical-align:top}.formLabel-info:focus-visible{outline:none}.formLabel-info:focus-visible .lucca-icon:before{border-radius:50%;outline:2px solid var(--palettes-product-700);outline-offset:0}.formLabel-counter{font-size:var(--pr-t-font-body-XS-fontSize);color:var(--palettes-neutral-600);position:absolute;inset-inline-end:0;inset-block-start:0}.formLabel-tag{margin-inline-start:var(--pr-t-spacings-50);inset-block-start:calc(var(--pr-t-spacings-25) / -2);position:relative;--components-tag-background: var(--palettes-100, var(--palettes-product-100));--components-tag-color: var(--palettes-800, var(--palettes-product-800))}}@layer mods{.formLabel.mod-S{--components-formLabel-font: var(--pr-t-font-body-S);--components-formLabel-help-fontSize: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-help-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-S-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-S-lineHeight)}.formLabel.mod-XS{--components-formLabel-font: var(--pr-t-font-body-XS);--components-formLabel-help-fontSize: .75rem;--components-formLabel-help-lineHeight: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-XS-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.formLabel.mod-counter{--components-formLabel-width: auto;--components-formLabel-paddingRight: var(--pr-t-spacings-600)}.formLabel.is-error{--components-formLabel-color: var(--palettes-error-700)}}@layer mods{.form-group-label.is-required:not(:empty):after,.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-inline-start:.2em;content:\"*\"/\"\"}}@layer components{.form{display:block}.form .divider{margin-block:var(--pr-t-spacings-300)}.form-fieldset{margin:0;padding:0;border:0}.form-fieldset .form-field{margin-block:var(--pr-t-spacings-50)}.form-fieldset .form-field:last-child{margin-block-end:0}}@layer mods{.form.mod-maxWidth{max-inline-size:var(--components-form-maxWidth)}}@layer mods{.form-fieldset.mod-inline .form-field{display:inline-grid}.form-fieldset.mod-inline .form-field:not(:last-of-type){margin-inline-end:var(--pr-t-spacings-200)}.form-fieldset.mod-S .formLabel{--components-formLabel-font: var(--pr-t-font-body-S);--components-formLabel-help-fontSize: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-help-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-S-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-S-lineHeight)}.form-fieldset.mod-S .textField{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.form-fieldset.mod-S .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.form-fieldset.mod-S .textField .textField-input-affix-clear.clear,.form-fieldset.mod-S .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .textField .textField-input-affix-icon{--icon-size: 1.25rem}.form-fieldset.mod-S .radioField{--component-radioField-size: 1rem}.form-fieldset.mod-S .checkboxField{--component-checkboxField-size: 1rem;--component-checkboxField-borderRadius: var(--pr-t-border-radius-50);--component-checkboxField-icon-fontSize: var(--pr-t-font-body-XS-lineHeight);--component-checkboxField-label-fontSize: var(--pr-t-font-body-S-fontSize);--component-checkboxField-label-lineHeight: var(--pr-t-font-body-S-lineHeight)}.form-fieldset.mod-S .switchField{--component-switchField-label-input-height: 1rem;--component-switchField-label-input-width: 1.75rem;--component-switchField-label-input-icon-fontSize: .75rem;--component-switchField-label-font: var(--pr-t-font-body-S)}.form-fieldset.mod-S .simpleSelect{--components-simpleSelect-font: var(--pr-t-font-body-S);--components-simpleSelect-padding: var(--pr-t-spacings-75);--components-simpleSelect-gap: var(--pr-t-spacings-75)}.form-fieldset.mod-S .simpleSelect .simpleSelect-field-icon .lucca-icon{--icon-size: 1.25rem}.form-fieldset.mod-S .simpleSelect .simpleSelect-field-clear.clear,.form-fieldset.mod-S .simpleSelect .simpleSelect-field-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .multiSelect{--components-multiSelect-font: var(--pr-t-font-body-S);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.form-fieldset.mod-S .multiSelect .multipleSelect-arrow,.form-fieldset.mod-S .multiSelect .multipleSelect-searchIcon{--icon-size: 1.25rem}.form-fieldset.mod-S .multiSelect .multipleSelect-clear.clear,.form-fieldset.mod-S .multiSelect .multipleSelect-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip.chip,.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip){--components-chip-font: var(--pr-t-font-body-XS);--components-chip-borderRadius: var(--pr-t-border-radius-small)}.form-fieldset.mod-S .timePicker{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-paddingInput-inline: var(--pr-t-spacings-25);--components-timepicker-paddingInput-block: var(--pr-t-spacings-75);--components-timepicker-input-height: 1.75rem;--components-timepicker-input-width: 1.25rem;--components-timepicker-separator-left: 1.875rem}.form-fieldset:has(~.box) .form-field.mod-withArrow{padding-block-end:var(--pr-t-spacings-200);margin-block-end:0}.form-fieldset:has(~.box) .form-field.mod-withArrow .form-field-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin-block:0;margin-inline:var(--pr-t-spacings-50);inline-size:12px;block-size:8px;clip-path:path(\"M4.66415 0.494638C5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464L12 8H0L4.66415 0.494638Z\");position:absolute;inset-block-end:var(--components-box-arrow-bottom);inset-inline-start:var(--components-box-arrow-left)}.form-fieldset:has(~.box) .form-field.mod-withArrow .form-field-arrow.mod-neutral,.form-fieldset:has(~.box) .form-field.mod-withArrow .form-field-arrow.mod-grey{--components-box-arrow-background: var(--palettes-neutral-25)}.form-fieldset:has(~.box) .form-field.mod-withArrow:has(.switchField) .form-field-arrow{--components-box-arrow-left: 8px}.form-fieldset:has(~.box) .form-field.mod-withArrow:not(:has(:checked)) .form-field-arrow{display:none}.form-fieldset:has(~.box) .form-field.mod-withArrow.mod-S{padding-block-end:var(--pr-t-spacings-100)}.form-fieldset:has(~.box) .form-field.mod-withArrow.mod-S .form-field-arrow{--components-box-arrow-left: -2px;--components-box-arrow-bottom: -2px}.form-fieldset:has(~.box) .form-field.mod-withArrow.mod-S:has(.switchField) .form-field-arrow{--components-box-arrow-left: 4px;--components-box-arrow-bottom: -2px}.form-fieldset:has(.radioField-input[aria-invalid=true]) legend.formLabel,.form-fieldset:has(.checkboxField-input[aria-invalid=true]) legend.formLabel{--components-formLabel-color: var(--palettes-error-700)}.form-field.mod-S .formLabel{--components-formLabel-font: var(--pr-t-font-body-S);--components-formLabel-help-fontSize: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-help-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-S-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-S-lineHeight)}.form-field.mod-S .textField{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.form-field.mod-S .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.form-field.mod-S .textField .textField-input-affix-clear.clear,.form-field.mod-S .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .textField .textField-input-affix-icon{--icon-size: 1.25rem}.form-field.mod-S .radioField{--component-radioField-size: 1rem}.form-field.mod-S .checkboxField{--component-checkboxField-size: 1rem;--component-checkboxField-borderRadius: var(--pr-t-border-radius-50);--component-checkboxField-icon-fontSize: var(--pr-t-font-body-XS-lineHeight);--component-checkboxField-label-fontSize: var(--pr-t-font-body-S-fontSize);--component-checkboxField-label-lineHeight: var(--pr-t-font-body-S-lineHeight)}.form-field.mod-S .switchField{--component-switchField-label-input-height: 1rem;--component-switchField-label-input-width: 1.75rem;--component-switchField-label-input-icon-fontSize: .75rem;--component-switchField-label-font: var(--pr-t-font-body-S)}.form-field.mod-S .simpleSelect{--components-simpleSelect-font: var(--pr-t-font-body-S);--components-simpleSelect-padding: var(--pr-t-spacings-75);--components-simpleSelect-gap: var(--pr-t-spacings-75)}.form-field.mod-S .simpleSelect .simpleSelect-field-icon .lucca-icon{--icon-size: 1.25rem}.form-field.mod-S .simpleSelect .simpleSelect-field-clear.clear,.form-field.mod-S .simpleSelect .simpleSelect-field-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .multiSelect{--components-multiSelect-font: var(--pr-t-font-body-S);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.form-field.mod-S .multiSelect .multipleSelect-arrow,.form-field.mod-S .multiSelect .multipleSelect-searchIcon{--icon-size: 1.25rem}.form-field.mod-S .multiSelect .multipleSelect-clear.clear,.form-field.mod-S .multiSelect .multipleSelect-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .multiSelect .multipleSelect-displayer-chip.chip,.form-field.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip){--components-chip-font: var(--pr-t-font-body-XS);--components-chip-borderRadius: var(--pr-t-border-radius-small)}.form-field.mod-S .timePicker{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-paddingInput-inline: var(--pr-t-spacings-25);--components-timepicker-paddingInput-block: var(--pr-t-spacings-75);--components-timepicker-input-height: 1.75rem;--components-timepicker-input-width: 1.25rem;--components-timepicker-separator-left: 1.875rem}.form-field.mod-XS .formLabel{--components-formLabel-font: var(--pr-t-font-body-XS);--components-formLabel-help-fontSize: .75rem;--components-formLabel-help-lineHeight: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-XS-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.form-field.mod-XS .textField{--component-textField-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.form-field.mod-XS .textField .textField-prefix,.form-field.mod-XS .textField .textField-suffix,.form-field.mod-XS .textField .textField-input-affix-icon{--icon-size: 1rem}.form-field.mod-XS .textField .textField-input-affix-clear.clear,.form-field.mod-XS .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-XS .inlineMessage{--components-inlineMessage-font: var(--pr-t-font-body-XS)}.form-field.mod-XS .inlineMessage .inlineMessage-statusIcon,.form-field.mod-XS .inlineMessage>.lucca-icon:first-child{--icon-size: .75rem}.form-field.mod-XS .simpleSelect{--components-simpleSelect-font: var(--pr-t-font-body-XS);--components-simpleSelect-padding: var(--pr-t-spacings-50);--components-simpleSelect-gap: var(--pr-t-spacings-50)}.form-field.mod-XS .simpleSelect .simpleSelect-field-icon .lucca-icon{--icon-size: 1rem}.form-field.mod-XS .simpleSelect .simpleSelect-field-clear.clear,.form-field.mod-XS .simpleSelect .simpleSelect-field-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-width20{--components-form-field-width: 10rem}.form-field.mod-width30{--components-form-field-width: 15rem}.form-field.mod-width40{--components-form-field-width: 20rem}.form-field.mod-width50{--components-form-field-width: 25rem}.form-field.mod-width60{--components-form-field-width: 30rem}.form-field.mod-checkable,.form-field:has(.radioField),.form-field:has(.checkboxField),.form-field:has(.switchField){display:grid;grid-template-columns:auto 1fr;gap:0 var(--pr-t-spacings-100)}.form-field.mod-checkable .radioField,.form-field.mod-checkable .checkboxField,.form-field.mod-checkable .switchField,.form-field:has(.radioField) .radioField,.form-field:has(.radioField) .checkboxField,.form-field:has(.radioField) .switchField,.form-field:has(.checkboxField) .radioField,.form-field:has(.checkboxField) .checkboxField,.form-field:has(.checkboxField) .switchField,.form-field:has(.switchField) .radioField,.form-field:has(.switchField) .checkboxField,.form-field:has(.switchField) .switchField{order:-1}.form-field.mod-checkable .checkboxField,.form-field:has(.radioField) .checkboxField,.form-field:has(.checkboxField) .checkboxField,.form-field:has(.switchField) .checkboxField{inset-block-start:var(--component-checkboxField-top)}.form-field.mod-checkable .radioField,.form-field:has(.radioField) .radioField,.form-field:has(.checkboxField) .radioField,.form-field:has(.switchField) .radioField{inset-block-start:var(--component-radioField-top)}.form-field:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[aria-invalid=true]) .formLabel{--components-formLabel-color: var(--palettes-error-700)}.form-field:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[aria-invalid=true]) .inlineMessage{--components-inlineMessage-icon-color: var(--palettes-error-700);--components-inlineMessage-color: var(--palettes-error-700);--components-inlineMessage-gap: var(--pr-t-spacings-50)}.form-field:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[aria-invalid=true]) .inlineMessage .inlineMessage-statusIcon:before,.form-field:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[aria-invalid=true]) .inlineMessage>.lucca-icon:first-child:before{content:\"\\e92c\"/\"\"}.form-field:has(.radioField-input:disabled) .formLabel,.form-field:has(.checkboxField-input:disabled) .formLabel,.form-field:has(.switchField-input:disabled) .formLabel{--components-formLabel-color: var(--pr-t-color-input-text-disabled);--components-formLabel-cursor: default}.form-field:has(.radioField-input:disabled) .inlineMessage,.form-field:has(.checkboxField-input:disabled) .inlineMessage,.form-field:has(.switchField-input:disabled) .inlineMessage{--components-inlineMessage-icon-color: var(--pr-t-color-input-text-disabled);--components-inlineMessage-color: var(--pr-t-color-input-text-disabled)}.form-field:has(.radioField-input:disabled) .formLabel-tag,.form-field:has(.checkboxField-input:disabled) .formLabel-tag,.form-field:has(.switchField-input:disabled) .formLabel-tag{--components-tag-background: var(--commons-disabled-background);--components-tag-color: var(--commons-disabled-color)}.form-field.mod-withArrow{padding-block-end:var(--pr-t-spacings-200);margin-block-end:0}.form-field.mod-withArrow .form-field-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin-block:0;margin-inline:var(--pr-t-spacings-50);inline-size:12px;block-size:8px;clip-path:path(\"M4.66415 0.494638C5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464L12 8H0L4.66415 0.494638Z\");position:absolute;inset-block-end:var(--components-box-arrow-bottom);inset-inline-start:var(--components-box-arrow-left)}.form-field.mod-withArrow .form-field-arrow.mod-neutral,.form-field.mod-withArrow .form-field-arrow.mod-grey{--components-box-arrow-background: var(--palettes-neutral-25)}.form-field.mod-withArrow:has(.switchField) .form-field-arrow{--components-box-arrow-left: 8px}.form-field.mod-withArrow:not(:has(:checked)) .form-field-arrow{display:none}.form-field.mod-withArrow.mod-S{padding-block-end:var(--pr-t-spacings-100)}.form-field.mod-withArrow.mod-S .form-field-arrow{--components-box-arrow-left: -2px;--components-box-arrow-bottom: -2px}.form-field.mod-withArrow.mod-S:has(.switchField) .form-field-arrow{--components-box-arrow-left: 4px;--components-box-arrow-bottom: -2px}}@layer components{.form{--components-form-maxWidth: 40rem;--components-form-group-margin-bottom: 1.2rem;--components-form-field-margin-bottom: var(--pr-t-spacings-200);--components-form-field-width: auto;--components-form-label-font-size: var(--pr-t-font-body-M-fontSize);--components-form-label-margin-bottom: var(--pr-t-spacings-50);--components-field-framed-side-padding: var(--pr-t-spacings-200);--components-field-framed-top-padding: var(--pr-t-spacings-400);--components-field-framed-bottom-padding: var(--pr-t-spacings-200);--components-field-framed-label-top-offset: var(--pr-t-spacings-100);--components-field-framed-textarea-height: 8.5rem;--components-field-framed-textarea-min-height: 5.5rem;--components-field-framed-textarea-max-height: 80vh;--components-field-framed-title-font-size: 1.125rem;--components-field-framed-title-line-height: var(--pr-t-font-body-M-lineHeight);--components-field-framed-suffix-padding-right: var(--pr-t-spacings-600)}}@layer components{.form-group{--components-form-maxWidth: 40rem;--components-form-group-margin-bottom: 1.2rem;--components-form-field-margin-bottom: var(--pr-t-spacings-200);--components-form-field-width: auto;--components-form-label-font-size: var(--pr-t-font-body-M-fontSize);--components-form-label-margin-bottom: var(--pr-t-spacings-50);--components-field-framed-side-padding: var(--pr-t-spacings-200);--components-field-framed-top-padding: var(--pr-t-spacings-400);--components-field-framed-bottom-padding: var(--pr-t-spacings-200);--components-field-framed-label-top-offset: var(--pr-t-spacings-100);--components-field-framed-textarea-height: 8.5rem;--components-field-framed-textarea-min-height: 5.5rem;--components-field-framed-textarea-max-height: 80vh;--components-field-framed-title-font-size: 1.125rem;--components-field-framed-title-line-height: var(--pr-t-font-body-M-lineHeight);--components-field-framed-suffix-padding-right: var(--pr-t-spacings-600);padding:0;border:0;margin-block:0 var(--components-form-group-margin-bottom);margin-inline:0;position:relative}.form-header{display:block;margin-block-end:var(--pr-t-spacings-300)}.form-header-title{margin-block-start:0;color:var(--pr-t-color-text-heading);text-wrap:pretty;font:var(--components-title-font);margin-block-end:0;padding:0;--components-title-font: var(--pr-t-font-heading-1);--sizes-verticalPadding: var(--sizes-XXL-verticalPadding)}.form-header-mandatory{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);color:var(--palettes-neutral-700)}.form-header-mandatory-asterisk{color:var(--palettes-error-700)}.form-field{position:relative;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50);inline-size:var(--components-form-field-width);max-inline-size:100%}.form-field .formLabel{--components-formLabel-cursor: pointer}.form-field-contentOptional{display:flex;gap:var(--pr-t-spacings-100);align-items:center}.form-field-contentOptional>:first-child{flex-grow:1}.form-group-label,.form-group-legend,.form-group-title{display:block;font-weight:var(--pr-t-font-fontWeight-semibold);font-size:var(--components-form-label-font-size);margin:0;padding-block:0 var(--components-form-label-margin-bottom);padding-inline:0;inline-size:100%;text-align:start}.form-group-legend,.form-group-title{font-size:var(--components-field-framed-title-font-size);line-height:var(--components-field-framed-title-line-height);padding-block-end:var(--pr-t-spacings-50)}.form-actions{text-align:end}.form .textfield,.form .radiosfield,.form .checkboxesfield,.form .checkbox.mod-field{margin-block-end:var(--components-form-field-margin-bottom)}.form-group-line{display:flex;flex-wrap:wrap;position:relative}.form-group-line-col{flex-basis:0;flex-grow:1;display:flex;flex-direction:column}.form-group-line-col>*{flex-grow:1}.form-group-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-inline-start:.2em;content:\"*\"/\"\"}.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-inline-start:.2em;content:\"*\"/\"\"}}@layer mods{.form-group-line-col[class*=mod-overlay]:focus-within .textfield-input{box-shadow:-1px 0 var(--components-field-framed-color),0 -1px var(--components-field-framed-color),-1px -1px var(--components-field-framed-color),-1px -1px var(--components-field-framed-color) inset,0 0 0 4px var(--components-field-framed-color50);z-index:4}.form-group-line-col[class*=mod-overlay]:focus-within .is-error .textfield-input{background-color:var(--palettes-neutral-0)!important}.form-group-line-col[class*=mod-overlay]:focus-within .is-warning .textfield-input{background-color:#444242;box-shadow:-1px 0 var(--palettes-warning-700),0 -1px var(--palettes-warning-700),-1px -1px var(--palettes-warning-700),-1px -1px var(--palettes-warning-700) inset,0 0 0 4px var(--palettes-warning-50)}.form-group-line-col[class*=mod-overlay]:focus-within .is-valid .textfield-input,.form-group-line-col[class*=mod-overlay]:focus-within .is-success .textfield-input{background-color:var(--palettes-neutral-0);box-shadow:-1px 0 var(--palettes-success-700),0 -1px var(--palettes-success-700),-1px -1px var(--palettes-success-700),-1px -1px var(--palettes-success-700) inset,0 0 0 4px var(--palettes-success-50)}.form-group-line-col[class*=mod-overlay] .textfield+.textfield,.form-group-line-col[class*=mod-overlay] .textfield+.checkbox,.form-group-line-col[class*=mod-overlay] .textfield+.radio,.form-group-line-col[class*=mod-overlay] .textfield+.select,.form-group-line-col[class*=mod-overlay] .checkbox+.textfield,.form-group-line-col[class*=mod-overlay] .checkbox+.checkbox,.form-group-line-col[class*=mod-overlay] .checkbox+.radio,.form-group-line-col[class*=mod-overlay] .checkbox+.select,.form-group-line-col[class*=mod-overlay] .radio+.textfield,.form-group-line-col[class*=mod-overlay] .radio+.checkbox,.form-group-line-col[class*=mod-overlay] .radio+.radio,.form-group-line-col[class*=mod-overlay] .radio+.select,.form-group-line-col[class*=mod-overlay] .select+.textfield,.form-group-line-col[class*=mod-overlay] .select+.checkbox,.form-group-line-col[class*=mod-overlay] .select+.radio,.form-group-line-col[class*=mod-overlay] .select+.select{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:10;padding-block:var(--components-field-framed-label-top-offset) var(--components-field-framed-bottom-padding);padding-inline:var(--components-field-framed-side-padding)}.form-group-line-col.mod-overlay-top .textfield+.textfield,.form-group-line-col.mod-overlay-top .textfield+.checkbox,.form-group-line-col.mod-overlay-top .textfield+.radio,.form-group-line-col.mod-overlay-top .textfield+.select,.form-group-line-col.mod-overlay-top .checkbox+.textfield,.form-group-line-col.mod-overlay-top .checkbox+.checkbox,.form-group-line-col.mod-overlay-top .checkbox+.radio,.form-group-line-col.mod-overlay-top .checkbox+.select,.form-group-line-col.mod-overlay-top .radio+.textfield,.form-group-line-col.mod-overlay-top .radio+.checkbox,.form-group-line-col.mod-overlay-top .radio+.radio,.form-group-line-col.mod-overlay-top .radio+.select,.form-group-line-col.mod-overlay-top .select+.textfield,.form-group-line-col.mod-overlay-top .select+.checkbox,.form-group-line-col.mod-overlay-top .select+.radio,.form-group-line-col.mod-overlay-top .select+.select{inset-block:0 auto}.form-group-line-col.mod-1\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-1\\@mediaMinXXXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-2\\@mediaMinXXXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-3\\@mediaMinXXXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-4\\@mediaMinXXXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-5\\@mediaMinXXXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-6\\@mediaMinXXXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-7\\@mediaMinXXXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-8\\@mediaMinXXXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-9\\@mediaMinXXXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-10\\@mediaMinXXXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-11\\@mediaMinXXXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-12\\@mediaMinXXXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-1\\@mediaMinXXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-2\\@mediaMinXXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-3\\@mediaMinXXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-4\\@mediaMinXXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-5\\@mediaMinXXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-6\\@mediaMinXXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-7\\@mediaMinXXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-8\\@mediaMinXXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-9\\@mediaMinXXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-10\\@mediaMinXXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-11\\@mediaMinXXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-12\\@mediaMinXXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-1\\@mediaMinXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-2\\@mediaMinXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-3\\@mediaMinXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-4\\@mediaMinXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-5\\@mediaMinXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-6\\@mediaMinXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-7\\@mediaMinXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-8\\@mediaMinXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-9\\@mediaMinXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-10\\@mediaMinXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-11\\@mediaMinXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-12\\@mediaMinXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-1\\@mediaMinS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-2\\@mediaMinS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-3\\@mediaMinS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-4\\@mediaMinS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-5\\@mediaMinS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-6\\@mediaMinS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-7\\@mediaMinS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-8\\@mediaMinS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-9\\@mediaMinS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-10\\@mediaMinS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-11\\@mediaMinS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-12\\@mediaMinS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-1\\@mediaMinM{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-2\\@mediaMinM{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-3\\@mediaMinM{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-4\\@mediaMinM{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-5\\@mediaMinM{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-6\\@mediaMinM{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-7\\@mediaMinM{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-8\\@mediaMinM{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-9\\@mediaMinM{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-10\\@mediaMinM{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-11\\@mediaMinM{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-12\\@mediaMinM{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-1\\@mediaMinL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-2\\@mediaMinL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-3\\@mediaMinL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-4\\@mediaMinL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-5\\@mediaMinL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-6\\@mediaMinL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-7\\@mediaMinL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-8\\@mediaMinL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-9\\@mediaMinL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-10\\@mediaMinL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-11\\@mediaMinL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-12\\@mediaMinL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-1\\@mediaMinXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-2\\@mediaMinXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-3\\@mediaMinXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-4\\@mediaMinXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-5\\@mediaMinXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-6\\@mediaMinXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-7\\@mediaMinXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-8\\@mediaMinXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-9\\@mediaMinXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-10\\@mediaMinXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-11\\@mediaMinXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-12\\@mediaMinXL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-1\\@mediaMinXXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-2\\@mediaMinXXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-3\\@mediaMinXXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-4\\@mediaMinXXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-5\\@mediaMinXXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-6\\@mediaMinXXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-7\\@mediaMinXXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-8\\@mediaMinXXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-9\\@mediaMinXXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-10\\@mediaMinXXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-11\\@mediaMinXXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-12\\@mediaMinXXL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-1\\@mediaMinXXXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-2\\@mediaMinXXXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-3\\@mediaMinXXXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-4\\@mediaMinXXXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-5\\@mediaMinXXXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-6\\@mediaMinXXXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-7\\@mediaMinXXXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-8\\@mediaMinXXXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-9\\@mediaMinXXXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-10\\@mediaMinXXXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-11\\@mediaMinXXXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-12\\@mediaMinXXXL{flex-basis:100%}}.form-group-label:is(.is-required,.required):not(:empty):after,.radiosfield-label:is(.is-required,.required):not(:empty):after,.checkboxesfield-label:is(.is-required,.required):not(:empty):after,.textfield-label:is(.is-required,.required):not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-inline-start:.2em;content:\"*\"/\"\"}.checkboxesfield.mod-framed,.radiosfield.mod-framed,.form.mod-framed .fieldsetWrapper{background-color:var(--palettes-neutral-0);padding:0;box-shadow:-1px 0 var(--palettes-neutral-200),0 -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200) inset;transition:background-color var(--commons-animations-durations-standard);margin-block-end:0!important}.checkboxesfield.mod-framed:before,.checkboxesfield.mod-framed:after,.radiosfield.mod-framed:before,.radiosfield.mod-framed:after,.form.mod-framed .fieldsetWrapper:before,.form.mod-framed .fieldsetWrapper:after{content:\"\\a0\"/\"\";display:table}.checkboxesfield.mod-framed:after,.radiosfield.mod-framed:after,.form.mod-framed .fieldsetWrapper:after{clear:both}.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus{position:relative;z-index:1;background-color:var(--palettes-neutral-0);box-shadow:-1px 0 var(--palettes-neutral-600),0 -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600) inset}.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus{z-index:4;box-shadow:-1px 0 var(--palettes-neutral-600),0 -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600) inset,0 0 0 4px var(--palettes-neutral-50)}.checkboxesfield.mod-framed .radiosfield,.checkboxesfield.mod-framed .checkboxesfield,.radiosfield.mod-framed .radiosfield,.radiosfield.mod-framed .checkboxesfield,.form.mod-framed .fieldsetWrapper .radiosfield,.form.mod-framed .fieldsetWrapper .checkboxesfield{display:block;margin-block-start:var(--components-field-framed-side-padding);margin-block-end:0;padding-block:0 var(--components-field-framed-bottom-padding);padding-inline:var(--components-field-framed-side-padding)}.checkboxesfield.mod-framed.is-disabled,.checkboxesfield.mod-framed.is-readonly,.radiosfield.mod-framed.is-disabled,.radiosfield.mod-framed.is-readonly,.form.mod-framed .fieldsetWrapper.is-disabled,.form.mod-framed .fieldsetWrapper.is-readonly{background-color:var(--commons-disabled-background)}.checkboxesfield.mod-framed.is-loading:after,.radiosfield.mod-framed.is-loading:after,.form.mod-framed .fieldsetWrapper.is-loading:after{content:\"\";inline-size:1.5rem;block-size:1.5rem;border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkboxesfield.mod-framed.is-loading:before,.checkboxesfield.mod-framed.is-loading:after,.radiosfield.mod-framed.is-loading:before,.radiosfield.mod-framed.is-loading:after,.form.mod-framed .fieldsetWrapper.is-loading:before,.form.mod-framed .fieldsetWrapper.is-loading:after{inset-block:var(--components-field-framed-side-padding) auto!important;inset-inline:auto var(--components-field-framed-side-padding)!important}.checkboxesfield.mod-framed,.radiosfield.mod-framed{margin-block-start:0;padding-block:var(--components-field-framed-side-padding) var(--components-field-framed-bottom-padding);padding-inline:var(--components-field-framed-side-padding)}}@layer components{.inputFramed{--components-inputFramed-wrapper-gap: var(--pr-t-spacings-100);--components-inputFramed-content-display: none;--components-inputFramed-borderColor: var(--palettes-neutral-300);--components-inputFramed-header-info-borderColor: var(--palettes-neutral-200);--components-inputFramed-padding: var(--pr-t-spacings-25);--components-inputFramed-header-padding: var(--pr-t-spacings-75);--components-inputFramed-content-padding: var(--pr-t-spacings-75);--components-inputFramed-content-marginBlockStart: var(--pr-t-spacings-25);--components-inputFramed-header-backgroundColor: transparent;--components-inputFramed-header-alignItems: normal;--components-inputFramed-header-label-fontWeight: var(--pr-t-font-fontWeight-regular);--components-inputFramed-header-info-color: inherit;--components-inputFramed-header-info-marginBlockStart: 0;--components-inputFramed-header-info-paddingBlockStart: var(--pr-t-spacings-100);position:relative;overflow:hidden;padding:var(--components-inputFramed-padding);border:solid 1px var(--components-inputFramed-borderColor);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-neutral-0);transition-property:box-shadow,border-color;transition-duration:var(--commons-animations-durations-fast);block-size:100%;display:flex;flex-direction:column}.inputFramed-header-label.formLabel{position:static;font-weight:var(--components-inputFramed-header-label-fontWeight)}.inputFramed-header-label.formLabel:after{content:\"\";position:absolute;inset:calc(var(--pr-t-spacings-50) * -1)}.inputFramed-header-field{flex:1}.inputFramed-header-field.form-field.form-field{position:static;margin-block:0}.inputFramed-header{padding:var(--components-inputFramed-header-padding);border-radius:var(--pr-t-border-radius-50);background-color:var(--components-inputFramed-header-backgroundColor);transition-property:background-color;transition-duration:var(--commons-animations-durations-fast);position:relative;flex-grow:1;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;gap:var(--pr-t-spacings-100);align-items:var(--components-inputFramed-header-alignItems)}.inputFramed-header-illustration:empty{display:none}.inputFramed-header-info{flex-basis:100%;border-block-start:1px solid var(--components-inputFramed-header-info-borderColor);padding-block-start:var(--components-inputFramed-header-info-paddingBlockStart);margin-block-start:var(--components-inputFramed-header-info-marginBlockStart);color:var(--components-inputFramed-header-info-color)}.inputFramed-header-info:empty{display:none}.inputFramed-content{display:var(--components-inputFramed-content-display);padding:var(--components-inputFramed-content-padding);margin-block-start:var(--components-inputFramed-content-marginBlockStart)}}@layer mods{.inputFramed:hover{--components-inputFramed-borderColor: var(--pr-t-color-input-border-hover)}.inputFramed:has(.inputFramed-header-input:checked){--components-inputFramed-content-display: block;--components-inputFramed-header-backgroundColor: var(--palettes-product-50);--components-inputFramed-borderColor: var(--pr-t-color-input-border-checked);--components-inputFramed-header-info-borderColor: var(--pr-t-color-input-border-checked)}.inputFramed:has(.inputFramed-header-input:checked):hover{--components-inputFramed-borderColor: var(--pr-t-color-input-border-checked-hover)}.inputFramed:has(.inputFramed-header-input:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:2px}.inputFramed:has(.inputFramed-header-input:focus-visible) .inputFramed-header-icon:after{outline:none}.inputFramed:has(.inputFramed-header-input[aria-invalid=true]){--components-inputFramed-borderColor: var(--pr-t-color-input-border-critical)}.inputFramed:has(.inputFramed-header-input[aria-invalid=true]):hover{--components-inputFramed-borderColor: var(--pr-t-color-input-border-critical-hover)}.inputFramed:has(.inputFramed-header-input:disabled),.inputFramed:has(.inputFramed-header-input:disabled):hover{--components-inputFramed-header-backgroundColor: var(--palettes-neutral-25);--components-inputFramed-header-borderColor: var(--palettes-neutral-50);--components-inputFramed-borderColor: var(--palettes-neutral-300);--components-inputFramed-header-info-color: var(--pr-t-color-input-text-disabled)}.inputFramed.mod-center{--components-inputFramed-header-alignItems: center}.inputFramed.mod-L{--components-inputFramed-header-label-fontWeight: var(--pr-t-font-fontWeight-semibold);--components-inputFramed-padding: var(--pr-t-spacings-50);--components-inputFramed-header-padding: var(--pr-t-spacings-150);--components-inputFramed-content-padding: var(--pr-t-spacings-150);--components-inputFramed-content-marginBlockStart: var(--pr-t-spacings-50);--components-inputFramed-header-info-marginBlockStart: var(--pr-t-spacings-100);--components-inputFramed-header-info-paddingBlockStart: var(--pr-t-spacings-200)}}@layer components{.inputFramedWrapper{--components-inputFramed-wrapper-gap: var(--pr-t-spacings-100);--components-inputFramed-content-display: none;--components-inputFramed-borderColor: var(--palettes-neutral-300);--components-inputFramed-header-info-borderColor: var(--palettes-neutral-200);--components-inputFramed-padding: var(--pr-t-spacings-25);--components-inputFramed-header-padding: var(--pr-t-spacings-75);--components-inputFramed-content-padding: var(--pr-t-spacings-75);--components-inputFramed-content-marginBlockStart: var(--pr-t-spacings-25);--components-inputFramed-header-backgroundColor: transparent;--components-inputFramed-header-alignItems: normal;--components-inputFramed-header-label-fontWeight: var(--pr-t-font-fontWeight-regular);--components-inputFramed-header-info-color: inherit;--components-inputFramed-header-info-marginBlockStart: 0;--components-inputFramed-header-info-paddingBlockStart: var(--pr-t-spacings-100);display:flex;flex-direction:column;gap:var(--components-inputFramed-wrapper-gap);margin-block:var(--pr-t-spacings-50)}}@layer mods{.inputFramedWrapper:has(.inputFramed.mod-L){--components-inputFramed-wrapper-gap: var(--pr-t-spacings-150)}}@layer mods{lu-form-field:has(~.box) .form-field.mod-withArrow{padding-block-end:var(--pr-t-spacings-200);margin-block-end:0}lu-form-field:has(~.box) .form-field.mod-withArrow .form-field-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin-block:0;margin-inline:var(--pr-t-spacings-50);inline-size:12px;block-size:8px;clip-path:path(\"M4.66415 0.494638C5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464L12 8H0L4.66415 0.494638Z\");position:absolute;inset-block-end:var(--components-box-arrow-bottom);inset-inline-start:var(--components-box-arrow-left)}lu-form-field:has(~.box) .form-field.mod-withArrow .form-field-arrow.mod-neutral,lu-form-field:has(~.box) .form-field.mod-withArrow .form-field-arrow.mod-grey{--components-box-arrow-background: var(--palettes-neutral-25)}lu-form-field:has(~.box) .form-field.mod-withArrow:has(.switchField) .form-field-arrow{--components-box-arrow-left: 8px}lu-form-field:has(~.box) .form-field.mod-withArrow:not(:has(:checked)) .form-field-arrow{display:none}lu-form-field:has(~.box) .form-field.mod-withArrow.mod-S{padding-block-end:var(--pr-t-spacings-100)}lu-form-field:has(~.box) .form-field.mod-withArrow.mod-S .form-field-arrow{--components-box-arrow-left: -2px;--components-box-arrow-bottom: -2px}lu-form-field:has(~.box) .form-field.mod-withArrow.mod-S:has(.switchField) .form-field-arrow{--components-box-arrow-left: 4px;--components-box-arrow-bottom: -2px}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: InlineMessageComponent, selector: "lu-inline-message", inputs: ["label", "state", "size", "withTooltip"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis", "luTooltipAnchor"], exportAs: ["luTooltip"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
227
225
  }
228
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: FormFieldComponent, decorators: [{
226
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: FormFieldComponent, decorators: [{
229
227
  type: Component,
230
- args: [{ selector: 'lu-form-field', standalone: true, imports: [NgTemplateOutlet, InlineMessageComponent, LuTooltipModule, ReactiveFormsModule, IconComponent, IntlParamsPipe, PortalDirective], providers: [
228
+ args: [{ selector: 'lu-form-field', imports: [NgTemplateOutlet, InlineMessageComponent, LuTooltipModule, ReactiveFormsModule, IconComponent, IntlParamsPipe, PortalDirective], providers: [
231
229
  LuClass,
232
230
  {
233
231
  provide: FORM_FIELD_INSTANCE,
@@ -235,8 +233,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
235
233
  },
236
234
  ], host: {
237
235
  '[class.inputFramed-header-field]': 'framed',
238
- }, encapsulation: ViewEncapsulation.None, template: "@if (layout() === \"fieldset\") {\n\t<fieldset class=\"form-fieldset\" [class.mod-inline]=\"inline()\" [class.mod-S]=\"size() === 'S'\">\n\t\t<legend class=\"formLabel\" [class.pr-u-mask]=\"hiddenLabel()\" attr.aria-hidden=\"{{ hiddenLabel() }}\">\n\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t\t@if (isInputRequired()) {\n\t\t\t\t<sup class=\"formLabel-required\" aria-hidden=\"true\">*</sup>\n\t\t\t}\n\t\t\t@if (tooltip()) {\n\t\t\t\t<lu-icon\n\t\t\t\t\tclass=\"formLabel-info\"\n\t\t\t\t\ticon=\"signHelp\"\n\t\t\t\t\t[alt]=\"'?'\"\n\t\t\t\t\t[luTooltip]=\"tooltip()\"\n\t\t\t\t\t[color]=\"invalidStatus() ? 'error' : 'inherit'\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t@if (tag()) {\n\t\t\t\t<span class=\"tag formLabel-tag\">{{ tag() }}</span>\n\t\t\t}\n\t\t</legend>\n\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t@if (inlineMessage() || (invalidStatus() ? errorInlineMessage() : false)) {\n\t\t\t<lu-inline-message\n\t\t\t\tid=\"{{ id() }}-message\"\n\t\t\t\t[label]=\"invalidStatus() && errorInlineMessage() ? errorInlineMessage() : inlineMessage()\"\n\t\t\t\t[state]=\"invalidStatus() ? 'error' : inlineMessageState()\"\n\t\t\t/>\n\t\t}\n\t</fieldset>\n} @else {\n\t<label\n\t\tclass=\"formLabel\"\n\t\t[class.inputFramed-header-label]=\"framed\"\n\t\t[class.is-error]=\"invalidStatus()\"\n\t\t[class.mod-counter]=\"counter() > 0\"\n\t\tid=\"{{ id() }}-label\"\n\t\tfor=\"{{ id() }}\"\n\t\t[class.pr-u-mask]=\"hiddenLabel()\"\n\t\tattr.role=\"{{ rolePresentationLabel() ? 'presentation' : null }}\"\n\t>\n\t\t<ng-container *luPortal=\"label()\" />\n\t\t@if (isInputRequired()) {\n\t\t\t<sup class=\"formLabel-required\" aria-hidden=\"true\">*</sup>\n\t\t}\n\t\t@if (tooltip()) {\n\t\t\t<lu-icon class=\"formLabel-info\" icon=\"signHelp\" [alt]=\"'?'\" [luTooltip]=\"tooltip()\" [color]=\"invalidStatus() ? 'error' : 'inherit'\" />\n\t\t}\n\t\t@if (tag()) {\n\t\t\t<span class=\"formLabel-tag tag\">{{ tag() }}</span>\n\t\t}\n\t\t@if (counter() > 0) {\n\t\t\t<span class=\"formLabel-counter\" [class.pr-u-textError]=\"contentLength > counter()\" id=\"{{ id() }}-counter\" aria-live=\"polite\">\n\t\t\t\t<span aria-hidden=\"true\">{{ contentLength }}/{{ counter() }}</span>\n\t\t\t\t<span class=\"pr-u-mask\">{{ intl.counter | intlParams: { current: contentLength, max: counter() } }}</span>\n\t\t\t</span>\n\t\t}\n\t</label>\n\t@if (AI()) {\n\t\t<div class=\"form-field-contentOptional\">\n\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t\t<lu-icon\n\t\t\t\tclass=\"pr-u-focusVisible pr-u-borderRadiusSmall\"\n\t\t\t\t[luTooltip]=\"iconAItooltip()\"\n\t\t\t\tsize=\"S\"\n\t\t\t\tAI\n\t\t\t\ticon=\"weatherStars\"\n\t\t\t\t[alt]=\"iconAIalt()\"\n\t\t\t/>\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t}\n\t@if (inlineMessage() || (invalidStatus() ? errorInlineMessage() : false)) {\n\t\t<lu-inline-message\n\t\t\tid=\"{{ id() }}-message\"\n\t\t\t[label]=\"invalidStatus() && errorInlineMessage() ? errorInlineMessage() : inlineMessage()\"\n\t\t\t[state]=\"invalidStatus() ? 'error' : inlineMessageState()\"\n\t\t/>\n\t}\n}\n\n<ng-template #projectionTpl>\n\t<ng-content />\n</ng-template>\n", styles: ["@charset \"UTF-8\";@layer components{.textField{--component-textField-font: var(--pr-t-font-body-M);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder);--component-textField-background: var(--pr-t-color-input-background);--component-textField-border: var(--pr-t-color-input-border);--component-textField-borderHover: var(--pr-t-color-input-border-hover);--component-textField-color: var(--pr-t-color-input-text);--component-textField-textDecoration: none;--component-textField-padding: var(--pr-t-spacings-100);--component-textField-affix-padding: var(--component-textField-padding);--component-textField-affix-size: 1.75rem;--component-textField-scrollMargin: 88rem;--component-textField-maxHeight: 90dvh;--component-textField-maxHeightFallback: 90vh;--component-textField-borderRadius: var(--pr-t-border-radius-input);--component-textField-width: auto;--component-textField-fontSize: var(--pr-t-font-body-M-fontSize);--component-textField-lineHeight: var(--pr-t-font-body-M-lineHeight);display:flex;align-items:stretch;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border);inline-size:var(--component-textField-width)}.textField:hover{box-shadow:0 0 0 1px var(--component-textField-borderHover)}.textField:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.textField .textField-input-affix-toggle{pointer-events:auto;inline-size:var(--component-textField-affix-size);block-size:var(--component-textField-affix-size);color:var(--pr-t-color-input-icon)}.textField-input{display:flex;align-items:center;inline-size:100%;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);position:relative}.textField-input:has(.textField-input-affix-icon){--component-textField-affix-padding: 2.5rem}.textField-input:has(.textField-input-affix-toggle){--component-textField-affix-padding: 3rem}.textField-input:has(.textField-input-affix-clear){--component-textField-affix-padding: 2rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-icon){--component-textField-affix-padding: 4rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-toggle){--component-textField-affix-padding: 4.5rem}.textField-input-valueClone,.textField-input-value{border:0;outline:none;font:var(--component-textField-font);inline-size:100%;padding-block:var(--component-textField-padding) var(--component-textField-padding);padding-inline:var(--component-textField-padding) var(--component-textField-affix-padding);background-color:transparent;color:var(--component-textField-color);text-decoration:var(--component-textField-textDecoration);text-overflow:ellipsis}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-block-size:var(--component-textField-maxHeight)}@supports not (height: 1dvh){.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){--component-textField-maxHeight: var(--component-textField-maxHeightFallback)}}.textField-input-valueClone::placeholder,.textField-input-value::placeholder{color:var(--component-textField-placeholder)}.textField-input-valueClone:is(textarea),.textField-input-value:is(textarea){resize:block;min-block-size:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){block-size:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-block-size:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;inset-inline-end:var(--pr-t-spacings-100);pointer-events:none}.textField-input-affix-icon{--icon-size: 1.5rem;color:var(--pr-t-color-input-icon);pointer-events:none}.textField-input-affix-clear{pointer-events:auto}.textField-prefix{display:flex;padding-inline-start:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-start-radius:var(--pr-t-border-radius-input);border-end-start-radius:var(--pr-t-border-radius-input);flex-shrink:0}.textField-prefix~.textField-input{border-start-start-radius:0;border-end-start-radius:0}.textField-suffix{display:flex;padding-inline-end:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-end-radius:var(--pr-t-border-radius-input);border-end-end-radius:var(--pr-t-border-radius-input);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-start-end-radius:0;border-end-end-radius:0}}@layer mods{.textField.mod-S{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-S .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-S .textField-input-affix-clear.clear,.textField.mod-S .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-S .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-XS{--component-textField-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.textField.mod-XS .textField-prefix,.textField.mod-XS .textField-suffix,.textField.mod-XS .textField-input-affix-icon{--icon-size: 1rem}.textField.mod-XS .textField-input-affix-clear.clear,.textField.mod-XS .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-valueAlignRight .textField-input-value{text-align:end}.textField.is-invalid,.textField:has(.textField-input-value[aria-invalid=true]){--component-textField-border: var(--pr-t-color-input-border-critical);--component-textField-background: var(--pr-t-color-input-background-critical);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder-critical)}.textField.is-invalid:hover,.textField:has(.textField-input-value[aria-invalid=true]):hover{--component-textField-border: var(--pr-t-color-input-border-critical-hover)}.textField.is-disabled,.textField:has(.textField-input-value:disabled){--component-textField-background: var(--pr-t-color-input-background-disabled);--component-textField-color: var(--pr-t-color-input-text-disabled)}.textField.mod-autoResize .textField-input{display:grid;align-items:normal;min-inline-size:0;scroll-margin-block-end:var(--component-textField-scrollMargin)}.textField.mod-autoResize .textField-input-valueClone,.textField.mod-autoResize .textField-input-value{white-space:pre-wrap;overflow-wrap:break-word;grid-area:1/1/2/2;resize:none;min-inline-size:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\"\\a0\"/\"\"}.textField.mod-filterPill{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-filterPill .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-filterPill .textField-input-affix-clear.clear,.textField.mod-filterPill .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-filterPill .textField-input-affix-icon{--icon-size: 1.25rem}}.textField.is-lineThrough{--component-textField-color: var(--pr-t-color-text-subtle);--component-textField-textDecoration: line-through}@layer components{.formLabel{--components-formLabel-font: var(--pr-t-font-body-M);--components-formLabel-color: var(--pr-t-color-text);--components-formLabel-help-fontSize: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-help-lineHeight: var(--pr-t-font-body-M-lineHeight);--components-formLabel-paddingRight: 0;--components-formLabel-width: fit-content;--components-formLabel-cursor: default;--components-formLabel-fontSize: var(--pr-t-font-body-M-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-M-lineHeight);display:block;position:relative;color:var(--components-formLabel-color);font:var(--components-formLabel-font);font-size:var(--components-formLabel-fontSize);line-height:var(--components-formLabel-lineHeight);inline-size:var(--components-formLabel-width);padding-inline-end:var(--components-formLabel-paddingRight);cursor:var(--components-formLabel-cursor)}.formLabel .lucca-icon{color:var(--palettes-neutral-600);font-size:var(--components-formLabel-help-fontSize);line-height:var(--components-formLabel-help-lineHeight);margin-inline-start:var(--pr-t-spacings-25);vertical-align:top}.formLabel-required{color:var(--palettes-error-700);font-size:inherit;line-height:inherit;font-weight:var(--pr-t-font-fontWeight-semibold);margin-inline-start:var(--pr-t-spacings-25);inset-block-start:0}.formLabel-info{vertical-align:top}.formLabel-info:focus-visible{outline:none}.formLabel-info:focus-visible .lucca-icon:before{border-radius:50%;outline:2px solid var(--palettes-product-700);outline-offset:0}.formLabel-counter{font-size:var(--pr-t-font-body-XS-fontSize);color:var(--palettes-neutral-600);position:absolute;inset-inline-end:0;inset-block-start:0}.formLabel-tag{margin-inline-start:var(--pr-t-spacings-50);inset-block-start:calc(var(--pr-t-spacings-25) / -2);position:relative;--components-tag-background: var(--palettes-100, var(--palettes-product-100));--components-tag-color: var(--palettes-800, var(--palettes-product-800))}}@layer mods{.formLabel.mod-S{--components-formLabel-font: var(--pr-t-font-body-S);--components-formLabel-help-fontSize: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-help-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-S-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-S-lineHeight)}.formLabel.mod-XS{--components-formLabel-font: var(--pr-t-font-body-XS);--components-formLabel-help-fontSize: .75rem;--components-formLabel-help-lineHeight: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-XS-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.formLabel.mod-counter{--components-formLabel-width: auto;--components-formLabel-paddingRight: var(--pr-t-spacings-600)}.formLabel.is-error{--components-formLabel-color: var(--palettes-error-700)}}@layer mods{.form-group-label.is-required:not(:empty):after,.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-inline-start:.2em;content:\"*\"/\"\"}}@layer components{.form .divider{margin-block:var(--pr-t-spacings-300)}.form-fieldset{margin:0;padding:0;border:0}.form-fieldset .form-field{margin-block:var(--pr-t-spacings-50)}.form-fieldset .form-field:last-child{margin-block-end:0}}@layer mods{.form.mod-maxWidth{max-inline-size:var(--components-form-maxWidth)}}@layer mods{.form-fieldset.mod-inline .form-field{display:inline-grid}.form-fieldset.mod-inline .form-field:not(:last-of-type){margin-inline-end:var(--pr-t-spacings-200)}.form-fieldset.mod-S .formLabel{--components-formLabel-font: var(--pr-t-font-body-S);--components-formLabel-help-fontSize: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-help-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-S-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-S-lineHeight)}.form-fieldset.mod-S .textField{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.form-fieldset.mod-S .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.form-fieldset.mod-S .textField .textField-input-affix-clear.clear,.form-fieldset.mod-S .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .textField .textField-input-affix-icon{--icon-size: 1.25rem}.form-fieldset.mod-S .radioField{--component-radioField-size: 1rem}.form-fieldset.mod-S .checkboxField{--component-checkboxField-size: 1rem;--component-checkboxField-borderRadius: var(--pr-t-border-radius-50);--component-checkboxField-icon-fontSize: var(--pr-t-font-body-XS-lineHeight);--component-checkboxField-label-fontSize: var(--pr-t-font-body-S-fontSize);--component-checkboxField-label-lineHeight: var(--pr-t-font-body-S-lineHeight)}.form-fieldset.mod-S .switchField{--component-switchField-label-input-height: 1rem;--component-switchField-label-input-width: 1.75rem;--component-switchField-label-input-icon-fontSize: .75rem;--component-switchField-label-font: var(--pr-t-font-body-S)}.form-fieldset.mod-S .simpleSelect{--components-simpleSelect-font: var(--pr-t-font-body-S);--components-simpleSelect-padding: var(--pr-t-spacings-75);--components-simpleSelect-gap: var(--pr-t-spacings-75)}.form-fieldset.mod-S .simpleSelect .simpleSelect-field-icon .lucca-icon{--icon-size: 1.25rem}.form-fieldset.mod-S .simpleSelect .simpleSelect-field-clear.clear,.form-fieldset.mod-S .simpleSelect .simpleSelect-field-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .multiSelect{--components-multiSelect-font: var(--pr-t-font-body-S);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.form-fieldset.mod-S .multiSelect .multipleSelect-arrow,.form-fieldset.mod-S .multiSelect .multipleSelect-searchIcon{--icon-size: 1.25rem}.form-fieldset.mod-S .multiSelect .multipleSelect-clear.clear,.form-fieldset.mod-S .multiSelect .multipleSelect-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip.chip,.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip){--components-chip-font: var(--pr-t-font-body-XS);--components-chip-borderRadius: var(--pr-t-border-radius-small)}.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-numericBadge.numericBadge,.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-numericBadge:not(.numericBadge){--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.form-fieldset.mod-S .timePicker{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-paddingInput-inline: var(--pr-t-spacings-25);--components-timepicker-paddingInput-block: var(--pr-t-spacings-75);--components-timepicker-input-height: 1.75rem;--components-timepicker-input-width: 1.25rem;--components-timepicker-separator-left: 1.875rem}.form-fieldset:has(~.box) .form-field.mod-withArrow{padding-block-end:var(--pr-t-spacings-200);margin-block-end:0}.form-fieldset:has(~.box) .form-field.mod-withArrow .form-field-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin-block:0;margin-inline:var(--pr-t-spacings-50);inline-size:12px;block-size:8px;clip-path:path(\"M4.66415 0.494638C5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464L12 8H0L4.66415 0.494638Z\");position:absolute;inset-block-end:var(--components-box-arrow-bottom);inset-inline-start:var(--components-box-arrow-left)}.form-fieldset:has(~.box) .form-field.mod-withArrow .form-field-arrow.mod-neutral,.form-fieldset:has(~.box) .form-field.mod-withArrow .form-field-arrow.mod-grey{--components-box-arrow-background: var(--palettes-neutral-25)}.form-fieldset:has(~.box) .form-field.mod-withArrow:has(.switchField) .form-field-arrow{--components-box-arrow-left: 8px}.form-fieldset:has(~.box) .form-field.mod-withArrow:not(:has(:checked)) .form-field-arrow{display:none}.form-fieldset:has(~.box) .form-field.mod-withArrow.mod-S{padding-block-end:var(--pr-t-spacings-100)}.form-fieldset:has(~.box) .form-field.mod-withArrow.mod-S .form-field-arrow{--components-box-arrow-left: -2px;--components-box-arrow-bottom: -2px}.form-fieldset:has(~.box) .form-field.mod-withArrow.mod-S:has(.switchField) .form-field-arrow{--components-box-arrow-left: 4px;--components-box-arrow-bottom: -2px}.form-fieldset:has(.radioField-input[aria-invalid=true]) legend.formLabel,.form-fieldset:has(.checkboxField-input[aria-invalid=true]) legend.formLabel{--components-formLabel-color: var(--palettes-error-700)}.form-field.mod-S .formLabel{--components-formLabel-font: var(--pr-t-font-body-S);--components-formLabel-help-fontSize: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-help-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-S-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-S-lineHeight)}.form-field.mod-S .textField{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.form-field.mod-S .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.form-field.mod-S .textField .textField-input-affix-clear.clear,.form-field.mod-S .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .textField .textField-input-affix-icon{--icon-size: 1.25rem}.form-field.mod-S .radioField{--component-radioField-size: 1rem}.form-field.mod-S .checkboxField{--component-checkboxField-size: 1rem;--component-checkboxField-borderRadius: var(--pr-t-border-radius-50);--component-checkboxField-icon-fontSize: var(--pr-t-font-body-XS-lineHeight);--component-checkboxField-label-fontSize: var(--pr-t-font-body-S-fontSize);--component-checkboxField-label-lineHeight: var(--pr-t-font-body-S-lineHeight)}.form-field.mod-S .switchField{--component-switchField-label-input-height: 1rem;--component-switchField-label-input-width: 1.75rem;--component-switchField-label-input-icon-fontSize: .75rem;--component-switchField-label-font: var(--pr-t-font-body-S)}.form-field.mod-S .simpleSelect{--components-simpleSelect-font: var(--pr-t-font-body-S);--components-simpleSelect-padding: var(--pr-t-spacings-75);--components-simpleSelect-gap: var(--pr-t-spacings-75)}.form-field.mod-S .simpleSelect .simpleSelect-field-icon .lucca-icon{--icon-size: 1.25rem}.form-field.mod-S .simpleSelect .simpleSelect-field-clear.clear,.form-field.mod-S .simpleSelect .simpleSelect-field-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .multiSelect{--components-multiSelect-font: var(--pr-t-font-body-S);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.form-field.mod-S .multiSelect .multipleSelect-arrow,.form-field.mod-S .multiSelect .multipleSelect-searchIcon{--icon-size: 1.25rem}.form-field.mod-S .multiSelect .multipleSelect-clear.clear,.form-field.mod-S .multiSelect .multipleSelect-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .multiSelect .multipleSelect-displayer-chip.chip,.form-field.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip){--components-chip-font: var(--pr-t-font-body-XS);--components-chip-borderRadius: var(--pr-t-border-radius-small)}.form-field.mod-S .multiSelect .multipleSelect-displayer-numericBadge.numericBadge,.form-field.mod-S .multiSelect .multipleSelect-displayer-numericBadge:not(.numericBadge){--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.form-field.mod-S .timePicker{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-paddingInput-inline: var(--pr-t-spacings-25);--components-timepicker-paddingInput-block: var(--pr-t-spacings-75);--components-timepicker-input-height: 1.75rem;--components-timepicker-input-width: 1.25rem;--components-timepicker-separator-left: 1.875rem}.form-field.mod-XS .formLabel{--components-formLabel-font: var(--pr-t-font-body-XS);--components-formLabel-help-fontSize: .75rem;--components-formLabel-help-lineHeight: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-XS-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.form-field.mod-XS .textField{--component-textField-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.form-field.mod-XS .textField .textField-prefix,.form-field.mod-XS .textField .textField-suffix,.form-field.mod-XS .textField .textField-input-affix-icon{--icon-size: 1rem}.form-field.mod-XS .textField .textField-input-affix-clear.clear,.form-field.mod-XS .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-XS .inlineMessage{--components-inlineMessage-font: var(--pr-t-font-body-XS)}.form-field.mod-XS .inlineMessage .inlineMessage-statusIcon,.form-field.mod-XS .inlineMessage>.lucca-icon:first-child{--icon-size: .75rem}.form-field.mod-XS .simpleSelect{--components-simpleSelect-font: var(--pr-t-font-body-XS);--components-simpleSelect-padding: var(--pr-t-spacings-50);--components-simpleSelect-gap: var(--pr-t-spacings-50)}.form-field.mod-XS .simpleSelect .simpleSelect-field-icon .lucca-icon{--icon-size: 1rem}.form-field.mod-XS .simpleSelect .simpleSelect-field-clear.clear,.form-field.mod-XS .simpleSelect .simpleSelect-field-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-width20{--components-form-field-width: 10rem}.form-field.mod-width30{--components-form-field-width: 15rem}.form-field.mod-width40{--components-form-field-width: 20rem}.form-field.mod-width50{--components-form-field-width: 25rem}.form-field.mod-width60{--components-form-field-width: 30rem}.form-field.mod-checkable,.form-field:has(.radioField),.form-field:has(.checkboxField),.form-field:has(.switchField){display:grid;grid-template-columns:auto 1fr;gap:0 var(--pr-t-spacings-100)}.form-field.mod-checkable .radioField,.form-field.mod-checkable .checkboxField,.form-field.mod-checkable .switchField,.form-field:has(.radioField) .radioField,.form-field:has(.radioField) .checkboxField,.form-field:has(.radioField) .switchField,.form-field:has(.checkboxField) .radioField,.form-field:has(.checkboxField) .checkboxField,.form-field:has(.checkboxField) .switchField,.form-field:has(.switchField) .radioField,.form-field:has(.switchField) .checkboxField,.form-field:has(.switchField) .switchField{order:-1}.form-field.mod-checkable .checkboxField,.form-field:has(.radioField) .checkboxField,.form-field:has(.checkboxField) .checkboxField,.form-field:has(.switchField) .checkboxField{inset-block-start:var(--component-checkboxField-top)}.form-field.mod-checkable .radioField,.form-field:has(.radioField) .radioField,.form-field:has(.checkboxField) .radioField,.form-field:has(.switchField) .radioField{inset-block-start:var(--component-radioField-top)}.form-field:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[aria-invalid=true]) .formLabel{--components-formLabel-color: var(--palettes-error-700)}.form-field:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[aria-invalid=true]) .inlineMessage{--components-inlineMessage-icon-color: var(--palettes-error-700);--components-inlineMessage-color: var(--palettes-error-700);--components-inlineMessage-gap: var(--pr-t-spacings-50)}.form-field:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[aria-invalid=true]) .inlineMessage .inlineMessage-statusIcon:before,.form-field:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[aria-invalid=true]) .inlineMessage>.lucca-icon:first-child:before{content:\"\\e92c\"/\"\"}.form-field:has(.radioField-input:disabled) .formLabel,.form-field:has(.checkboxField-input:disabled) .formLabel,.form-field:has(.switchField-input:disabled) .formLabel{--components-formLabel-color: var(--pr-t-color-input-text-disabled);--components-formLabel-cursor: default}.form-field:has(.radioField-input:disabled) .inlineMessage,.form-field:has(.checkboxField-input:disabled) .inlineMessage,.form-field:has(.switchField-input:disabled) .inlineMessage{--components-inlineMessage-icon-color: var(--pr-t-color-input-text-disabled);--components-inlineMessage-color: var(--pr-t-color-input-text-disabled)}.form-field:has(.radioField-input:disabled) .formLabel-tag,.form-field:has(.checkboxField-input:disabled) .formLabel-tag,.form-field:has(.switchField-input:disabled) .formLabel-tag{--components-tag-background: var(--commons-disabled-background);--components-tag-color: var(--commons-disabled-color)}.form-field.mod-withArrow{padding-block-end:var(--pr-t-spacings-200);margin-block-end:0}.form-field.mod-withArrow .form-field-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin-block:0;margin-inline:var(--pr-t-spacings-50);inline-size:12px;block-size:8px;clip-path:path(\"M4.66415 0.494638C5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464L12 8H0L4.66415 0.494638Z\");position:absolute;inset-block-end:var(--components-box-arrow-bottom);inset-inline-start:var(--components-box-arrow-left)}.form-field.mod-withArrow .form-field-arrow.mod-neutral,.form-field.mod-withArrow .form-field-arrow.mod-grey{--components-box-arrow-background: var(--palettes-neutral-25)}.form-field.mod-withArrow:has(.switchField) .form-field-arrow{--components-box-arrow-left: 8px}.form-field.mod-withArrow:not(:has(:checked)) .form-field-arrow{display:none}.form-field.mod-withArrow.mod-S{padding-block-end:var(--pr-t-spacings-100)}.form-field.mod-withArrow.mod-S .form-field-arrow{--components-box-arrow-left: -2px;--components-box-arrow-bottom: -2px}.form-field.mod-withArrow.mod-S:has(.switchField) .form-field-arrow{--components-box-arrow-left: 4px;--components-box-arrow-bottom: -2px}}@layer components{.form{--components-form-maxWidth: 40rem;--components-form-group-margin-bottom: 1.2rem;--components-form-field-margin-bottom: var(--pr-t-spacings-200);--components-form-field-width: auto;--components-form-label-font-size: var(--pr-t-font-body-M-fontSize);--components-form-label-margin-bottom: var(--pr-t-spacings-50);--components-field-framed-side-padding: var(--pr-t-spacings-200);--components-field-framed-top-padding: var(--pr-t-spacings-400);--components-field-framed-bottom-padding: var(--pr-t-spacings-200);--components-field-framed-label-top-offset: var(--pr-t-spacings-100);--components-field-framed-textarea-height: 8.5rem;--components-field-framed-textarea-min-height: 5.5rem;--components-field-framed-textarea-max-height: 80vh;--components-field-framed-title-font-size: 1.125rem;--components-field-framed-title-line-height: var(--pr-t-font-body-M-lineHeight);--components-field-framed-suffix-padding-right: var(--pr-t-spacings-600)}}@layer components{.form-group{--components-form-maxWidth: 40rem;--components-form-group-margin-bottom: 1.2rem;--components-form-field-margin-bottom: var(--pr-t-spacings-200);--components-form-field-width: auto;--components-form-label-font-size: var(--pr-t-font-body-M-fontSize);--components-form-label-margin-bottom: var(--pr-t-spacings-50);--components-field-framed-side-padding: var(--pr-t-spacings-200);--components-field-framed-top-padding: var(--pr-t-spacings-400);--components-field-framed-bottom-padding: var(--pr-t-spacings-200);--components-field-framed-label-top-offset: var(--pr-t-spacings-100);--components-field-framed-textarea-height: 8.5rem;--components-field-framed-textarea-min-height: 5.5rem;--components-field-framed-textarea-max-height: 80vh;--components-field-framed-title-font-size: 1.125rem;--components-field-framed-title-line-height: var(--pr-t-font-body-M-lineHeight);--components-field-framed-suffix-padding-right: var(--pr-t-spacings-600);padding:0;border:0;margin-block:0 var(--components-form-group-margin-bottom);margin-inline:0;position:relative}.form-header{margin-block-end:var(--pr-t-spacings-300)}.form-header-title{margin:0;padding:0}.form-header-mandatory{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);color:var(--palettes-neutral-700)}.form-header-mandatory-asterisk{color:var(--palettes-error-700)}.form-field{position:relative;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50);inline-size:var(--components-form-field-width);max-inline-size:100%}.form-field .formLabel{--components-formLabel-cursor: pointer}.form-field-contentOptional{display:flex;gap:var(--pr-t-spacings-100);align-items:center}.form-field-contentOptional>:first-child{flex-grow:1}.form-group-label,.form-group-legend,.form-group-title{display:block;font-weight:var(--pr-t-font-fontWeight-semibold);font-size:var(--components-form-label-font-size);margin:0;padding-block:0 var(--components-form-label-margin-bottom);padding-inline:0;inline-size:100%;text-align:start}.form-group-legend,.form-group-title{font-size:var(--components-field-framed-title-font-size);line-height:var(--components-field-framed-title-line-height);padding-block-end:var(--pr-t-spacings-50)}.form-actions{text-align:end}.form .textfield,.form .radiosfield,.form .checkboxesfield,.form .checkbox.mod-field{margin-block-end:var(--components-form-field-margin-bottom)}.form-group-line{display:flex;flex-wrap:wrap;position:relative}.form-group-line-col{flex-basis:0;flex-grow:1;display:flex;flex-direction:column}.form-group-line-col>*{flex-grow:1}.form-group-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-inline-start:.2em;content:\"*\"/\"\"}.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-inline-start:.2em;content:\"*\"/\"\"}}@layer mods{.form-group-line-col[class*=mod-overlay]:focus-within .textfield-input{box-shadow:-1px 0 var(--components-field-framed-color),0 -1px var(--components-field-framed-color),-1px -1px var(--components-field-framed-color),-1px -1px var(--components-field-framed-color) inset,0 0 0 4px var(--components-field-framed-color50);z-index:4}.form-group-line-col[class*=mod-overlay]:focus-within .is-error .textfield-input{background-color:var(--palettes-neutral-0)!important}.form-group-line-col[class*=mod-overlay]:focus-within .is-warning .textfield-input{background-color:#444242;box-shadow:-1px 0 var(--palettes-warning-700),0 -1px var(--palettes-warning-700),-1px -1px var(--palettes-warning-700),-1px -1px var(--palettes-warning-700) inset,0 0 0 4px var(--palettes-warning-50)}.form-group-line-col[class*=mod-overlay]:focus-within .is-valid .textfield-input,.form-group-line-col[class*=mod-overlay]:focus-within .is-success .textfield-input{background-color:var(--palettes-neutral-0);box-shadow:-1px 0 var(--palettes-success-700),0 -1px var(--palettes-success-700),-1px -1px var(--palettes-success-700),-1px -1px var(--palettes-success-700) inset,0 0 0 4px var(--palettes-success-50)}.form-group-line-col[class*=mod-overlay] .textfield+.textfield,.form-group-line-col[class*=mod-overlay] .textfield+.checkbox,.form-group-line-col[class*=mod-overlay] .textfield+.radio,.form-group-line-col[class*=mod-overlay] .textfield+.select,.form-group-line-col[class*=mod-overlay] .checkbox+.textfield,.form-group-line-col[class*=mod-overlay] .checkbox+.checkbox,.form-group-line-col[class*=mod-overlay] .checkbox+.radio,.form-group-line-col[class*=mod-overlay] .checkbox+.select,.form-group-line-col[class*=mod-overlay] .radio+.textfield,.form-group-line-col[class*=mod-overlay] .radio+.checkbox,.form-group-line-col[class*=mod-overlay] .radio+.radio,.form-group-line-col[class*=mod-overlay] .radio+.select,.form-group-line-col[class*=mod-overlay] .select+.textfield,.form-group-line-col[class*=mod-overlay] .select+.checkbox,.form-group-line-col[class*=mod-overlay] .select+.radio,.form-group-line-col[class*=mod-overlay] .select+.select{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:10;padding-block:var(--components-field-framed-label-top-offset) var(--components-field-framed-bottom-padding);padding-inline:var(--components-field-framed-side-padding)}.form-group-line-col.mod-overlay-top .textfield+.textfield,.form-group-line-col.mod-overlay-top .textfield+.checkbox,.form-group-line-col.mod-overlay-top .textfield+.radio,.form-group-line-col.mod-overlay-top .textfield+.select,.form-group-line-col.mod-overlay-top .checkbox+.textfield,.form-group-line-col.mod-overlay-top .checkbox+.checkbox,.form-group-line-col.mod-overlay-top .checkbox+.radio,.form-group-line-col.mod-overlay-top .checkbox+.select,.form-group-line-col.mod-overlay-top .radio+.textfield,.form-group-line-col.mod-overlay-top .radio+.checkbox,.form-group-line-col.mod-overlay-top .radio+.radio,.form-group-line-col.mod-overlay-top .radio+.select,.form-group-line-col.mod-overlay-top .select+.textfield,.form-group-line-col.mod-overlay-top .select+.checkbox,.form-group-line-col.mod-overlay-top .select+.radio,.form-group-line-col.mod-overlay-top .select+.select{inset-block:0 auto}.form-group-line-col.mod-1\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-1\\@mediaMinXXXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-2\\@mediaMinXXXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-3\\@mediaMinXXXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-4\\@mediaMinXXXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-5\\@mediaMinXXXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-6\\@mediaMinXXXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-7\\@mediaMinXXXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-8\\@mediaMinXXXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-9\\@mediaMinXXXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-10\\@mediaMinXXXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-11\\@mediaMinXXXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-12\\@mediaMinXXXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-1\\@mediaMinXXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-2\\@mediaMinXXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-3\\@mediaMinXXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-4\\@mediaMinXXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-5\\@mediaMinXXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-6\\@mediaMinXXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-7\\@mediaMinXXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-8\\@mediaMinXXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-9\\@mediaMinXXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-10\\@mediaMinXXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-11\\@mediaMinXXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-12\\@mediaMinXXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-1\\@mediaMinXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-2\\@mediaMinXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-3\\@mediaMinXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-4\\@mediaMinXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-5\\@mediaMinXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-6\\@mediaMinXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-7\\@mediaMinXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-8\\@mediaMinXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-9\\@mediaMinXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-10\\@mediaMinXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-11\\@mediaMinXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-12\\@mediaMinXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-1\\@mediaMinS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-2\\@mediaMinS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-3\\@mediaMinS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-4\\@mediaMinS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-5\\@mediaMinS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-6\\@mediaMinS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-7\\@mediaMinS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-8\\@mediaMinS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-9\\@mediaMinS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-10\\@mediaMinS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-11\\@mediaMinS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-12\\@mediaMinS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-1\\@mediaMinM{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-2\\@mediaMinM{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-3\\@mediaMinM{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-4\\@mediaMinM{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-5\\@mediaMinM{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-6\\@mediaMinM{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-7\\@mediaMinM{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-8\\@mediaMinM{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-9\\@mediaMinM{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-10\\@mediaMinM{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-11\\@mediaMinM{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-12\\@mediaMinM{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-1\\@mediaMinL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-2\\@mediaMinL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-3\\@mediaMinL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-4\\@mediaMinL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-5\\@mediaMinL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-6\\@mediaMinL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-7\\@mediaMinL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-8\\@mediaMinL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-9\\@mediaMinL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-10\\@mediaMinL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-11\\@mediaMinL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-12\\@mediaMinL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-1\\@mediaMinXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-2\\@mediaMinXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-3\\@mediaMinXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-4\\@mediaMinXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-5\\@mediaMinXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-6\\@mediaMinXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-7\\@mediaMinXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-8\\@mediaMinXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-9\\@mediaMinXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-10\\@mediaMinXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-11\\@mediaMinXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-12\\@mediaMinXL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-1\\@mediaMinXXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-2\\@mediaMinXXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-3\\@mediaMinXXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-4\\@mediaMinXXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-5\\@mediaMinXXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-6\\@mediaMinXXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-7\\@mediaMinXXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-8\\@mediaMinXXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-9\\@mediaMinXXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-10\\@mediaMinXXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-11\\@mediaMinXXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-12\\@mediaMinXXL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-1\\@mediaMinXXXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-2\\@mediaMinXXXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-3\\@mediaMinXXXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-4\\@mediaMinXXXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-5\\@mediaMinXXXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-6\\@mediaMinXXXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-7\\@mediaMinXXXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-8\\@mediaMinXXXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-9\\@mediaMinXXXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-10\\@mediaMinXXXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-11\\@mediaMinXXXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-12\\@mediaMinXXXL{flex-basis:100%}}.form-group-label:is(.is-required,.required):not(:empty):after,.radiosfield-label:is(.is-required,.required):not(:empty):after,.checkboxesfield-label:is(.is-required,.required):not(:empty):after,.textfield-label:is(.is-required,.required):not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-inline-start:.2em;content:\"*\"/\"\"}.checkboxesfield.mod-framed,.radiosfield.mod-framed,.form.mod-framed .fieldsetWrapper{background-color:var(--palettes-neutral-0);padding:0;box-shadow:-1px 0 var(--palettes-neutral-200),0 -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200) inset;transition:background-color var(--commons-animations-durations-standard);margin-block-end:0!important}.checkboxesfield.mod-framed:before,.checkboxesfield.mod-framed:after,.radiosfield.mod-framed:before,.radiosfield.mod-framed:after,.form.mod-framed .fieldsetWrapper:before,.form.mod-framed .fieldsetWrapper:after{content:\"\\a0\"/\"\";display:table}.checkboxesfield.mod-framed:after,.radiosfield.mod-framed:after,.form.mod-framed .fieldsetWrapper:after{clear:both}.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus{position:relative;z-index:1;background-color:var(--palettes-neutral-0);box-shadow:-1px 0 var(--palettes-neutral-600),0 -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600) inset}.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus{z-index:4;box-shadow:-1px 0 var(--palettes-neutral-600),0 -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600) inset,0 0 0 4px var(--palettes-neutral-50)}.checkboxesfield.mod-framed .radiosfield,.checkboxesfield.mod-framed .checkboxesfield,.radiosfield.mod-framed .radiosfield,.radiosfield.mod-framed .checkboxesfield,.form.mod-framed .fieldsetWrapper .radiosfield,.form.mod-framed .fieldsetWrapper .checkboxesfield{display:block;margin-block-start:var(--components-field-framed-side-padding);margin-block-end:0;padding-block:0 var(--components-field-framed-bottom-padding);padding-inline:var(--components-field-framed-side-padding)}.checkboxesfield.mod-framed.is-disabled,.checkboxesfield.mod-framed.is-readonly,.radiosfield.mod-framed.is-disabled,.radiosfield.mod-framed.is-readonly,.form.mod-framed .fieldsetWrapper.is-disabled,.form.mod-framed .fieldsetWrapper.is-readonly{background-color:var(--commons-disabled-background)}.checkboxesfield.mod-framed.is-loading:after,.radiosfield.mod-framed.is-loading:after,.form.mod-framed .fieldsetWrapper.is-loading:after{content:\"\";inline-size:1.5rem;block-size:1.5rem;border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkboxesfield.mod-framed.is-loading:before,.checkboxesfield.mod-framed.is-loading:after,.radiosfield.mod-framed.is-loading:before,.radiosfield.mod-framed.is-loading:after,.form.mod-framed .fieldsetWrapper.is-loading:before,.form.mod-framed .fieldsetWrapper.is-loading:after{inset-block:var(--components-field-framed-side-padding) auto!important;inset-inline:auto var(--components-field-framed-side-padding)!important}.checkboxesfield.mod-framed,.radiosfield.mod-framed{margin-block-start:0;padding-block:var(--components-field-framed-side-padding) var(--components-field-framed-bottom-padding);padding-inline:var(--components-field-framed-side-padding)}}@layer components{.inputFramed{--components-inputFramed-content-display: none;--components-inputFramed-borderColor: var(--palettes-neutral-300);--components-inputFramed-header-info-borderColor: var(--palettes-neutral-200);--components-inputFramed-padding: var(--pr-t-spacings-150);--components-inputFramed-header-backgroundColor: transparent;--components-inputFramed-header-info-color: inherit;--components-inputFramed-header-alignItems: normal;position:relative;overflow:hidden;padding:var(--pr-t-spacings-50);border:solid 1px var(--components-inputFramed-borderColor);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-neutral-0);transition-property:box-shadow,border-color;transition-duration:var(--commons-animations-durations-fast);block-size:100%;display:flex;flex-direction:column}.inputFramed-header-label.formLabel{position:static;font-weight:var(--pr-t-font-fontWeight-semibold)}.inputFramed-header-label.formLabel:after{content:\"\";position:absolute;inset:calc(var(--pr-t-spacings-50) * -1)}.inputFramed-header-field{flex:1}.inputFramed-header-field.form-field.form-field{position:static;margin-block:0}.inputFramed-header{padding:var(--components-inputFramed-padding);border-radius:var(--pr-t-border-radius-50);background-color:var(--components-inputFramed-header-backgroundColor);transition-property:background-color;transition-duration:var(--commons-animations-durations-fast);position:relative;flex-grow:1;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;gap:var(--pr-t-spacings-100);align-items:var(--components-inputFramed-header-alignItems)}.inputFramed-header-illustration:empty{display:none}.inputFramed-header-info{flex-basis:100%;border-block-start:1px solid var(--components-inputFramed-header-info-borderColor);margin-block-start:var(--pr-t-spacings-100);padding-block-start:var(--pr-t-spacings-200);color:var(--components-inputFramed-header-info-color)}.inputFramed-header-info:empty{display:none}.inputFramed-content{display:var(--components-inputFramed-content-display);padding:var(--components-inputFramed-padding);margin-block-start:var(--pr-t-spacings-50)}}@layer mods{.inputFramed:hover{--components-inputFramed-borderColor: var(--pr-t-color-input-border-hover)}.inputFramed:has(.inputFramed-header-input:checked){--components-inputFramed-content-display: block;--components-inputFramed-header-backgroundColor: var(--palettes-product-50);--components-inputFramed-borderColor: var(--pr-t-color-input-border-checked);--components-inputFramed-header-info-borderColor: var(--pr-t-color-input-border-checked)}.inputFramed:has(.inputFramed-header-input:checked):hover{--components-inputFramed-borderColor: var(--pr-t-color-input-border-checked-hover)}.inputFramed:has(.inputFramed-header-input:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:2px}.inputFramed:has(.inputFramed-header-input:focus-visible) .inputFramed-header-icon:after{outline:none}.inputFramed:has(.inputFramed-header-input[aria-invalid=true]){--components-inputFramed-borderColor: var(--pr-t-color-input-border-critical)}.inputFramed:has(.inputFramed-header-input[aria-invalid=true]):hover{--components-inputFramed-borderColor: var(--pr-t-color-input-border-critical-hover)}.inputFramed:has(.inputFramed-header-input:disabled),.inputFramed:has(.inputFramed-header-input:disabled):hover{--components-inputFramed-header-backgroundColor: var(--palettes-neutral-25);--components-inputFramed-header-borderColor: var(--palettes-neutral-50);--components-inputFramed-borderColor: var(--palettes-neutral-300);--components-inputFramed-header-info-color: var(--pr-t-color-input-text-disabled)}}.inputFramed.mod-center{--components-inputFramed-header-alignItems: center}@layer components{.inputFramedWrapper{--components-inputFramed-content-display: none;--components-inputFramed-borderColor: var(--palettes-neutral-300);--components-inputFramed-header-info-borderColor: var(--palettes-neutral-200);--components-inputFramed-padding: var(--pr-t-spacings-150);--components-inputFramed-header-backgroundColor: transparent;--components-inputFramed-header-info-color: inherit;--components-inputFramed-header-alignItems: normal;display:flex;flex-direction:column;gap:var(--pr-t-spacings-150);margin-block:var(--pr-t-spacings-50)}}@layer mods{lu-form-field:has(~.box) .form-field.mod-withArrow{padding-block-end:var(--pr-t-spacings-200);margin-block-end:0}lu-form-field:has(~.box) .form-field.mod-withArrow .form-field-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin-block:0;margin-inline:var(--pr-t-spacings-50);inline-size:12px;block-size:8px;clip-path:path(\"M4.66415 0.494638C5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464L12 8H0L4.66415 0.494638Z\");position:absolute;inset-block-end:var(--components-box-arrow-bottom);inset-inline-start:var(--components-box-arrow-left)}lu-form-field:has(~.box) .form-field.mod-withArrow .form-field-arrow.mod-neutral,lu-form-field:has(~.box) .form-field.mod-withArrow .form-field-arrow.mod-grey{--components-box-arrow-background: var(--palettes-neutral-25)}lu-form-field:has(~.box) .form-field.mod-withArrow:has(.switchField) .form-field-arrow{--components-box-arrow-left: 8px}lu-form-field:has(~.box) .form-field.mod-withArrow:not(:has(:checked)) .form-field-arrow{display:none}lu-form-field:has(~.box) .form-field.mod-withArrow.mod-S{padding-block-end:var(--pr-t-spacings-100)}lu-form-field:has(~.box) .form-field.mod-withArrow.mod-S .form-field-arrow{--components-box-arrow-left: -2px;--components-box-arrow-bottom: -2px}lu-form-field:has(~.box) .form-field.mod-withArrow.mod-S:has(.switchField) .form-field-arrow{--components-box-arrow-left: 4px;--components-box-arrow-bottom: -2px}}\n"] }]
239
- }], ctorParameters: () => [], propDecorators: { formFieldChildren: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => FormFieldComponent), { ...{ descendants: true }, isSignal: true }] }], requiredValidators: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => RequiredValidator), { ...{ descendants: true }, isSignal: true }] }], ngControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NgControl), { ...{ descendants: true }, isSignal: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], hiddenLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "hiddenLabel", required: false }] }], rolePresentationLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "rolePresentationLabel", required: false }] }, { type: i0.Output, args: ["rolePresentationLabelChange"] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], statusControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "statusControl", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], tag: [{ type: i0.Input, args: [{ isSignal: true, alias: "tag", required: false }] }], AI: [{ type: i0.Input, args: [{ isSignal: true, alias: "AI", required: false }] }], iconAItooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconAItooltip", required: false }] }], iconAIalt: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconAIalt", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], inlineMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "inlineMessage", required: false }] }], errorInlineMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorInlineMessage", required: false }] }], inlineMessageState: [{ type: i0.Input, args: [{ isSignal: true, alias: "inlineMessageState", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], extraDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "extraDescribedBy", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }, { type: i0.Output, args: ["layoutChange"] }], counter: [{ type: i0.Input, args: [{ isSignal: true, alias: "counter", required: false }] }] } });
236
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (layout() === \"fieldset\") {\n\t<fieldset class=\"form-fieldset\" [class.mod-inline]=\"inline()\" [class.mod-S]=\"size() === 'S'\">\n\t\t<legend class=\"formLabel\" [class.pr-u-mask]=\"hiddenLabel()\" attr.aria-hidden=\"{{ hiddenLabel() }}\">\n\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t\t@if (isInputRequired()) {\n\t\t\t\t<sup class=\"formLabel-required\" aria-hidden=\"true\">*</sup>\n\t\t\t}\n\t\t\t@if (tooltip()) {\n\t\t\t\t<lu-icon\n\t\t\t\t\tclass=\"formLabel-info\"\n\t\t\t\t\ticon=\"signHelp\"\n\t\t\t\t\t[alt]=\"'?'\"\n\t\t\t\t\t[luTooltip]=\"tooltip()\"\n\t\t\t\t\t[color]=\"invalidStatus() ? 'error' : 'inherit'\"\n\t\t\t\t/>\n\t\t\t}\n\t\t\t@if (tag()) {\n\t\t\t\t<span class=\"tag formLabel-tag\">{{ tag() }}</span>\n\t\t\t}\n\t\t</legend>\n\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t@if (inlineMessage() || (invalidStatus() ? errorInlineMessage() : false)) {\n\t\t\t<lu-inline-message\n\t\t\t\tid=\"{{ id() }}-message\"\n\t\t\t\t[label]=\"invalidStatus() && errorInlineMessage() ? errorInlineMessage() : inlineMessage()\"\n\t\t\t\t[state]=\"invalidStatus() ? 'error' : inlineMessageState()\"\n\t\t\t/>\n\t\t}\n\t</fieldset>\n} @else {\n\t<label\n\t\tclass=\"formLabel\"\n\t\t[class.inputFramed-header-label]=\"framed\"\n\t\t[class.is-error]=\"invalidStatus()\"\n\t\t[class.mod-counter]=\"counter() > 0\"\n\t\tid=\"{{ id() }}-label\"\n\t\tfor=\"{{ id() }}\"\n\t\t[class.pr-u-mask]=\"hiddenLabel()\"\n\t\tattr.role=\"{{ rolePresentationLabel() ? 'presentation' : null }}\"\n\t>\n\t\t<ng-container *luPortal=\"label()\" />\n\t\t@if (isInputRequired()) {\n\t\t\t<sup class=\"formLabel-required\" aria-hidden=\"true\">*</sup>\n\t\t}\n\t\t@if (tooltip()) {\n\t\t\t<lu-icon class=\"formLabel-info\" icon=\"signHelp\" [alt]=\"'?'\" [luTooltip]=\"tooltip()\" [color]=\"invalidStatus() ? 'error' : 'inherit'\" />\n\t\t}\n\t\t@if (tag()) {\n\t\t\t<span class=\"formLabel-tag tag\">{{ tag() }}</span>\n\t\t}\n\t\t@if (counter() > 0) {\n\t\t\t<span class=\"formLabel-counter\" [class.pr-u-textError]=\"contentLength > counter()\" id=\"{{ id() }}-counter\" aria-live=\"polite\">\n\t\t\t\t<span aria-hidden=\"true\">{{ contentLength }}/{{ counter() }}</span>\n\t\t\t\t<span class=\"pr-u-mask\">{{ intl.counter | intlParams: { current: contentLength, max: counter() } }}</span>\n\t\t\t</span>\n\t\t}\n\t</label>\n\t@if (AI()) {\n\t\t<div class=\"form-field-contentOptional\">\n\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t\t<lu-icon\n\t\t\t\tclass=\"pr-u-focusVisible pr-u-borderRadiusSmall\"\n\t\t\t\t[luTooltip]=\"iconAItooltip()\"\n\t\t\t\tsize=\"S\"\n\t\t\t\tAI\n\t\t\t\ticon=\"weatherStars\"\n\t\t\t\t[alt]=\"iconAIalt()\"\n\t\t\t/>\n\t\t</div>\n\t} @else {\n\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t}\n\t@if (inlineMessage() || (invalidStatus() ? errorInlineMessage() : false)) {\n\t\t<lu-inline-message\n\t\t\tid=\"{{ id() }}-message\"\n\t\t\t[label]=\"invalidStatus() && errorInlineMessage() ? errorInlineMessage() : inlineMessage()\"\n\t\t\t[state]=\"invalidStatus() ? 'error' : inlineMessageState()\"\n\t\t/>\n\t}\n}\n\n<ng-template #projectionTpl>\n\t<ng-content />\n</ng-template>\n", styles: ["@charset \"UTF-8\";@layer components{.textField{--component-textField-font: var(--pr-t-font-body-M);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder);--component-textField-background: var(--pr-t-color-input-background);--component-textField-border: var(--pr-t-color-input-border);--component-textField-borderHover: var(--pr-t-color-input-border-hover);--component-textField-color: var(--pr-t-color-input-text);--component-textField-textDecoration: none;--component-textField-padding: var(--pr-t-spacings-100);--component-textField-affix-padding: var(--component-textField-padding);--component-textField-affix-size: 1.75rem;--component-textField-scrollMargin: 88rem;--component-textField-maxHeight: 90dvh;--component-textField-maxHeightFallback: 90vh;--component-textField-borderRadius: var(--pr-t-border-radius-input);--component-textField-width: auto;--component-textField-fontSize: var(--pr-t-font-body-M-fontSize);--component-textField-lineHeight: var(--pr-t-font-body-M-lineHeight);display:flex;align-items:stretch;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);box-shadow:0 0 0 1px var(--component-textField-border);inline-size:var(--component-textField-width)}.textField:hover{box-shadow:0 0 0 1px var(--component-textField-borderHover)}.textField:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.textField .textField-input-affix-toggle{pointer-events:auto;inline-size:var(--component-textField-affix-size);block-size:var(--component-textField-affix-size);color:var(--pr-t-color-input-icon)}.textField-input{display:flex;align-items:center;inline-size:100%;border-radius:var(--component-textField-borderRadius);background-color:var(--component-textField-background);position:relative}.textField-input:has(.textField-input-affix-icon){--component-textField-affix-padding: 2.5rem}.textField-input:has(.textField-input-affix-toggle){--component-textField-affix-padding: 3rem}.textField-input:has(.textField-input-affix-clear){--component-textField-affix-padding: 2rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-icon){--component-textField-affix-padding: 4rem}.textField-input:has(.textField-input-affix-clear):has(.textField-input-affix-toggle){--component-textField-affix-padding: 4.5rem}.textField-input-valueClone,.textField-input-value{border:0;outline:none;font:var(--component-textField-font);inline-size:100%;padding-block:var(--component-textField-padding) var(--component-textField-padding);padding-inline:var(--component-textField-padding) var(--component-textField-affix-padding);background-color:transparent;color:var(--component-textField-color);text-decoration:var(--component-textField-textDecoration);text-overflow:ellipsis}.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){max-block-size:var(--component-textField-maxHeight)}@supports not (height: 1dvh){.textField-input-valueClone:is(textarea,div),.textField-input-value:is(textarea,div){--component-textField-maxHeight: var(--component-textField-maxHeightFallback)}}.textField-input-valueClone::placeholder,.textField-input-value::placeholder{color:var(--component-textField-placeholder)}.textField-input-valueClone:is(textarea),.textField-input-value:is(textarea){resize:block;min-block-size:calc(2lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea):not([rows]),.textField-input-value:is(textarea):not([rows]){block-size:calc(3lh + var(--component-textField-padding) * 2)}.textField-input-valueClone:is(textarea)[rows=\"1\"],.textField-input-value:is(textarea)[rows=\"1\"]{min-block-size:calc(1lh + var(--component-textField-padding) * 2)}.textField-input-affix{display:inline-flex;align-items:center;gap:var(--pr-t-spacings-100);position:absolute;inset-inline-end:var(--pr-t-spacings-100);pointer-events:none}.textField-input-affix-icon{--icon-size: 1.5rem;color:var(--pr-t-color-input-icon);pointer-events:none}.textField-input-affix-clear{pointer-events:auto}.textField-prefix{display:flex;padding-inline-start:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-start-radius:var(--pr-t-border-radius-input);border-end-start-radius:var(--pr-t-border-radius-input);flex-shrink:0}.textField-prefix~.textField-input{border-start-start-radius:0;border-end-start-radius:0}.textField-suffix{display:flex;padding-inline-end:var(--component-textField-padding);align-items:center;color:var(--pr-t-color-input-text-suffix);font:var(--component-textField-font);border-start-end-radius:var(--pr-t-border-radius-input);border-end-end-radius:var(--pr-t-border-radius-input);order:1;flex-shrink:0}.textField-suffix~.textField-input{border-start-end-radius:0;border-end-end-radius:0}}@layer mods{.textField.mod-S{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-S .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-S .textField-input-affix-clear.clear,.textField.mod-S .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-S .textField-input-affix-icon{--icon-size: 1.25rem}.textField.mod-XS{--component-textField-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.textField.mod-XS .textField-prefix,.textField.mod-XS .textField-suffix,.textField.mod-XS .textField-input-affix-icon{--icon-size: 1rem}.textField.mod-XS .textField-input-affix-clear.clear,.textField.mod-XS .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-valueAlignRight .textField-input-value{text-align:end}.textField.is-invalid,.textField:has(.textField-input-value[aria-invalid=true]){--component-textField-border: var(--pr-t-color-input-border-critical);--component-textField-background: var(--pr-t-color-input-background-critical);--component-textField-placeholder: var(--pr-t-color-input-text-placeholder-critical)}.textField.is-invalid:hover,.textField:has(.textField-input-value[aria-invalid=true]):hover{--component-textField-border: var(--pr-t-color-input-border-critical-hover)}.textField.is-disabled,.textField:has(.textField-input-value:disabled){--component-textField-background: var(--pr-t-color-input-background-disabled);--component-textField-color: var(--pr-t-color-input-text-disabled)}.textField.mod-autoResize .textField-input{display:grid;align-items:normal;min-inline-size:0;scroll-margin-block-end:var(--component-textField-scrollMargin)}.textField.mod-autoResize .textField-input-valueClone,.textField.mod-autoResize .textField-input-value{white-space:pre-wrap;overflow-wrap:break-word;grid-area:1/1/2/2;resize:none;min-inline-size:0;overflow:auto}.textField.mod-autoResize .textField-input-valueClone{visibility:hidden}.textField.mod-autoResize .textField-input-valueClone:after{content:\"\\a0\"/\"\"}.textField.mod-filterPill{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.textField.mod-filterPill .textField-input-affix-toggle{--icon-size: 1.25rem}.textField.mod-filterPill .textField-input-affix-clear.clear,.textField.mod-filterPill .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.textField.mod-filterPill .textField-input-affix-icon{--icon-size: 1.25rem}}.textField.is-lineThrough{--component-textField-color: var(--pr-t-color-text-subtle);--component-textField-textDecoration: line-through}@layer components{.formLabel{--components-formLabel-font: var(--pr-t-font-body-M);--components-formLabel-color: var(--pr-t-color-text);--components-formLabel-help-fontSize: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-help-lineHeight: var(--pr-t-font-body-M-lineHeight);--components-formLabel-paddingRight: 0;--components-formLabel-width: fit-content;--components-formLabel-cursor: default;--components-formLabel-fontSize: var(--pr-t-font-body-M-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-M-lineHeight);display:block;position:relative;color:var(--components-formLabel-color);font:var(--components-formLabel-font);font-size:var(--components-formLabel-fontSize);line-height:var(--components-formLabel-lineHeight);inline-size:var(--components-formLabel-width);padding-inline-end:var(--components-formLabel-paddingRight);cursor:var(--components-formLabel-cursor)}.formLabel .lucca-icon{color:var(--palettes-neutral-600);font-size:var(--components-formLabel-help-fontSize);line-height:var(--components-formLabel-help-lineHeight);margin-inline-start:var(--pr-t-spacings-25);vertical-align:top}.formLabel-required{color:var(--palettes-error-700);font-size:inherit;line-height:inherit;font-weight:var(--pr-t-font-fontWeight-semibold);margin-inline-start:var(--pr-t-spacings-25);inset-block-start:0}.formLabel-info{vertical-align:top}.formLabel-info:focus-visible{outline:none}.formLabel-info:focus-visible .lucca-icon:before{border-radius:50%;outline:2px solid var(--palettes-product-700);outline-offset:0}.formLabel-counter{font-size:var(--pr-t-font-body-XS-fontSize);color:var(--palettes-neutral-600);position:absolute;inset-inline-end:0;inset-block-start:0}.formLabel-tag{margin-inline-start:var(--pr-t-spacings-50);inset-block-start:calc(var(--pr-t-spacings-25) / -2);position:relative;--components-tag-background: var(--palettes-100, var(--palettes-product-100));--components-tag-color: var(--palettes-800, var(--palettes-product-800))}}@layer mods{.formLabel.mod-S{--components-formLabel-font: var(--pr-t-font-body-S);--components-formLabel-help-fontSize: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-help-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-S-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-S-lineHeight)}.formLabel.mod-XS{--components-formLabel-font: var(--pr-t-font-body-XS);--components-formLabel-help-fontSize: .75rem;--components-formLabel-help-lineHeight: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-XS-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.formLabel.mod-counter{--components-formLabel-width: auto;--components-formLabel-paddingRight: var(--pr-t-spacings-600)}.formLabel.is-error{--components-formLabel-color: var(--palettes-error-700)}}@layer mods{.form-group-label.is-required:not(:empty):after,.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-inline-start:.2em;content:\"*\"/\"\"}}@layer components{.form{display:block}.form .divider{margin-block:var(--pr-t-spacings-300)}.form-fieldset{margin:0;padding:0;border:0}.form-fieldset .form-field{margin-block:var(--pr-t-spacings-50)}.form-fieldset .form-field:last-child{margin-block-end:0}}@layer mods{.form.mod-maxWidth{max-inline-size:var(--components-form-maxWidth)}}@layer mods{.form-fieldset.mod-inline .form-field{display:inline-grid}.form-fieldset.mod-inline .form-field:not(:last-of-type){margin-inline-end:var(--pr-t-spacings-200)}.form-fieldset.mod-S .formLabel{--components-formLabel-font: var(--pr-t-font-body-S);--components-formLabel-help-fontSize: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-help-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-S-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-S-lineHeight)}.form-fieldset.mod-S .textField{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.form-fieldset.mod-S .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.form-fieldset.mod-S .textField .textField-input-affix-clear.clear,.form-fieldset.mod-S .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .textField .textField-input-affix-icon{--icon-size: 1.25rem}.form-fieldset.mod-S .radioField{--component-radioField-size: 1rem}.form-fieldset.mod-S .checkboxField{--component-checkboxField-size: 1rem;--component-checkboxField-borderRadius: var(--pr-t-border-radius-50);--component-checkboxField-icon-fontSize: var(--pr-t-font-body-XS-lineHeight);--component-checkboxField-label-fontSize: var(--pr-t-font-body-S-fontSize);--component-checkboxField-label-lineHeight: var(--pr-t-font-body-S-lineHeight)}.form-fieldset.mod-S .switchField{--component-switchField-label-input-height: 1rem;--component-switchField-label-input-width: 1.75rem;--component-switchField-label-input-icon-fontSize: .75rem;--component-switchField-label-font: var(--pr-t-font-body-S)}.form-fieldset.mod-S .simpleSelect{--components-simpleSelect-font: var(--pr-t-font-body-S);--components-simpleSelect-padding: var(--pr-t-spacings-75);--components-simpleSelect-gap: var(--pr-t-spacings-75)}.form-fieldset.mod-S .simpleSelect .simpleSelect-field-icon .lucca-icon{--icon-size: 1.25rem}.form-fieldset.mod-S .simpleSelect .simpleSelect-field-clear.clear,.form-fieldset.mod-S .simpleSelect .simpleSelect-field-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .multiSelect{--components-multiSelect-font: var(--pr-t-font-body-S);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.form-fieldset.mod-S .multiSelect .multipleSelect-arrow,.form-fieldset.mod-S .multiSelect .multipleSelect-searchIcon{--icon-size: 1.25rem}.form-fieldset.mod-S .multiSelect .multipleSelect-clear.clear,.form-fieldset.mod-S .multiSelect .multipleSelect-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip.chip,.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip){--components-chip-font: var(--pr-t-font-body-XS);--components-chip-borderRadius: var(--pr-t-border-radius-small)}.form-fieldset.mod-S .timePicker{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-paddingInput-inline: var(--pr-t-spacings-25);--components-timepicker-paddingInput-block: var(--pr-t-spacings-75);--components-timepicker-input-height: 1.75rem;--components-timepicker-input-width: 1.25rem;--components-timepicker-separator-left: 1.875rem}.form-fieldset:has(~.box) .form-field.mod-withArrow{padding-block-end:var(--pr-t-spacings-200);margin-block-end:0}.form-fieldset:has(~.box) .form-field.mod-withArrow .form-field-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin-block:0;margin-inline:var(--pr-t-spacings-50);inline-size:12px;block-size:8px;clip-path:path(\"M4.66415 0.494638C5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464L12 8H0L4.66415 0.494638Z\");position:absolute;inset-block-end:var(--components-box-arrow-bottom);inset-inline-start:var(--components-box-arrow-left)}.form-fieldset:has(~.box) .form-field.mod-withArrow .form-field-arrow.mod-neutral,.form-fieldset:has(~.box) .form-field.mod-withArrow .form-field-arrow.mod-grey{--components-box-arrow-background: var(--palettes-neutral-25)}.form-fieldset:has(~.box) .form-field.mod-withArrow:has(.switchField) .form-field-arrow{--components-box-arrow-left: 8px}.form-fieldset:has(~.box) .form-field.mod-withArrow:not(:has(:checked)) .form-field-arrow{display:none}.form-fieldset:has(~.box) .form-field.mod-withArrow.mod-S{padding-block-end:var(--pr-t-spacings-100)}.form-fieldset:has(~.box) .form-field.mod-withArrow.mod-S .form-field-arrow{--components-box-arrow-left: -2px;--components-box-arrow-bottom: -2px}.form-fieldset:has(~.box) .form-field.mod-withArrow.mod-S:has(.switchField) .form-field-arrow{--components-box-arrow-left: 4px;--components-box-arrow-bottom: -2px}.form-fieldset:has(.radioField-input[aria-invalid=true]) legend.formLabel,.form-fieldset:has(.checkboxField-input[aria-invalid=true]) legend.formLabel{--components-formLabel-color: var(--palettes-error-700)}.form-field.mod-S .formLabel{--components-formLabel-font: var(--pr-t-font-body-S);--components-formLabel-help-fontSize: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-help-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-S-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-S-lineHeight)}.form-field.mod-S .textField{--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.form-field.mod-S .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.form-field.mod-S .textField .textField-input-affix-clear.clear,.form-field.mod-S .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .textField .textField-input-affix-icon{--icon-size: 1.25rem}.form-field.mod-S .radioField{--component-radioField-size: 1rem}.form-field.mod-S .checkboxField{--component-checkboxField-size: 1rem;--component-checkboxField-borderRadius: var(--pr-t-border-radius-50);--component-checkboxField-icon-fontSize: var(--pr-t-font-body-XS-lineHeight);--component-checkboxField-label-fontSize: var(--pr-t-font-body-S-fontSize);--component-checkboxField-label-lineHeight: var(--pr-t-font-body-S-lineHeight)}.form-field.mod-S .switchField{--component-switchField-label-input-height: 1rem;--component-switchField-label-input-width: 1.75rem;--component-switchField-label-input-icon-fontSize: .75rem;--component-switchField-label-font: var(--pr-t-font-body-S)}.form-field.mod-S .simpleSelect{--components-simpleSelect-font: var(--pr-t-font-body-S);--components-simpleSelect-padding: var(--pr-t-spacings-75);--components-simpleSelect-gap: var(--pr-t-spacings-75)}.form-field.mod-S .simpleSelect .simpleSelect-field-icon .lucca-icon{--icon-size: 1.25rem}.form-field.mod-S .simpleSelect .simpleSelect-field-clear.clear,.form-field.mod-S .simpleSelect .simpleSelect-field-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .multiSelect{--components-multiSelect-font: var(--pr-t-font-body-S);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.form-field.mod-S .multiSelect .multipleSelect-arrow,.form-field.mod-S .multiSelect .multipleSelect-searchIcon{--icon-size: 1.25rem}.form-field.mod-S .multiSelect .multipleSelect-clear.clear,.form-field.mod-S .multiSelect .multipleSelect-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-S .multiSelect .multipleSelect-displayer-chip.chip,.form-field.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip){--components-chip-font: var(--pr-t-font-body-XS);--components-chip-borderRadius: var(--pr-t-border-radius-small)}.form-field.mod-S .timePicker{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-paddingInput-inline: var(--pr-t-spacings-25);--components-timepicker-paddingInput-block: var(--pr-t-spacings-75);--components-timepicker-input-height: 1.75rem;--components-timepicker-input-width: 1.25rem;--components-timepicker-separator-left: 1.875rem}.form-field.mod-XS .formLabel{--components-formLabel-font: var(--pr-t-font-body-XS);--components-formLabel-help-fontSize: .75rem;--components-formLabel-help-lineHeight: var(--pr-t-font-body-XS-lineHeight);--components-formLabel-fontSize: var(--pr-t-font-body-XS-fontSize);--components-formLabel-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.form-field.mod-XS .textField{--component-textField-font: var(--pr-t-font-body-XS);--component-textField-padding: var(--pr-t-spacings-50);--component-textField-borderRadius: var(--pr-t-border-radius-small)}.form-field.mod-XS .textField .textField-prefix,.form-field.mod-XS .textField .textField-suffix,.form-field.mod-XS .textField .textField-input-affix-icon{--icon-size: 1rem}.form-field.mod-XS .textField .textField-input-affix-clear.clear,.form-field.mod-XS .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-XS .inlineMessage{--components-inlineMessage-font: var(--pr-t-font-body-XS)}.form-field.mod-XS .inlineMessage .inlineMessage-statusIcon,.form-field.mod-XS .inlineMessage>.lucca-icon:first-child{--icon-size: .75rem}.form-field.mod-XS .simpleSelect{--components-simpleSelect-font: var(--pr-t-font-body-XS);--components-simpleSelect-padding: var(--pr-t-spacings-50);--components-simpleSelect-gap: var(--pr-t-spacings-50)}.form-field.mod-XS .simpleSelect .simpleSelect-field-icon .lucca-icon{--icon-size: 1rem}.form-field.mod-XS .simpleSelect .simpleSelect-field-clear.clear,.form-field.mod-XS .simpleSelect .simpleSelect-field-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.form-field.mod-width20{--components-form-field-width: 10rem}.form-field.mod-width30{--components-form-field-width: 15rem}.form-field.mod-width40{--components-form-field-width: 20rem}.form-field.mod-width50{--components-form-field-width: 25rem}.form-field.mod-width60{--components-form-field-width: 30rem}.form-field.mod-checkable,.form-field:has(.radioField),.form-field:has(.checkboxField),.form-field:has(.switchField){display:grid;grid-template-columns:auto 1fr;gap:0 var(--pr-t-spacings-100)}.form-field.mod-checkable .radioField,.form-field.mod-checkable .checkboxField,.form-field.mod-checkable .switchField,.form-field:has(.radioField) .radioField,.form-field:has(.radioField) .checkboxField,.form-field:has(.radioField) .switchField,.form-field:has(.checkboxField) .radioField,.form-field:has(.checkboxField) .checkboxField,.form-field:has(.checkboxField) .switchField,.form-field:has(.switchField) .radioField,.form-field:has(.switchField) .checkboxField,.form-field:has(.switchField) .switchField{order:-1}.form-field.mod-checkable .checkboxField,.form-field:has(.radioField) .checkboxField,.form-field:has(.checkboxField) .checkboxField,.form-field:has(.switchField) .checkboxField{inset-block-start:var(--component-checkboxField-top)}.form-field.mod-checkable .radioField,.form-field:has(.radioField) .radioField,.form-field:has(.checkboxField) .radioField,.form-field:has(.switchField) .radioField{inset-block-start:var(--component-radioField-top)}.form-field:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[aria-invalid=true]) .formLabel{--components-formLabel-color: var(--palettes-error-700)}.form-field:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[aria-invalid=true]) .inlineMessage{--components-inlineMessage-icon-color: var(--palettes-error-700);--components-inlineMessage-color: var(--palettes-error-700);--components-inlineMessage-gap: var(--pr-t-spacings-50)}.form-field:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[aria-invalid=true]) .inlineMessage .inlineMessage-statusIcon:before,.form-field:not(lu-form-field):has(.textField-input-value[aria-invalid=true],.timePicker-fieldset-group-textfield-input[aria-invalid=true],.simpleSelect-field-input[aria-invalid=true],.multipleSelect-displayer-search[aria-invalid=true]) .inlineMessage>.lucca-icon:first-child:before{content:\"\\e92c\"/\"\"}.form-field:has(.radioField-input:disabled) .formLabel,.form-field:has(.checkboxField-input:disabled) .formLabel,.form-field:has(.switchField-input:disabled) .formLabel{--components-formLabel-color: var(--pr-t-color-input-text-disabled);--components-formLabel-cursor: default}.form-field:has(.radioField-input:disabled) .inlineMessage,.form-field:has(.checkboxField-input:disabled) .inlineMessage,.form-field:has(.switchField-input:disabled) .inlineMessage{--components-inlineMessage-icon-color: var(--pr-t-color-input-text-disabled);--components-inlineMessage-color: var(--pr-t-color-input-text-disabled)}.form-field:has(.radioField-input:disabled) .formLabel-tag,.form-field:has(.checkboxField-input:disabled) .formLabel-tag,.form-field:has(.switchField-input:disabled) .formLabel-tag{--components-tag-background: var(--commons-disabled-background);--components-tag-color: var(--commons-disabled-color)}.form-field.mod-withArrow{padding-block-end:var(--pr-t-spacings-200);margin-block-end:0}.form-field.mod-withArrow .form-field-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin-block:0;margin-inline:var(--pr-t-spacings-50);inline-size:12px;block-size:8px;clip-path:path(\"M4.66415 0.494638C5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464L12 8H0L4.66415 0.494638Z\");position:absolute;inset-block-end:var(--components-box-arrow-bottom);inset-inline-start:var(--components-box-arrow-left)}.form-field.mod-withArrow .form-field-arrow.mod-neutral,.form-field.mod-withArrow .form-field-arrow.mod-grey{--components-box-arrow-background: var(--palettes-neutral-25)}.form-field.mod-withArrow:has(.switchField) .form-field-arrow{--components-box-arrow-left: 8px}.form-field.mod-withArrow:not(:has(:checked)) .form-field-arrow{display:none}.form-field.mod-withArrow.mod-S{padding-block-end:var(--pr-t-spacings-100)}.form-field.mod-withArrow.mod-S .form-field-arrow{--components-box-arrow-left: -2px;--components-box-arrow-bottom: -2px}.form-field.mod-withArrow.mod-S:has(.switchField) .form-field-arrow{--components-box-arrow-left: 4px;--components-box-arrow-bottom: -2px}}@layer components{.form{--components-form-maxWidth: 40rem;--components-form-group-margin-bottom: 1.2rem;--components-form-field-margin-bottom: var(--pr-t-spacings-200);--components-form-field-width: auto;--components-form-label-font-size: var(--pr-t-font-body-M-fontSize);--components-form-label-margin-bottom: var(--pr-t-spacings-50);--components-field-framed-side-padding: var(--pr-t-spacings-200);--components-field-framed-top-padding: var(--pr-t-spacings-400);--components-field-framed-bottom-padding: var(--pr-t-spacings-200);--components-field-framed-label-top-offset: var(--pr-t-spacings-100);--components-field-framed-textarea-height: 8.5rem;--components-field-framed-textarea-min-height: 5.5rem;--components-field-framed-textarea-max-height: 80vh;--components-field-framed-title-font-size: 1.125rem;--components-field-framed-title-line-height: var(--pr-t-font-body-M-lineHeight);--components-field-framed-suffix-padding-right: var(--pr-t-spacings-600)}}@layer components{.form-group{--components-form-maxWidth: 40rem;--components-form-group-margin-bottom: 1.2rem;--components-form-field-margin-bottom: var(--pr-t-spacings-200);--components-form-field-width: auto;--components-form-label-font-size: var(--pr-t-font-body-M-fontSize);--components-form-label-margin-bottom: var(--pr-t-spacings-50);--components-field-framed-side-padding: var(--pr-t-spacings-200);--components-field-framed-top-padding: var(--pr-t-spacings-400);--components-field-framed-bottom-padding: var(--pr-t-spacings-200);--components-field-framed-label-top-offset: var(--pr-t-spacings-100);--components-field-framed-textarea-height: 8.5rem;--components-field-framed-textarea-min-height: 5.5rem;--components-field-framed-textarea-max-height: 80vh;--components-field-framed-title-font-size: 1.125rem;--components-field-framed-title-line-height: var(--pr-t-font-body-M-lineHeight);--components-field-framed-suffix-padding-right: var(--pr-t-spacings-600);padding:0;border:0;margin-block:0 var(--components-form-group-margin-bottom);margin-inline:0;position:relative}.form-header{display:block;margin-block-end:var(--pr-t-spacings-300)}.form-header-title{margin-block-start:0;color:var(--pr-t-color-text-heading);text-wrap:pretty;font:var(--components-title-font);margin-block-end:0;padding:0;--components-title-font: var(--pr-t-font-heading-1);--sizes-verticalPadding: var(--sizes-XXL-verticalPadding)}.form-header-mandatory{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-S-lineHeight);color:var(--palettes-neutral-700)}.form-header-mandatory-asterisk{color:var(--palettes-error-700)}.form-field{position:relative;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50);inline-size:var(--components-form-field-width);max-inline-size:100%}.form-field .formLabel{--components-formLabel-cursor: pointer}.form-field-contentOptional{display:flex;gap:var(--pr-t-spacings-100);align-items:center}.form-field-contentOptional>:first-child{flex-grow:1}.form-group-label,.form-group-legend,.form-group-title{display:block;font-weight:var(--pr-t-font-fontWeight-semibold);font-size:var(--components-form-label-font-size);margin:0;padding-block:0 var(--components-form-label-margin-bottom);padding-inline:0;inline-size:100%;text-align:start}.form-group-legend,.form-group-title{font-size:var(--components-field-framed-title-font-size);line-height:var(--components-field-framed-title-line-height);padding-block-end:var(--pr-t-spacings-50)}.form-actions{text-align:end}.form .textfield,.form .radiosfield,.form .checkboxesfield,.form .checkbox.mod-field{margin-block-end:var(--components-form-field-margin-bottom)}.form-group-line{display:flex;flex-wrap:wrap;position:relative}.form-group-line-col{flex-basis:0;flex-grow:1;display:flex;flex-direction:column}.form-group-line-col>*{flex-grow:1}.form-group-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-inline-start:.2em;content:\"*\"/\"\"}.radiosfield-label.is-required:not(:empty):after,.checkboxesfield-label.is-required:not(:empty):after,.textfield-label.is-required:not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-inline-start:.2em;content:\"*\"/\"\"}}@layer mods{.form-group-line-col[class*=mod-overlay]:focus-within .textfield-input{box-shadow:-1px 0 var(--components-field-framed-color),0 -1px var(--components-field-framed-color),-1px -1px var(--components-field-framed-color),-1px -1px var(--components-field-framed-color) inset,0 0 0 4px var(--components-field-framed-color50);z-index:4}.form-group-line-col[class*=mod-overlay]:focus-within .is-error .textfield-input{background-color:var(--palettes-neutral-0)!important}.form-group-line-col[class*=mod-overlay]:focus-within .is-warning .textfield-input{background-color:#444242;box-shadow:-1px 0 var(--palettes-warning-700),0 -1px var(--palettes-warning-700),-1px -1px var(--palettes-warning-700),-1px -1px var(--palettes-warning-700) inset,0 0 0 4px var(--palettes-warning-50)}.form-group-line-col[class*=mod-overlay]:focus-within .is-valid .textfield-input,.form-group-line-col[class*=mod-overlay]:focus-within .is-success .textfield-input{background-color:var(--palettes-neutral-0);box-shadow:-1px 0 var(--palettes-success-700),0 -1px var(--palettes-success-700),-1px -1px var(--palettes-success-700),-1px -1px var(--palettes-success-700) inset,0 0 0 4px var(--palettes-success-50)}.form-group-line-col[class*=mod-overlay] .textfield+.textfield,.form-group-line-col[class*=mod-overlay] .textfield+.checkbox,.form-group-line-col[class*=mod-overlay] .textfield+.radio,.form-group-line-col[class*=mod-overlay] .textfield+.select,.form-group-line-col[class*=mod-overlay] .checkbox+.textfield,.form-group-line-col[class*=mod-overlay] .checkbox+.checkbox,.form-group-line-col[class*=mod-overlay] .checkbox+.radio,.form-group-line-col[class*=mod-overlay] .checkbox+.select,.form-group-line-col[class*=mod-overlay] .radio+.textfield,.form-group-line-col[class*=mod-overlay] .radio+.checkbox,.form-group-line-col[class*=mod-overlay] .radio+.radio,.form-group-line-col[class*=mod-overlay] .radio+.select,.form-group-line-col[class*=mod-overlay] .select+.textfield,.form-group-line-col[class*=mod-overlay] .select+.checkbox,.form-group-line-col[class*=mod-overlay] .select+.radio,.form-group-line-col[class*=mod-overlay] .select+.select{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:10;padding-block:var(--components-field-framed-label-top-offset) var(--components-field-framed-bottom-padding);padding-inline:var(--components-field-framed-side-padding)}.form-group-line-col.mod-overlay-top .textfield+.textfield,.form-group-line-col.mod-overlay-top .textfield+.checkbox,.form-group-line-col.mod-overlay-top .textfield+.radio,.form-group-line-col.mod-overlay-top .textfield+.select,.form-group-line-col.mod-overlay-top .checkbox+.textfield,.form-group-line-col.mod-overlay-top .checkbox+.checkbox,.form-group-line-col.mod-overlay-top .checkbox+.radio,.form-group-line-col.mod-overlay-top .checkbox+.select,.form-group-line-col.mod-overlay-top .radio+.textfield,.form-group-line-col.mod-overlay-top .radio+.checkbox,.form-group-line-col.mod-overlay-top .radio+.radio,.form-group-line-col.mod-overlay-top .radio+.select,.form-group-line-col.mod-overlay-top .select+.textfield,.form-group-line-col.mod-overlay-top .select+.checkbox,.form-group-line-col.mod-overlay-top .select+.radio,.form-group-line-col.mod-overlay-top .select+.select{inset-block:0 auto}.form-group-line-col.mod-1\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-1\\@mediaMinXXXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-2\\@mediaMinXXXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-3\\@mediaMinXXXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-4\\@mediaMinXXXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-5\\@mediaMinXXXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-6\\@mediaMinXXXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-7\\@mediaMinXXXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-8\\@mediaMinXXXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-9\\@mediaMinXXXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-10\\@mediaMinXXXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-11\\@mediaMinXXXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXXS{flex-basis:100%;flex-grow:0}@media (min-width: 20em){.form-group-line-col.mod-12\\@mediaMinXXXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-1\\@mediaMinXXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-2\\@mediaMinXXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-3\\@mediaMinXXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-4\\@mediaMinXXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-5\\@mediaMinXXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-6\\@mediaMinXXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-7\\@mediaMinXXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-8\\@mediaMinXXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-9\\@mediaMinXXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-10\\@mediaMinXXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-11\\@mediaMinXXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXS{flex-basis:100%;flex-grow:0}@media (min-width: 30em){.form-group-line-col.mod-12\\@mediaMinXXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-1\\@mediaMinXS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-2\\@mediaMinXS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-3\\@mediaMinXS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-4\\@mediaMinXS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-5\\@mediaMinXS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-6\\@mediaMinXS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-7\\@mediaMinXS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-8\\@mediaMinXS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-9\\@mediaMinXS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-10\\@mediaMinXS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-11\\@mediaMinXS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXS{flex-basis:100%;flex-grow:0}@media (min-width: 40em){.form-group-line-col.mod-12\\@mediaMinXS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-1\\@mediaMinS{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-2\\@mediaMinS{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-3\\@mediaMinS{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-4\\@mediaMinS{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-5\\@mediaMinS{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-6\\@mediaMinS{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-7\\@mediaMinS{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-8\\@mediaMinS{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-9\\@mediaMinS{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-10\\@mediaMinS{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-11\\@mediaMinS{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinS{flex-basis:100%;flex-grow:0}@media (min-width: 50em){.form-group-line-col.mod-12\\@mediaMinS{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-1\\@mediaMinM{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-2\\@mediaMinM{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-3\\@mediaMinM{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-4\\@mediaMinM{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-5\\@mediaMinM{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-6\\@mediaMinM{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-7\\@mediaMinM{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-8\\@mediaMinM{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-9\\@mediaMinM{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-10\\@mediaMinM{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-11\\@mediaMinM{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinM{flex-basis:100%;flex-grow:0}@media (min-width: 64em){.form-group-line-col.mod-12\\@mediaMinM{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-1\\@mediaMinL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-2\\@mediaMinL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-3\\@mediaMinL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-4\\@mediaMinL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-5\\@mediaMinL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-6\\@mediaMinL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-7\\@mediaMinL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-8\\@mediaMinL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-9\\@mediaMinL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-10\\@mediaMinL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-11\\@mediaMinL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinL{flex-basis:100%;flex-grow:0}@media (min-width: 80em){.form-group-line-col.mod-12\\@mediaMinL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-1\\@mediaMinXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-2\\@mediaMinXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-3\\@mediaMinXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-4\\@mediaMinXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-5\\@mediaMinXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-6\\@mediaMinXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-7\\@mediaMinXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-8\\@mediaMinXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-9\\@mediaMinXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-10\\@mediaMinXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-11\\@mediaMinXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXL{flex-basis:100%;flex-grow:0}@media (min-width: 85.375em){.form-group-line-col.mod-12\\@mediaMinXL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-1\\@mediaMinXXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-2\\@mediaMinXXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-3\\@mediaMinXXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-4\\@mediaMinXXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-5\\@mediaMinXXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-6\\@mediaMinXXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-7\\@mediaMinXXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-8\\@mediaMinXXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-9\\@mediaMinXXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-10\\@mediaMinXXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-11\\@mediaMinXXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXL{flex-basis:100%;flex-grow:0}@media (min-width: 100em){.form-group-line-col.mod-12\\@mediaMinXXL{flex-basis:100%}}.form-group-line-col.mod-1\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-1\\@mediaMinXXXL{flex-basis:8.3333333333%}}.form-group-line-col.mod-2\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-2\\@mediaMinXXXL{flex-basis:16.6666666667%}}.form-group-line-col.mod-3\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-3\\@mediaMinXXXL{flex-basis:25%}}.form-group-line-col.mod-4\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-4\\@mediaMinXXXL{flex-basis:33.3333333333%}}.form-group-line-col.mod-5\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-5\\@mediaMinXXXL{flex-basis:41.6666666667%}}.form-group-line-col.mod-6\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-6\\@mediaMinXXXL{flex-basis:50%}}.form-group-line-col.mod-7\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-7\\@mediaMinXXXL{flex-basis:58.3333333333%}}.form-group-line-col.mod-8\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-8\\@mediaMinXXXL{flex-basis:66.6666666667%}}.form-group-line-col.mod-9\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-9\\@mediaMinXXXL{flex-basis:75%}}.form-group-line-col.mod-10\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-10\\@mediaMinXXXL{flex-basis:83.3333333333%}}.form-group-line-col.mod-11\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-11\\@mediaMinXXXL{flex-basis:91.6666666667%}}.form-group-line-col.mod-12\\@mediaMinXXXL{flex-basis:100%;flex-grow:0}@media (min-width: 120em){.form-group-line-col.mod-12\\@mediaMinXXXL{flex-basis:100%}}.form-group-label:is(.is-required,.required):not(:empty):after,.radiosfield-label:is(.is-required,.required):not(:empty):after,.checkboxesfield-label:is(.is-required,.required):not(:empty):after,.textfield-label:is(.is-required,.required):not(:empty):after{color:var(--palettes-error-700);display:inline-block;margin-inline-start:.2em;content:\"*\"/\"\"}.checkboxesfield.mod-framed,.radiosfield.mod-framed,.form.mod-framed .fieldsetWrapper{background-color:var(--palettes-neutral-0);padding:0;box-shadow:-1px 0 var(--palettes-neutral-200),0 -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200) inset;transition:background-color var(--commons-animations-durations-standard);margin-block-end:0!important}.checkboxesfield.mod-framed:before,.checkboxesfield.mod-framed:after,.radiosfield.mod-framed:before,.radiosfield.mod-framed:after,.form.mod-framed .fieldsetWrapper:before,.form.mod-framed .fieldsetWrapper:after{content:\"\\a0\"/\"\";display:table}.checkboxesfield.mod-framed:after,.radiosfield.mod-framed:after,.form.mod-framed .fieldsetWrapper:after{clear:both}.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):hover,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus{position:relative;z-index:1;background-color:var(--palettes-neutral-0);box-shadow:-1px 0 var(--palettes-neutral-600),0 -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600) inset}.checkboxesfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.radiosfield.mod-framed:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus,.form.mod-framed .fieldsetWrapper:not(.is-disabled,:disabled,.is-error,.is-success,.is-valid,.is-warning,.is-invalid):focus{z-index:4;box-shadow:-1px 0 var(--palettes-neutral-600),0 -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600) inset,0 0 0 4px var(--palettes-neutral-50)}.checkboxesfield.mod-framed .radiosfield,.checkboxesfield.mod-framed .checkboxesfield,.radiosfield.mod-framed .radiosfield,.radiosfield.mod-framed .checkboxesfield,.form.mod-framed .fieldsetWrapper .radiosfield,.form.mod-framed .fieldsetWrapper .checkboxesfield{display:block;margin-block-start:var(--components-field-framed-side-padding);margin-block-end:0;padding-block:0 var(--components-field-framed-bottom-padding);padding-inline:var(--components-field-framed-side-padding)}.checkboxesfield.mod-framed.is-disabled,.checkboxesfield.mod-framed.is-readonly,.radiosfield.mod-framed.is-disabled,.radiosfield.mod-framed.is-readonly,.form.mod-framed .fieldsetWrapper.is-disabled,.form.mod-framed .fieldsetWrapper.is-readonly{background-color:var(--commons-disabled-background)}.checkboxesfield.mod-framed.is-loading:after,.radiosfield.mod-framed.is-loading:after,.form.mod-framed .fieldsetWrapper.is-loading:after{content:\"\";inline-size:1.5rem;block-size:1.5rem;border-radius:var(--pr-t-border-radius-full);line-height:.8rem;border-width:var(--commons-loading-borderWidth);inset:0;margin:auto;position:absolute;border-style:solid;animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-block-start-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.checkboxesfield.mod-framed.is-loading:before,.checkboxesfield.mod-framed.is-loading:after,.radiosfield.mod-framed.is-loading:before,.radiosfield.mod-framed.is-loading:after,.form.mod-framed .fieldsetWrapper.is-loading:before,.form.mod-framed .fieldsetWrapper.is-loading:after{inset-block:var(--components-field-framed-side-padding) auto!important;inset-inline:auto var(--components-field-framed-side-padding)!important}.checkboxesfield.mod-framed,.radiosfield.mod-framed{margin-block-start:0;padding-block:var(--components-field-framed-side-padding) var(--components-field-framed-bottom-padding);padding-inline:var(--components-field-framed-side-padding)}}@layer components{.inputFramed{--components-inputFramed-wrapper-gap: var(--pr-t-spacings-100);--components-inputFramed-content-display: none;--components-inputFramed-borderColor: var(--palettes-neutral-300);--components-inputFramed-header-info-borderColor: var(--palettes-neutral-200);--components-inputFramed-padding: var(--pr-t-spacings-25);--components-inputFramed-header-padding: var(--pr-t-spacings-75);--components-inputFramed-content-padding: var(--pr-t-spacings-75);--components-inputFramed-content-marginBlockStart: var(--pr-t-spacings-25);--components-inputFramed-header-backgroundColor: transparent;--components-inputFramed-header-alignItems: normal;--components-inputFramed-header-label-fontWeight: var(--pr-t-font-fontWeight-regular);--components-inputFramed-header-info-color: inherit;--components-inputFramed-header-info-marginBlockStart: 0;--components-inputFramed-header-info-paddingBlockStart: var(--pr-t-spacings-100);position:relative;overflow:hidden;padding:var(--components-inputFramed-padding);border:solid 1px var(--components-inputFramed-borderColor);border-radius:var(--pr-t-border-radius-default);background-color:var(--palettes-neutral-0);transition-property:box-shadow,border-color;transition-duration:var(--commons-animations-durations-fast);block-size:100%;display:flex;flex-direction:column}.inputFramed-header-label.formLabel{position:static;font-weight:var(--components-inputFramed-header-label-fontWeight)}.inputFramed-header-label.formLabel:after{content:\"\";position:absolute;inset:calc(var(--pr-t-spacings-50) * -1)}.inputFramed-header-field{flex:1}.inputFramed-header-field.form-field.form-field{position:static;margin-block:0}.inputFramed-header{padding:var(--components-inputFramed-header-padding);border-radius:var(--pr-t-border-radius-50);background-color:var(--components-inputFramed-header-backgroundColor);transition-property:background-color;transition-duration:var(--commons-animations-durations-fast);position:relative;flex-grow:1;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;gap:var(--pr-t-spacings-100);align-items:var(--components-inputFramed-header-alignItems)}.inputFramed-header-illustration:empty{display:none}.inputFramed-header-info{flex-basis:100%;border-block-start:1px solid var(--components-inputFramed-header-info-borderColor);padding-block-start:var(--components-inputFramed-header-info-paddingBlockStart);margin-block-start:var(--components-inputFramed-header-info-marginBlockStart);color:var(--components-inputFramed-header-info-color)}.inputFramed-header-info:empty{display:none}.inputFramed-content{display:var(--components-inputFramed-content-display);padding:var(--components-inputFramed-content-padding);margin-block-start:var(--components-inputFramed-content-marginBlockStart)}}@layer mods{.inputFramed:hover{--components-inputFramed-borderColor: var(--pr-t-color-input-border-hover)}.inputFramed:has(.inputFramed-header-input:checked){--components-inputFramed-content-display: block;--components-inputFramed-header-backgroundColor: var(--palettes-product-50);--components-inputFramed-borderColor: var(--pr-t-color-input-border-checked);--components-inputFramed-header-info-borderColor: var(--pr-t-color-input-border-checked)}.inputFramed:has(.inputFramed-header-input:checked):hover{--components-inputFramed-borderColor: var(--pr-t-color-input-border-checked-hover)}.inputFramed:has(.inputFramed-header-input:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:2px}.inputFramed:has(.inputFramed-header-input:focus-visible) .inputFramed-header-icon:after{outline:none}.inputFramed:has(.inputFramed-header-input[aria-invalid=true]){--components-inputFramed-borderColor: var(--pr-t-color-input-border-critical)}.inputFramed:has(.inputFramed-header-input[aria-invalid=true]):hover{--components-inputFramed-borderColor: var(--pr-t-color-input-border-critical-hover)}.inputFramed:has(.inputFramed-header-input:disabled),.inputFramed:has(.inputFramed-header-input:disabled):hover{--components-inputFramed-header-backgroundColor: var(--palettes-neutral-25);--components-inputFramed-header-borderColor: var(--palettes-neutral-50);--components-inputFramed-borderColor: var(--palettes-neutral-300);--components-inputFramed-header-info-color: var(--pr-t-color-input-text-disabled)}.inputFramed.mod-center{--components-inputFramed-header-alignItems: center}.inputFramed.mod-L{--components-inputFramed-header-label-fontWeight: var(--pr-t-font-fontWeight-semibold);--components-inputFramed-padding: var(--pr-t-spacings-50);--components-inputFramed-header-padding: var(--pr-t-spacings-150);--components-inputFramed-content-padding: var(--pr-t-spacings-150);--components-inputFramed-content-marginBlockStart: var(--pr-t-spacings-50);--components-inputFramed-header-info-marginBlockStart: var(--pr-t-spacings-100);--components-inputFramed-header-info-paddingBlockStart: var(--pr-t-spacings-200)}}@layer components{.inputFramedWrapper{--components-inputFramed-wrapper-gap: var(--pr-t-spacings-100);--components-inputFramed-content-display: none;--components-inputFramed-borderColor: var(--palettes-neutral-300);--components-inputFramed-header-info-borderColor: var(--palettes-neutral-200);--components-inputFramed-padding: var(--pr-t-spacings-25);--components-inputFramed-header-padding: var(--pr-t-spacings-75);--components-inputFramed-content-padding: var(--pr-t-spacings-75);--components-inputFramed-content-marginBlockStart: var(--pr-t-spacings-25);--components-inputFramed-header-backgroundColor: transparent;--components-inputFramed-header-alignItems: normal;--components-inputFramed-header-label-fontWeight: var(--pr-t-font-fontWeight-regular);--components-inputFramed-header-info-color: inherit;--components-inputFramed-header-info-marginBlockStart: 0;--components-inputFramed-header-info-paddingBlockStart: var(--pr-t-spacings-100);display:flex;flex-direction:column;gap:var(--components-inputFramed-wrapper-gap);margin-block:var(--pr-t-spacings-50)}}@layer mods{.inputFramedWrapper:has(.inputFramed.mod-L){--components-inputFramed-wrapper-gap: var(--pr-t-spacings-150)}}@layer mods{lu-form-field:has(~.box) .form-field.mod-withArrow{padding-block-end:var(--pr-t-spacings-200);margin-block-end:0}lu-form-field:has(~.box) .form-field.mod-withArrow .form-field-arrow{--components-box-arrow-background: var(--pr-t-elevation-surface-raised);--components-box-arrow-left: 0;--components-box-arrow-bottom: 0;background-color:var(--components-box-arrow-background);margin-block:0;margin-inline:var(--pr-t-spacings-50);inline-size:12px;block-size:8px;clip-path:path(\"M4.66415 0.494638C5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464L12 8H0L4.66415 0.494638Z\");position:absolute;inset-block-end:var(--components-box-arrow-bottom);inset-inline-start:var(--components-box-arrow-left)}lu-form-field:has(~.box) .form-field.mod-withArrow .form-field-arrow.mod-neutral,lu-form-field:has(~.box) .form-field.mod-withArrow .form-field-arrow.mod-grey{--components-box-arrow-background: var(--palettes-neutral-25)}lu-form-field:has(~.box) .form-field.mod-withArrow:has(.switchField) .form-field-arrow{--components-box-arrow-left: 8px}lu-form-field:has(~.box) .form-field.mod-withArrow:not(:has(:checked)) .form-field-arrow{display:none}lu-form-field:has(~.box) .form-field.mod-withArrow.mod-S{padding-block-end:var(--pr-t-spacings-100)}lu-form-field:has(~.box) .form-field.mod-withArrow.mod-S .form-field-arrow{--components-box-arrow-left: -2px;--components-box-arrow-bottom: -2px}lu-form-field:has(~.box) .form-field.mod-withArrow.mod-S:has(.switchField) .form-field-arrow{--components-box-arrow-left: 4px;--components-box-arrow-bottom: -2px}}\n"] }]
237
+ }], ctorParameters: () => [] });
238
+
239
+ const INPUT_FRAMED_INSTANCE = new InjectionToken('INPUT_FRAMED_INSTANCE');
240
+
241
+ class InputFramedComponent {
242
+ constructor() {
243
+ this.framedPortal = input(null);
244
+ this.center = input(false, { transform: booleanAttribute });
245
+ this.size = input(null);
246
+ }
247
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: InputFramedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
248
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.2", type: InputFramedComponent, isStandalone: true, selector: "lu-input-framed", inputs: { framedPortal: { classPropertyName: "framedPortal", publicName: "framedPortal", isSignal: true, isRequired: false, transformFunction: null }, center: { classPropertyName: "center", publicName: "center", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
249
+ {
250
+ provide: INPUT_FRAMED_INSTANCE,
251
+ useExisting: forwardRef(() => InputFramedComponent),
252
+ },
253
+ ], ngImport: i0, template: "<div class=\"inputFramed\" [class.mod-center]=\"center()\" [class.mod-L]=\"size() === 'L'\">\n\t<div class=\"inputFramed-header\">\n\t\t<div class=\"form-field inputFramed-header-field\">\n\t\t\t<ng-content />\n\t\t</div>\n\t\t<div class=\"inputFramed-header-illustration\"><ng-content select=\"[illustration]\" /></div>\n\t\t<div class=\"inputFramed-header-info\"><ng-content select=\"[info]\" /></div>\n\t</div>\n\t@if (framedPortal()) {\n\t\t<div class=\"inputFramed-content\"><ng-container *luPortal=\"framedPortal()\" /></div>\n\t}\n</div>\n", dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
254
+ }
255
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: InputFramedComponent, decorators: [{
256
+ type: Component,
257
+ args: [{ selector: 'lu-input-framed', imports: [PortalDirective], encapsulation: ViewEncapsulation.None, providers: [
258
+ {
259
+ provide: INPUT_FRAMED_INSTANCE,
260
+ useExisting: forwardRef(() => InputFramedComponent),
261
+ },
262
+ ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"inputFramed\" [class.mod-center]=\"center()\" [class.mod-L]=\"size() === 'L'\">\n\t<div class=\"inputFramed-header\">\n\t\t<div class=\"form-field inputFramed-header-field\">\n\t\t\t<ng-content />\n\t\t</div>\n\t\t<div class=\"inputFramed-header-illustration\"><ng-content select=\"[illustration]\" /></div>\n\t\t<div class=\"inputFramed-header-info\"><ng-content select=\"[info]\" /></div>\n\t</div>\n\t@if (framedPortal()) {\n\t\t<div class=\"inputFramed-content\"><ng-container *luPortal=\"framedPortal()\" /></div>\n\t}\n</div>\n" }]
263
+ }] });
240
264
 
241
265
  class InputDirective {
242
266
  constructor() {
@@ -253,14 +277,13 @@ class InputDirective {
253
277
  this.formFieldRef.addInput(this);
254
278
  }
255
279
  }
256
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: InputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
257
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.3.12", type: InputDirective, isStandalone: true, selector: "[luInput]", inputs: { standalone: ["luInputStandalone", "standalone", booleanAttribute] }, host: { classAttribute: "luNativeInput" }, ngImport: i0 }); }
280
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: InputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
281
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.0.2", type: InputDirective, isStandalone: true, selector: "[luInput]", inputs: { standalone: ["luInputStandalone", "standalone", booleanAttribute] }, host: { classAttribute: "luNativeInput" }, ngImport: i0 }); }
258
282
  }
259
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: InputDirective, decorators: [{
283
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: InputDirective, decorators: [{
260
284
  type: Directive,
261
285
  args: [{
262
286
  selector: '[luInput]',
263
- standalone: true,
264
287
  host: {
265
288
  // Used to autofocus in dialog boxes, do not change except if you know what you're doing
266
289
  class: 'luNativeInput',
@@ -271,32 +294,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
271
294
  args: [{ transform: booleanAttribute, alias: 'luInputStandalone' }]
272
295
  }] } });
273
296
 
274
- class FramedInputComponent {
275
- constructor() {
276
- this.framedPortal = input(null, ...(ngDevMode ? [{ debugName: "framedPortal" }] : []));
277
- this.center = input(false, ...(ngDevMode ? [{ debugName: "center", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
278
- }
279
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: FramedInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
280
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: FramedInputComponent, isStandalone: true, selector: "lu-framed-input", inputs: { framedPortal: { classPropertyName: "framedPortal", publicName: "framedPortal", isSignal: true, isRequired: false, transformFunction: null }, center: { classPropertyName: "center", publicName: "center", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
281
- {
282
- provide: FRAMED_INPUT_INSTANCE,
283
- useExisting: forwardRef(() => FramedInputComponent),
284
- },
285
- ], ngImport: i0, template: "<div class=\"inputFramed\" [class.mod-center]=\"center()\">\n\t<div class=\"inputFramed-header\">\n\t\t<div class=\"form-field inputFramed-header-field\">\n\t\t\t<ng-content />\n\t\t</div>\n\t\t<div class=\"inputFramed-header-illustration\"><ng-content select=\"[illustration]\" /></div>\n\t\t<div class=\"inputFramed-header-info\"><ng-content select=\"[info]\" /></div>\n\t</div>\n\t@if (framedPortal()) {\n\t\t<div class=\"inputFramed-content\"><ng-container *luPortal=\"framedPortal()\" /></div>\n\t}\n</div>\n", dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], encapsulation: i0.ViewEncapsulation.None }); }
286
- }
287
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: FramedInputComponent, decorators: [{
288
- type: Component,
289
- args: [{ selector: 'lu-framed-input', standalone: true, imports: [PortalDirective], encapsulation: ViewEncapsulation.None, providers: [
290
- {
291
- provide: FRAMED_INPUT_INSTANCE,
292
- useExisting: forwardRef(() => FramedInputComponent),
293
- },
294
- ], template: "<div class=\"inputFramed\" [class.mod-center]=\"center()\">\n\t<div class=\"inputFramed-header\">\n\t\t<div class=\"form-field inputFramed-header-field\">\n\t\t\t<ng-content />\n\t\t</div>\n\t\t<div class=\"inputFramed-header-illustration\"><ng-content select=\"[illustration]\" /></div>\n\t\t<div class=\"inputFramed-header-info\"><ng-content select=\"[info]\" /></div>\n\t</div>\n\t@if (framedPortal()) {\n\t\t<div class=\"inputFramed-content\"><ng-container *luPortal=\"framedPortal()\" /></div>\n\t}\n</div>\n" }]
295
- }], propDecorators: { framedPortal: [{ type: i0.Input, args: [{ isSignal: true, alias: "framedPortal", required: false }] }], center: [{ type: i0.Input, args: [{ isSignal: true, alias: "center", required: false }] }] } });
296
-
297
297
  /**
298
298
  * Generated bundle index. Do not edit.
299
299
  */
300
300
 
301
- export { FORM_FIELD_INSTANCE, FRAMED_INPUT_INSTANCE, FormFieldComponent, FramedInputComponent, InputDirective, LU_FORM_FIELD_TRANSLATIONS, luFormFieldTranslations };
301
+ export { FORM_FIELD_INSTANCE, FormFieldComponent, INPUT_FRAMED_INSTANCE, InputDirective, InputFramedComponent, LU_FORM_FIELD_TRANSLATIONS, luFormFieldTranslations };
302
302
  //# sourceMappingURL=lucca-front-ng-form-field.mjs.map