@lucca-front/ng 21.2.2 → 21.3.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 (270) hide show
  1. package/fesm2022/lucca-front-ng-a11y.mjs +4 -4
  2. package/fesm2022/lucca-front-ng-a11y.mjs.map +1 -1
  3. package/fesm2022/lucca-front-ng-activity-feed.mjs +26 -21
  4. package/fesm2022/lucca-front-ng-activity-feed.mjs.map +1 -1
  5. package/fesm2022/lucca-front-ng-api.mjs +46 -41
  6. package/fesm2022/lucca-front-ng-api.mjs.map +1 -1
  7. package/fesm2022/lucca-front-ng-app-layout.mjs +4 -4
  8. package/fesm2022/lucca-front-ng-app-layout.mjs.map +1 -1
  9. package/fesm2022/lucca-front-ng-box.mjs +7 -7
  10. package/fesm2022/lucca-front-ng-box.mjs.map +1 -1
  11. package/fesm2022/lucca-front-ng-breadcrumbs.mjs +10 -10
  12. package/fesm2022/lucca-front-ng-breadcrumbs.mjs.map +1 -1
  13. package/fesm2022/lucca-front-ng-bubble-icon.mjs +18 -12
  14. package/fesm2022/lucca-front-ng-bubble-icon.mjs.map +1 -1
  15. package/fesm2022/lucca-front-ng-bubble-illustration.mjs +16 -11
  16. package/fesm2022/lucca-front-ng-bubble-illustration.mjs.map +1 -1
  17. package/fesm2022/lucca-front-ng-callout.mjs +76 -70
  18. package/fesm2022/lucca-front-ng-callout.mjs.map +1 -1
  19. package/fesm2022/lucca-front-ng-chip.mjs +22 -16
  20. package/fesm2022/lucca-front-ng-chip.mjs.map +1 -1
  21. package/fesm2022/lucca-front-ng-clear.mjs +15 -10
  22. package/fesm2022/lucca-front-ng-clear.mjs.map +1 -1
  23. package/fesm2022/lucca-front-ng-code.mjs +5 -5
  24. package/fesm2022/lucca-front-ng-code.mjs.map +1 -1
  25. package/fesm2022/lucca-front-ng-color.mjs +13 -8
  26. package/fesm2022/lucca-front-ng-color.mjs.map +1 -1
  27. package/fesm2022/lucca-front-ng-comment.mjs +37 -32
  28. package/fesm2022/lucca-front-ng-comment.mjs.map +1 -1
  29. package/fesm2022/lucca-front-ng-container.mjs +13 -8
  30. package/fesm2022/lucca-front-ng-container.mjs.map +1 -1
  31. package/fesm2022/lucca-front-ng-core-select-api.mjs +13 -13
  32. package/fesm2022/lucca-front-ng-core-select-api.mjs.map +1 -1
  33. package/fesm2022/lucca-front-ng-core-select-department.mjs +21 -15
  34. package/fesm2022/lucca-front-ng-core-select-department.mjs.map +1 -1
  35. package/fesm2022/lucca-front-ng-core-select-establishment.mjs +15 -15
  36. package/fesm2022/lucca-front-ng-core-select-establishment.mjs.map +1 -1
  37. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs +9 -9
  38. package/fesm2022/lucca-front-ng-core-select-job-qualification.mjs.map +1 -1
  39. package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs +6 -6
  40. package/fesm2022/lucca-front-ng-core-select-occupation-category.mjs.map +1 -1
  41. package/fesm2022/lucca-front-ng-core-select-user.mjs +50 -45
  42. package/fesm2022/lucca-front-ng-core-select-user.mjs.map +1 -1
  43. package/fesm2022/lucca-front-ng-core-select.mjs +90 -90
  44. package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
  45. package/fesm2022/lucca-front-ng-core.mjs +18 -18
  46. package/fesm2022/lucca-front-ng-core.mjs.map +1 -1
  47. package/fesm2022/lucca-front-ng-data-table.mjs +95 -80
  48. package/fesm2022/lucca-front-ng-data-table.mjs.map +1 -1
  49. package/fesm2022/lucca-front-ng-date.mjs +42 -42
  50. package/fesm2022/lucca-front-ng-date.mjs.map +1 -1
  51. package/fesm2022/lucca-front-ng-date2.mjs +133 -126
  52. package/fesm2022/lucca-front-ng-date2.mjs.map +1 -1
  53. package/fesm2022/lucca-front-ng-department.mjs +25 -25
  54. package/fesm2022/lucca-front-ng-department.mjs.map +1 -1
  55. package/fesm2022/lucca-front-ng-dialog.mjs +61 -43
  56. package/fesm2022/lucca-front-ng-dialog.mjs.map +1 -1
  57. package/fesm2022/lucca-front-ng-divider.mjs +14 -9
  58. package/fesm2022/lucca-front-ng-divider.mjs.map +1 -1
  59. package/fesm2022/lucca-front-ng-dropdown.mjs +43 -43
  60. package/fesm2022/lucca-front-ng-dropdown.mjs.map +1 -1
  61. package/fesm2022/lucca-front-ng-empty-state.mjs +41 -35
  62. package/fesm2022/lucca-front-ng-empty-state.mjs.map +1 -1
  63. package/fesm2022/lucca-front-ng-error-page.mjs +12 -7
  64. package/fesm2022/lucca-front-ng-error-page.mjs.map +1 -1
  65. package/fesm2022/lucca-front-ng-establishment.mjs +34 -34
  66. package/fesm2022/lucca-front-ng-establishment.mjs.map +1 -1
  67. package/fesm2022/lucca-front-ng-fancy-box.mjs +16 -11
  68. package/fesm2022/lucca-front-ng-fancy-box.mjs.map +1 -1
  69. package/fesm2022/lucca-front-ng-file-upload.mjs +84 -64
  70. package/fesm2022/lucca-front-ng-file-upload.mjs.map +1 -1
  71. package/fesm2022/lucca-front-ng-filter-pills.mjs +61 -88
  72. package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
  73. package/fesm2022/lucca-front-ng-footer.mjs +17 -11
  74. package/fesm2022/lucca-front-ng-footer.mjs.map +1 -1
  75. package/fesm2022/lucca-front-ng-form-field.mjs +94 -76
  76. package/fesm2022/lucca-front-ng-form-field.mjs.map +1 -1
  77. package/fesm2022/lucca-front-ng-form-header.mjs +10 -5
  78. package/fesm2022/lucca-front-ng-form-header.mjs.map +1 -1
  79. package/fesm2022/lucca-front-ng-form-label.mjs +18 -13
  80. package/fesm2022/lucca-front-ng-form-label.mjs.map +1 -1
  81. package/fesm2022/lucca-front-ng-form.mjs +11 -8
  82. package/fesm2022/lucca-front-ng-form.mjs.map +1 -1
  83. package/fesm2022/lucca-front-ng-formly.mjs +58 -58
  84. package/fesm2022/lucca-front-ng-formly.mjs.map +1 -1
  85. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs +46 -41
  86. package/fesm2022/lucca-front-ng-forms-phone-number-input.mjs.map +1 -1
  87. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs +3 -3
  88. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-html.mjs.map +1 -1
  89. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs +8 -9
  90. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-markdown.mjs.map +1 -1
  91. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs +3 -3
  92. package/fesm2022/lucca-front-ng-forms-rich-text-input-formatters-plain-text.mjs.map +1 -1
  93. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs +94 -92
  94. package/fesm2022/lucca-front-ng-forms-rich-text-input.mjs.map +1 -1
  95. package/fesm2022/lucca-front-ng-forms.mjs +212 -153
  96. package/fesm2022/lucca-front-ng-forms.mjs.map +1 -1
  97. package/fesm2022/lucca-front-ng-gauge.mjs +19 -19
  98. package/fesm2022/lucca-front-ng-gauge.mjs.map +1 -1
  99. package/fesm2022/lucca-front-ng-grid.mjs +38 -26
  100. package/fesm2022/lucca-front-ng-grid.mjs.map +1 -1
  101. package/fesm2022/lucca-front-ng-highlight-data.mjs +39 -17
  102. package/fesm2022/lucca-front-ng-highlight-data.mjs.map +1 -1
  103. package/fesm2022/lucca-front-ng-highlight-text.mjs +26 -0
  104. package/fesm2022/lucca-front-ng-highlight-text.mjs.map +1 -0
  105. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs +165 -20
  106. package/fesm2022/lucca-front-ng-horizontal-navigation.mjs.map +1 -1
  107. package/fesm2022/lucca-front-ng-impersonation.mjs +119 -0
  108. package/fesm2022/lucca-front-ng-impersonation.mjs.map +1 -0
  109. package/fesm2022/lucca-front-ng-index-table.mjs +69 -63
  110. package/fesm2022/lucca-front-ng-index-table.mjs.map +1 -1
  111. package/fesm2022/lucca-front-ng-inline-message.mjs +15 -8
  112. package/fesm2022/lucca-front-ng-inline-message.mjs.map +1 -1
  113. package/fesm2022/lucca-front-ng-input.mjs +22 -22
  114. package/fesm2022/lucca-front-ng-input.mjs.map +1 -1
  115. package/fesm2022/lucca-front-ng-link.mjs +12 -12
  116. package/fesm2022/lucca-front-ng-link.mjs.map +1 -1
  117. package/fesm2022/lucca-front-ng-listbox.mjs +32 -27
  118. package/fesm2022/lucca-front-ng-listbox.mjs.map +1 -1
  119. package/fesm2022/lucca-front-ng-listing.mjs +21 -21
  120. package/fesm2022/lucca-front-ng-listing.mjs.map +1 -1
  121. package/fesm2022/lucca-front-ng-loading.mjs +14 -9
  122. package/fesm2022/lucca-front-ng-loading.mjs.map +1 -1
  123. package/fesm2022/lucca-front-ng-main-layout.mjs +9 -9
  124. package/fesm2022/lucca-front-ng-main-layout.mjs.map +1 -1
  125. package/fesm2022/lucca-front-ng-mobile-push.mjs +5 -5
  126. package/fesm2022/lucca-front-ng-mobile-push.mjs.map +1 -1
  127. package/fesm2022/lucca-front-ng-modal.mjs +23 -23
  128. package/fesm2022/lucca-front-ng-modal.mjs.map +1 -1
  129. package/fesm2022/lucca-front-ng-multi-select.mjs +113 -95
  130. package/fesm2022/lucca-front-ng-multi-select.mjs.map +1 -1
  131. package/fesm2022/lucca-front-ng-new-badge.mjs +4 -4
  132. package/fesm2022/lucca-front-ng-new-badge.mjs.map +1 -1
  133. package/fesm2022/lucca-front-ng-number-format.mjs +10 -10
  134. package/fesm2022/lucca-front-ng-number-format.mjs.map +1 -1
  135. package/fesm2022/lucca-front-ng-number.mjs +7 -7
  136. package/fesm2022/lucca-front-ng-number.mjs.map +1 -1
  137. package/fesm2022/lucca-front-ng-numeric-badge.mjs +18 -13
  138. package/fesm2022/lucca-front-ng-numeric-badge.mjs.map +1 -1
  139. package/fesm2022/lucca-front-ng-option.mjs +130 -130
  140. package/fesm2022/lucca-front-ng-option.mjs.map +1 -1
  141. package/fesm2022/lucca-front-ng-page-header.mjs +9 -9
  142. package/fesm2022/lucca-front-ng-page-header.mjs.map +1 -1
  143. package/fesm2022/lucca-front-ng-pagination.mjs +17 -12
  144. package/fesm2022/lucca-front-ng-pagination.mjs.map +1 -1
  145. package/fesm2022/lucca-front-ng-plg-push.mjs +9 -9
  146. package/fesm2022/lucca-front-ng-plg-push.mjs.map +1 -1
  147. package/fesm2022/lucca-front-ng-popover.mjs +17 -17
  148. package/fesm2022/lucca-front-ng-popover.mjs.map +1 -1
  149. package/fesm2022/lucca-front-ng-popover2.mjs +16 -16
  150. package/fesm2022/lucca-front-ng-popover2.mjs.map +1 -1
  151. package/fesm2022/lucca-front-ng-popup.mjs +10 -10
  152. package/fesm2022/lucca-front-ng-popup.mjs.map +1 -1
  153. package/fesm2022/lucca-front-ng-progress-bar.mjs +13 -8
  154. package/fesm2022/lucca-front-ng-progress-bar.mjs.map +1 -1
  155. package/fesm2022/lucca-front-ng-progress-stepper.mjs +18 -13
  156. package/fesm2022/lucca-front-ng-progress-stepper.mjs.map +1 -1
  157. package/fesm2022/lucca-front-ng-read-more.mjs +24 -19
  158. package/fesm2022/lucca-front-ng-read-more.mjs.map +1 -1
  159. package/fesm2022/lucca-front-ng-resource-card.mjs +28 -22
  160. package/fesm2022/lucca-front-ng-resource-card.mjs.map +1 -1
  161. package/fesm2022/lucca-front-ng-safe-content.mjs +10 -10
  162. package/fesm2022/lucca-front-ng-safe-content.mjs.map +1 -1
  163. package/fesm2022/lucca-front-ng-scroll-box.mjs +6 -6
  164. package/fesm2022/lucca-front-ng-scroll-box.mjs.map +1 -1
  165. package/fesm2022/lucca-front-ng-scroll.mjs +8 -8
  166. package/fesm2022/lucca-front-ng-scroll.mjs.map +1 -1
  167. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs +22 -16
  168. package/fesm2022/lucca-front-ng-segmented-control-tabs.mjs.map +1 -1
  169. package/fesm2022/lucca-front-ng-segmented-control.mjs +11 -11
  170. package/fesm2022/lucca-front-ng-segmented-control.mjs.map +1 -1
  171. package/fesm2022/lucca-front-ng-select.mjs +14 -14
  172. package/fesm2022/lucca-front-ng-select.mjs.map +1 -1
  173. package/fesm2022/lucca-front-ng-sidepanel.mjs +7 -7
  174. package/fesm2022/lucca-front-ng-sidepanel.mjs.map +1 -1
  175. package/fesm2022/lucca-front-ng-simple-select.mjs +37 -36
  176. package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
  177. package/fesm2022/lucca-front-ng-skeleton.mjs +82 -56
  178. package/fesm2022/lucca-front-ng-skeleton.mjs.map +1 -1
  179. package/fesm2022/lucca-front-ng-software-icon-wrapper.mjs +84 -0
  180. package/fesm2022/lucca-front-ng-software-icon-wrapper.mjs.map +1 -0
  181. package/fesm2022/lucca-front-ng-software-icon.mjs +34 -23
  182. package/fesm2022/lucca-front-ng-software-icon.mjs.map +1 -1
  183. package/fesm2022/lucca-front-ng-sortable-list.mjs +14 -14
  184. package/fesm2022/lucca-front-ng-sortable-list.mjs.map +1 -1
  185. package/fesm2022/lucca-front-ng-status-badge.mjs +13 -8
  186. package/fesm2022/lucca-front-ng-status-badge.mjs.map +1 -1
  187. package/fesm2022/lucca-front-ng-table-of-content.mjs +7 -7
  188. package/fesm2022/lucca-front-ng-table-of-content.mjs.map +1 -1
  189. package/fesm2022/lucca-front-ng-tag.mjs +19 -14
  190. package/fesm2022/lucca-front-ng-tag.mjs.map +1 -1
  191. package/fesm2022/lucca-front-ng-text-flow.mjs +4 -4
  192. package/fesm2022/lucca-front-ng-text-flow.mjs.map +1 -1
  193. package/fesm2022/lucca-front-ng-time.mjs +362 -115
  194. package/fesm2022/lucca-front-ng-time.mjs.map +1 -1
  195. package/fesm2022/lucca-front-ng-title.mjs +10 -10
  196. package/fesm2022/lucca-front-ng-title.mjs.map +1 -1
  197. package/fesm2022/lucca-front-ng-toast.mjs +14 -14
  198. package/fesm2022/lucca-front-ng-toast.mjs.map +1 -1
  199. package/fesm2022/lucca-front-ng-tooltip.mjs +35 -35
  200. package/fesm2022/lucca-front-ng-tooltip.mjs.map +1 -1
  201. package/fesm2022/lucca-front-ng-tree-select.mjs +16 -16
  202. package/fesm2022/lucca-front-ng-tree-select.mjs.map +1 -1
  203. package/fesm2022/lucca-front-ng-user-popover.mjs +22 -21
  204. package/fesm2022/lucca-front-ng-user-popover.mjs.map +1 -1
  205. package/fesm2022/lucca-front-ng-user.mjs +122 -100
  206. package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
  207. package/fesm2022/lucca-front-ng-vertical-navigation.mjs +27 -27
  208. package/fesm2022/lucca-front-ng-vertical-navigation.mjs.map +1 -1
  209. package/package.json +18 -5
  210. package/schematics/lib/local-deps/package-lock.json +17 -79
  211. package/schematics/lib/local-deps/package.json +1 -1
  212. package/schematics/palettes/index.js +1 -0
  213. package/src/components/_picker.scss +2 -1
  214. package/types/lucca-front-ng-activity-feed.d.ts +8 -1
  215. package/types/lucca-front-ng-api.d.ts +22 -16
  216. package/types/lucca-front-ng-bubble-icon.d.ts +10 -1
  217. package/types/lucca-front-ng-bubble-illustration.d.ts +10 -4
  218. package/types/lucca-front-ng-callout.d.ts +21 -13
  219. package/types/lucca-front-ng-chip.d.ts +10 -1
  220. package/types/lucca-front-ng-clear.d.ts +8 -2
  221. package/types/lucca-front-ng-color.d.ts +8 -1
  222. package/types/lucca-front-ng-comment.d.ts +8 -1
  223. package/types/lucca-front-ng-container.d.ts +8 -1
  224. package/types/lucca-front-ng-core-select-department.d.ts +4 -0
  225. package/types/lucca-front-ng-core-select-user.d.ts +3 -2
  226. package/types/lucca-front-ng-core-select.d.ts +6 -6
  227. package/types/lucca-front-ng-core.d.ts +1 -1
  228. package/types/lucca-front-ng-data-table.d.ts +12 -1
  229. package/types/lucca-front-ng-date2.d.ts +17 -9
  230. package/types/lucca-front-ng-dialog.d.ts +14 -3
  231. package/types/lucca-front-ng-divider.d.ts +8 -1
  232. package/types/lucca-front-ng-empty-state.d.ts +15 -7
  233. package/types/lucca-front-ng-error-page.d.ts +9 -4
  234. package/types/lucca-front-ng-fancy-box.d.ts +8 -1
  235. package/types/lucca-front-ng-file-upload.d.ts +20 -4
  236. package/types/lucca-front-ng-filter-pills.d.ts +4 -9
  237. package/types/lucca-front-ng-footer.d.ts +11 -2
  238. package/types/lucca-front-ng-form-field.d.ts +35 -18
  239. package/types/lucca-front-ng-form-header.d.ts +8 -1
  240. package/types/lucca-front-ng-form-label.d.ts +8 -1
  241. package/types/lucca-front-ng-form.d.ts +2 -0
  242. package/types/lucca-front-ng-forms-phone-number-input.d.ts +19 -12
  243. package/types/lucca-front-ng-forms-rich-text-input.d.ts +1 -0
  244. package/types/lucca-front-ng-forms.d.ts +82 -30
  245. package/types/lucca-front-ng-grid.d.ts +23 -8
  246. package/types/lucca-front-ng-highlight-data.d.ts +16 -1
  247. package/types/lucca-front-ng-highlight-text.d.ts +12 -0
  248. package/types/lucca-front-ng-horizontal-navigation.d.ts +40 -3
  249. package/types/lucca-front-ng-impersonation.d.ts +33 -0
  250. package/types/lucca-front-ng-index-table.d.ts +10 -1
  251. package/types/lucca-front-ng-inline-message.d.ts +11 -4
  252. package/types/lucca-front-ng-listbox.d.ts +8 -1
  253. package/types/lucca-front-ng-loading.d.ts +8 -1
  254. package/types/lucca-front-ng-multi-select.d.ts +3 -1
  255. package/types/lucca-front-ng-numeric-badge.d.ts +8 -1
  256. package/types/lucca-front-ng-pagination.d.ts +8 -1
  257. package/types/lucca-front-ng-progress-bar.d.ts +9 -2
  258. package/types/lucca-front-ng-progress-stepper.d.ts +8 -1
  259. package/types/lucca-front-ng-read-more.d.ts +8 -1
  260. package/types/lucca-front-ng-resource-card.d.ts +10 -1
  261. package/types/lucca-front-ng-segmented-control-tabs.d.ts +2 -0
  262. package/types/lucca-front-ng-segmented-control.d.ts +4 -2
  263. package/types/lucca-front-ng-simple-select.d.ts +3 -2
  264. package/types/lucca-front-ng-skeleton.d.ts +30 -10
  265. package/types/lucca-front-ng-software-icon-wrapper.d.ts +31 -0
  266. package/types/lucca-front-ng-software-icon.d.ts +17 -6
  267. package/types/lucca-front-ng-status-badge.d.ts +8 -1
  268. package/types/lucca-front-ng-tag.d.ts +8 -1
  269. package/types/lucca-front-ng-time.d.ts +87 -8
  270. package/types/lucca-front-ng-user.d.ts +19 -5
@@ -2,6 +2,7 @@ import { NgTemplateOutlet } from '@angular/common';
2
2
  import * as i0 from '@angular/core';
3
3
  import { InjectionToken, input, inject, Injector, Renderer2, contentChildren, computed, signal, booleanAttribute, model, numberAttribute, effect, afterNextRender, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component, ElementRef, Input, Directive, TemplateRef, ViewContainerRef } from '@angular/core';
4
4
  import { RequiredValidator, NgControl, Validators, ReactiveFormsModule } from '@angular/forms';
5
+ import { FormField } from '@angular/forms/signals';
5
6
  import { intlInputOptions, LuClass, ɵeffectWithDeps as _effectWithDeps, PortalDirective } from '@lucca-front/ng/core';
6
7
  import { LU_FORM_INSTANCE } from '@lucca-front/ng/form';
7
8
  import { FormLabelComponent } from '@lucca-front/ng/form-label';
@@ -11,6 +12,14 @@ import * as i1 from '@lucca-front/ng/tooltip';
11
12
  import { LuTooltipModule } from '@lucca-front/ng/tooltip';
12
13
  import { BehaviorSubject } from 'rxjs';
13
14
 
15
+ const FORM_FIELD_SIZE = ['XS', 'S', 'M'];
16
+
17
+ /**
18
+ * Available FormFieldComponent types
19
+ */
20
+ const FORM_FIELD_WIDTH = [20, 30, 40, 50, 60];
21
+ const FORM_FIELD_LAYOUT = ['default', 'checkable', 'fieldset'];
22
+
14
23
  const FORM_FIELD_INSTANCE = new InjectionToken('FORM_FIELD_INSTANCE');
15
24
 
16
25
  const Translations = {
@@ -70,65 +79,68 @@ class FormFieldComponent {
70
79
  }
71
80
  #ariaLabelledBy;
72
81
  constructor() {
73
- this.intl = input(...intlInputOptions(LU_FORM_FIELD_TRANSLATIONS), ...(ngDevMode ? [{ debugName: "intl" }] : []));
82
+ this.intl = input(...intlInputOptions(LU_FORM_FIELD_TRANSLATIONS), ...(ngDevMode ? [{ debugName: "intl" }] : /* istanbul ignore next */ []));
74
83
  this.#luClass = inject(LuClass);
75
84
  this.#injector = inject(Injector);
76
85
  this.#renderer = inject(Renderer2);
77
86
  this.parentForm = inject(LU_FORM_INSTANCE, { optional: true });
78
87
  this.framed = inject(INPUT_FRAMED_INSTANCE, { optional: true }) !== null;
79
- this.formFieldChildren = contentChildren(FormFieldComponent, { ...(ngDevMode ? { debugName: "formFieldChildren" } : {}), descendants: true });
80
- this.requiredValidators = contentChildren(RequiredValidator, { ...(ngDevMode ? { debugName: "requiredValidators" } : {}), descendants: true });
81
- this.ngControls = contentChildren(NgControl, { ...(ngDevMode ? { debugName: "ngControls" } : {}), descendants: true });
82
- this.ignoredRequiredValidators = computed(() => new Set(this.formFieldChildren().flatMap((f) => f.requiredValidators())), ...(ngDevMode ? [{ debugName: "ignoredRequiredValidators" }] : []));
83
- this.ignoredControls = computed(() => new Set(this.formFieldChildren().flatMap((f) => f.ngControls())), ...(ngDevMode ? [{ debugName: "ignoredControls" }] : []));
84
- this.ownRequiredValidators = computed(() => this.requiredValidators().filter((c) => !this.ignoredRequiredValidators().has(c)), ...(ngDevMode ? [{ debugName: "ownRequiredValidators" }] : []));
85
- this.ownControls = computed(() => this.ngControls().filter((c) => !this.ignoredControls().has(c)), ...(ngDevMode ? [{ debugName: "ownControls" }] : []));
86
- this.#hasInputRequired = signal(false, ...(ngDevMode ? [{ debugName: "#hasInputRequired" }] : []));
87
- this.forceInputRequired = signal(false, ...(ngDevMode ? [{ debugName: "forceInputRequired" }] : []));
88
- this.isInputRequired = computed(() => this.forceInputRequired() || this.#hasInputRequired(), ...(ngDevMode ? [{ debugName: "isInputRequired" }] : []));
89
- this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
88
+ this.formFieldChildren = contentChildren(FormFieldComponent, { ...(ngDevMode ? { debugName: "formFieldChildren" } : /* istanbul ignore next */ {}), descendants: true });
89
+ this.requiredValidators = contentChildren(RequiredValidator, { ...(ngDevMode ? { debugName: "requiredValidators" } : /* istanbul ignore next */ {}), descendants: true });
90
+ this.ngControls = contentChildren(NgControl, { ...(ngDevMode ? { debugName: "ngControls" } : /* istanbul ignore next */ {}), descendants: true });
91
+ this.ngFormFields = contentChildren(FormField, { ...(ngDevMode ? { debugName: "ngFormFields" } : /* istanbul ignore next */ {}), descendants: true });
92
+ this.ignoredRequiredValidators = computed(() => new Set(this.formFieldChildren().flatMap((f) => f.requiredValidators())), ...(ngDevMode ? [{ debugName: "ignoredRequiredValidators" }] : /* istanbul ignore next */ []));
93
+ this.ignoredControls = computed(() => new Set(this.formFieldChildren().flatMap((f) => f.ngControls())), ...(ngDevMode ? [{ debugName: "ignoredControls" }] : /* istanbul ignore next */ []));
94
+ this.ignoredFormFields = computed(() => new Set(this.formFieldChildren().flatMap((f) => f.ngFormFields())), ...(ngDevMode ? [{ debugName: "ignoredFormFields" }] : /* istanbul ignore next */ []));
95
+ this.ownRequiredValidators = computed(() => this.requiredValidators().filter((c) => !this.ignoredRequiredValidators().has(c)), ...(ngDevMode ? [{ debugName: "ownRequiredValidators" }] : /* istanbul ignore next */ []));
96
+ this.ownControls = computed(() => this.ngControls().filter((c) => !this.ignoredControls().has(c)), ...(ngDevMode ? [{ debugName: "ownControls" }] : /* istanbul ignore next */ []));
97
+ this.ownFormFields = computed(() => this.ngFormFields().filter((c) => !this.ignoredFormFields().has(c)), ...(ngDevMode ? [{ debugName: "ownFormFields" }] : /* istanbul ignore next */ []));
98
+ this.#hasInputRequired = signal(false, ...(ngDevMode ? [{ debugName: "#hasInputRequired" }] : /* istanbul ignore next */ []));
99
+ this.forceInputRequired = signal(false, ...(ngDevMode ? [{ debugName: "forceInputRequired" }] : /* istanbul ignore next */ []));
100
+ this.isInputRequired = computed(() => this.forceInputRequired() || this.#hasInputRequired(), ...(ngDevMode ? [{ debugName: "isInputRequired" }] : /* istanbul ignore next */ []));
101
+ this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
90
102
  /**
91
103
  * Hide field label, while keeping it in DOM for screen readers
92
104
  */
93
- this.hiddenLabel = input(false, { ...(ngDevMode ? { debugName: "hiddenLabel" } : {}), transform: booleanAttribute });
94
- this.rolePresentationLabel = model(false, ...(ngDevMode ? [{ debugName: "rolePresentationLabel" }] : []));
95
- this.labelIsPresentation = computed(() => this.rolePresentationLabel() || this.presentation(), ...(ngDevMode ? [{ debugName: "labelIsPresentation" }] : []));
96
- this.inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : {}), transform: booleanAttribute });
97
- this.statusControl = input(null, ...(ngDevMode ? [{ debugName: "statusControl" }] : []));
98
- this.tooltip = input(null, ...(ngDevMode ? [{ debugName: "tooltip" }] : []));
99
- this.tag = input(null, ...(ngDevMode ? [{ debugName: "tag" }] : []));
100
- this.AI = input(false, { ...(ngDevMode ? { debugName: "AI" } : {}), transform: booleanAttribute });
101
- this.iconAItooltip = input(null, ...(ngDevMode ? [{ debugName: "iconAItooltip" }] : []));
102
- this.iconAIalt = input(null, ...(ngDevMode ? [{ debugName: "iconAIalt" }] : []));
103
- this.width = input(null, { ...(ngDevMode ? { debugName: "width" } : {}), transform: numberAttribute });
104
- this.#invalidStatus = signal(false, ...(ngDevMode ? [{ debugName: "#invalidStatus" }] : []));
105
+ this.hiddenLabel = input(false, { ...(ngDevMode ? { debugName: "hiddenLabel" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
106
+ this.rolePresentationLabel = model(false, ...(ngDevMode ? [{ debugName: "rolePresentationLabel" }] : /* istanbul ignore next */ []));
107
+ this.labelIsPresentation = computed(() => this.rolePresentationLabel() || this.presentation(), ...(ngDevMode ? [{ debugName: "labelIsPresentation" }] : /* istanbul ignore next */ []));
108
+ this.inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
109
+ this.statusControl = input(null, ...(ngDevMode ? [{ debugName: "statusControl" }] : /* istanbul ignore next */ []));
110
+ this.tooltip = input(null, ...(ngDevMode ? [{ debugName: "tooltip" }] : /* istanbul ignore next */ []));
111
+ this.tag = input(null, ...(ngDevMode ? [{ debugName: "tag" }] : /* istanbul ignore next */ []));
112
+ this.AI = input(false, { ...(ngDevMode ? { debugName: "AI" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
113
+ this.iconAItooltip = input(null, ...(ngDevMode ? [{ debugName: "iconAItooltip" }] : /* istanbul ignore next */ []));
114
+ this.iconAIalt = input(null, ...(ngDevMode ? [{ debugName: "iconAIalt" }] : /* istanbul ignore next */ []));
115
+ this.width = input(null, { ...(ngDevMode ? { debugName: "width" } : /* istanbul ignore next */ {}), transform: numberAttribute });
116
+ this.#invalidStatus = signal(false, ...(ngDevMode ? [{ debugName: "#invalidStatus" }] : /* istanbul ignore next */ []));
105
117
  this.invalidStatus = this.#invalidStatus.asReadonly();
106
- this.invalid = input(null, { ...(ngDevMode ? { debugName: "invalid" } : {}), transform: booleanAttribute });
107
- this.inlineMessage = input(null, ...(ngDevMode ? [{ debugName: "inlineMessage" }] : []));
118
+ this.invalid = input(null, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
119
+ this.inlineMessage = input(null, ...(ngDevMode ? [{ debugName: "inlineMessage" }] : /* istanbul ignore next */ []));
108
120
  /**
109
121
  * Inline message for when the control is in error state
110
122
  */
111
- this.errorInlineMessage = input(null, ...(ngDevMode ? [{ debugName: "errorInlineMessage" }] : []));
123
+ this.errorInlineMessage = input(null, ...(ngDevMode ? [{ debugName: "errorInlineMessage" }] : /* istanbul ignore next */ []));
112
124
  /**
113
125
  * State of the inline message, will be ignored if form state is invalid
114
126
  */
115
- this.inlineMessageState = input(null, ...(ngDevMode ? [{ debugName: "inlineMessageState" }] : []));
116
- this.size = input(null, ...(ngDevMode ? [{ debugName: "size" }] : []));
127
+ this.inlineMessageState = input(null, ...(ngDevMode ? [{ debugName: "inlineMessageState" }] : /* istanbul ignore next */ []));
128
+ this.size = input(null, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
117
129
  /**
118
130
  * Extra aria-describedby attribute
119
131
  */
120
- this.extraDescribedBy = input('', ...(ngDevMode ? [{ debugName: "extraDescribedBy" }] : []));
121
- this.layout = model('default', ...(ngDevMode ? [{ debugName: "layout" }] : []));
132
+ this.extraDescribedBy = input('', ...(ngDevMode ? [{ debugName: "extraDescribedBy" }] : /* istanbul ignore next */ []));
133
+ this.layout = model('default', ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
122
134
  this.#inputs = [];
123
135
  /**
124
136
  * Max amount of characters allowed, defaults to 0, which means hidden, no maximum
125
137
  */
126
- this.counter = input(0, ...(ngDevMode ? [{ debugName: "counter" }] : []));
127
- this.contentLength = signal(0, ...(ngDevMode ? [{ debugName: "contentLength" }] : []));
128
- this.presentation = input(false, { ...(ngDevMode ? { debugName: "presentation" } : {}), transform: booleanAttribute });
129
- this.presentationMode = computed(() => this.parentForm?.presentation() || this.presentation(), ...(ngDevMode ? [{ debugName: "presentationMode" }] : []));
130
- this.presentationDisplayTpl = signal(null, ...(ngDevMode ? [{ debugName: "presentationDisplayTpl" }] : []));
131
- this.id = signal('', ...(ngDevMode ? [{ debugName: "id" }] : []));
138
+ this.counter = input(0, ...(ngDevMode ? [{ debugName: "counter" }] : /* istanbul ignore next */ []));
139
+ this.contentLength = signal(0, ...(ngDevMode ? [{ debugName: "contentLength" }] : /* istanbul ignore next */ []));
140
+ this.presentation = input(false, { ...(ngDevMode ? { debugName: "presentation" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
141
+ this.presentationMode = computed(() => this.parentForm?.presentation() || this.presentation(), ...(ngDevMode ? [{ debugName: "presentationMode" }] : /* istanbul ignore next */ []));
142
+ this.presentationDisplayTpl = signal(null, ...(ngDevMode ? [{ debugName: "presentationDisplayTpl" }] : /* istanbul ignore next */ []));
143
+ this.id = signal('', ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
132
144
  this.ready$ = new BehaviorSubject(false);
133
145
  this.#ariaLabelledBy = [];
134
146
  _effectWithDeps([this.isInputRequired, this.invalidStatus, this.extraDescribedBy], () => {
@@ -204,7 +216,8 @@ class FormFieldComponent {
204
216
  #isInputRequired() {
205
217
  const hasRequiredFormControl = this.ownControls().some((c) => c.control?.hasValidator(Validators.required));
206
218
  const hasRequiredNgModel = this.ownRequiredValidators().some((c) => booleanAttribute(c.required));
207
- return hasRequiredNgModel || hasRequiredFormControl;
219
+ const hasRequiredFormField = this.ownFormFields().some((c) => c.state().required());
220
+ return hasRequiredFormField || hasRequiredNgModel || hasRequiredFormControl;
208
221
  }
209
222
  #hasInvalidStatus() {
210
223
  const isInvalidOverride = this.invalid() !== undefined && this.invalid() !== null;
@@ -217,16 +230,16 @@ class FormFieldComponent {
217
230
  }
218
231
  return this.ownControls().some((c) => c.invalid && c.touched);
219
232
  }
220
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
221
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: FormFieldComponent, isStandalone: true, selector: "lu-form-field", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, 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 }, presentation: { classPropertyName: "presentation", publicName: "presentation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rolePresentationLabel: "rolePresentationLabelChange", layout: "layoutChange" }, host: { properties: { "class.inputFramed-header-field": "framed" } }, providers: [
233
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
234
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: FormFieldComponent, isStandalone: true, selector: "lu-form-field", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, 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 }, presentation: { classPropertyName: "presentation", publicName: "presentation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rolePresentationLabel: "rolePresentationLabelChange", layout: "layoutChange" }, host: { properties: { "class.inputFramed-header-field": "framed" } }, providers: [
222
235
  LuClass,
223
236
  {
224
237
  provide: FORM_FIELD_INSTANCE,
225
238
  useExisting: forwardRef(() => FormFieldComponent),
226
239
  },
227
- ], 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 (presentationMode()) {\n\t<dl class=\"presentation\">\n\t\t<ng-container *ngTemplateOutlet=\"inputLayoutTpl\" />\n\t</dl>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"inputLayoutTpl\" />\n}\n\n<ng-template #inputLayoutTpl>\n\t@if (layout() === \"fieldset\" && !presentationMode()) {\n\t\t<fieldset class=\"form-fieldset\" [class.mod-inline]=\"inline()\" [class.mod-S]=\"size() === 'S'\">\n\t\t\t<legend\n\t\t\t\tluFormLabel\n\t\t\t\t[tooltip]=\"tooltip()\"\n\t\t\t\t[tag]=\"tag()\"\n\t\t\t\t[required]=\"isInputRequired()\"\n\t\t\t\t[class.pr-u-mask]=\"hiddenLabel()\"\n\t\t\t\t[attr.aria-hidden]=\"hiddenLabel()\"\n\t\t\t>\n\t\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t\t</legend>\n\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t\t@if (inlineMessage() || (invalidStatus() ? errorInlineMessage() : false)) {\n\t\t\t\t<lu-inline-message\n\t\t\t\t\tid=\"{{ id() }}-message\"\n\t\t\t\t\t[label]=\"invalidStatus() && errorInlineMessage() ? errorInlineMessage() : inlineMessage()\"\n\t\t\t\t\t[state]=\"invalidStatus() ? 'error' : inlineMessageState()\"\n\t\t\t\t/>\n\t\t\t}\n\t\t</fieldset>\n\t} @else {\n\t\t@if (presentationMode()) {\n\t\t\t<dt class=\"presentation-term\">\n\t\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t\t\t@if (tooltip()) {\n\t\t\t\t\t<lu-icon class=\"presentation-term-info\" icon=\"signHelp\" [alt]=\"'?'\" [luTooltip]=\"tooltip()\" />\n\t\t\t\t}\n\n\t\t\t\t@if (tag()) {\n\t\t\t\t\t<span class=\"formLabel-tag tag\">{{ tag() }}</span>\n\t\t\t\t}\n\t\t\t</dt>\n\n\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t} @else {\n\t\t\t<label\n\t\t\t\tluFormLabel\n\t\t\t\t[counterStatus]=\"contentLength()\"\n\t\t\t\t[counterMax]=\"counter()\"\n\t\t\t\t[error]=\"invalidStatus()\"\n\t\t\t\t[tag]=\"tag()\"\n\t\t\t\t[tooltip]=\"tooltip()\"\n\t\t\t\t[required]=\"isInputRequired()\"\n\t\t\t\t[counterId]=\"`${id()}-counter`\"\n\t\t\t\t[attr.id]=\"`${id()}-label`\"\n\t\t\t\t[attr.for]=\"id()\"\n\t\t\t\t[attr.role]=\"rolePresentationLabel() ? 'presentation' : null\"\n\t\t\t\t[class.pr-u-mask]=\"hiddenLabel()\"\n\t\t\t\t[class.inputFramed-header-label]=\"framed\"\n\t\t\t>\n\t\t\t\t<span><ng-container *luPortal=\"label()\" /></span>\n\t\t\t</label>\n\t\t\t@if (AI()) {\n\t\t\t\t<div class=\"form-field-contentOptional\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t\t\t\t<lu-icon\n\t\t\t\t\t\tclass=\"pr-u-focusVisible pr-u-borderRadiusSmall\"\n\t\t\t\t\t\t[luTooltip]=\"iconAItooltip()\"\n\t\t\t\t\t\tsize=\"S\"\n\t\t\t\t\t\tAI\n\t\t\t\t\t\ticon=\"weatherStars\"\n\t\t\t\t\t\t[alt]=\"iconAIalt()\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t} @else {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t\t}\n\t\t\t@if (inlineMessage() || (invalidStatus() ? errorInlineMessage() : false)) {\n\t\t\t\t<lu-inline-message\n\t\t\t\t\tid=\"{{ id() }}-message\"\n\t\t\t\t\t[label]=\"invalidStatus() && errorInlineMessage() ? errorInlineMessage() : inlineMessage()\"\n\t\t\t\t\t[state]=\"invalidStatus() ? 'error' : inlineMessageState()\"\n\t\t\t\t/>\n\t\t\t}\n\t\t}\n\t}\n</ng-template>\n\n<ng-template #projectionTpl>\n\t@if (presentationMode() && presentationDisplayTpl()) {\n\t\t<dd class=\"presentation-definition\">\n\t\t\t<ng-container *ngTemplateOutlet=\"presentationDisplayTpl()\" />\n\t\t</dd>\n\t} @else {\n\t\t<ng-content />\n\t}\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:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-700, 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:inline-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:inline-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:hover{--component-textField-border: var(--component-textField-borderHover)}.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-info-color: var(--palettes-neutral-600);--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(--components-formLabel-info-color);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;display:inline-block;block-size:1lh}.formLabel-info:focus-visible{outline:none}.formLabel-info:focus-visible .lucca-icon:before{border-radius:50%;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.formLabel-counter{font-size:var(--pr-t-font-body-XS-fontSize);color:var(--components-formLabel-color);position:absolute;inset-inline-end:0;inset-block-start:0;display:block}.formLabel-tag{margin-inline-start:var(--pr-t-spacings-50);inset-block-start:calc(var(--pr-t-spacings-25) / -2);position:relative}.formLabel-tag,.formLabel-tag .tag{--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-S .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.formLabel.mod-S .tag .lucca-icon{--icon-size: .75rem}.formLabel.mod-S .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-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-XS .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.formLabel.mod-XS .tag .lucca-icon{--icon-size: .75rem}.formLabel.mod-XS .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-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);--components-formLabel-info-color: inherit}}@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:not(.mod-vertical){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 .formLabel .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.form-fieldset.mod-S .formLabel .tag .lucca-icon{--icon-size: .75rem}.form-fieldset.mod-S .formLabel .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-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-chip.chip .lucca-icon,.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip) .lucca-icon{--icon-size: .75rem}.form-fieldset.mod-S .timePicker{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-display-padding-inline: var(--pr-t-spacings-25);--components-timepicker-display-padding-block: var(--pr-t-spacings-75);--components-timepicker-input-padding-inline: var(--pr-t-spacings-75);--components-timepicker-input-padding-block: var(--pr-t-spacings-25);--components-timepicker-input-height: 1.75rem;--components-timepicker-separator-left: 1.875rem}.form-fieldset.mod-S .color{--components-color-value-inlineSize: var(--pr-t-spacings-250)}.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);--components-formLabel-info-color: inherit}.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 .formLabel .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.form-field.mod-S .formLabel .tag .lucca-icon{--icon-size: .75rem}.form-field.mod-S .formLabel .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-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-chip.chip .lucca-icon,.form-field.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip) .lucca-icon{--icon-size: .75rem}.form-field.mod-S .timePicker{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-display-padding-inline: var(--pr-t-spacings-25);--components-timepicker-display-padding-block: var(--pr-t-spacings-75);--components-timepicker-input-padding-inline: var(--pr-t-spacings-75);--components-timepicker-input-padding-block: var(--pr-t-spacings-25);--components-timepicker-input-height: 1.75rem;--components-timepicker-separator-left: 1.875rem}.form-field.mod-S .color{--components-color-value-inlineSize: var(--pr-t-spacings-250)}.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 .formLabel .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.form-field.mod-XS .formLabel .tag .lucca-icon{--icon-size: .75rem}.form-field.mod-XS .formLabel .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-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);--components-formLabel-info-color: inherit}.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(.radioField-input:disabled) .formLabel-tag .tag,.form-field:has(.checkboxField-input:disabled) .formLabel-tag,.form-field:has(.checkboxField-input:disabled) .formLabel-tag .tag,.form-field:has(.switchField-input:disabled) .formLabel-tag,.form-field:has(.switchField-input:disabled) .formLabel-tag .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}.form-field:has(.checkboxField-input):has(.formLabel.pr-u-mask):not(:has(.inlineMessage)){gap:0}}@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{font:var(--pr-t-font-heading-2)}.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-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 .formLabel-info{position:relative;z-index:1}.inputFramed-header-field{flex:1}.inputFramed-header-field.form-field.form-field{position:static;margin-block:0}.inputFramed-header-field a,.inputFramed-header-field button{position:relative}.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 .inputFramed-header-label.formLabel{position:static;font-weight:var(--pr-t-font-fontWeight-semibold)}.inputFramed-header .inputFramed-header-label.formLabel:after{content:\"\";position:absolute;inset:calc(var(--pr-t-spacings-50) * -1)}.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-700, 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-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:has(.inputFramed-header-input:disabled:checked){--components-inputFramed-header-backgroundColor: var(--palettes-neutral-25)}.inputFramed.mod-center{--components-inputFramed-header-alignItems: center}.inputFramed.mod-L{--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-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 components{.presentation{margin:0}.presentation-term{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);display:flex;align-items:center}.presentation-term-info{position:relative}.presentation-term-info .lucca-icon{color:inherit;font-size:inherit;line-height:inherit;margin-inline-start:var(--pr-t-spacings-25);position:relative;inset-block-end:1px}.presentation-term-info:focus-visible{outline:none}.presentation-term-info:focus-visible .lucca-icon:after{content:\"\";position:absolute;inline-size:.875rem;block-size:.875rem;border-radius:50%;inset-block-end:var(--pr-t-spacings-25);inset-inline-end:0;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.presentation-definition{margin:0;color:var(--pr-t-color-text)}.presentation-definition>*:not(:has(.lucca-icon),.presentation-definition-link){color:var(--pr-t-color-text)}}@layer mods;@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", "id"], exportAs: ["luTooltip"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "component", type: FormLabelComponent, selector: "label[luFormLabel], legend[luFormLabel]", inputs: ["intl", "required", "error", "tooltip", "tag", "size", "counterStatus", "counterMax", "counterId"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
240
+ ], 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 }, { propertyName: "ngFormFields", predicate: FormField, descendants: true, isSignal: true }], ngImport: i0, template: "@if (presentationMode()) {\n\t<dl class=\"presentation\">\n\t\t<ng-container *ngTemplateOutlet=\"inputLayoutTpl\" />\n\t</dl>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"inputLayoutTpl\" />\n}\n\n<ng-template #inputLayoutTpl>\n\t@if (layout() === \"fieldset\" && !presentationMode()) {\n\t\t<fieldset class=\"form-fieldset\" [class.mod-inline]=\"inline()\" [class.mod-S]=\"size() === 'S'\">\n\t\t\t<legend\n\t\t\t\tluFormLabel\n\t\t\t\t[tooltip]=\"tooltip()\"\n\t\t\t\t[tag]=\"tag()\"\n\t\t\t\t[required]=\"isInputRequired()\"\n\t\t\t\t[class.pr-u-mask]=\"hiddenLabel()\"\n\t\t\t\t[attr.aria-hidden]=\"hiddenLabel()\"\n\t\t\t>\n\t\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t\t</legend>\n\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t\t@if (inlineMessage() || (invalidStatus() ? errorInlineMessage() : false)) {\n\t\t\t\t<lu-inline-message\n\t\t\t\t\tid=\"{{ id() }}-message\"\n\t\t\t\t\t[label]=\"invalidStatus() && errorInlineMessage() ? errorInlineMessage() : inlineMessage()\"\n\t\t\t\t\t[state]=\"invalidStatus() ? 'error' : inlineMessageState()\"\n\t\t\t\t/>\n\t\t\t}\n\t\t</fieldset>\n\t} @else {\n\t\t@if (presentationMode()) {\n\t\t\t<dt class=\"presentation-term\">\n\t\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t\t\t@if (tooltip()) {\n\t\t\t\t\t<lu-icon class=\"presentation-term-info\" icon=\"signHelp\" [alt]=\"'?'\" [luTooltip]=\"tooltip()\" />\n\t\t\t\t}\n\n\t\t\t\t@if (tag()) {\n\t\t\t\t\t<span class=\"formLabel-tag tag\">{{ tag() }}</span>\n\t\t\t\t}\n\t\t\t</dt>\n\n\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t} @else {\n\t\t\t<label\n\t\t\t\tluFormLabel\n\t\t\t\t[counterStatus]=\"contentLength()\"\n\t\t\t\t[counterMax]=\"counter()\"\n\t\t\t\t[error]=\"invalidStatus()\"\n\t\t\t\t[tag]=\"tag()\"\n\t\t\t\t[tooltip]=\"tooltip()\"\n\t\t\t\t[required]=\"isInputRequired()\"\n\t\t\t\t[counterId]=\"`${id()}-counter`\"\n\t\t\t\t[attr.id]=\"`${id()}-label`\"\n\t\t\t\t[attr.for]=\"id()\"\n\t\t\t\t[attr.role]=\"rolePresentationLabel() ? 'presentation' : null\"\n\t\t\t\t[class.pr-u-mask]=\"hiddenLabel()\"\n\t\t\t\t[class.inputFramed-header-label]=\"framed\"\n\t\t\t>\n\t\t\t\t<span><ng-container *luPortal=\"label()\" /></span>\n\t\t\t</label>\n\t\t\t@if (AI()) {\n\t\t\t\t<div class=\"form-field-contentOptional\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t\t\t\t<lu-icon\n\t\t\t\t\t\tclass=\"pr-u-focusVisible pr-u-borderRadiusSmall\"\n\t\t\t\t\t\t[luTooltip]=\"iconAItooltip()\"\n\t\t\t\t\t\tsize=\"S\"\n\t\t\t\t\t\tAI\n\t\t\t\t\t\ticon=\"weatherStars\"\n\t\t\t\t\t\t[alt]=\"iconAIalt()\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t} @else {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t\t}\n\t\t\t@if (inlineMessage() || (invalidStatus() ? errorInlineMessage() : false)) {\n\t\t\t\t<lu-inline-message\n\t\t\t\t\tid=\"{{ id() }}-message\"\n\t\t\t\t\t[label]=\"invalidStatus() && errorInlineMessage() ? errorInlineMessage() : inlineMessage()\"\n\t\t\t\t\t[state]=\"invalidStatus() ? 'error' : inlineMessageState()\"\n\t\t\t\t/>\n\t\t\t}\n\t\t}\n\t}\n</ng-template>\n\n<ng-template #projectionTpl>\n\t@if (presentationMode() && presentationDisplayTpl()) {\n\t\t<dd class=\"presentation-definition\">\n\t\t\t<ng-container *ngTemplateOutlet=\"presentationDisplayTpl()\" />\n\t\t</dd>\n\t} @else {\n\t\t<ng-content />\n\t}\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:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-700, 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:inline-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:inline-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:hover{--component-textField-border: var(--component-textField-borderHover)}.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-info-color: var(--palettes-neutral-600);--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(--components-formLabel-info-color);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;display:inline-block;block-size:1lh}.formLabel-info:focus-visible{outline:none}.formLabel-info:focus-visible .lucca-icon:before{border-radius:50%;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.formLabel-counter{font-size:var(--pr-t-font-body-XS-fontSize);color:var(--components-formLabel-color);position:absolute;inset-inline-end:0;inset-block-start:0;display:block}.formLabel-tag{margin-inline-start:var(--pr-t-spacings-50);inset-block-start:calc(var(--pr-t-spacings-25) / -2);position:relative}.formLabel-tag,.formLabel-tag .tag{--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-S .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.formLabel.mod-S .tag .lucca-icon{--icon-size: .75rem}.formLabel.mod-S .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-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-XS .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.formLabel.mod-XS .tag .lucca-icon{--icon-size: .75rem}.formLabel.mod-XS .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-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);--components-formLabel-info-color: inherit}}@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;max-inline-size:var(--components-form-maxWidth)}.form .divider:not(.mod-vertical){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{--components-form-maxWidth: 50rem}}@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 .formLabel .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.form-fieldset.mod-S .formLabel .tag .lucca-icon{--icon-size: .75rem}.form-fieldset.mod-S .formLabel .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-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-chip.chip .lucca-icon,.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip) .lucca-icon{--icon-size: .75rem}.form-fieldset.mod-S .timePicker{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-input-padding-block: var(--pr-t-spacings-25);--components-timepicker-input-height: 1.75rem;--components-timepicker-separator-left: 1.875rem;--components-timepicker-start: var(--pr-t-spacings-25);--components-timepicker-end: var(--pr-t-spacings-75)}.form-fieldset.mod-S .timePicker .timePicker-arrow-icon .lucca-icon{--icon-size: 1rem}.form-fieldset.mod-S .timePicker .timePicker-fieldset-group{--components-timepicker-input-padding-inline: var(--components-timepicker-start) var(--components-timepicker-end);--components-timepicker-display-inset-inline: var(--components-timepicker-input-padding-inline)}.form-fieldset.mod-S .timePicker .timePicker-fieldset-group~.timePicker-fieldset-group{--components-timepicker-input-padding-inline: var(--components-timepicker-end) var(--components-timepicker-start)}.form-fieldset.mod-S .timePicker .timePicker-fieldset-meridiem{inline-size:calc(var(--pr-t-spacings-50) + 2ch)}.form-fieldset.mod-S .timePicker .timePicker-fieldset-meridiem:after{inset-inline:var(--pr-t-spacings-25)}.form-fieldset.mod-S .color{--components-color-value-inlineSize: var(--pr-t-spacings-250)}.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);--components-formLabel-info-color: inherit}.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 .formLabel .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.form-field.mod-S .formLabel .tag .lucca-icon{--icon-size: .75rem}.form-field.mod-S .formLabel .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-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-chip.chip .lucca-icon,.form-field.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip) .lucca-icon{--icon-size: .75rem}.form-field.mod-S .timePicker{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-input-padding-block: var(--pr-t-spacings-25);--components-timepicker-input-height: 1.75rem;--components-timepicker-separator-left: 1.875rem;--components-timepicker-start: var(--pr-t-spacings-25);--components-timepicker-end: var(--pr-t-spacings-75)}.form-field.mod-S .timePicker .timePicker-arrow-icon .lucca-icon{--icon-size: 1rem}.form-field.mod-S .timePicker .timePicker-fieldset-group{--components-timepicker-input-padding-inline: var(--components-timepicker-start) var(--components-timepicker-end);--components-timepicker-display-inset-inline: var(--components-timepicker-input-padding-inline)}.form-field.mod-S .timePicker .timePicker-fieldset-group~.timePicker-fieldset-group{--components-timepicker-input-padding-inline: var(--components-timepicker-end) var(--components-timepicker-start)}.form-field.mod-S .timePicker .timePicker-fieldset-meridiem{inline-size:calc(var(--pr-t-spacings-50) + 2ch)}.form-field.mod-S .timePicker .timePicker-fieldset-meridiem:after{inset-inline:var(--pr-t-spacings-25)}.form-field.mod-S .color{--components-color-value-inlineSize: var(--pr-t-spacings-250)}.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 .formLabel .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.form-field.mod-XS .formLabel .tag .lucca-icon{--icon-size: .75rem}.form-field.mod-XS .formLabel .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-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);--components-formLabel-info-color: inherit}.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(.radioField-input:disabled) .formLabel-tag .tag,.form-field:has(.checkboxField-input:disabled) .formLabel-tag,.form-field:has(.checkboxField-input:disabled) .formLabel-tag .tag,.form-field:has(.switchField-input:disabled) .formLabel-tag,.form-field:has(.switchField-input:disabled) .formLabel-tag .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}.form-field:has(.checkboxField-input):has(.formLabel.pr-u-mask):not(:has(.inlineMessage)){gap:0}}@layer components{.form{--components-form-maxWidth: none;--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: none;--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{font:var(--pr-t-font-heading-2)}.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:\"*\"/\"\"}.option-additional{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle)}}@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-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 .formLabel-info{position:relative;z-index:1}.inputFramed-header-field{flex:1}.inputFramed-header-field.form-field.form-field{position:static;margin-block:0}.inputFramed-header-field a,.inputFramed-header-field button{position:relative}.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 .inputFramed-header-label.formLabel{position:static;font-weight:var(--pr-t-font-fontWeight-semibold)}.inputFramed-header .inputFramed-header-label.formLabel:after{content:\"\";position:absolute;inset:calc(var(--pr-t-spacings-50) * -1)}.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-700, 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-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:has(.inputFramed-header-input:disabled) .inputFramed-header-label,.inputFramed:has(.inputFramed-header-input:disabled):hover .inputFramed-header-label{--components-formLabel-color: var(--pr-t-color-text-disabled)}.inputFramed:has(.inputFramed-header-input:disabled) .inlineMessage,.inputFramed:has(.inputFramed-header-input:disabled):hover .inlineMessage{--components-inlineMessage-color: var(--pr-t-color-text-disabled)}.inputFramed:has(.inputFramed-header-input:disabled:checked){--components-inputFramed-header-backgroundColor: var(--palettes-neutral-25)}.inputFramed.mod-center{--components-inputFramed-header-alignItems: center}.inputFramed.mod-L{--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-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 components{.presentation{margin:0}.presentation-term{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);display:flex;align-items:center}.presentation-term-info{position:relative}.presentation-term-info .lucca-icon{color:inherit;font-size:inherit;line-height:inherit;margin-inline-start:var(--pr-t-spacings-25);position:relative;inset-block-end:1px}.presentation-term-info:focus-visible{outline:none}.presentation-term-info:focus-visible .lucca-icon:after{content:\"\";position:absolute;inline-size:.875rem;block-size:.875rem;border-radius:50%;inset-block-end:var(--pr-t-spacings-25);inset-inline-end:0;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.presentation-definition{margin:0;color:var(--pr-t-color-text);overflow-wrap:anywhere}.presentation-definition>*:not(:has(.lucca-icon),.presentation-definition-link){color:var(--pr-t-color-text)}}@layer mods;@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", "id"], exportAs: ["luTooltip"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "component", type: FormLabelComponent, selector: "label[luFormLabel], legend[luFormLabel]", inputs: ["intl", "required", "error", "tooltip", "tag", "size", "counterStatus", "counterMax", "counterId"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
228
241
  }
229
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FormFieldComponent, decorators: [{
242
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: FormFieldComponent, decorators: [{
230
243
  type: Component,
231
244
  args: [{ selector: 'lu-form-field', imports: [NgTemplateOutlet, InlineMessageComponent, LuTooltipModule, ReactiveFormsModule, IconComponent, PortalDirective, FormLabelComponent], providers: [
232
245
  LuClass,
@@ -236,26 +249,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
236
249
  },
237
250
  ], host: {
238
251
  '[class.inputFramed-header-field]': 'framed',
239
- }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (presentationMode()) {\n\t<dl class=\"presentation\">\n\t\t<ng-container *ngTemplateOutlet=\"inputLayoutTpl\" />\n\t</dl>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"inputLayoutTpl\" />\n}\n\n<ng-template #inputLayoutTpl>\n\t@if (layout() === \"fieldset\" && !presentationMode()) {\n\t\t<fieldset class=\"form-fieldset\" [class.mod-inline]=\"inline()\" [class.mod-S]=\"size() === 'S'\">\n\t\t\t<legend\n\t\t\t\tluFormLabel\n\t\t\t\t[tooltip]=\"tooltip()\"\n\t\t\t\t[tag]=\"tag()\"\n\t\t\t\t[required]=\"isInputRequired()\"\n\t\t\t\t[class.pr-u-mask]=\"hiddenLabel()\"\n\t\t\t\t[attr.aria-hidden]=\"hiddenLabel()\"\n\t\t\t>\n\t\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t\t</legend>\n\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t\t@if (inlineMessage() || (invalidStatus() ? errorInlineMessage() : false)) {\n\t\t\t\t<lu-inline-message\n\t\t\t\t\tid=\"{{ id() }}-message\"\n\t\t\t\t\t[label]=\"invalidStatus() && errorInlineMessage() ? errorInlineMessage() : inlineMessage()\"\n\t\t\t\t\t[state]=\"invalidStatus() ? 'error' : inlineMessageState()\"\n\t\t\t\t/>\n\t\t\t}\n\t\t</fieldset>\n\t} @else {\n\t\t@if (presentationMode()) {\n\t\t\t<dt class=\"presentation-term\">\n\t\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t\t\t@if (tooltip()) {\n\t\t\t\t\t<lu-icon class=\"presentation-term-info\" icon=\"signHelp\" [alt]=\"'?'\" [luTooltip]=\"tooltip()\" />\n\t\t\t\t}\n\n\t\t\t\t@if (tag()) {\n\t\t\t\t\t<span class=\"formLabel-tag tag\">{{ tag() }}</span>\n\t\t\t\t}\n\t\t\t</dt>\n\n\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t} @else {\n\t\t\t<label\n\t\t\t\tluFormLabel\n\t\t\t\t[counterStatus]=\"contentLength()\"\n\t\t\t\t[counterMax]=\"counter()\"\n\t\t\t\t[error]=\"invalidStatus()\"\n\t\t\t\t[tag]=\"tag()\"\n\t\t\t\t[tooltip]=\"tooltip()\"\n\t\t\t\t[required]=\"isInputRequired()\"\n\t\t\t\t[counterId]=\"`${id()}-counter`\"\n\t\t\t\t[attr.id]=\"`${id()}-label`\"\n\t\t\t\t[attr.for]=\"id()\"\n\t\t\t\t[attr.role]=\"rolePresentationLabel() ? 'presentation' : null\"\n\t\t\t\t[class.pr-u-mask]=\"hiddenLabel()\"\n\t\t\t\t[class.inputFramed-header-label]=\"framed\"\n\t\t\t>\n\t\t\t\t<span><ng-container *luPortal=\"label()\" /></span>\n\t\t\t</label>\n\t\t\t@if (AI()) {\n\t\t\t\t<div class=\"form-field-contentOptional\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t\t\t\t<lu-icon\n\t\t\t\t\t\tclass=\"pr-u-focusVisible pr-u-borderRadiusSmall\"\n\t\t\t\t\t\t[luTooltip]=\"iconAItooltip()\"\n\t\t\t\t\t\tsize=\"S\"\n\t\t\t\t\t\tAI\n\t\t\t\t\t\ticon=\"weatherStars\"\n\t\t\t\t\t\t[alt]=\"iconAIalt()\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t} @else {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t\t}\n\t\t\t@if (inlineMessage() || (invalidStatus() ? errorInlineMessage() : false)) {\n\t\t\t\t<lu-inline-message\n\t\t\t\t\tid=\"{{ id() }}-message\"\n\t\t\t\t\t[label]=\"invalidStatus() && errorInlineMessage() ? errorInlineMessage() : inlineMessage()\"\n\t\t\t\t\t[state]=\"invalidStatus() ? 'error' : inlineMessageState()\"\n\t\t\t\t/>\n\t\t\t}\n\t\t}\n\t}\n</ng-template>\n\n<ng-template #projectionTpl>\n\t@if (presentationMode() && presentationDisplayTpl()) {\n\t\t<dd class=\"presentation-definition\">\n\t\t\t<ng-container *ngTemplateOutlet=\"presentationDisplayTpl()\" />\n\t\t</dd>\n\t} @else {\n\t\t<ng-content />\n\t}\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:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-700, 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:inline-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:inline-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:hover{--component-textField-border: var(--component-textField-borderHover)}.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-info-color: var(--palettes-neutral-600);--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(--components-formLabel-info-color);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;display:inline-block;block-size:1lh}.formLabel-info:focus-visible{outline:none}.formLabel-info:focus-visible .lucca-icon:before{border-radius:50%;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.formLabel-counter{font-size:var(--pr-t-font-body-XS-fontSize);color:var(--components-formLabel-color);position:absolute;inset-inline-end:0;inset-block-start:0;display:block}.formLabel-tag{margin-inline-start:var(--pr-t-spacings-50);inset-block-start:calc(var(--pr-t-spacings-25) / -2);position:relative}.formLabel-tag,.formLabel-tag .tag{--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-S .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.formLabel.mod-S .tag .lucca-icon{--icon-size: .75rem}.formLabel.mod-S .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-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-XS .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.formLabel.mod-XS .tag .lucca-icon{--icon-size: .75rem}.formLabel.mod-XS .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-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);--components-formLabel-info-color: inherit}}@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:not(.mod-vertical){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 .formLabel .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.form-fieldset.mod-S .formLabel .tag .lucca-icon{--icon-size: .75rem}.form-fieldset.mod-S .formLabel .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-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-chip.chip .lucca-icon,.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip) .lucca-icon{--icon-size: .75rem}.form-fieldset.mod-S .timePicker{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-display-padding-inline: var(--pr-t-spacings-25);--components-timepicker-display-padding-block: var(--pr-t-spacings-75);--components-timepicker-input-padding-inline: var(--pr-t-spacings-75);--components-timepicker-input-padding-block: var(--pr-t-spacings-25);--components-timepicker-input-height: 1.75rem;--components-timepicker-separator-left: 1.875rem}.form-fieldset.mod-S .color{--components-color-value-inlineSize: var(--pr-t-spacings-250)}.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);--components-formLabel-info-color: inherit}.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 .formLabel .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.form-field.mod-S .formLabel .tag .lucca-icon{--icon-size: .75rem}.form-field.mod-S .formLabel .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-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-chip.chip .lucca-icon,.form-field.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip) .lucca-icon{--icon-size: .75rem}.form-field.mod-S .timePicker{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-display-padding-inline: var(--pr-t-spacings-25);--components-timepicker-display-padding-block: var(--pr-t-spacings-75);--components-timepicker-input-padding-inline: var(--pr-t-spacings-75);--components-timepicker-input-padding-block: var(--pr-t-spacings-25);--components-timepicker-input-height: 1.75rem;--components-timepicker-separator-left: 1.875rem}.form-field.mod-S .color{--components-color-value-inlineSize: var(--pr-t-spacings-250)}.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 .formLabel .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.form-field.mod-XS .formLabel .tag .lucca-icon{--icon-size: .75rem}.form-field.mod-XS .formLabel .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-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);--components-formLabel-info-color: inherit}.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(.radioField-input:disabled) .formLabel-tag .tag,.form-field:has(.checkboxField-input:disabled) .formLabel-tag,.form-field:has(.checkboxField-input:disabled) .formLabel-tag .tag,.form-field:has(.switchField-input:disabled) .formLabel-tag,.form-field:has(.switchField-input:disabled) .formLabel-tag .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}.form-field:has(.checkboxField-input):has(.formLabel.pr-u-mask):not(:has(.inlineMessage)){gap:0}}@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{font:var(--pr-t-font-heading-2)}.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-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 .formLabel-info{position:relative;z-index:1}.inputFramed-header-field{flex:1}.inputFramed-header-field.form-field.form-field{position:static;margin-block:0}.inputFramed-header-field a,.inputFramed-header-field button{position:relative}.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 .inputFramed-header-label.formLabel{position:static;font-weight:var(--pr-t-font-fontWeight-semibold)}.inputFramed-header .inputFramed-header-label.formLabel:after{content:\"\";position:absolute;inset:calc(var(--pr-t-spacings-50) * -1)}.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-700, 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-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:has(.inputFramed-header-input:disabled:checked){--components-inputFramed-header-backgroundColor: var(--palettes-neutral-25)}.inputFramed.mod-center{--components-inputFramed-header-alignItems: center}.inputFramed.mod-L{--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-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 components{.presentation{margin:0}.presentation-term{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);display:flex;align-items:center}.presentation-term-info{position:relative}.presentation-term-info .lucca-icon{color:inherit;font-size:inherit;line-height:inherit;margin-inline-start:var(--pr-t-spacings-25);position:relative;inset-block-end:1px}.presentation-term-info:focus-visible{outline:none}.presentation-term-info:focus-visible .lucca-icon:after{content:\"\";position:absolute;inline-size:.875rem;block-size:.875rem;border-radius:50%;inset-block-end:var(--pr-t-spacings-25);inset-inline-end:0;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.presentation-definition{margin:0;color:var(--pr-t-color-text)}.presentation-definition>*:not(:has(.lucca-icon),.presentation-definition-link){color:var(--pr-t-color-text)}}@layer mods;@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"] }]
240
- }], ctorParameters: () => [], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], 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 }] }], presentation: [{ type: i0.Input, args: [{ isSignal: true, alias: "presentation", required: false }] }] } });
252
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (presentationMode()) {\n\t<dl class=\"presentation\">\n\t\t<ng-container *ngTemplateOutlet=\"inputLayoutTpl\" />\n\t</dl>\n} @else {\n\t<ng-container *ngTemplateOutlet=\"inputLayoutTpl\" />\n}\n\n<ng-template #inputLayoutTpl>\n\t@if (layout() === \"fieldset\" && !presentationMode()) {\n\t\t<fieldset class=\"form-fieldset\" [class.mod-inline]=\"inline()\" [class.mod-S]=\"size() === 'S'\">\n\t\t\t<legend\n\t\t\t\tluFormLabel\n\t\t\t\t[tooltip]=\"tooltip()\"\n\t\t\t\t[tag]=\"tag()\"\n\t\t\t\t[required]=\"isInputRequired()\"\n\t\t\t\t[class.pr-u-mask]=\"hiddenLabel()\"\n\t\t\t\t[attr.aria-hidden]=\"hiddenLabel()\"\n\t\t\t>\n\t\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t\t</legend>\n\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t\t@if (inlineMessage() || (invalidStatus() ? errorInlineMessage() : false)) {\n\t\t\t\t<lu-inline-message\n\t\t\t\t\tid=\"{{ id() }}-message\"\n\t\t\t\t\t[label]=\"invalidStatus() && errorInlineMessage() ? errorInlineMessage() : inlineMessage()\"\n\t\t\t\t\t[state]=\"invalidStatus() ? 'error' : inlineMessageState()\"\n\t\t\t\t/>\n\t\t\t}\n\t\t</fieldset>\n\t} @else {\n\t\t@if (presentationMode()) {\n\t\t\t<dt class=\"presentation-term\">\n\t\t\t\t<ng-container *luPortal=\"label()\" />\n\t\t\t\t@if (tooltip()) {\n\t\t\t\t\t<lu-icon class=\"presentation-term-info\" icon=\"signHelp\" [alt]=\"'?'\" [luTooltip]=\"tooltip()\" />\n\t\t\t\t}\n\n\t\t\t\t@if (tag()) {\n\t\t\t\t\t<span class=\"formLabel-tag tag\">{{ tag() }}</span>\n\t\t\t\t}\n\t\t\t</dt>\n\n\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t} @else {\n\t\t\t<label\n\t\t\t\tluFormLabel\n\t\t\t\t[counterStatus]=\"contentLength()\"\n\t\t\t\t[counterMax]=\"counter()\"\n\t\t\t\t[error]=\"invalidStatus()\"\n\t\t\t\t[tag]=\"tag()\"\n\t\t\t\t[tooltip]=\"tooltip()\"\n\t\t\t\t[required]=\"isInputRequired()\"\n\t\t\t\t[counterId]=\"`${id()}-counter`\"\n\t\t\t\t[attr.id]=\"`${id()}-label`\"\n\t\t\t\t[attr.for]=\"id()\"\n\t\t\t\t[attr.role]=\"rolePresentationLabel() ? 'presentation' : null\"\n\t\t\t\t[class.pr-u-mask]=\"hiddenLabel()\"\n\t\t\t\t[class.inputFramed-header-label]=\"framed\"\n\t\t\t>\n\t\t\t\t<span><ng-container *luPortal=\"label()\" /></span>\n\t\t\t</label>\n\t\t\t@if (AI()) {\n\t\t\t\t<div class=\"form-field-contentOptional\">\n\t\t\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t\t\t\t<lu-icon\n\t\t\t\t\t\tclass=\"pr-u-focusVisible pr-u-borderRadiusSmall\"\n\t\t\t\t\t\t[luTooltip]=\"iconAItooltip()\"\n\t\t\t\t\t\tsize=\"S\"\n\t\t\t\t\t\tAI\n\t\t\t\t\t\ticon=\"weatherStars\"\n\t\t\t\t\t\t[alt]=\"iconAIalt()\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t} @else {\n\t\t\t\t<ng-container *ngTemplateOutlet=\"projectionTpl\" />\n\t\t\t}\n\t\t\t@if (inlineMessage() || (invalidStatus() ? errorInlineMessage() : false)) {\n\t\t\t\t<lu-inline-message\n\t\t\t\t\tid=\"{{ id() }}-message\"\n\t\t\t\t\t[label]=\"invalidStatus() && errorInlineMessage() ? errorInlineMessage() : inlineMessage()\"\n\t\t\t\t\t[state]=\"invalidStatus() ? 'error' : inlineMessageState()\"\n\t\t\t\t/>\n\t\t\t}\n\t\t}\n\t}\n</ng-template>\n\n<ng-template #projectionTpl>\n\t@if (presentationMode() && presentationDisplayTpl()) {\n\t\t<dd class=\"presentation-definition\">\n\t\t\t<ng-container *ngTemplateOutlet=\"presentationDisplayTpl()\" />\n\t\t</dd>\n\t} @else {\n\t\t<ng-content />\n\t}\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:has(.textField-input-value:focus-visible){outline:2px solid var(--palettes-700, 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:inline-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:inline-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:hover{--component-textField-border: var(--component-textField-borderHover)}.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-info-color: var(--palettes-neutral-600);--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(--components-formLabel-info-color);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;display:inline-block;block-size:1lh}.formLabel-info:focus-visible{outline:none}.formLabel-info:focus-visible .lucca-icon:before{border-radius:50%;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.formLabel-counter{font-size:var(--pr-t-font-body-XS-fontSize);color:var(--components-formLabel-color);position:absolute;inset-inline-end:0;inset-block-start:0;display:block}.formLabel-tag{margin-inline-start:var(--pr-t-spacings-50);inset-block-start:calc(var(--pr-t-spacings-25) / -2);position:relative}.formLabel-tag,.formLabel-tag .tag{--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-S .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.formLabel.mod-S .tag .lucca-icon{--icon-size: .75rem}.formLabel.mod-S .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-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-XS .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.formLabel.mod-XS .tag .lucca-icon{--icon-size: .75rem}.formLabel.mod-XS .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-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);--components-formLabel-info-color: inherit}}@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;max-inline-size:var(--components-form-maxWidth)}.form .divider:not(.mod-vertical){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{--components-form-maxWidth: 50rem}}@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 .formLabel .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.form-fieldset.mod-S .formLabel .tag .lucca-icon{--icon-size: .75rem}.form-fieldset.mod-S .formLabel .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-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-chip.chip .lucca-icon,.form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip) .lucca-icon{--icon-size: .75rem}.form-fieldset.mod-S .timePicker{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-input-padding-block: var(--pr-t-spacings-25);--components-timepicker-input-height: 1.75rem;--components-timepicker-separator-left: 1.875rem;--components-timepicker-start: var(--pr-t-spacings-25);--components-timepicker-end: var(--pr-t-spacings-75)}.form-fieldset.mod-S .timePicker .timePicker-arrow-icon .lucca-icon{--icon-size: 1rem}.form-fieldset.mod-S .timePicker .timePicker-fieldset-group{--components-timepicker-input-padding-inline: var(--components-timepicker-start) var(--components-timepicker-end);--components-timepicker-display-inset-inline: var(--components-timepicker-input-padding-inline)}.form-fieldset.mod-S .timePicker .timePicker-fieldset-group~.timePicker-fieldset-group{--components-timepicker-input-padding-inline: var(--components-timepicker-end) var(--components-timepicker-start)}.form-fieldset.mod-S .timePicker .timePicker-fieldset-meridiem{inline-size:calc(var(--pr-t-spacings-50) + 2ch)}.form-fieldset.mod-S .timePicker .timePicker-fieldset-meridiem:after{inset-inline:var(--pr-t-spacings-25)}.form-fieldset.mod-S .color{--components-color-value-inlineSize: var(--pr-t-spacings-250)}.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);--components-formLabel-info-color: inherit}.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 .formLabel .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.form-field.mod-S .formLabel .tag .lucca-icon{--icon-size: .75rem}.form-field.mod-S .formLabel .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-lineHeight: var(--pr-t-font-body-XS-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-chip.chip .lucca-icon,.form-field.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip) .lucca-icon{--icon-size: .75rem}.form-field.mod-S .timePicker{--components-timepicker-font: var(--pr-t-font-body-S);--components-timepicker-input-padding-block: var(--pr-t-spacings-25);--components-timepicker-input-height: 1.75rem;--components-timepicker-separator-left: 1.875rem;--components-timepicker-start: var(--pr-t-spacings-25);--components-timepicker-end: var(--pr-t-spacings-75)}.form-field.mod-S .timePicker .timePicker-arrow-icon .lucca-icon{--icon-size: 1rem}.form-field.mod-S .timePicker .timePicker-fieldset-group{--components-timepicker-input-padding-inline: var(--components-timepicker-start) var(--components-timepicker-end);--components-timepicker-display-inset-inline: var(--components-timepicker-input-padding-inline)}.form-field.mod-S .timePicker .timePicker-fieldset-group~.timePicker-fieldset-group{--components-timepicker-input-padding-inline: var(--components-timepicker-end) var(--components-timepicker-start)}.form-field.mod-S .timePicker .timePicker-fieldset-meridiem{inline-size:calc(var(--pr-t-spacings-50) + 2ch)}.form-field.mod-S .timePicker .timePicker-fieldset-meridiem:after{inset-inline:var(--pr-t-spacings-25)}.form-field.mod-S .color{--components-color-value-inlineSize: var(--pr-t-spacings-250)}.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 .formLabel .tag{--components-tag-font: var(--pr-t-font-body-XS);--components-tag-gap: var(--pr-t-spacings-25)}.form-field.mod-XS .formLabel .tag .lucca-icon{--icon-size: .75rem}.form-field.mod-XS .formLabel .tag{--components-tag-fontSize: var(--pr-t-font-body-XS-fontSize);--components-tag-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);--components-formLabel-info-color: inherit}.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(.radioField-input:disabled) .formLabel-tag .tag,.form-field:has(.checkboxField-input:disabled) .formLabel-tag,.form-field:has(.checkboxField-input:disabled) .formLabel-tag .tag,.form-field:has(.switchField-input:disabled) .formLabel-tag,.form-field:has(.switchField-input:disabled) .formLabel-tag .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}.form-field:has(.checkboxField-input):has(.formLabel.pr-u-mask):not(:has(.inlineMessage)){gap:0}}@layer components{.form{--components-form-maxWidth: none;--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: none;--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{font:var(--pr-t-font-heading-2)}.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:\"*\"/\"\"}.option-additional{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle)}}@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-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 .formLabel-info{position:relative;z-index:1}.inputFramed-header-field{flex:1}.inputFramed-header-field.form-field.form-field{position:static;margin-block:0}.inputFramed-header-field a,.inputFramed-header-field button{position:relative}.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 .inputFramed-header-label.formLabel{position:static;font-weight:var(--pr-t-font-fontWeight-semibold)}.inputFramed-header .inputFramed-header-label.formLabel:after{content:\"\";position:absolute;inset:calc(var(--pr-t-spacings-50) * -1)}.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-700, 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-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:has(.inputFramed-header-input:disabled) .inputFramed-header-label,.inputFramed:has(.inputFramed-header-input:disabled):hover .inputFramed-header-label{--components-formLabel-color: var(--pr-t-color-text-disabled)}.inputFramed:has(.inputFramed-header-input:disabled) .inlineMessage,.inputFramed:has(.inputFramed-header-input:disabled):hover .inlineMessage{--components-inlineMessage-color: var(--pr-t-color-text-disabled)}.inputFramed:has(.inputFramed-header-input:disabled:checked){--components-inputFramed-header-backgroundColor: var(--palettes-neutral-25)}.inputFramed.mod-center{--components-inputFramed-header-alignItems: center}.inputFramed.mod-L{--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-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 components{.presentation{margin:0}.presentation-term{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);display:flex;align-items:center}.presentation-term-info{position:relative}.presentation-term-info .lucca-icon{color:inherit;font-size:inherit;line-height:inherit;margin-inline-start:var(--pr-t-spacings-25);position:relative;inset-block-end:1px}.presentation-term-info:focus-visible{outline:none}.presentation-term-info:focus-visible .lucca-icon:after{content:\"\";position:absolute;inline-size:.875rem;block-size:.875rem;border-radius:50%;inset-block-end:var(--pr-t-spacings-25);inset-inline-end:0;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.presentation-definition{margin:0;color:var(--pr-t-color-text);overflow-wrap:anywhere}.presentation-definition>*:not(:has(.lucca-icon),.presentation-definition-link){color:var(--pr-t-color-text)}}@layer mods;@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"] }]
253
+ }], ctorParameters: () => [], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], 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 }] }], ngFormFields: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => FormField), { ...{ 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 }] }], presentation: [{ type: i0.Input, args: [{ isSignal: true, alias: "presentation", required: false }] }] } });
254
+
255
+ /**
256
+ * Available InputFramedComponent sizes
257
+ */
258
+ const INPUT_FRAMED_SIZE = ['L'];
241
259
 
242
260
  const INPUT_FRAMED_INSTANCE = new InjectionToken('INPUT_FRAMED_INSTANCE');
243
261
 
244
262
  class InputFramedComponent {
245
263
  constructor() {
246
- this.framedPortal = input(null, ...(ngDevMode ? [{ debugName: "framedPortal" }] : []));
247
- this.center = input(false, { ...(ngDevMode ? { debugName: "center" } : {}), transform: booleanAttribute });
248
- this.size = input(null, ...(ngDevMode ? [{ debugName: "size" }] : []));
264
+ this.framedPortal = input(null, ...(ngDevMode ? [{ debugName: "framedPortal" }] : /* istanbul ignore next */ []));
265
+ this.center = input(false, { ...(ngDevMode ? { debugName: "center" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
266
+ this.size = input(null, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
249
267
  }
250
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InputFramedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
251
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", 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: [
268
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: InputFramedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
269
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", 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: [
252
270
  {
253
271
  provide: INPUT_FRAMED_INSTANCE,
254
272
  useExisting: forwardRef(() => InputFramedComponent),
255
273
  },
256
274
  ], 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 }); }
257
275
  }
258
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InputFramedComponent, decorators: [{
276
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: InputFramedComponent, decorators: [{
259
277
  type: Component,
260
278
  args: [{ selector: 'lu-input-framed', imports: [PortalDirective], encapsulation: ViewEncapsulation.None, providers: [
261
279
  {
@@ -280,10 +298,10 @@ class InputDirective {
280
298
  this.formFieldRef.addInput(this);
281
299
  }
282
300
  }
283
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
284
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.0.8", type: InputDirective, isStandalone: true, selector: "[luInput]", inputs: { standalone: ["luInputStandalone", "standalone", booleanAttribute] }, host: { classAttribute: "luNativeInput" }, ngImport: i0 }); }
301
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: InputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
302
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "21.2.15", type: InputDirective, isStandalone: true, selector: "[luInput]", inputs: { standalone: ["luInputStandalone", "standalone", booleanAttribute] }, host: { classAttribute: "luNativeInput" }, ngImport: i0 }); }
285
303
  }
286
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: InputDirective, decorators: [{
304
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: InputDirective, decorators: [{
287
305
  type: Directive,
288
306
  args: [{
289
307
  selector: '[luInput]',
@@ -297,12 +315,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
297
315
  args: [{ transform: booleanAttribute, alias: 'luInputStandalone' }]
298
316
  }] } });
299
317
 
318
+ class DataPresentationComponent {
319
+ constructor() {
320
+ this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
321
+ this.noValue = input(false, { ...(ngDevMode ? { debugName: "noValue" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
322
+ }
323
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DataPresentationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
324
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: DataPresentationComponent, isStandalone: true, selector: "lu-data-presentation", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, noValue: { classPropertyName: "noValue", publicName: "noValue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<dl class=\"presentation\">\n\t<dt class=\"presentation-term\">\n\t\t<ng-container *luPortal=\"label()\" />\n\t</dt>\n\t<dd class=\"presentation-definition\">\n\t\t@if (noValue()) {\n\t\t\t<div aria-hidden=\"true\" data-content-before=\"\u2013\"></div>\n\t\t}\n\t\t<ng-content />\n\t</dd>\n</dl>\n", styles: ["@layer components{.presentation{margin:0}.presentation-term{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);display:flex;align-items:center}.presentation-term-info{position:relative}.presentation-term-info .lucca-icon{color:inherit;font-size:inherit;line-height:inherit;margin-inline-start:var(--pr-t-spacings-25);position:relative;inset-block-end:1px}.presentation-term-info:focus-visible{outline:none}.presentation-term-info:focus-visible .lucca-icon:after{content:\"\";position:absolute;inline-size:.875rem;block-size:.875rem;border-radius:50%;inset-block-end:var(--pr-t-spacings-25);inset-inline-end:0;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.presentation-definition{margin:0;color:var(--pr-t-color-text);overflow-wrap:anywhere}.presentation-definition>*:not(:has(.lucca-icon),.presentation-definition-link){color:var(--pr-t-color-text)}}@layer mods;lu-data-presentation{display:contents}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
325
+ }
326
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: DataPresentationComponent, decorators: [{
327
+ type: Component,
328
+ args: [{ selector: 'lu-data-presentation', imports: [PortalDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<dl class=\"presentation\">\n\t<dt class=\"presentation-term\">\n\t\t<ng-container *luPortal=\"label()\" />\n\t</dt>\n\t<dd class=\"presentation-definition\">\n\t\t@if (noValue()) {\n\t\t\t<div aria-hidden=\"true\" data-content-before=\"\u2013\"></div>\n\t\t}\n\t\t<ng-content />\n\t</dd>\n</dl>\n", styles: ["@layer components{.presentation{margin:0}.presentation-term{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);display:flex;align-items:center}.presentation-term-info{position:relative}.presentation-term-info .lucca-icon{color:inherit;font-size:inherit;line-height:inherit;margin-inline-start:var(--pr-t-spacings-25);position:relative;inset-block-end:1px}.presentation-term-info:focus-visible{outline:none}.presentation-term-info:focus-visible .lucca-icon:after{content:\"\";position:absolute;inline-size:.875rem;block-size:.875rem;border-radius:50%;inset-block-end:var(--pr-t-spacings-25);inset-inline-end:0;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.presentation-definition{margin:0;color:var(--pr-t-color-text);overflow-wrap:anywhere}.presentation-definition>*:not(:has(.lucca-icon),.presentation-definition-link){color:var(--pr-t-color-text)}}@layer mods;lu-data-presentation{display:contents}\n"] }]
329
+ }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], noValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "noValue", required: false }] }] } });
330
+
300
331
  class PresentationDisplayDirective {
301
332
  constructor() {
302
333
  this.#formFieldRef = inject(FormFieldComponent, { optional: true });
303
334
  this.templateRef = inject(TemplateRef);
304
335
  this.#vcr = inject(ViewContainerRef);
305
- this.defaultDisplay = signal(false, ...(ngDevMode ? [{ debugName: "defaultDisplay" }] : []));
336
+ this.defaultDisplay = signal(false, ...(ngDevMode ? [{ debugName: "defaultDisplay" }] : /* istanbul ignore next */ []));
306
337
  }
307
338
  #formFieldRef;
308
339
  #vcr;
@@ -315,13 +346,13 @@ class PresentationDisplayDirective {
315
346
  }
316
347
  this.#vcr.clear();
317
348
  }
318
- static ngTemplateContextGuard(_dir, ctx) {
349
+ static ngTemplateContextGuard(_dir, _ctx) {
319
350
  return true;
320
351
  }
321
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PresentationDisplayDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
322
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: PresentationDisplayDirective, isStandalone: true, selector: "[luPresentationDisplay]", ngImport: i0 }); }
352
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: PresentationDisplayDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
353
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: PresentationDisplayDirective, isStandalone: true, selector: "[luPresentationDisplay]", ngImport: i0 }); }
323
354
  }
324
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PresentationDisplayDirective, decorators: [{
355
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: PresentationDisplayDirective, decorators: [{
325
356
  type: Directive,
326
357
  args: [{
327
358
  selector: '[luPresentationDisplay]',
@@ -333,13 +364,13 @@ class ɵPresentationDisplayDefaultDirective {
333
364
  constructor() {
334
365
  this.#displayDirectiveRef.defaultDisplay.set(true);
335
366
  }
336
- static ngTemplateContextGuard(_dir, ctx) {
367
+ static ngTemplateContextGuard(_dir, _ctx) {
337
368
  return true;
338
369
  }
339
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ɵPresentationDisplayDefaultDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
340
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.8", type: ɵPresentationDisplayDefaultDirective, isStandalone: true, selector: "[luPresentationDisplayDefault]", hostDirectives: [{ directive: PresentationDisplayDirective }], ngImport: i0 }); }
370
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ɵPresentationDisplayDefaultDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
371
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.15", type: ɵPresentationDisplayDefaultDirective, isStandalone: true, selector: "[luPresentationDisplayDefault]", hostDirectives: [{ directive: PresentationDisplayDirective }], ngImport: i0 }); }
341
372
  }
342
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ɵPresentationDisplayDefaultDirective, decorators: [{
373
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ɵPresentationDisplayDefaultDirective, decorators: [{
343
374
  type: Directive,
344
375
  args: [{
345
376
  selector: '[luPresentationDisplayDefault]',
@@ -347,22 +378,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
347
378
  }]
348
379
  }], ctorParameters: () => [] });
349
380
 
350
- class DataPresentationComponent {
351
- constructor() {
352
- this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
353
- this.noValue = input(false, { ...(ngDevMode ? { debugName: "noValue" } : {}), transform: booleanAttribute });
354
- }
355
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: DataPresentationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
356
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: DataPresentationComponent, isStandalone: true, selector: "lu-data-presentation", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, noValue: { classPropertyName: "noValue", publicName: "noValue", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<dl class=\"presentation\">\n\t<dt class=\"presentation-term\">\n\t\t<ng-container *luPortal=\"label()\" />\n\t</dt>\n\t<dd class=\"presentation-definition\">\n\t\t@if (noValue()) {\n\t\t\t<div aria-hidden=\"true\" data-content-before=\"\u2013\"></div>\n\t\t}\n\t\t<ng-content />\n\t</dd>\n</dl>\n", styles: ["@layer components{.presentation{margin:0}.presentation-term{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);display:flex;align-items:center}.presentation-term-info{position:relative}.presentation-term-info .lucca-icon{color:inherit;font-size:inherit;line-height:inherit;margin-inline-start:var(--pr-t-spacings-25);position:relative;inset-block-end:1px}.presentation-term-info:focus-visible{outline:none}.presentation-term-info:focus-visible .lucca-icon:after{content:\"\";position:absolute;inline-size:.875rem;block-size:.875rem;border-radius:50%;inset-block-end:var(--pr-t-spacings-25);inset-inline-end:0;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.presentation-definition{margin:0;color:var(--pr-t-color-text)}.presentation-definition>*:not(:has(.lucca-icon),.presentation-definition-link){color:var(--pr-t-color-text)}}@layer mods;lu-data-presentation{display:contents}\n"], dependencies: [{ kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
357
- }
358
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: DataPresentationComponent, decorators: [{
359
- type: Component,
360
- args: [{ selector: 'lu-data-presentation', imports: [PortalDirective], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<dl class=\"presentation\">\n\t<dt class=\"presentation-term\">\n\t\t<ng-container *luPortal=\"label()\" />\n\t</dt>\n\t<dd class=\"presentation-definition\">\n\t\t@if (noValue()) {\n\t\t\t<div aria-hidden=\"true\" data-content-before=\"\u2013\"></div>\n\t\t}\n\t\t<ng-content />\n\t</dd>\n</dl>\n", styles: ["@layer components{.presentation{margin:0}.presentation-term{font:var(--pr-t-font-body-S);color:var(--pr-t-color-text-subtle);display:flex;align-items:center}.presentation-term-info{position:relative}.presentation-term-info .lucca-icon{color:inherit;font-size:inherit;line-height:inherit;margin-inline-start:var(--pr-t-spacings-25);position:relative;inset-block-end:1px}.presentation-term-info:focus-visible{outline:none}.presentation-term-info:focus-visible .lucca-icon:after{content:\"\";position:absolute;inline-size:.875rem;block-size:.875rem;border-radius:50%;inset-block-end:var(--pr-t-spacings-25);inset-inline-end:0;outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:0}.presentation-definition{margin:0;color:var(--pr-t-color-text)}.presentation-definition>*:not(:has(.lucca-icon),.presentation-definition-link){color:var(--pr-t-color-text)}}@layer mods;lu-data-presentation{display:contents}\n"] }]
361
- }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], noValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "noValue", required: false }] }] } });
362
-
363
381
  /**
364
382
  * Generated bundle index. Do not edit.
365
383
  */
366
384
 
367
- export { DataPresentationComponent, FORM_FIELD_INSTANCE, FormFieldComponent, INPUT_FRAMED_INSTANCE, InputDirective, InputFramedComponent, LU_FORM_FIELD_TRANSLATIONS, PresentationDisplayDirective, luFormFieldTranslations, ɵPresentationDisplayDefaultDirective };
385
+ export { DataPresentationComponent, FORM_FIELD_INSTANCE, FORM_FIELD_LAYOUT, FORM_FIELD_SIZE, FORM_FIELD_WIDTH, FormFieldComponent, INPUT_FRAMED_INSTANCE, INPUT_FRAMED_SIZE, InputDirective, InputFramedComponent, LU_FORM_FIELD_TRANSLATIONS, PresentationDisplayDirective, luFormFieldTranslations, ɵPresentationDisplayDefaultDirective };
368
386
  //# sourceMappingURL=lucca-front-ng-form-field.mjs.map