@incodetech/web 2.1.1 → 2.2.0-rc.0

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 (205) hide show
  1. package/dist/ae-signature/ae-signature.es.js +7 -4
  2. package/dist/antifraud/antifraud.es.js +6 -6
  3. package/dist/authentication/authentication.es.js +7 -7
  4. package/dist/{autoFocusTitle-CuRu2lPg.js → autoFocusTitle-gLba2mgp.js} +6 -3
  5. package/dist/{back-horizontal-hint-xTnSQbzn.js → back-horizontal-hint-BBGuJ75y.js} +1 -1
  6. package/dist/{back-vertical-hint-BWWlHfX2.js → back-vertical-hint-B9usJ5lY.js} +1 -1
  7. package/dist/base.css +425 -3290
  8. package/dist/{bottomSheet-CnWbbUAM.js → bottomSheet-Cp8DLulN.js} +7 -8
  9. package/dist/certificate-issuance/certificate-issuance.es.js +34 -87
  10. package/dist/certificate-issuance/styles.css +0 -41
  11. package/dist/{checkbox-1wUHSoaK.js → checkbox-C38Elx0O.js} +5 -5
  12. package/dist/connectionError-DAeXp8sE.js +45 -0
  13. package/dist/consent/consent.es.js +10 -12
  14. package/dist/consent/styles.css +5 -4
  15. package/dist/{countrySelector-SvUOyPo0.js → countrySelector-2t-ZTgGo.js} +3 -3
  16. package/dist/cross-document-data-match/cross-document-data-match.es.js +13 -10
  17. package/dist/curp-validation/curp-validation.es.js +28 -29
  18. package/dist/curp-validation/styles.css +47 -0
  19. package/dist/{customFields-BDsXR7A-.js → customFields-B8HQZ7Mh.js} +13 -14
  20. package/dist/{customWatchlist-CYoRNCim.js → customWatchlist-_tUmZ855.js} +9 -9
  21. package/dist/dashboardTheme-CVliZSR-.js +223 -0
  22. package/dist/{dateInputComposed-DuaofcBl.js → dateInputComposed-eRcbt_SL.js} +5 -5
  23. package/dist/dateInputComposed-ks0-opuq.js +1 -0
  24. package/dist/document-capture/document-capture.es.js +1 -1
  25. package/dist/document-capture/styles.css +85 -70
  26. package/dist/{documentCapture-DhbO-A-V.js → documentCapture-BvEGCYj-.js} +218 -136
  27. package/dist/documentCapture-DdHdRPzR.js +2 -0
  28. package/dist/{dropdownComposed-CoU0enG6.js → dropdownComposed-OHDHzt1Q.js} +18 -11
  29. package/dist/dropdownComposed-kjG4UblM.js +1 -0
  30. package/dist/dynamic-forms/styles.css +58 -6
  31. package/dist/{dynamicForms-BifGbC9F.js → dynamicForms-P-4E42IA.js} +53 -45
  32. package/dist/ekyb/ekyb.es.js +1 -1
  33. package/dist/ekyb/styles.css +1 -28
  34. package/dist/ekybModule-CiaxFHXo.js +2 -0
  35. package/dist/{ekybModule-DGnTw5UV.js → ekybModule-DmjkzVWE.js} +51 -27
  36. package/dist/ekyc/ekyc.es.js +1 -1
  37. package/dist/ekyc/styles.css +2 -2
  38. package/dist/ekycModule-BVt10kgv.js +2 -0
  39. package/dist/{ekycModule-Dxpdd0ns.js → ekycModule-Da1Fm7ai.js} +45 -19
  40. package/dist/electronic-signature/electronic-signature.es.js +1 -1
  41. package/dist/{ae-signature → electronic-signature}/styles.css +2 -2
  42. package/dist/{electronic-signature-Ueoffasr.js → electronic-signature-yamI6zHM.js} +31 -23
  43. package/dist/email/email.es.js +10 -11
  44. package/dist/{emailInput-DsLkDtER.js → emailInput-B0P2Q-pk.js} +4 -4
  45. package/dist/{expiredId-BZXLrLk-.js → expiredId-BXXE3srN.js} +6 -6
  46. package/dist/{extensibility-7sRIN0JC.js → extensibility-iJYzpW6H.js} +440 -374
  47. package/dist/extensibility.es.js +24 -28
  48. package/dist/face-match/face-match.es.js +1 -1
  49. package/dist/face-match/styles.css +9 -609
  50. package/dist/faceMatch-D4XFihTc.js +2 -0
  51. package/dist/{faceMatch-DyTBoMDm.js → faceMatch-VtEZvsen.js} +71 -79
  52. package/dist/field-comparison/field-comparison.es.js +1 -1
  53. package/dist/fieldComparison-B_r9Bal7.js +2 -0
  54. package/dist/{fieldComparison-L_knHqgw.js → fieldComparison-NLdDSOEh.js} +11 -12
  55. package/dist/finalSuccessScreen-DryADx1n.js +500 -0
  56. package/dist/fiscal-qr/fiscal-qr.es.js +12 -12
  57. package/dist/flip-animation-CvN8FLNc.js +6996 -0
  58. package/dist/flow/flow.es.js +81 -45
  59. package/dist/flow/styles.css +908 -5423
  60. package/dist/{front-horizontal-hint-B84GgTO1.js → front-horizontal-hint-D3CrWViZ.js} +1 -1
  61. package/dist/{front-vertical-hint-Bs_avngq.js → front-vertical-hint-BoLZvyx5.js} +1 -1
  62. package/dist/geolocation/geolocation.es.js +36 -13
  63. package/dist/geolocation/styles.css +1 -1
  64. package/dist/government-validation/government-validation.es.js +11 -12
  65. package/dist/{homeScreen-B6T0JVh8.js → homeScreen-Pv3v_0ji.js} +7 -9
  66. package/dist/{icons-CJJbIpBq.js → icons--ezYG2Fb.js} +92 -7
  67. package/dist/id/id.es.js +222 -52
  68. package/dist/id/styles.css +290 -10
  69. package/dist/id-back-of-card-DO593HH8.js +83 -0
  70. package/dist/id-back-of-card-vertical-DArEQ0hE.js +88 -0
  71. package/dist/id-front-of-card-Bcit7Pnq.js +308 -0
  72. package/dist/id-front-of-card-vertical-Bcr-KXcl.js +278 -0
  73. package/dist/id-laser-h-BaUHzX-d.js +480 -0
  74. package/dist/{id-laser-v-BiUXkM4x.js → id-laser-v-Dv9yEYJE.js} +7 -17
  75. package/dist/id-selfie-flow/id-selfie-flow.es.js +239 -0
  76. package/dist/id-selfie-flow/styles.css +749 -0
  77. package/dist/id-verification/id-verification.es.js +13 -9
  78. package/dist/{idOcr-WFBvqy3b.js → idOcr-gsIXHq6R.js} +14 -15
  79. package/dist/identity-reuse/identity-reuse.es.js +6 -8
  80. package/dist/identity-reuse/styles.css +1 -1
  81. package/dist/{incode-logo-57XFniXU.js → incode-logo-rGFjZHqi.js} +64 -1
  82. package/dist/incodeComponent-K9ZWg302.js +713 -0
  83. package/dist/incodeModule-CcLzar_X.js +25 -0
  84. package/dist/index.es.js +16 -5
  85. package/dist/{inputComposed-C1R2LAa3.js → inputComposed-BeROn635.js} +9 -9
  86. package/dist/inputComposed-CADVQW-o.js +1 -0
  87. package/dist/{mandatoryConsent-D0GTKu-H.js → mandatoryConsent-BtqB-FxY.js} +9 -11
  88. package/dist/{capture-CkGvdDNH.js → manualCaptureButton-quGa2ufS.js} +68 -198
  89. package/dist/manualCaptureButton-t_oIol88.js +300 -0
  90. package/dist/{modal-OxkFuuiR.js → modal-BjjJFpZu.js} +4 -4
  91. package/dist/{modal.hooks-ZrzmHAUa.js → modal.hooks-BvXzNWvY.js} +1 -1
  92. package/dist/{numberedStep-CEb-lFJm.js → numberedStep-DUs77Gy3.js} +1 -1
  93. package/dist/{optionAccessibleLabel-gfF-58Mv.js → optionAccessibleLabel-DgfHD_mx.js} +6 -6
  94. package/dist/{otpInput-CnDc6pQm.js → otpInput-D5dLXrmC.js} +72 -36
  95. package/dist/{passport-horizontal-hint-Bj0ZJY0g.js → passport-horizontal-hint-DgnU-8bl.js} +1 -1
  96. package/dist/{passport-vertical-hint-Dfk77xUJ.js → passport-vertical-hint-Dd2Wknw7.js} +1 -1
  97. package/dist/{pdf-BqtJTlor.js → pdf-BUoY_2gv.js} +1 -1
  98. package/dist/pdfViewer-CZb6obcZ.js +2 -0
  99. package/dist/{pdfViewer-B97DmT9m.js → pdfViewer-vud1VZv6.js} +5 -7
  100. package/dist/phone/phone.es.js +13 -12
  101. package/dist/{phoneInputComposed-DMiXfF-1.js → phoneInputComposed-CeVWTS_O.js} +7 -6
  102. package/dist/{processing-BeUMfdJJ.js → processing-BsvHyDWa.js} +2 -2
  103. package/dist/qe-signature/qe-signature.es.js +7 -4
  104. package/dist/{radioGroupComposed-DuQxslB2.js → radioGroupComposed-DzNGUbZQ.js} +16 -15
  105. package/dist/redirect-to-mobile/redirect-to-mobile.es.js +132 -45
  106. package/dist/redirect-to-mobile/styles.css +20 -10
  107. package/dist/{registerIncodeElement-DaNjbAwZ.js → registerIncodeElement-BduCekz5.js} +1 -1
  108. package/dist/{richText-CB1fmegc.js → richText-CTHBpZOw.js} +3 -1607
  109. package/dist/selfie/selfie.es.js +10 -10
  110. package/dist/selfie/styles.css +16 -949
  111. package/dist/signature/signature.es.js +27 -19
  112. package/dist/{ae-signature/styles2.css → signature/styles.css} +4 -4
  113. package/dist/{snackbar-DS7Mv62v.js → snackbar-C9Mqrh0e.js} +2 -2
  114. package/dist/spacer-CDlQd12V.js +2344 -0
  115. package/dist/{spinner-BMeIEK1d.js → spinner-CLZ2fz4u.js} +45 -4
  116. package/dist/statusPage--GVFSUJp.js +36 -0
  117. package/dist/{successIcon-B5mGvdx1.js → successIcon-Bj8Y9CuI.js} +1 -1
  118. package/dist/{tabs-C__chW-u.js → tabs-DweBZTV2.js} +4 -3
  119. package/dist/themes/dark.css +35 -0
  120. package/dist/themes/light.css +35 -0
  121. package/dist/{tutorial-CCfPuVKX.js → tutorial-BZZC93Ur.js} +222 -180
  122. package/dist/types/ae-signature.d.ts +91 -5
  123. package/dist/types/antifraud.d.ts +86 -3
  124. package/dist/types/authentication.d.ts +86 -3
  125. package/dist/types/certificate-issuance.d.ts +86 -3
  126. package/dist/types/consent.d.ts +86 -3
  127. package/dist/types/cross-document-data-match.d.ts +88 -4
  128. package/dist/types/curp-validation.d.ts +86 -3
  129. package/dist/types/document-capture.d.ts +88 -4
  130. package/dist/types/ekyb.d.ts +88 -4
  131. package/dist/types/ekyc.d.ts +88 -4
  132. package/dist/types/electronic-signature.d.ts +87 -4
  133. package/dist/types/email.d.ts +82 -22
  134. package/dist/types/extensibility.d.ts +157 -5
  135. package/dist/types/face-match.d.ts +84 -22
  136. package/dist/types/field-comparison.d.ts +86 -3
  137. package/dist/types/fiscal-qr.d.ts +89 -5
  138. package/dist/types/flow.d.ts +92 -2
  139. package/dist/types/geolocation.d.ts +86 -3
  140. package/dist/types/government-validation.d.ts +86 -3
  141. package/dist/types/id-selfie-flow.d.ts +161 -0
  142. package/dist/types/id-verification.d.ts +87 -4
  143. package/dist/types/id.d.ts +88 -5
  144. package/dist/types/identity-reuse.d.ts +82 -2
  145. package/dist/types/index.d.ts +106 -1
  146. package/dist/types/phone.d.ts +83 -24
  147. package/dist/types/qe-signature.d.ts +91 -5
  148. package/dist/types/redirect-to-mobile.d.ts +4 -1
  149. package/dist/types/selfie.d.ts +86 -3
  150. package/dist/types/signature.d.ts +91 -5
  151. package/dist/types/video-selfie.d.ts +83 -6
  152. package/dist/types/watchlist.d.ts +91 -5
  153. package/dist/types/workflow.d.ts +85 -2
  154. package/dist/{i18n-CU4xq8qC.js → uiConfig-B5ASPUL4.js} +26 -3
  155. package/dist/{useModuleLoader-Bi26kJbg.js → useModuleLoader-D_YpuVsS.js} +37 -248
  156. package/dist/{vendor-preact-DThS2ZQ_.js → vendor-preact-mvwZ8mJj.js} +1 -1
  157. package/dist/{verificationResult-BWWkmeiA.js → verificationResult-B8HwR07t.js} +26 -15
  158. package/dist/video-selfie/styles.css +349 -1202
  159. package/dist/video-selfie/video-selfie.es.js +120 -381
  160. package/dist/watchlist/watchlist.es.js +16 -13
  161. package/dist/{watchlistForBusiness-D2Uo_TwF.js → watchlistForBusiness-D8Is99bZ.js} +12 -13
  162. package/dist/workflow/styles.css +501 -3977
  163. package/dist/workflow/workflow.es.js +25 -18
  164. package/package.json +22 -20
  165. package/dist/button-Dz6AsbmF.js +0 -40
  166. package/dist/cameraView-DIEzM5ru.js +0 -47
  167. package/dist/cpf-ocr/cpf-ocr.es.js +0 -2
  168. package/dist/cpf-ocr/styles.css +0 -45
  169. package/dist/cpfOcr-B79245-3.js +0 -2
  170. package/dist/cpfOcr-BhxT-lRN.js +0 -92
  171. package/dist/dateInputComposed-DRzZi6uy.js +0 -1
  172. package/dist/documentCapture-DXYYyxZl.js +0 -2
  173. package/dist/dropdownComposed-BAoxIIsE.js +0 -1
  174. package/dist/ekybModule-C6Nttked.js +0 -2
  175. package/dist/ekycModule-CDIEjI6V.js +0 -2
  176. package/dist/errorIcon-BA4T6iy-.js +0 -26
  177. package/dist/faceMatch-B_HvxLm_.js +0 -2
  178. package/dist/fieldComparison-DfNEuEE5.js +0 -2
  179. package/dist/flip-animation-CZYSUtMm.js +0 -6983
  180. package/dist/hooks-CNu7o-v8.js +0 -186
  181. package/dist/id-laser-h-CzPegPMn.js +0 -467
  182. package/dist/incodeComponent-CfzJGETt.js +0 -64
  183. package/dist/incodeModule-B-4_3JrK.js +0 -13
  184. package/dist/inputComposed-BaY5q9WM.js +0 -1
  185. package/dist/loadingIcon-B0ysgiNq.js +0 -148
  186. package/dist/page-DidH_RkX.js +0 -171
  187. package/dist/spinner-BCDCoi9C.js +0 -1
  188. package/dist/statusPage-Bk8nJwXV.js +0 -28
  189. package/dist/transitionSpinner-CuNCqHNi.js +0 -30
  190. package/dist/types/cpf-ocr.d.ts +0 -12
  191. package/dist/typography-BZIpjo97.js +0 -45
  192. package/dist/uiConfig-D2_wawvr.js +0 -25
  193. /package/dist/{aligndevicelottie-DFscByAI.js → aligndevicelottie-CfoZ5Uus.js} +0 -0
  194. /package/dist/{back-tutorial-cI_4VHmE.js → back-tutorial-BHyRHyET.js} +0 -0
  195. /package/dist/{backdevicelottie-COyhTrxM.js → backdevicelottie-yKkczgFy.js} +0 -0
  196. /package/dist/{blurdevicelottie-BLVeJHEG.js → blurdevicelottie-8BbophdM.js} +0 -0
  197. /package/dist/{browser-ponyfill-Df13Th-G.js → browser-ponyfill-CBjGwwPW.js} +0 -0
  198. /package/dist/{defineProperty-Qjefk7Uf.js → defineProperty-BbpBna-2.js} +0 -0
  199. /package/dist/{frontdevicelottie-B4tE2PYQ.js → frontdevicelottie-CFcahVLk.js} +0 -0
  200. /package/dist/{glaredevicelottie-D1pR73sx.js → glaredevicelottie-Cnvah0kz.js} +0 -0
  201. /package/dist/{id-tutorial-DwO90SAm.js → id-tutorial-BOOsXlAJ.js} +0 -0
  202. /package/dist/{lottie_light-C6B2ec41.js → lottie_light-Bv56F2Ae.js} +0 -0
  203. /package/dist/{passport-tutorial-D9JNsMsM.js → passport-tutorial-CeSup6m9.js} +0 -0
  204. /package/dist/{requiredLabelHint-D0RhuMed.js → requiredLabelHint-Dx0WS2cR.js} +0 -0
  205. /package/dist/{selfieTutorial-pB-N-fj5.js → selfieTutorial-CYa8bq6B.js} +0 -0
package/dist/workflow/styles.css CHANGED
@@ -1,3719 +1,26 @@
1
1
  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
2
  @layer properties {
3
3
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
4
- *, :before, :after, ::backdrop {
5
- --tw-rotate-x: initial;
6
- --tw-rotate-y: initial;
7
- --tw-rotate-z: initial;
8
- --tw-skew-x: initial;
9
- --tw-skew-y: initial;
10
- --tw-border-style: solid;
11
- --tw-shadow: 0 0 #0000;
12
- --tw-shadow-color: initial;
13
- --tw-shadow-alpha: 100%;
14
- --tw-inset-shadow: 0 0 #0000;
15
- --tw-inset-shadow-color: initial;
16
- --tw-inset-shadow-alpha: 100%;
17
- --tw-ring-color: initial;
18
- --tw-ring-shadow: 0 0 #0000;
19
- --tw-inset-ring-color: initial;
20
- --tw-inset-ring-shadow: 0 0 #0000;
21
- --tw-ring-inset: initial;
22
- --tw-ring-offset-width: 0px;
23
- --tw-ring-offset-color: #fff;
24
- --tw-ring-offset-shadow: 0 0 #0000;
25
- --tw-outline-style: solid;
26
- --tw-blur: initial;
27
- --tw-brightness: initial;
28
- --tw-contrast: initial;
29
- --tw-grayscale: initial;
30
- --tw-hue-rotate: initial;
31
- --tw-invert: initial;
32
- --tw-opacity: initial;
33
- --tw-saturate: initial;
34
- --tw-sepia: initial;
35
- --tw-drop-shadow: initial;
36
- --tw-drop-shadow-color: initial;
37
- --tw-drop-shadow-alpha: 100%;
38
- --tw-drop-shadow-size: initial;
39
- --tw-translate-x: 0;
40
- --tw-translate-y: 0;
41
- --tw-translate-z: 0;
42
- --tw-leading: initial;
43
- --tw-font-weight: initial;
44
- --tw-tracking: initial;
45
- --tw-duration: initial;
46
- }
47
- }
48
- }
49
-
50
- @layer incode-theme;
51
-
52
- @layer incode-utilities {
53
- .\!visible {
54
- visibility: visible !important;
55
- }
56
-
57
- .invisible {
58
- visibility: hidden;
59
- }
60
-
61
- .visible {
62
- visibility: visible;
63
- }
64
-
65
- .sr-only {
66
- clip-path: inset(50%);
67
- white-space: nowrap;
68
- border-width: 0;
69
- width: 1px;
70
- height: 1px;
71
- margin: -1px;
72
- padding: 0;
73
- position: absolute;
74
- overflow: hidden;
75
- }
76
-
77
- .absolute {
78
- position: absolute;
79
- }
80
-
81
- .fixed {
82
- position: fixed;
83
- }
84
-
85
- .relative {
86
- position: relative;
87
- }
88
-
89
- .static {
90
- position: static;
91
- }
92
-
93
- .sticky {
94
- position: sticky;
95
- }
96
-
97
- @media (min-width: 40rem) {
98
- .incode-container {
99
- max-width: 40rem;
100
- }
101
- }
102
-
103
- @media (min-width: 48rem) {
104
- .incode-container {
105
- max-width: 48rem;
106
- }
107
- }
108
-
109
- @media (min-width: 64rem) {
110
- .incode-container {
111
- max-width: 64rem;
112
- }
113
- }
114
-
115
- @media (min-width: 80rem) {
116
- .incode-container {
117
- max-width: 80rem;
118
- }
119
- }
120
-
121
- @media (min-width: 96rem) {
122
- .incode-container {
123
- max-width: 96rem;
124
- }
125
- }
126
-
127
- @media (min-width: 48rem) {
128
- .incode-container {
129
- max-height: var(--incode-page-max-h);
130
- max-width: var(--incode-page-max-w);
131
- }
132
-
133
- @media not all and (min-width: 80rem) {
134
- @media (orientation: landscape) {
135
- .incode-container {
136
- max-height: var(--incode-page-max-h-landscape);
137
- }
138
- }
139
- }
140
- }
141
-
142
- @media (min-width: 40rem) {
143
- .incode-container {
144
- max-width: 40rem;
145
- }
146
- }
147
-
148
- @media (min-width: 48rem) {
149
- .incode-container {
150
- max-width: 48rem;
151
- }
152
- }
153
-
154
- @media (min-width: 64rem) {
155
- .incode-container {
156
- max-width: 64rem;
157
- }
158
- }
159
-
160
- @media (min-width: 80rem) {
161
- .incode-container {
162
- max-width: 80rem;
163
- }
164
- }
165
-
166
- @media (min-width: 96rem) {
167
- .incode-container {
168
- max-width: 96rem;
169
- }
170
- }
171
-
172
- @media (min-width: 48rem) {
173
- .incode-container {
174
- max-height: var(--incode-page-max-h);
175
- max-width: var(--incode-page-max-w);
176
- }
177
-
178
- @media not all and (min-width: 80rem) {
179
- @media (orientation: landscape) {
180
- .incode-container {
181
- max-height: var(--incode-page-max-h-landscape);
182
- }
183
- }
184
- }
185
- }
186
-
187
- @media (min-width: 40rem) {
188
- .incode-container {
189
- max-width: 40rem;
190
- }
191
- }
192
-
193
- @media (min-width: 48rem) {
194
- .incode-container {
195
- max-width: 48rem;
196
- }
197
- }
198
-
199
- @media (min-width: 64rem) {
200
- .incode-container {
201
- max-width: 64rem;
202
- }
203
- }
204
-
205
- @media (min-width: 80rem) {
206
- .incode-container {
207
- max-width: 80rem;
208
- }
209
- }
210
-
211
- @media (min-width: 96rem) {
212
- .incode-container {
213
- max-width: 96rem;
214
- }
215
- }
216
-
217
- @media (min-width: 48rem) {
218
- .incode-container {
219
- max-height: var(--incode-page-max-h);
220
- max-width: var(--incode-page-max-w);
221
- }
222
-
223
- @media not all and (min-width: 80rem) {
224
- @media (orientation: landscape) {
225
- .incode-container {
226
- max-height: var(--incode-page-max-h-landscape);
227
- }
228
- }
229
- }
230
- }
231
-
232
- @media (min-width: 40rem) {
233
- .incode-container {
234
- max-width: 40rem;
235
- }
236
- }
237
-
238
- @media (min-width: 48rem) {
239
- .incode-container {
240
- max-width: 48rem;
241
- }
242
- }
243
-
244
- @media (min-width: 64rem) {
245
- .incode-container {
246
- max-width: 64rem;
247
- }
248
- }
249
-
250
- @media (min-width: 80rem) {
251
- .incode-container {
252
- max-width: 80rem;
253
- }
254
- }
255
-
256
- @media (min-width: 96rem) {
257
- .incode-container {
258
- max-width: 96rem;
259
- }
260
- }
261
-
262
- @media (min-width: 48rem) {
263
- .incode-container {
264
- max-height: var(--incode-page-max-h);
265
- max-width: var(--incode-page-max-w);
266
- }
267
-
268
- @media not all and (min-width: 80rem) {
269
- @media (orientation: landscape) {
270
- .incode-container {
271
- max-height: var(--incode-page-max-h-landscape);
272
- }
273
- }
274
- }
275
- }
276
-
277
- @media (min-width: 40rem) {
278
- .incode-container {
279
- max-width: 40rem;
280
- }
281
- }
282
-
283
- @media (min-width: 48rem) {
284
- .incode-container {
285
- max-width: 48rem;
286
- }
287
- }
288
-
289
- @media (min-width: 64rem) {
290
- .incode-container {
291
- max-width: 64rem;
292
- }
293
- }
294
-
295
- @media (min-width: 80rem) {
296
- .incode-container {
297
- max-width: 80rem;
298
- }
299
- }
300
-
301
- @media (min-width: 96rem) {
302
- .incode-container {
303
- max-width: 96rem;
304
- }
305
- }
306
-
307
- @media (min-width: 48rem) {
308
- .incode-container {
309
- max-height: var(--incode-page-max-h);
310
- max-width: var(--incode-page-max-w);
311
- }
312
-
313
- @media not all and (min-width: 80rem) {
314
- @media (orientation: landscape) {
315
- .incode-container {
316
- max-height: var(--incode-page-max-h-landscape);
317
- }
318
- }
319
- }
320
- }
321
-
322
- @media (min-width: 40rem) {
323
- .incode-container {
324
- max-width: 40rem;
325
- }
326
- }
327
-
328
- @media (min-width: 48rem) {
329
- .incode-container {
330
- max-width: 48rem;
331
- }
332
- }
333
-
334
- @media (min-width: 64rem) {
335
- .incode-container {
336
- max-width: 64rem;
337
- }
338
- }
339
-
340
- @media (min-width: 80rem) {
341
- .incode-container {
342
- max-width: 80rem;
343
- }
344
- }
345
-
346
- @media (min-width: 96rem) {
347
- .incode-container {
348
- max-width: 96rem;
349
- }
350
- }
351
-
352
- @media (min-width: 48rem) {
353
- .incode-container {
354
- max-height: var(--incode-page-max-h);
355
- max-width: var(--incode-page-max-w);
356
- }
357
-
358
- @media not all and (min-width: 80rem) {
359
- @media (orientation: landscape) {
360
- .incode-container {
361
- max-height: var(--incode-page-max-h-landscape);
362
- }
363
- }
364
- }
365
- }
366
-
367
- @media (min-width: 40rem) {
368
- .incode-container {
369
- max-width: 40rem;
370
- }
371
- }
372
-
373
- @media (min-width: 48rem) {
374
- .incode-container {
375
- max-width: 48rem;
376
- }
377
- }
378
-
379
- @media (min-width: 64rem) {
380
- .incode-container {
381
- max-width: 64rem;
382
- }
383
- }
384
-
385
- @media (min-width: 80rem) {
386
- .incode-container {
387
- max-width: 80rem;
388
- }
389
- }
390
-
391
- @media (min-width: 96rem) {
392
- .incode-container {
393
- max-width: 96rem;
394
- }
395
- }
396
-
397
- @media (min-width: 48rem) {
398
- .incode-container {
399
- max-height: var(--incode-page-max-h);
400
- max-width: var(--incode-page-max-w);
401
- }
402
-
403
- @media not all and (min-width: 80rem) {
404
- @media (orientation: landscape) {
405
- .incode-container {
406
- max-height: var(--incode-page-max-h-landscape);
407
- }
408
- }
409
- }
410
- }
411
-
412
- @media (min-width: 40rem) {
413
- .incode-container {
414
- max-width: 40rem;
415
- }
416
- }
417
-
418
- @media (min-width: 48rem) {
419
- .incode-container {
420
- max-width: 48rem;
421
- }
422
- }
423
-
424
- @media (min-width: 64rem) {
425
- .incode-container {
426
- max-width: 64rem;
427
- }
428
- }
429
-
430
- @media (min-width: 80rem) {
431
- .incode-container {
432
- max-width: 80rem;
433
- }
434
- }
435
-
436
- @media (min-width: 96rem) {
437
- .incode-container {
438
- max-width: 96rem;
439
- }
440
- }
441
-
442
- @media (min-width: 48rem) {
443
- .incode-container {
444
- max-height: var(--incode-page-max-h);
445
- max-width: var(--incode-page-max-w);
446
- }
447
-
448
- @media not all and (min-width: 80rem) {
449
- @media (orientation: landscape) {
450
- .incode-container {
451
- max-height: var(--incode-page-max-h-landscape);
452
- }
453
- }
454
- }
455
- }
456
-
457
- @media (min-width: 40rem) {
458
- .incode-container {
459
- max-width: 40rem;
460
- }
461
- }
462
-
463
- @media (min-width: 48rem) {
464
- .incode-container {
465
- max-width: 48rem;
466
- }
467
- }
468
-
469
- @media (min-width: 64rem) {
470
- .incode-container {
471
- max-width: 64rem;
472
- }
473
- }
474
-
475
- @media (min-width: 80rem) {
476
- .incode-container {
477
- max-width: 80rem;
478
- }
479
- }
480
-
481
- @media (min-width: 96rem) {
482
- .incode-container {
483
- max-width: 96rem;
484
- }
485
- }
486
-
487
- @media (min-width: 48rem) {
488
- .incode-container {
489
- max-height: var(--incode-page-max-h);
490
- max-width: var(--incode-page-max-w);
491
- }
492
-
493
- @media not all and (min-width: 80rem) {
494
- @media (orientation: landscape) {
495
- .incode-container {
496
- max-height: var(--incode-page-max-h-landscape);
497
- }
498
- }
499
- }
500
- }
501
-
502
- @media (min-width: 40rem) {
503
- .incode-container {
504
- max-width: 40rem;
505
- }
506
- }
507
-
508
- @media (min-width: 48rem) {
509
- .incode-container {
510
- max-width: 48rem;
511
- }
512
- }
513
-
514
- @media (min-width: 64rem) {
515
- .incode-container {
516
- max-width: 64rem;
517
- }
518
- }
519
-
520
- @media (min-width: 80rem) {
521
- .incode-container {
522
- max-width: 80rem;
523
- }
524
- }
525
-
526
- @media (min-width: 96rem) {
527
- .incode-container {
528
- max-width: 96rem;
529
- }
530
- }
531
-
532
- @media (min-width: 48rem) {
533
- .incode-container {
534
- max-height: var(--incode-page-max-h);
535
- max-width: var(--incode-page-max-w);
536
- }
537
-
538
- @media not all and (min-width: 80rem) {
539
- @media (orientation: landscape) {
540
- .incode-container {
541
- max-height: var(--incode-page-max-h-landscape);
542
- }
543
- }
544
- }
545
- }
546
-
547
- @media (min-width: 40rem) {
548
- .incode-container {
549
- max-width: 40rem;
550
- }
551
- }
552
-
553
- @media (min-width: 48rem) {
554
- .incode-container {
555
- max-width: 48rem;
556
- }
557
- }
558
-
559
- @media (min-width: 64rem) {
560
- .incode-container {
561
- max-width: 64rem;
562
- }
563
- }
564
-
565
- @media (min-width: 80rem) {
566
- .incode-container {
567
- max-width: 80rem;
568
- }
569
- }
570
-
571
- @media (min-width: 96rem) {
572
- .incode-container {
573
- max-width: 96rem;
574
- }
575
- }
576
-
577
- @media (min-width: 48rem) {
578
- .incode-container {
579
- max-height: var(--incode-page-max-h);
580
- max-width: var(--incode-page-max-w);
581
- }
582
-
583
- @media not all and (min-width: 80rem) {
584
- @media (orientation: landscape) {
585
- .incode-container {
586
- max-height: var(--incode-page-max-h-landscape);
587
- }
588
- }
589
- }
590
- }
591
-
592
- @media (min-width: 40rem) {
593
- .incode-container {
594
- max-width: 40rem;
595
- }
596
- }
597
-
598
- @media (min-width: 48rem) {
599
- .incode-container {
600
- max-width: 48rem;
601
- }
602
- }
603
-
604
- @media (min-width: 64rem) {
605
- .incode-container {
606
- max-width: 64rem;
607
- }
608
- }
609
-
610
- @media (min-width: 80rem) {
611
- .incode-container {
612
- max-width: 80rem;
613
- }
614
- }
615
-
616
- @media (min-width: 96rem) {
617
- .incode-container {
618
- max-width: 96rem;
619
- }
620
- }
621
-
622
- @media (min-width: 48rem) {
623
- .incode-container {
624
- max-height: var(--incode-page-max-h);
625
- max-width: var(--incode-page-max-w);
626
- }
627
-
628
- @media not all and (min-width: 80rem) {
629
- @media (orientation: landscape) {
630
- .incode-container {
631
- max-height: var(--incode-page-max-h-landscape);
632
- }
633
- }
634
- }
635
- }
636
-
637
- @media (min-width: 40rem) {
638
- .incode-container {
639
- max-width: 40rem;
640
- }
641
- }
642
-
643
- @media (min-width: 48rem) {
644
- .incode-container {
645
- max-width: 48rem;
646
- }
647
- }
648
-
649
- @media (min-width: 64rem) {
650
- .incode-container {
651
- max-width: 64rem;
652
- }
653
- }
654
-
655
- @media (min-width: 80rem) {
656
- .incode-container {
657
- max-width: 80rem;
658
- }
659
- }
660
-
661
- @media (min-width: 96rem) {
662
- .incode-container {
663
- max-width: 96rem;
664
- }
665
- }
666
-
667
- @media (min-width: 48rem) {
668
- .incode-container {
669
- max-height: var(--incode-page-max-h);
670
- max-width: var(--incode-page-max-w);
671
- }
672
-
673
- @media not all and (min-width: 80rem) {
674
- @media (orientation: landscape) {
675
- .incode-container {
676
- max-height: var(--incode-page-max-h-landscape);
677
- }
678
- }
679
- }
680
- }
681
-
682
- @media (min-width: 40rem) {
683
- .incode-container {
684
- max-width: 40rem;
685
- }
686
- }
687
-
688
- @media (min-width: 48rem) {
689
- .incode-container {
690
- max-width: 48rem;
691
- }
692
- }
693
-
694
- @media (min-width: 64rem) {
695
- .incode-container {
696
- max-width: 64rem;
697
- }
698
- }
699
-
700
- @media (min-width: 80rem) {
701
- .incode-container {
702
- max-width: 80rem;
703
- }
704
- }
705
-
706
- @media (min-width: 96rem) {
707
- .incode-container {
708
- max-width: 96rem;
709
- }
710
- }
711
-
712
- @media (min-width: 48rem) {
713
- .incode-container {
714
- max-height: var(--incode-page-max-h);
715
- max-width: var(--incode-page-max-w);
716
- }
717
-
718
- @media not all and (min-width: 80rem) {
719
- @media (orientation: landscape) {
720
- .incode-container {
721
- max-height: var(--incode-page-max-h-landscape);
722
- }
723
- }
724
- }
725
- }
726
-
727
- @media (min-width: 40rem) {
728
- .incode-container {
729
- max-width: 40rem;
730
- }
731
- }
732
-
733
- @media (min-width: 48rem) {
734
- .incode-container {
735
- max-width: 48rem;
736
- }
737
- }
738
-
739
- @media (min-width: 64rem) {
740
- .incode-container {
741
- max-width: 64rem;
742
- }
743
- }
744
-
745
- @media (min-width: 80rem) {
746
- .incode-container {
747
- max-width: 80rem;
748
- }
749
- }
750
-
751
- @media (min-width: 96rem) {
752
- .incode-container {
753
- max-width: 96rem;
754
- }
755
- }
756
-
757
- @media (min-width: 48rem) {
758
- .incode-container {
759
- max-height: var(--incode-page-max-h);
760
- max-width: var(--incode-page-max-w);
761
- }
762
-
763
- @media not all and (min-width: 80rem) {
764
- @media (orientation: landscape) {
765
- .incode-container {
766
- max-height: var(--incode-page-max-h-landscape);
767
- }
768
- }
769
- }
770
- }
771
-
772
- @media (min-width: 40rem) {
773
- .incode-container {
774
- max-width: 40rem;
775
- }
776
- }
777
-
778
- @media (min-width: 48rem) {
779
- .incode-container {
780
- max-width: 48rem;
781
- }
782
- }
783
-
784
- @media (min-width: 64rem) {
785
- .incode-container {
786
- max-width: 64rem;
787
- }
788
- }
789
-
790
- @media (min-width: 80rem) {
791
- .incode-container {
792
- max-width: 80rem;
793
- }
794
- }
795
-
796
- @media (min-width: 96rem) {
797
- .incode-container {
798
- max-width: 96rem;
799
- }
800
- }
801
-
802
- @media (min-width: 48rem) {
803
- .incode-container {
804
- max-height: var(--incode-page-max-h);
805
- max-width: var(--incode-page-max-w);
806
- }
807
-
808
- @media not all and (min-width: 80rem) {
809
- @media (orientation: landscape) {
810
- .incode-container {
811
- max-height: var(--incode-page-max-h-landscape);
812
- }
813
- }
814
- }
815
- }
816
-
817
- @media (min-width: 40rem) {
818
- .incode-container {
819
- max-width: 40rem;
820
- }
821
- }
822
-
823
- @media (min-width: 48rem) {
824
- .incode-container {
825
- max-width: 48rem;
826
- }
827
- }
828
-
829
- @media (min-width: 64rem) {
830
- .incode-container {
831
- max-width: 64rem;
832
- }
833
- }
834
-
835
- @media (min-width: 80rem) {
836
- .incode-container {
837
- max-width: 80rem;
838
- }
839
- }
840
-
841
- @media (min-width: 96rem) {
842
- .incode-container {
843
- max-width: 96rem;
844
- }
845
- }
846
-
847
- @media (min-width: 48rem) {
848
- .incode-container {
849
- max-height: var(--incode-page-max-h);
850
- max-width: var(--incode-page-max-w);
851
- }
852
-
853
- @media not all and (min-width: 80rem) {
854
- @media (orientation: landscape) {
855
- .incode-container {
856
- max-height: var(--incode-page-max-h-landscape);
857
- }
858
- }
859
- }
860
- }
861
-
862
- @media (min-width: 40rem) {
863
- .incode-container {
864
- max-width: 40rem;
865
- }
866
- }
867
-
868
- @media (min-width: 48rem) {
869
- .incode-container {
870
- max-width: 48rem;
871
- }
872
- }
873
-
874
- @media (min-width: 64rem) {
875
- .incode-container {
876
- max-width: 64rem;
877
- }
878
- }
879
-
880
- @media (min-width: 80rem) {
881
- .incode-container {
882
- max-width: 80rem;
883
- }
884
- }
885
-
886
- @media (min-width: 96rem) {
887
- .incode-container {
888
- max-width: 96rem;
889
- }
890
- }
891
-
892
- @media (min-width: 48rem) {
893
- .incode-container {
894
- max-height: var(--incode-page-max-h);
895
- max-width: var(--incode-page-max-w);
896
- }
897
-
898
- @media not all and (min-width: 80rem) {
899
- @media (orientation: landscape) {
900
- .incode-container {
901
- max-height: var(--incode-page-max-h-landscape);
902
- }
903
- }
904
- }
905
- }
906
-
907
- @media (min-width: 40rem) {
908
- .incode-container {
909
- max-width: 40rem;
910
- }
911
- }
912
-
913
- @media (min-width: 48rem) {
914
- .incode-container {
915
- max-width: 48rem;
916
- }
917
- }
918
-
919
- @media (min-width: 64rem) {
920
- .incode-container {
921
- max-width: 64rem;
922
- }
923
- }
924
-
925
- @media (min-width: 80rem) {
926
- .incode-container {
927
- max-width: 80rem;
928
- }
929
- }
930
-
931
- @media (min-width: 96rem) {
932
- .incode-container {
933
- max-width: 96rem;
934
- }
935
- }
936
-
937
- @media (min-width: 48rem) {
938
- .incode-container {
939
- max-height: var(--incode-page-max-h);
940
- max-width: var(--incode-page-max-w);
941
- }
942
-
943
- @media not all and (min-width: 80rem) {
944
- @media (orientation: landscape) {
945
- .incode-container {
946
- max-height: var(--incode-page-max-h-landscape);
947
- }
948
- }
949
- }
950
- }
951
-
952
- @media (min-width: 40rem) {
953
- .incode-container {
954
- max-width: 40rem;
955
- }
956
- }
957
-
958
- @media (min-width: 48rem) {
959
- .incode-container {
960
- max-width: 48rem;
961
- }
962
- }
963
-
964
- @media (min-width: 64rem) {
965
- .incode-container {
966
- max-width: 64rem;
967
- }
968
- }
969
-
970
- @media (min-width: 80rem) {
971
- .incode-container {
972
- max-width: 80rem;
973
- }
974
- }
975
-
976
- @media (min-width: 96rem) {
977
- .incode-container {
978
- max-width: 96rem;
979
- }
980
- }
981
-
982
- @media (min-width: 48rem) {
983
- .incode-container {
984
- max-height: var(--incode-page-max-h);
985
- max-width: var(--incode-page-max-w);
986
- }
987
-
988
- @media not all and (min-width: 80rem) {
989
- @media (orientation: landscape) {
990
- .incode-container {
991
- max-height: var(--incode-page-max-h-landscape);
992
- }
993
- }
994
- }
995
- }
996
-
997
- @media (min-width: 40rem) {
998
- .incode-container {
999
- max-width: 40rem;
1000
- }
1001
- }
1002
-
1003
- @media (min-width: 48rem) {
1004
- .incode-container {
1005
- max-width: 48rem;
1006
- }
1007
- }
1008
-
1009
- @media (min-width: 64rem) {
1010
- .incode-container {
1011
- max-width: 64rem;
1012
- }
1013
- }
1014
-
1015
- @media (min-width: 80rem) {
1016
- .incode-container {
1017
- max-width: 80rem;
1018
- }
1019
- }
1020
-
1021
- @media (min-width: 96rem) {
1022
- .incode-container {
1023
- max-width: 96rem;
1024
- }
1025
- }
1026
-
1027
- @media (min-width: 48rem) {
1028
- .incode-container {
1029
- max-height: var(--incode-page-max-h);
1030
- max-width: var(--incode-page-max-w);
1031
- }
1032
-
1033
- @media not all and (min-width: 80rem) {
1034
- @media (orientation: landscape) {
1035
- .incode-container {
1036
- max-height: var(--incode-page-max-h-landscape);
1037
- }
1038
- }
1039
- }
1040
- }
1041
-
1042
- @media (min-width: 40rem) {
1043
- .incode-container {
1044
- max-width: 40rem;
1045
- }
1046
- }
1047
-
1048
- @media (min-width: 48rem) {
1049
- .incode-container {
1050
- max-width: 48rem;
1051
- }
1052
- }
1053
-
1054
- @media (min-width: 64rem) {
1055
- .incode-container {
1056
- max-width: 64rem;
1057
- }
1058
- }
1059
-
1060
- @media (min-width: 80rem) {
1061
- .incode-container {
1062
- max-width: 80rem;
1063
- }
1064
- }
1065
-
1066
- @media (min-width: 96rem) {
1067
- .incode-container {
1068
- max-width: 96rem;
1069
- }
1070
- }
1071
-
1072
- @media (min-width: 48rem) {
1073
- .incode-container {
1074
- max-height: var(--incode-page-max-h);
1075
- max-width: var(--incode-page-max-w);
1076
- }
1077
-
1078
- @media not all and (min-width: 80rem) {
1079
- @media (orientation: landscape) {
1080
- .incode-container {
1081
- max-height: var(--incode-page-max-h-landscape);
1082
- }
1083
- }
1084
- }
1085
- }
1086
-
1087
- @media (min-width: 40rem) {
1088
- .incode-container {
1089
- max-width: 40rem;
1090
- }
1091
- }
1092
-
1093
- @media (min-width: 48rem) {
1094
- .incode-container {
1095
- max-width: 48rem;
1096
- }
1097
- }
1098
-
1099
- @media (min-width: 64rem) {
1100
- .incode-container {
1101
- max-width: 64rem;
1102
- }
1103
- }
1104
-
1105
- @media (min-width: 80rem) {
1106
- .incode-container {
1107
- max-width: 80rem;
1108
- }
1109
- }
1110
-
1111
- @media (min-width: 96rem) {
1112
- .incode-container {
1113
- max-width: 96rem;
1114
- }
1115
- }
1116
-
1117
- @media (min-width: 48rem) {
1118
- .incode-container {
1119
- max-height: var(--incode-page-max-h);
1120
- max-width: var(--incode-page-max-w);
1121
- }
1122
-
1123
- @media not all and (min-width: 80rem) {
1124
- @media (orientation: landscape) {
1125
- .incode-container {
1126
- max-height: var(--incode-page-max-h-landscape);
1127
- }
1128
- }
1129
- }
1130
- }
1131
-
1132
- @media (min-width: 40rem) {
1133
- .incode-container {
1134
- max-width: 40rem;
1135
- }
1136
- }
1137
-
1138
- @media (min-width: 48rem) {
1139
- .incode-container {
1140
- max-width: 48rem;
1141
- }
1142
- }
1143
-
1144
- @media (min-width: 64rem) {
1145
- .incode-container {
1146
- max-width: 64rem;
1147
- }
1148
- }
1149
-
1150
- @media (min-width: 80rem) {
1151
- .incode-container {
1152
- max-width: 80rem;
1153
- }
1154
- }
1155
-
1156
- @media (min-width: 96rem) {
1157
- .incode-container {
1158
- max-width: 96rem;
1159
- }
1160
- }
1161
-
1162
- @media (min-width: 48rem) {
1163
- .incode-container {
1164
- max-height: var(--incode-page-max-h);
1165
- max-width: var(--incode-page-max-w);
1166
- }
1167
-
1168
- @media not all and (min-width: 80rem) {
1169
- @media (orientation: landscape) {
1170
- .incode-container {
1171
- max-height: var(--incode-page-max-h-landscape);
1172
- }
1173
- }
1174
- }
1175
- }
1176
-
1177
- @media (min-width: 40rem) {
1178
- .incode-container {
1179
- max-width: 40rem;
1180
- }
1181
- }
1182
-
1183
- @media (min-width: 48rem) {
1184
- .incode-container {
1185
- max-width: 48rem;
1186
- }
1187
- }
1188
-
1189
- @media (min-width: 64rem) {
1190
- .incode-container {
1191
- max-width: 64rem;
1192
- }
1193
- }
1194
-
1195
- @media (min-width: 80rem) {
1196
- .incode-container {
1197
- max-width: 80rem;
1198
- }
1199
- }
1200
-
1201
- @media (min-width: 96rem) {
1202
- .incode-container {
1203
- max-width: 96rem;
1204
- }
1205
- }
1206
-
1207
- @media (min-width: 48rem) {
1208
- .incode-container {
1209
- max-height: var(--incode-page-max-h);
1210
- max-width: var(--incode-page-max-w);
1211
- }
1212
-
1213
- @media not all and (min-width: 80rem) {
1214
- @media (orientation: landscape) {
1215
- .incode-container {
1216
- max-height: var(--incode-page-max-h-landscape);
1217
- }
1218
- }
1219
- }
1220
- }
1221
-
1222
- @media (min-width: 40rem) {
1223
- .incode-container {
1224
- max-width: 40rem;
1225
- }
1226
- }
1227
-
1228
- @media (min-width: 48rem) {
1229
- .incode-container {
1230
- max-width: 48rem;
1231
- }
1232
- }
1233
-
1234
- @media (min-width: 64rem) {
1235
- .incode-container {
1236
- max-width: 64rem;
1237
- }
1238
- }
1239
-
1240
- @media (min-width: 80rem) {
1241
- .incode-container {
1242
- max-width: 80rem;
1243
- }
1244
- }
1245
-
1246
- @media (min-width: 96rem) {
1247
- .incode-container {
1248
- max-width: 96rem;
1249
- }
1250
- }
1251
-
1252
- @media (min-width: 48rem) {
1253
- .incode-container {
1254
- max-height: var(--incode-page-max-h);
1255
- max-width: var(--incode-page-max-w);
1256
- }
1257
-
1258
- @media not all and (min-width: 80rem) {
1259
- @media (orientation: landscape) {
1260
- .incode-container {
1261
- max-height: var(--incode-page-max-h-landscape);
1262
- }
1263
- }
1264
- }
1265
- }
1266
-
1267
- @media (min-width: 40rem) {
1268
- .incode-container {
1269
- max-width: 40rem;
1270
- }
1271
- }
1272
-
1273
- @media (min-width: 48rem) {
1274
- .incode-container {
1275
- max-width: 48rem;
1276
- }
1277
- }
1278
-
1279
- @media (min-width: 64rem) {
1280
- .incode-container {
1281
- max-width: 64rem;
1282
- }
1283
- }
1284
-
1285
- @media (min-width: 80rem) {
1286
- .incode-container {
1287
- max-width: 80rem;
1288
- }
1289
- }
1290
-
1291
- @media (min-width: 96rem) {
1292
- .incode-container {
1293
- max-width: 96rem;
1294
- }
1295
- }
1296
-
1297
- @media (min-width: 48rem) {
1298
- .incode-container {
1299
- max-height: var(--incode-page-max-h);
1300
- max-width: var(--incode-page-max-w);
1301
- }
1302
-
1303
- @media not all and (min-width: 80rem) {
1304
- @media (orientation: landscape) {
1305
- .incode-container {
1306
- max-height: var(--incode-page-max-h-landscape);
1307
- }
1308
- }
1309
- }
1310
- }
1311
-
1312
- @media (min-width: 40rem) {
1313
- .incode-container {
1314
- max-width: 40rem;
1315
- }
1316
- }
1317
-
1318
- @media (min-width: 48rem) {
1319
- .incode-container {
1320
- max-width: 48rem;
1321
- }
1322
- }
1323
-
1324
- @media (min-width: 64rem) {
1325
- .incode-container {
1326
- max-width: 64rem;
1327
- }
1328
- }
1329
-
1330
- @media (min-width: 80rem) {
1331
- .incode-container {
1332
- max-width: 80rem;
1333
- }
1334
- }
1335
-
1336
- @media (min-width: 96rem) {
1337
- .incode-container {
1338
- max-width: 96rem;
1339
- }
1340
- }
1341
-
1342
- @media (min-width: 48rem) {
1343
- .incode-container {
1344
- max-height: var(--incode-page-max-h);
1345
- max-width: var(--incode-page-max-w);
1346
- }
1347
-
1348
- @media not all and (min-width: 80rem) {
1349
- @media (orientation: landscape) {
1350
- .incode-container {
1351
- max-height: var(--incode-page-max-h-landscape);
1352
- }
1353
- }
1354
- }
1355
- }
1356
-
1357
- @media (min-width: 40rem) {
1358
- .incode-container {
1359
- max-width: 40rem;
1360
- }
1361
- }
1362
-
1363
- @media (min-width: 48rem) {
1364
- .incode-container {
1365
- max-width: 48rem;
1366
- }
1367
- }
1368
-
1369
- @media (min-width: 64rem) {
1370
- .incode-container {
1371
- max-width: 64rem;
1372
- }
1373
- }
1374
-
1375
- @media (min-width: 80rem) {
1376
- .incode-container {
1377
- max-width: 80rem;
1378
- }
1379
- }
1380
-
1381
- @media (min-width: 96rem) {
1382
- .incode-container {
1383
- max-width: 96rem;
1384
- }
1385
- }
1386
-
1387
- @media (min-width: 48rem) {
1388
- .incode-container {
1389
- max-height: var(--incode-page-max-h);
1390
- max-width: var(--incode-page-max-w);
1391
- }
1392
-
1393
- @media not all and (min-width: 80rem) {
1394
- @media (orientation: landscape) {
1395
- .incode-container {
1396
- max-height: var(--incode-page-max-h-landscape);
1397
- }
1398
- }
1399
- }
1400
- }
1401
-
1402
- @media (min-width: 40rem) {
1403
- .incode-container {
1404
- max-width: 40rem;
1405
- }
1406
- }
1407
-
1408
- @media (min-width: 48rem) {
1409
- .incode-container {
1410
- max-width: 48rem;
1411
- }
1412
- }
1413
-
1414
- @media (min-width: 64rem) {
1415
- .incode-container {
1416
- max-width: 64rem;
1417
- }
1418
- }
1419
-
1420
- @media (min-width: 80rem) {
1421
- .incode-container {
1422
- max-width: 80rem;
1423
- }
1424
- }
1425
-
1426
- @media (min-width: 96rem) {
1427
- .incode-container {
1428
- max-width: 96rem;
1429
- }
1430
- }
1431
-
1432
- @media (min-width: 48rem) {
1433
- .incode-container {
1434
- max-height: var(--incode-page-max-h);
1435
- max-width: var(--incode-page-max-w);
1436
- }
1437
-
1438
- @media not all and (min-width: 80rem) {
1439
- @media (orientation: landscape) {
1440
- .incode-container {
1441
- max-height: var(--incode-page-max-h-landscape);
1442
- }
1443
- }
1444
- }
1445
- }
1446
-
1447
- @media (min-width: 40rem) {
1448
- .incode-container {
1449
- max-width: 40rem;
1450
- }
1451
- }
1452
-
1453
- @media (min-width: 48rem) {
1454
- .incode-container {
1455
- max-width: 48rem;
1456
- }
1457
- }
1458
-
1459
- @media (min-width: 64rem) {
1460
- .incode-container {
1461
- max-width: 64rem;
1462
- }
1463
- }
1464
-
1465
- @media (min-width: 80rem) {
1466
- .incode-container {
1467
- max-width: 80rem;
1468
- }
1469
- }
1470
-
1471
- @media (min-width: 96rem) {
1472
- .incode-container {
1473
- max-width: 96rem;
1474
- }
1475
- }
1476
-
1477
- @media (min-width: 48rem) {
1478
- .incode-container {
1479
- max-height: var(--incode-page-max-h);
1480
- max-width: var(--incode-page-max-w);
1481
- }
1482
-
1483
- @media not all and (min-width: 80rem) {
1484
- @media (orientation: landscape) {
1485
- .incode-container {
1486
- max-height: var(--incode-page-max-h-landscape);
1487
- }
1488
- }
1489
- }
1490
- }
1491
-
1492
- @media (min-width: 40rem) {
1493
- .incode-container {
1494
- max-width: 40rem;
1495
- }
1496
- }
1497
-
1498
- @media (min-width: 48rem) {
1499
- .incode-container {
1500
- max-width: 48rem;
1501
- }
1502
- }
1503
-
1504
- @media (min-width: 64rem) {
1505
- .incode-container {
1506
- max-width: 64rem;
1507
- }
1508
- }
1509
-
1510
- @media (min-width: 80rem) {
1511
- .incode-container {
1512
- max-width: 80rem;
1513
- }
1514
- }
1515
-
1516
- @media (min-width: 96rem) {
1517
- .incode-container {
1518
- max-width: 96rem;
1519
- }
1520
- }
1521
-
1522
- @media (min-width: 48rem) {
1523
- .incode-container {
1524
- max-height: var(--incode-page-max-h);
1525
- max-width: var(--incode-page-max-w);
1526
- }
1527
-
1528
- @media not all and (min-width: 80rem) {
1529
- @media (orientation: landscape) {
1530
- .incode-container {
1531
- max-height: var(--incode-page-max-h-landscape);
1532
- }
1533
- }
1534
- }
1535
- }
1536
-
1537
- @media (min-width: 40rem) {
1538
- .incode-container {
1539
- max-width: 40rem;
1540
- }
1541
- }
1542
-
1543
- @media (min-width: 48rem) {
1544
- .incode-container {
1545
- max-width: 48rem;
1546
- }
1547
- }
1548
-
1549
- @media (min-width: 64rem) {
1550
- .incode-container {
1551
- max-width: 64rem;
1552
- }
1553
- }
1554
-
1555
- @media (min-width: 80rem) {
1556
- .incode-container {
1557
- max-width: 80rem;
1558
- }
1559
- }
1560
-
1561
- @media (min-width: 96rem) {
1562
- .incode-container {
1563
- max-width: 96rem;
1564
- }
1565
- }
1566
-
1567
- @media (min-width: 48rem) {
1568
- .incode-container {
1569
- max-height: var(--incode-page-max-h);
1570
- max-width: var(--incode-page-max-w);
1571
- }
1572
-
1573
- @media not all and (min-width: 80rem) {
1574
- @media (orientation: landscape) {
1575
- .incode-container {
1576
- max-height: var(--incode-page-max-h-landscape);
1577
- }
1578
- }
1579
- }
1580
- }
1581
-
1582
- @media (min-width: 40rem) {
1583
- .incode-container {
1584
- max-width: 40rem;
1585
- }
1586
- }
1587
-
1588
- @media (min-width: 48rem) {
1589
- .incode-container {
1590
- max-width: 48rem;
1591
- }
1592
- }
1593
-
1594
- @media (min-width: 64rem) {
1595
- .incode-container {
1596
- max-width: 64rem;
1597
- }
1598
- }
1599
-
1600
- @media (min-width: 80rem) {
1601
- .incode-container {
1602
- max-width: 80rem;
1603
- }
1604
- }
1605
-
1606
- @media (min-width: 96rem) {
1607
- .incode-container {
1608
- max-width: 96rem;
1609
- }
1610
- }
1611
-
1612
- @media (min-width: 48rem) {
1613
- .incode-container {
1614
- max-height: var(--incode-page-max-h);
1615
- max-width: var(--incode-page-max-w);
1616
- }
1617
-
1618
- @media not all and (min-width: 80rem) {
1619
- @media (orientation: landscape) {
1620
- .incode-container {
1621
- max-height: var(--incode-page-max-h-landscape);
1622
- }
1623
- }
1624
- }
1625
- }
1626
-
1627
- @media (min-width: 40rem) {
1628
- .incode-container {
1629
- max-width: 40rem;
1630
- }
1631
- }
1632
-
1633
- @media (min-width: 48rem) {
1634
- .incode-container {
1635
- max-width: 48rem;
1636
- }
1637
- }
1638
-
1639
- @media (min-width: 64rem) {
1640
- .incode-container {
1641
- max-width: 64rem;
1642
- }
1643
- }
1644
-
1645
- @media (min-width: 80rem) {
1646
- .incode-container {
1647
- max-width: 80rem;
1648
- }
1649
- }
1650
-
1651
- @media (min-width: 96rem) {
1652
- .incode-container {
1653
- max-width: 96rem;
1654
- }
1655
- }
1656
-
1657
- @media (min-width: 48rem) {
1658
- .incode-container {
1659
- max-height: var(--incode-page-max-h);
1660
- max-width: var(--incode-page-max-w);
1661
- }
1662
-
1663
- @media not all and (min-width: 80rem) {
1664
- @media (orientation: landscape) {
1665
- .incode-container {
1666
- max-height: var(--incode-page-max-h-landscape);
1667
- }
1668
- }
1669
- }
1670
- }
1671
-
1672
- @media (min-width: 40rem) {
1673
- .incode-container {
1674
- max-width: 40rem;
1675
- }
1676
- }
1677
-
1678
- @media (min-width: 48rem) {
1679
- .incode-container {
1680
- max-width: 48rem;
1681
- }
1682
- }
1683
-
1684
- @media (min-width: 64rem) {
1685
- .incode-container {
1686
- max-width: 64rem;
1687
- }
1688
- }
1689
-
1690
- @media (min-width: 80rem) {
1691
- .incode-container {
1692
- max-width: 80rem;
1693
- }
1694
- }
1695
-
1696
- @media (min-width: 96rem) {
1697
- .incode-container {
1698
- max-width: 96rem;
1699
- }
1700
- }
1701
-
1702
- @media (min-width: 48rem) {
1703
- .incode-container {
1704
- max-height: var(--incode-page-max-h);
1705
- max-width: var(--incode-page-max-w);
1706
- }
1707
-
1708
- @media not all and (min-width: 80rem) {
1709
- @media (orientation: landscape) {
1710
- .incode-container {
1711
- max-height: var(--incode-page-max-h-landscape);
1712
- }
1713
- }
1714
- }
1715
- }
1716
-
1717
- @media (min-width: 40rem) {
1718
- .incode-container {
1719
- max-width: 40rem;
1720
- }
1721
- }
1722
-
1723
- @media (min-width: 48rem) {
1724
- .incode-container {
1725
- max-width: 48rem;
1726
- }
1727
- }
1728
-
1729
- @media (min-width: 64rem) {
1730
- .incode-container {
1731
- max-width: 64rem;
1732
- }
1733
- }
1734
-
1735
- @media (min-width: 80rem) {
1736
- .incode-container {
1737
- max-width: 80rem;
1738
- }
1739
- }
1740
-
1741
- @media (min-width: 96rem) {
1742
- .incode-container {
1743
- max-width: 96rem;
1744
- }
1745
- }
1746
-
1747
- @media (min-width: 48rem) {
1748
- .incode-container {
1749
- max-height: var(--incode-page-max-h);
1750
- max-width: var(--incode-page-max-w);
1751
- }
1752
-
1753
- @media not all and (min-width: 80rem) {
1754
- @media (orientation: landscape) {
1755
- .incode-container {
1756
- max-height: var(--incode-page-max-h-landscape);
1757
- }
1758
- }
1759
- }
1760
- }
1761
-
1762
- @media (min-width: 40rem) {
1763
- .incode-container {
1764
- max-width: 40rem;
1765
- }
1766
- }
1767
-
1768
- @media (min-width: 48rem) {
1769
- .incode-container {
1770
- max-width: 48rem;
1771
- }
1772
- }
1773
-
1774
- @media (min-width: 64rem) {
1775
- .incode-container {
1776
- max-width: 64rem;
1777
- }
1778
- }
1779
-
1780
- @media (min-width: 80rem) {
1781
- .incode-container {
1782
- max-width: 80rem;
1783
- }
1784
- }
1785
-
1786
- @media (min-width: 96rem) {
1787
- .incode-container {
1788
- max-width: 96rem;
1789
- }
1790
- }
1791
-
1792
- @media (min-width: 48rem) {
1793
- .incode-container {
1794
- max-height: var(--incode-page-max-h);
1795
- max-width: var(--incode-page-max-w);
1796
- }
1797
-
1798
- @media not all and (min-width: 80rem) {
1799
- @media (orientation: landscape) {
1800
- .incode-container {
1801
- max-height: var(--incode-page-max-h-landscape);
1802
- }
1803
- }
1804
- }
1805
- }
1806
-
1807
- @media (min-width: 40rem) {
1808
- .incode-container {
1809
- max-width: 40rem;
1810
- }
1811
- }
1812
-
1813
- @media (min-width: 48rem) {
1814
- .incode-container {
1815
- max-width: 48rem;
1816
- }
1817
- }
1818
-
1819
- @media (min-width: 64rem) {
1820
- .incode-container {
1821
- max-width: 64rem;
1822
- }
1823
- }
1824
-
1825
- @media (min-width: 80rem) {
1826
- .incode-container {
1827
- max-width: 80rem;
1828
- }
1829
- }
1830
-
1831
- @media (min-width: 96rem) {
1832
- .incode-container {
1833
- max-width: 96rem;
1834
- }
1835
- }
1836
-
1837
- @media (min-width: 48rem) {
1838
- .incode-container {
1839
- max-height: var(--incode-page-max-h);
1840
- max-width: var(--incode-page-max-w);
1841
- }
1842
-
1843
- @media not all and (min-width: 80rem) {
1844
- @media (orientation: landscape) {
1845
- .incode-container {
1846
- max-height: var(--incode-page-max-h-landscape);
1847
- }
1848
- }
1849
- }
1850
- }
1851
-
1852
- @media (min-width: 40rem) {
1853
- .incode-container {
1854
- max-width: 40rem;
1855
- }
1856
- }
1857
-
1858
- @media (min-width: 48rem) {
1859
- .incode-container {
1860
- max-width: 48rem;
1861
- }
1862
- }
1863
-
1864
- @media (min-width: 64rem) {
1865
- .incode-container {
1866
- max-width: 64rem;
1867
- }
1868
- }
1869
-
1870
- @media (min-width: 80rem) {
1871
- .incode-container {
1872
- max-width: 80rem;
1873
- }
1874
- }
1875
-
1876
- @media (min-width: 96rem) {
1877
- .incode-container {
1878
- max-width: 96rem;
1879
- }
1880
- }
1881
-
1882
- @media (min-width: 48rem) {
1883
- .incode-container {
1884
- max-height: var(--incode-page-max-h);
1885
- max-width: var(--incode-page-max-w);
1886
- }
1887
-
1888
- @media not all and (min-width: 80rem) {
1889
- @media (orientation: landscape) {
1890
- .incode-container {
1891
- max-height: var(--incode-page-max-h-landscape);
1892
- }
1893
- }
1894
- }
1895
- }
1896
-
1897
- @media (min-width: 40rem) {
1898
- .incode-container {
1899
- max-width: 40rem;
1900
- }
1901
- }
1902
-
1903
- @media (min-width: 48rem) {
1904
- .incode-container {
1905
- max-width: 48rem;
1906
- }
1907
- }
1908
-
1909
- @media (min-width: 64rem) {
1910
- .incode-container {
1911
- max-width: 64rem;
1912
- }
1913
- }
1914
-
1915
- @media (min-width: 80rem) {
1916
- .incode-container {
1917
- max-width: 80rem;
1918
- }
1919
- }
1920
-
1921
- @media (min-width: 96rem) {
1922
- .incode-container {
1923
- max-width: 96rem;
1924
- }
1925
- }
1926
-
1927
- @media (min-width: 48rem) {
1928
- .incode-container {
1929
- max-height: var(--incode-page-max-h);
1930
- max-width: var(--incode-page-max-w);
1931
- }
1932
-
1933
- @media not all and (min-width: 80rem) {
1934
- @media (orientation: landscape) {
1935
- .incode-container {
1936
- max-height: var(--incode-page-max-h-landscape);
1937
- }
1938
- }
1939
- }
1940
- }
1941
-
1942
- @media (min-width: 40rem) {
1943
- .incode-container {
1944
- max-width: 40rem;
1945
- }
1946
- }
1947
-
1948
- @media (min-width: 48rem) {
1949
- .incode-container {
1950
- max-width: 48rem;
1951
- }
1952
- }
1953
-
1954
- @media (min-width: 64rem) {
1955
- .incode-container {
1956
- max-width: 64rem;
1957
- }
1958
- }
1959
-
1960
- @media (min-width: 80rem) {
1961
- .incode-container {
1962
- max-width: 80rem;
1963
- }
1964
- }
1965
-
1966
- @media (min-width: 96rem) {
1967
- .incode-container {
1968
- max-width: 96rem;
1969
- }
1970
- }
1971
-
1972
- @media (min-width: 48rem) {
1973
- .incode-container {
1974
- max-height: var(--incode-page-max-h);
1975
- max-width: var(--incode-page-max-w);
1976
- }
1977
-
1978
- @media not all and (min-width: 80rem) {
1979
- @media (orientation: landscape) {
1980
- .incode-container {
1981
- max-height: var(--incode-page-max-h-landscape);
1982
- }
1983
- }
1984
- }
1985
- }
1986
-
1987
- @media (min-width: 40rem) {
1988
- .incode-container {
1989
- max-width: 40rem;
1990
- }
1991
- }
1992
-
1993
- @media (min-width: 48rem) {
1994
- .incode-container {
1995
- max-width: 48rem;
1996
- }
1997
- }
1998
-
1999
- @media (min-width: 64rem) {
2000
- .incode-container {
2001
- max-width: 64rem;
2002
- }
2003
- }
2004
-
2005
- @media (min-width: 80rem) {
2006
- .incode-container {
2007
- max-width: 80rem;
2008
- }
2009
- }
2010
-
2011
- @media (min-width: 96rem) {
2012
- .incode-container {
2013
- max-width: 96rem;
2014
- }
2015
- }
2016
-
2017
- @media (min-width: 48rem) {
2018
- .incode-container {
2019
- max-height: var(--incode-page-max-h);
2020
- max-width: var(--incode-page-max-w);
2021
- }
2022
-
2023
- @media not all and (min-width: 80rem) {
2024
- @media (orientation: landscape) {
2025
- .incode-container {
2026
- max-height: var(--incode-page-max-h-landscape);
2027
- }
2028
- }
2029
- }
2030
- }
2031
-
2032
- @media (min-width: 40rem) {
2033
- .incode-container {
2034
- max-width: 40rem;
2035
- }
2036
- }
2037
-
2038
- @media (min-width: 48rem) {
2039
- .incode-container {
2040
- max-width: 48rem;
2041
- }
2042
- }
2043
-
2044
- @media (min-width: 64rem) {
2045
- .incode-container {
2046
- max-width: 64rem;
2047
- }
2048
- }
2049
-
2050
- @media (min-width: 80rem) {
2051
- .incode-container {
2052
- max-width: 80rem;
2053
- }
2054
- }
2055
-
2056
- @media (min-width: 96rem) {
2057
- .incode-container {
2058
- max-width: 96rem;
2059
- }
2060
- }
2061
-
2062
- @media (min-width: 48rem) {
2063
- .incode-container {
2064
- max-height: var(--incode-page-max-h);
2065
- max-width: var(--incode-page-max-w);
2066
- }
2067
-
2068
- @media not all and (min-width: 80rem) {
2069
- @media (orientation: landscape) {
2070
- .incode-container {
2071
- max-height: var(--incode-page-max-h-landscape);
2072
- }
2073
- }
2074
- }
2075
- }
2076
-
2077
- @media (min-width: 40rem) {
2078
- .incode-container {
2079
- max-width: 40rem;
2080
- }
2081
- }
2082
-
2083
- @media (min-width: 48rem) {
2084
- .incode-container {
2085
- max-width: 48rem;
2086
- }
2087
- }
2088
-
2089
- @media (min-width: 64rem) {
2090
- .incode-container {
2091
- max-width: 64rem;
2092
- }
2093
- }
2094
-
2095
- @media (min-width: 80rem) {
2096
- .incode-container {
2097
- max-width: 80rem;
2098
- }
2099
- }
2100
-
2101
- @media (min-width: 96rem) {
2102
- .incode-container {
2103
- max-width: 96rem;
2104
- }
2105
- }
2106
-
2107
- @media (min-width: 48rem) {
2108
- .incode-container {
2109
- max-height: var(--incode-page-max-h);
2110
- max-width: var(--incode-page-max-w);
2111
- }
2112
-
2113
- @media not all and (min-width: 80rem) {
2114
- @media (orientation: landscape) {
2115
- .incode-container {
2116
- max-height: var(--incode-page-max-h-landscape);
2117
- }
2118
- }
2119
- }
2120
- }
2121
-
2122
- @media (min-width: 40rem) {
2123
- .incode-container {
2124
- max-width: 40rem;
2125
- }
2126
- }
2127
-
2128
- @media (min-width: 48rem) {
2129
- .incode-container {
2130
- max-width: 48rem;
2131
- }
2132
- }
2133
-
2134
- @media (min-width: 64rem) {
2135
- .incode-container {
2136
- max-width: 64rem;
2137
- }
2138
- }
2139
-
2140
- @media (min-width: 80rem) {
2141
- .incode-container {
2142
- max-width: 80rem;
2143
- }
2144
- }
2145
-
2146
- @media (min-width: 96rem) {
2147
- .incode-container {
2148
- max-width: 96rem;
2149
- }
2150
- }
2151
-
2152
- @media (min-width: 48rem) {
2153
- .incode-container {
2154
- max-height: var(--incode-page-max-h);
2155
- max-width: var(--incode-page-max-w);
2156
- }
2157
-
2158
- @media not all and (min-width: 80rem) {
2159
- @media (orientation: landscape) {
2160
- .incode-container {
2161
- max-height: var(--incode-page-max-h-landscape);
2162
- }
2163
- }
2164
- }
2165
- }
2166
-
2167
- @media (min-width: 40rem) {
2168
- .incode-container {
2169
- max-width: 40rem;
2170
- }
2171
- }
2172
-
2173
- @media (min-width: 48rem) {
2174
- .incode-container {
2175
- max-width: 48rem;
2176
- }
2177
- }
2178
-
2179
- @media (min-width: 64rem) {
2180
- .incode-container {
2181
- max-width: 64rem;
2182
- }
2183
- }
2184
-
2185
- @media (min-width: 80rem) {
2186
- .incode-container {
2187
- max-width: 80rem;
2188
- }
2189
- }
2190
-
2191
- @media (min-width: 96rem) {
2192
- .incode-container {
2193
- max-width: 96rem;
2194
- }
2195
- }
2196
-
2197
- @media (min-width: 48rem) {
2198
- .incode-container {
2199
- max-height: var(--incode-page-max-h);
2200
- max-width: var(--incode-page-max-w);
2201
- }
2202
-
2203
- @media not all and (min-width: 80rem) {
2204
- @media (orientation: landscape) {
2205
- .incode-container {
2206
- max-height: var(--incode-page-max-h-landscape);
2207
- }
2208
- }
2209
- }
2210
- }
2211
-
2212
- @media (min-width: 40rem) {
2213
- .incode-container {
2214
- max-width: 40rem;
2215
- }
2216
- }
2217
-
2218
- @media (min-width: 48rem) {
2219
- .incode-container {
2220
- max-width: 48rem;
2221
- }
2222
- }
2223
-
2224
- @media (min-width: 64rem) {
2225
- .incode-container {
2226
- max-width: 64rem;
2227
- }
2228
- }
2229
-
2230
- @media (min-width: 80rem) {
2231
- .incode-container {
2232
- max-width: 80rem;
2233
- }
2234
- }
2235
-
2236
- @media (min-width: 96rem) {
2237
- .incode-container {
2238
- max-width: 96rem;
2239
- }
2240
- }
2241
-
2242
- @media (min-width: 48rem) {
2243
- .incode-container {
2244
- max-height: var(--incode-page-max-h);
2245
- max-width: var(--incode-page-max-w);
2246
- }
2247
-
2248
- @media not all and (min-width: 80rem) {
2249
- @media (orientation: landscape) {
2250
- .incode-container {
2251
- max-height: var(--incode-page-max-h-landscape);
2252
- }
2253
- }
2254
- }
2255
- }
2256
-
2257
- @media (min-width: 40rem) {
2258
- .incode-container {
2259
- max-width: 40rem;
2260
- }
2261
- }
2262
-
2263
- @media (min-width: 48rem) {
2264
- .incode-container {
2265
- max-width: 48rem;
2266
- }
2267
- }
2268
-
2269
- @media (min-width: 64rem) {
2270
- .incode-container {
2271
- max-width: 64rem;
2272
- }
2273
- }
2274
-
2275
- @media (min-width: 80rem) {
2276
- .incode-container {
2277
- max-width: 80rem;
2278
- }
2279
- }
2280
-
2281
- @media (min-width: 96rem) {
2282
- .incode-container {
2283
- max-width: 96rem;
2284
- }
2285
- }
2286
-
2287
- @media (min-width: 48rem) {
2288
- .incode-container {
2289
- max-height: var(--incode-page-max-h);
2290
- max-width: var(--incode-page-max-w);
2291
- }
2292
-
2293
- @media not all and (min-width: 80rem) {
2294
- @media (orientation: landscape) {
2295
- .incode-container {
2296
- max-height: var(--incode-page-max-h-landscape);
2297
- }
2298
- }
2299
- }
2300
- }
2301
-
2302
- @media (min-width: 40rem) {
2303
- .incode-container {
2304
- max-width: 40rem;
2305
- }
2306
- }
2307
-
2308
- @media (min-width: 48rem) {
2309
- .incode-container {
2310
- max-width: 48rem;
2311
- }
2312
- }
2313
-
2314
- @media (min-width: 64rem) {
2315
- .incode-container {
2316
- max-width: 64rem;
2317
- }
2318
- }
2319
-
2320
- @media (min-width: 80rem) {
2321
- .incode-container {
2322
- max-width: 80rem;
2323
- }
2324
- }
2325
-
2326
- @media (min-width: 96rem) {
2327
- .incode-container {
2328
- max-width: 96rem;
2329
- }
2330
- }
2331
-
2332
- @media (min-width: 48rem) {
2333
- .incode-container {
2334
- max-height: var(--incode-page-max-h);
2335
- max-width: var(--incode-page-max-w);
2336
- }
2337
-
2338
- @media not all and (min-width: 80rem) {
2339
- @media (orientation: landscape) {
2340
- .incode-container {
2341
- max-height: var(--incode-page-max-h-landscape);
2342
- }
2343
- }
2344
- }
2345
- }
2346
-
2347
- @media (min-width: 40rem) {
2348
- .incode-container {
2349
- max-width: 40rem;
2350
- }
2351
- }
2352
-
2353
- @media (min-width: 48rem) {
2354
- .incode-container {
2355
- max-width: 48rem;
2356
- }
2357
- }
2358
-
2359
- @media (min-width: 64rem) {
2360
- .incode-container {
2361
- max-width: 64rem;
2362
- }
2363
- }
2364
-
2365
- @media (min-width: 80rem) {
2366
- .incode-container {
2367
- max-width: 80rem;
2368
- }
2369
- }
2370
-
2371
- @media (min-width: 96rem) {
2372
- .incode-container {
2373
- max-width: 96rem;
2374
- }
2375
- }
2376
-
2377
- @media (min-width: 48rem) {
2378
- .incode-container {
2379
- max-height: var(--incode-page-max-h);
2380
- max-width: var(--incode-page-max-w);
2381
- }
2382
-
2383
- @media not all and (min-width: 80rem) {
2384
- @media (orientation: landscape) {
2385
- .incode-container {
2386
- max-height: var(--incode-page-max-h-landscape);
2387
- }
2388
- }
2389
- }
2390
- }
2391
-
2392
- @media (min-width: 40rem) {
2393
- .incode-container {
2394
- max-width: 40rem;
2395
- }
2396
- }
2397
-
2398
- @media (min-width: 48rem) {
2399
- .incode-container {
2400
- max-width: 48rem;
2401
- }
2402
- }
2403
-
2404
- @media (min-width: 64rem) {
2405
- .incode-container {
2406
- max-width: 64rem;
2407
- }
2408
- }
2409
-
2410
- @media (min-width: 80rem) {
2411
- .incode-container {
2412
- max-width: 80rem;
2413
- }
2414
- }
2415
-
2416
- @media (min-width: 96rem) {
2417
- .incode-container {
2418
- max-width: 96rem;
2419
- }
2420
- }
2421
-
2422
- @media (min-width: 48rem) {
2423
- .incode-container {
2424
- max-height: var(--incode-page-max-h);
2425
- max-width: var(--incode-page-max-w);
2426
- }
2427
-
2428
- @media not all and (min-width: 80rem) {
2429
- @media (orientation: landscape) {
2430
- .incode-container {
2431
- max-height: var(--incode-page-max-h-landscape);
2432
- }
2433
- }
2434
- }
2435
- }
2436
-
2437
- @media (min-width: 40rem) {
2438
- .incode-container {
2439
- max-width: 40rem;
2440
- }
2441
- }
2442
-
2443
- @media (min-width: 48rem) {
2444
- .incode-container {
2445
- max-width: 48rem;
2446
- }
2447
- }
2448
-
2449
- @media (min-width: 64rem) {
2450
- .incode-container {
2451
- max-width: 64rem;
2452
- }
2453
- }
2454
-
2455
- @media (min-width: 80rem) {
2456
- .incode-container {
2457
- max-width: 80rem;
2458
- }
2459
- }
2460
-
2461
- @media (min-width: 96rem) {
2462
- .incode-container {
2463
- max-width: 96rem;
2464
- }
2465
- }
2466
-
2467
- @media (min-width: 48rem) {
2468
- .incode-container {
2469
- max-height: var(--incode-page-max-h);
2470
- max-width: var(--incode-page-max-w);
2471
- }
2472
-
2473
- @media not all and (min-width: 80rem) {
2474
- @media (orientation: landscape) {
2475
- .incode-container {
2476
- max-height: var(--incode-page-max-h-landscape);
2477
- }
2478
- }
2479
- }
2480
- }
2481
-
2482
- @media (min-width: 40rem) {
2483
- .incode-container {
2484
- max-width: 40rem;
2485
- }
2486
- }
2487
-
2488
- @media (min-width: 48rem) {
2489
- .incode-container {
2490
- max-width: 48rem;
2491
- }
2492
- }
2493
-
2494
- @media (min-width: 64rem) {
2495
- .incode-container {
2496
- max-width: 64rem;
2497
- }
2498
- }
2499
-
2500
- @media (min-width: 80rem) {
2501
- .incode-container {
2502
- max-width: 80rem;
2503
- }
2504
- }
2505
-
2506
- @media (min-width: 96rem) {
2507
- .incode-container {
2508
- max-width: 96rem;
2509
- }
2510
- }
2511
-
2512
- @media (min-width: 48rem) {
2513
- .incode-container {
2514
- max-height: var(--incode-page-max-h);
2515
- max-width: var(--incode-page-max-w);
2516
- }
2517
-
2518
- @media not all and (min-width: 80rem) {
2519
- @media (orientation: landscape) {
2520
- .incode-container {
2521
- max-height: var(--incode-page-max-h-landscape);
2522
- }
2523
- }
2524
- }
2525
- }
2526
-
2527
- @media (min-width: 40rem) {
2528
- .incode-container {
2529
- max-width: 40rem;
2530
- }
2531
- }
2532
-
2533
- @media (min-width: 48rem) {
2534
- .incode-container {
2535
- max-width: 48rem;
2536
- }
2537
- }
2538
-
2539
- @media (min-width: 64rem) {
2540
- .incode-container {
2541
- max-width: 64rem;
2542
- }
2543
- }
2544
-
2545
- @media (min-width: 80rem) {
2546
- .incode-container {
2547
- max-width: 80rem;
2548
- }
2549
- }
2550
-
2551
- @media (min-width: 96rem) {
2552
- .incode-container {
2553
- max-width: 96rem;
2554
- }
2555
- }
2556
-
2557
- @media (min-width: 48rem) {
2558
- .incode-container {
2559
- max-height: var(--incode-page-max-h);
2560
- max-width: var(--incode-page-max-w);
2561
- }
2562
-
2563
- @media not all and (min-width: 80rem) {
2564
- @media (orientation: landscape) {
2565
- .incode-container {
2566
- max-height: var(--incode-page-max-h-landscape);
2567
- }
2568
- }
2569
- }
2570
- }
2571
-
2572
- @media (min-width: 40rem) {
2573
- .incode-container {
2574
- max-width: 40rem;
2575
- }
2576
- }
2577
-
2578
- @media (min-width: 48rem) {
2579
- .incode-container {
2580
- max-width: 48rem;
2581
- }
2582
- }
2583
-
2584
- @media (min-width: 64rem) {
2585
- .incode-container {
2586
- max-width: 64rem;
2587
- }
2588
- }
2589
-
2590
- @media (min-width: 80rem) {
2591
- .incode-container {
2592
- max-width: 80rem;
2593
- }
2594
- }
2595
-
2596
- @media (min-width: 96rem) {
2597
- .incode-container {
2598
- max-width: 96rem;
2599
- }
2600
- }
2601
-
2602
- @media (min-width: 48rem) {
2603
- .incode-container {
2604
- max-height: var(--incode-page-max-h);
2605
- max-width: var(--incode-page-max-w);
2606
- }
2607
-
2608
- @media not all and (min-width: 80rem) {
2609
- @media (orientation: landscape) {
2610
- .incode-container {
2611
- max-height: var(--incode-page-max-h-landscape);
2612
- }
2613
- }
2614
- }
2615
- }
2616
-
2617
- @media (min-width: 40rem) {
2618
- .incode-container {
2619
- max-width: 40rem;
2620
- }
2621
- }
2622
-
2623
- @media (min-width: 48rem) {
2624
- .incode-container {
2625
- max-width: 48rem;
2626
- }
2627
- }
2628
-
2629
- @media (min-width: 64rem) {
2630
- .incode-container {
2631
- max-width: 64rem;
2632
- }
2633
- }
2634
-
2635
- @media (min-width: 80rem) {
2636
- .incode-container {
2637
- max-width: 80rem;
2638
- }
2639
- }
2640
-
2641
- @media (min-width: 96rem) {
2642
- .incode-container {
2643
- max-width: 96rem;
2644
- }
2645
- }
2646
-
2647
- @media (min-width: 48rem) {
2648
- .incode-container {
2649
- max-height: var(--incode-page-max-h);
2650
- max-width: var(--incode-page-max-w);
2651
- }
2652
-
2653
- @media not all and (min-width: 80rem) {
2654
- @media (orientation: landscape) {
2655
- .incode-container {
2656
- max-height: var(--incode-page-max-h-landscape);
2657
- }
2658
- }
2659
- }
2660
- }
2661
-
2662
- @media (min-width: 40rem) {
2663
- .incode-container {
2664
- max-width: 40rem;
2665
- }
2666
- }
2667
-
2668
- @media (min-width: 48rem) {
2669
- .incode-container {
2670
- max-width: 48rem;
2671
- }
2672
- }
2673
-
2674
- @media (min-width: 64rem) {
2675
- .incode-container {
2676
- max-width: 64rem;
2677
- }
2678
- }
2679
-
2680
- @media (min-width: 80rem) {
2681
- .incode-container {
2682
- max-width: 80rem;
2683
- }
2684
- }
2685
-
2686
- @media (min-width: 96rem) {
2687
- .incode-container {
2688
- max-width: 96rem;
2689
- }
2690
- }
2691
-
2692
- @media (min-width: 48rem) {
2693
- .incode-container {
2694
- max-height: var(--incode-page-max-h);
2695
- max-width: var(--incode-page-max-w);
2696
- }
2697
-
2698
- @media not all and (min-width: 80rem) {
2699
- @media (orientation: landscape) {
2700
- .incode-container {
2701
- max-height: var(--incode-page-max-h-landscape);
2702
- }
2703
- }
2704
- }
2705
- }
2706
-
2707
- @media (min-width: 40rem) {
2708
- .incode-container {
2709
- max-width: 40rem;
2710
- }
2711
- }
2712
-
2713
- @media (min-width: 48rem) {
2714
- .incode-container {
2715
- max-width: 48rem;
2716
- }
2717
- }
2718
-
2719
- @media (min-width: 64rem) {
2720
- .incode-container {
2721
- max-width: 64rem;
2722
- }
2723
- }
2724
-
2725
- @media (min-width: 80rem) {
2726
- .incode-container {
2727
- max-width: 80rem;
2728
- }
2729
- }
2730
-
2731
- @media (min-width: 96rem) {
2732
- .incode-container {
2733
- max-width: 96rem;
2734
- }
2735
- }
2736
-
2737
- @media (min-width: 48rem) {
2738
- .incode-container {
2739
- max-height: var(--incode-page-max-h);
2740
- max-width: var(--incode-page-max-w);
2741
- }
2742
-
2743
- @media not all and (min-width: 80rem) {
2744
- @media (orientation: landscape) {
2745
- .incode-container {
2746
- max-height: var(--incode-page-max-h-landscape);
2747
- }
2748
- }
2749
- }
2750
- }
2751
-
2752
- @media (min-width: 40rem) {
2753
- .incode-container {
2754
- max-width: 40rem;
2755
- }
2756
- }
2757
-
2758
- @media (min-width: 48rem) {
2759
- .incode-container {
2760
- max-width: 48rem;
2761
- }
2762
- }
2763
-
2764
- @media (min-width: 64rem) {
2765
- .incode-container {
2766
- max-width: 64rem;
2767
- }
2768
- }
2769
-
2770
- @media (min-width: 80rem) {
2771
- .incode-container {
2772
- max-width: 80rem;
2773
- }
2774
- }
2775
-
2776
- @media (min-width: 96rem) {
2777
- .incode-container {
2778
- max-width: 96rem;
2779
- }
2780
- }
2781
-
2782
- @media (min-width: 48rem) {
2783
- .incode-container {
2784
- max-height: var(--incode-page-max-h);
2785
- max-width: var(--incode-page-max-w);
2786
- }
2787
-
2788
- @media not all and (min-width: 80rem) {
2789
- @media (orientation: landscape) {
2790
- .incode-container {
2791
- max-height: var(--incode-page-max-h-landscape);
2792
- }
2793
- }
2794
- }
2795
- }
2796
-
2797
- @media (min-width: 40rem) {
2798
- .incode-container {
2799
- max-width: 40rem;
2800
- }
2801
- }
2802
-
2803
- @media (min-width: 48rem) {
2804
- .incode-container {
2805
- max-width: 48rem;
2806
- }
2807
- }
2808
-
2809
- @media (min-width: 64rem) {
2810
- .incode-container {
2811
- max-width: 64rem;
2812
- }
2813
- }
2814
-
2815
- @media (min-width: 80rem) {
2816
- .incode-container {
2817
- max-width: 80rem;
2818
- }
2819
- }
2820
-
2821
- @media (min-width: 96rem) {
2822
- .incode-container {
2823
- max-width: 96rem;
2824
- }
2825
- }
2826
-
2827
- @media (min-width: 48rem) {
2828
- .incode-container {
2829
- max-height: var(--incode-page-max-h);
2830
- max-width: var(--incode-page-max-w);
2831
- }
2832
-
2833
- @media not all and (min-width: 80rem) {
2834
- @media (orientation: landscape) {
2835
- .incode-container {
2836
- max-height: var(--incode-page-max-h-landscape);
2837
- }
2838
- }
2839
- }
2840
- }
2841
-
2842
- @media (min-width: 40rem) {
2843
- .incode-container {
2844
- max-width: 40rem;
2845
- }
2846
- }
2847
-
2848
- @media (min-width: 48rem) {
2849
- .incode-container {
2850
- max-width: 48rem;
2851
- }
2852
- }
2853
-
2854
- @media (min-width: 64rem) {
2855
- .incode-container {
2856
- max-width: 64rem;
2857
- }
2858
- }
2859
-
2860
- @media (min-width: 80rem) {
2861
- .incode-container {
2862
- max-width: 80rem;
2863
- }
2864
- }
2865
-
2866
- @media (min-width: 96rem) {
2867
- .incode-container {
2868
- max-width: 96rem;
2869
- }
2870
- }
2871
-
2872
- @media (min-width: 48rem) {
2873
- .incode-container {
2874
- max-height: var(--incode-page-max-h);
2875
- max-width: var(--incode-page-max-w);
2876
- }
2877
-
2878
- @media not all and (min-width: 80rem) {
2879
- @media (orientation: landscape) {
2880
- .incode-container {
2881
- max-height: var(--incode-page-max-h-landscape);
2882
- }
2883
- }
2884
- }
2885
- }
2886
-
2887
- @media (min-width: 40rem) {
2888
- .incode-container {
2889
- max-width: 40rem;
2890
- }
2891
- }
2892
-
2893
- @media (min-width: 48rem) {
2894
- .incode-container {
2895
- max-width: 48rem;
2896
- }
2897
- }
2898
-
2899
- @media (min-width: 64rem) {
2900
- .incode-container {
2901
- max-width: 64rem;
2902
- }
2903
- }
2904
-
2905
- @media (min-width: 80rem) {
2906
- .incode-container {
2907
- max-width: 80rem;
2908
- }
2909
- }
2910
-
2911
- @media (min-width: 96rem) {
2912
- .incode-container {
2913
- max-width: 96rem;
2914
- }
2915
- }
2916
-
2917
- @media (min-width: 48rem) {
2918
- .incode-container {
2919
- max-height: var(--incode-page-max-h);
2920
- max-width: var(--incode-page-max-w);
2921
- }
2922
-
2923
- @media not all and (min-width: 80rem) {
2924
- @media (orientation: landscape) {
2925
- .incode-container {
2926
- max-height: var(--incode-page-max-h-landscape);
2927
- }
2928
- }
2929
- }
2930
- }
2931
-
2932
- @media (min-width: 40rem) {
2933
- .incode-container {
2934
- max-width: 40rem;
2935
- }
2936
- }
2937
-
2938
- @media (min-width: 48rem) {
2939
- .incode-container {
2940
- max-width: 48rem;
2941
- }
2942
- }
2943
-
2944
- @media (min-width: 64rem) {
2945
- .incode-container {
2946
- max-width: 64rem;
2947
- }
2948
- }
2949
-
2950
- @media (min-width: 80rem) {
2951
- .incode-container {
2952
- max-width: 80rem;
2953
- }
2954
- }
2955
-
2956
- @media (min-width: 96rem) {
2957
- .incode-container {
2958
- max-width: 96rem;
2959
- }
2960
- }
2961
-
2962
- @media (min-width: 48rem) {
2963
- .incode-container {
2964
- max-height: var(--incode-page-max-h);
2965
- max-width: var(--incode-page-max-w);
2966
- }
2967
-
2968
- @media not all and (min-width: 80rem) {
2969
- @media (orientation: landscape) {
2970
- .incode-container {
2971
- max-height: var(--incode-page-max-h-landscape);
2972
- }
2973
- }
2974
- }
2975
- }
2976
-
2977
- @media (min-width: 40rem) {
2978
- .incode-container {
2979
- max-width: 40rem;
2980
- }
2981
- }
2982
-
2983
- @media (min-width: 48rem) {
2984
- .incode-container {
2985
- max-width: 48rem;
2986
- }
2987
- }
2988
-
2989
- @media (min-width: 64rem) {
2990
- .incode-container {
2991
- max-width: 64rem;
2992
- }
2993
- }
2994
-
2995
- @media (min-width: 80rem) {
2996
- .incode-container {
2997
- max-width: 80rem;
2998
- }
2999
- }
3000
-
3001
- @media (min-width: 96rem) {
3002
- .incode-container {
3003
- max-width: 96rem;
3004
- }
3005
- }
3006
-
3007
- @media (min-width: 48rem) {
3008
- .incode-container {
3009
- max-height: var(--incode-page-max-h);
3010
- max-width: var(--incode-page-max-w);
3011
- }
3012
-
3013
- @media not all and (min-width: 80rem) {
3014
- @media (orientation: landscape) {
3015
- .incode-container {
3016
- max-height: var(--incode-page-max-h-landscape);
3017
- }
3018
- }
3019
- }
3020
- }
3021
-
3022
- .incode-container {
3023
- width: 100%;
3024
- }
3025
-
3026
- @media (min-width: 40rem) {
3027
- .incode-container {
3028
- max-width: 40rem;
3029
- }
3030
- }
3031
-
3032
- @media (min-width: 48rem) {
3033
- .incode-container {
3034
- max-width: 48rem;
3035
- }
3036
- }
3037
-
3038
- @media (min-width: 64rem) {
3039
- .incode-container {
3040
- max-width: 64rem;
3041
- }
3042
- }
3043
-
3044
- @media (min-width: 80rem) {
3045
- .incode-container {
3046
- max-width: 80rem;
3047
- }
3048
- }
3049
-
3050
- @media (min-width: 96rem) {
3051
- .incode-container {
3052
- max-width: 96rem;
3053
- }
3054
- }
3055
-
3056
- .incode-container {
3057
- height: 100%;
3058
- margin: auto;
3059
- }
3060
-
3061
- @media (min-width: 48rem) {
3062
- .incode-container {
3063
- max-height: var(--incode-page-max-h);
3064
- max-width: var(--incode-page-max-w);
3065
- }
3066
-
3067
- @media not all and (min-width: 80rem) {
3068
- @media (orientation: landscape) {
3069
- .incode-container {
3070
- max-height: var(--incode-page-max-h-landscape);
3071
- }
3072
- }
3073
- }
3074
- }
3075
-
3076
- .container {
3077
- width: 100%;
3078
- }
3079
-
3080
- @media (min-width: 40rem) {
3081
- .container {
3082
- max-width: 40rem;
3083
- }
3084
- }
3085
-
3086
- @media (min-width: 48rem) {
3087
- .container {
3088
- max-width: 48rem;
3089
- }
3090
- }
3091
-
3092
- @media (min-width: 64rem) {
3093
- .container {
3094
- max-width: 64rem;
3095
- }
3096
- }
3097
-
3098
- @media (min-width: 80rem) {
3099
- .container {
3100
- max-width: 80rem;
3101
- }
3102
- }
3103
-
3104
- @media (min-width: 96rem) {
3105
- .container {
3106
- max-width: 96rem;
4
+ .IncodeComponent, .IncodeComponent *, .IncodeComponent :before, .IncodeComponent :after, .IncodeComponent ::backdrop {
5
+ --tw-border-style: solid;
6
+ --tw-translate-x: 0;
7
+ --tw-translate-y: 0;
8
+ --tw-translate-z: 0;
9
+ --tw-rotate-x: initial;
10
+ --tw-rotate-y: initial;
11
+ --tw-rotate-z: initial;
12
+ --tw-skew-x: initial;
13
+ --tw-skew-y: initial;
14
+ --tw-leading: initial;
15
+ --tw-font-weight: initial;
16
+ --tw-tracking: initial;
17
+ --tw-outline-style: solid;
18
+ --tw-duration: initial;
3107
19
  }
3108
20
  }
3109
-
3110
- .m-auto {
3111
- margin: auto;
3112
- }
3113
-
3114
- .mx-auto {
3115
- margin-inline: auto;
3116
- }
3117
-
3118
- .ml-8 {
3119
- margin-left: var(--spacing-8, var(--spacing-8, 8px));
3120
- }
3121
-
3122
- .block {
3123
- display: block;
3124
- }
3125
-
3126
- .contents {
3127
- display: contents;
3128
- }
3129
-
3130
- .flex {
3131
- display: flex;
3132
- }
3133
-
3134
- .grid {
3135
- display: grid;
3136
- }
3137
-
3138
- .hidden {
3139
- display: none;
3140
- }
3141
-
3142
- .inline {
3143
- display: inline;
3144
- }
3145
-
3146
- .inline-flex {
3147
- display: inline-flex;
3148
- }
3149
-
3150
- .w-full {
3151
- width: 100%;
3152
- }
3153
-
3154
- .max-w-\[420px\] {
3155
- max-width: 420px;
3156
- }
3157
-
3158
- .max-w-\[480px\] {
3159
- max-width: 480px;
3160
- }
3161
-
3162
- .flex-1 {
3163
- flex: 1;
3164
- }
3165
-
3166
- .transform {
3167
- transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
3168
- }
3169
-
3170
- .animate-fade-in {
3171
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3172
- animation-fill-mode: both;
3173
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3174
- animation-fill-mode: both;
3175
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3176
- animation-fill-mode: both;
3177
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3178
- animation-fill-mode: both;
3179
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3180
- animation-fill-mode: both;
3181
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3182
- animation-fill-mode: both;
3183
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3184
- animation-fill-mode: both;
3185
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3186
- animation-fill-mode: both;
3187
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3188
- animation-fill-mode: both;
3189
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3190
- animation-fill-mode: both;
3191
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3192
- animation-fill-mode: both;
3193
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3194
- animation-fill-mode: both;
3195
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3196
- animation-fill-mode: both;
3197
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3198
- animation-fill-mode: both;
3199
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3200
- animation-fill-mode: both;
3201
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3202
- animation-fill-mode: both;
3203
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3204
- animation-fill-mode: both;
3205
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3206
- animation-fill-mode: both;
3207
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3208
- animation-fill-mode: both;
3209
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3210
- animation-fill-mode: both;
3211
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3212
- animation-fill-mode: both;
3213
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3214
- animation-fill-mode: both;
3215
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3216
- animation-fill-mode: both;
3217
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3218
- animation-fill-mode: both;
3219
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3220
- animation-fill-mode: both;
3221
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3222
- animation-fill-mode: both;
3223
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3224
- animation-fill-mode: both;
3225
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3226
- animation-fill-mode: both;
3227
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3228
- animation-fill-mode: both;
3229
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3230
- animation-fill-mode: both;
3231
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3232
- animation-fill-mode: both;
3233
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3234
- animation-fill-mode: both;
3235
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3236
- animation-fill-mode: both;
3237
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3238
- animation-fill-mode: both;
3239
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3240
- animation-fill-mode: both;
3241
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3242
- animation-fill-mode: both;
3243
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3244
- animation-fill-mode: both;
3245
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3246
- animation-fill-mode: both;
3247
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3248
- animation-fill-mode: both;
3249
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3250
- animation-fill-mode: both;
3251
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3252
- animation-fill-mode: both;
3253
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3254
- animation-fill-mode: both;
3255
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3256
- animation-fill-mode: both;
3257
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3258
- animation-fill-mode: both;
3259
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3260
- animation-fill-mode: both;
3261
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3262
- animation-fill-mode: both;
3263
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3264
- animation-fill-mode: both;
3265
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3266
- animation-fill-mode: both;
3267
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3268
- animation-fill-mode: both;
3269
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3270
- animation-fill-mode: both;
3271
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3272
- animation-fill-mode: both;
3273
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3274
- animation-fill-mode: both;
3275
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3276
- animation-fill-mode: both;
3277
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3278
- animation-fill-mode: both;
3279
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3280
- animation-fill-mode: both;
3281
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3282
- animation-fill-mode: both;
3283
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3284
- animation-fill-mode: both;
3285
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3286
- animation-fill-mode: both;
3287
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3288
- animation-fill-mode: both;
3289
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3290
- animation-fill-mode: both;
3291
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3292
- animation-fill-mode: both;
3293
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3294
- animation-fill-mode: both;
3295
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3296
- animation-fill-mode: both;
3297
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3298
- animation-fill-mode: both;
3299
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3300
- animation-fill-mode: both;
3301
- animation: fadeIn var(--motion-fade-in-duration, .7s) ease-out;
3302
- animation-fill-mode: both;
3303
- }
3304
-
3305
- .resize {
3306
- resize: both;
3307
- }
3308
-
3309
- .items-center {
3310
- align-items: center;
3311
- }
3312
-
3313
- .justify-between {
3314
- justify-content: space-between;
3315
- }
3316
-
3317
- .rounded {
3318
- border-radius: .25rem;
3319
- }
3320
-
3321
- .border {
3322
- border-style: var(--tw-border-style);
3323
- border-width: 1px;
3324
- }
3325
-
3326
- .border-solid {
3327
- --tw-border-style: solid;
3328
- border-style: solid;
3329
- }
3330
-
3331
- .border-neutral-100 {
3332
- border-color: var(--color-neutral-100, oklch(97% 0 0));
3333
- }
3334
-
3335
- .bg-white {
3336
- background-color: var(--color-white, #fff);
3337
- }
3338
-
3339
- .text-button-m-underlined {
3340
- font-family: var(--typography-button-family);
3341
- font-size: var(--typography-button-m-underlined-size);
3342
- font-weight: var(--typography-button-m-underlined-weight);
3343
- line-height: var(--typography-button-m-underlined-line-height);
3344
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3345
- -webkit-text-decoration-skip-ink: none;
3346
- text-decoration-skip-ink: none;
3347
- font-family: var(--typography-button-family);
3348
- font-size: var(--typography-button-m-underlined-size);
3349
- font-weight: var(--typography-button-m-underlined-weight);
3350
- line-height: var(--typography-button-m-underlined-line-height);
3351
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3352
- font-family: var(--typography-button-family);
3353
- font-size: var(--typography-button-m-underlined-size);
3354
- font-weight: var(--typography-button-m-underlined-weight);
3355
- line-height: var(--typography-button-m-underlined-line-height);
3356
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3357
- font-family: var(--typography-button-family);
3358
- font-size: var(--typography-button-m-underlined-size);
3359
- font-weight: var(--typography-button-m-underlined-weight);
3360
- line-height: var(--typography-button-m-underlined-line-height);
3361
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3362
- font-family: var(--typography-button-family);
3363
- font-size: var(--typography-button-m-underlined-size);
3364
- font-weight: var(--typography-button-m-underlined-weight);
3365
- line-height: var(--typography-button-m-underlined-line-height);
3366
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3367
- font-family: var(--typography-button-family);
3368
- font-size: var(--typography-button-m-underlined-size);
3369
- font-weight: var(--typography-button-m-underlined-weight);
3370
- line-height: var(--typography-button-m-underlined-line-height);
3371
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3372
- font-family: var(--typography-button-family);
3373
- font-size: var(--typography-button-m-underlined-size);
3374
- font-weight: var(--typography-button-m-underlined-weight);
3375
- line-height: var(--typography-button-m-underlined-line-height);
3376
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3377
- font-family: var(--typography-button-family);
3378
- font-size: var(--typography-button-m-underlined-size);
3379
- font-weight: var(--typography-button-m-underlined-weight);
3380
- line-height: var(--typography-button-m-underlined-line-height);
3381
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3382
- font-family: var(--typography-button-family);
3383
- font-size: var(--typography-button-m-underlined-size);
3384
- font-weight: var(--typography-button-m-underlined-weight);
3385
- line-height: var(--typography-button-m-underlined-line-height);
3386
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3387
- font-family: var(--typography-button-family);
3388
- font-size: var(--typography-button-m-underlined-size);
3389
- font-weight: var(--typography-button-m-underlined-weight);
3390
- line-height: var(--typography-button-m-underlined-line-height);
3391
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3392
- font-family: var(--typography-button-family);
3393
- font-size: var(--typography-button-m-underlined-size);
3394
- font-weight: var(--typography-button-m-underlined-weight);
3395
- line-height: var(--typography-button-m-underlined-line-height);
3396
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3397
- font-family: var(--typography-button-family);
3398
- font-size: var(--typography-button-m-underlined-size);
3399
- font-weight: var(--typography-button-m-underlined-weight);
3400
- line-height: var(--typography-button-m-underlined-line-height);
3401
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3402
- font-family: var(--typography-button-family);
3403
- font-size: var(--typography-button-m-underlined-size);
3404
- font-weight: var(--typography-button-m-underlined-weight);
3405
- line-height: var(--typography-button-m-underlined-line-height);
3406
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3407
- font-family: var(--typography-button-family);
3408
- font-size: var(--typography-button-m-underlined-size);
3409
- font-weight: var(--typography-button-m-underlined-weight);
3410
- line-height: var(--typography-button-m-underlined-line-height);
3411
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3412
- font-family: var(--typography-button-family);
3413
- font-size: var(--typography-button-m-underlined-size);
3414
- font-weight: var(--typography-button-m-underlined-weight);
3415
- line-height: var(--typography-button-m-underlined-line-height);
3416
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3417
- font-family: var(--typography-button-family);
3418
- font-size: var(--typography-button-m-underlined-size);
3419
- font-weight: var(--typography-button-m-underlined-weight);
3420
- line-height: var(--typography-button-m-underlined-line-height);
3421
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3422
- font-family: var(--typography-button-family);
3423
- font-size: var(--typography-button-m-underlined-size);
3424
- font-weight: var(--typography-button-m-underlined-weight);
3425
- line-height: var(--typography-button-m-underlined-line-height);
3426
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3427
- font-family: var(--typography-button-family);
3428
- font-size: var(--typography-button-m-underlined-size);
3429
- font-weight: var(--typography-button-m-underlined-weight);
3430
- line-height: var(--typography-button-m-underlined-line-height);
3431
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3432
- font-family: var(--typography-button-family);
3433
- font-size: var(--typography-button-m-underlined-size);
3434
- font-weight: var(--typography-button-m-underlined-weight);
3435
- line-height: var(--typography-button-m-underlined-line-height);
3436
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3437
- font-family: var(--typography-button-family);
3438
- font-size: var(--typography-button-m-underlined-size);
3439
- font-weight: var(--typography-button-m-underlined-weight);
3440
- line-height: var(--typography-button-m-underlined-line-height);
3441
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3442
- font-family: var(--typography-button-family);
3443
- font-size: var(--typography-button-m-underlined-size);
3444
- font-weight: var(--typography-button-m-underlined-weight);
3445
- line-height: var(--typography-button-m-underlined-line-height);
3446
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3447
- font-family: var(--typography-button-family);
3448
- font-size: var(--typography-button-m-underlined-size);
3449
- font-weight: var(--typography-button-m-underlined-weight);
3450
- line-height: var(--typography-button-m-underlined-line-height);
3451
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3452
- font-family: var(--typography-button-family);
3453
- font-size: var(--typography-button-m-underlined-size);
3454
- font-weight: var(--typography-button-m-underlined-weight);
3455
- line-height: var(--typography-button-m-underlined-line-height);
3456
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3457
- font-family: var(--typography-button-family);
3458
- font-size: var(--typography-button-m-underlined-size);
3459
- font-weight: var(--typography-button-m-underlined-weight);
3460
- line-height: var(--typography-button-m-underlined-line-height);
3461
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3462
- font-family: var(--typography-button-family);
3463
- font-size: var(--typography-button-m-underlined-size);
3464
- font-weight: var(--typography-button-m-underlined-weight);
3465
- line-height: var(--typography-button-m-underlined-line-height);
3466
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3467
- font-family: var(--typography-button-family);
3468
- font-size: var(--typography-button-m-underlined-size);
3469
- font-weight: var(--typography-button-m-underlined-weight);
3470
- line-height: var(--typography-button-m-underlined-line-height);
3471
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3472
- font-family: var(--typography-button-family);
3473
- font-size: var(--typography-button-m-underlined-size);
3474
- font-weight: var(--typography-button-m-underlined-weight);
3475
- line-height: var(--typography-button-m-underlined-line-height);
3476
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3477
- font-family: var(--typography-button-family);
3478
- font-size: var(--typography-button-m-underlined-size);
3479
- font-weight: var(--typography-button-m-underlined-weight);
3480
- line-height: var(--typography-button-m-underlined-line-height);
3481
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3482
- font-family: var(--typography-button-family);
3483
- font-size: var(--typography-button-m-underlined-size);
3484
- font-weight: var(--typography-button-m-underlined-weight);
3485
- line-height: var(--typography-button-m-underlined-line-height);
3486
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3487
- font-family: var(--typography-button-family);
3488
- font-size: var(--typography-button-m-underlined-size);
3489
- font-weight: var(--typography-button-m-underlined-weight);
3490
- line-height: var(--typography-button-m-underlined-line-height);
3491
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3492
- font-family: var(--typography-button-family);
3493
- font-size: var(--typography-button-m-underlined-size);
3494
- font-weight: var(--typography-button-m-underlined-weight);
3495
- line-height: var(--typography-button-m-underlined-line-height);
3496
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3497
- font-family: var(--typography-button-family);
3498
- font-size: var(--typography-button-m-underlined-size);
3499
- font-weight: var(--typography-button-m-underlined-weight);
3500
- line-height: var(--typography-button-m-underlined-line-height);
3501
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3502
- font-family: var(--typography-button-family);
3503
- font-size: var(--typography-button-m-underlined-size);
3504
- font-weight: var(--typography-button-m-underlined-weight);
3505
- line-height: var(--typography-button-m-underlined-line-height);
3506
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3507
- font-family: var(--typography-button-family);
3508
- font-size: var(--typography-button-m-underlined-size);
3509
- font-weight: var(--typography-button-m-underlined-weight);
3510
- line-height: var(--typography-button-m-underlined-line-height);
3511
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3512
- font-family: var(--typography-button-family);
3513
- font-size: var(--typography-button-m-underlined-size);
3514
- font-weight: var(--typography-button-m-underlined-weight);
3515
- line-height: var(--typography-button-m-underlined-line-height);
3516
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3517
- font-family: var(--typography-button-family);
3518
- font-size: var(--typography-button-m-underlined-size);
3519
- font-weight: var(--typography-button-m-underlined-weight);
3520
- line-height: var(--typography-button-m-underlined-line-height);
3521
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3522
- font-family: var(--typography-button-family);
3523
- font-size: var(--typography-button-m-underlined-size);
3524
- font-weight: var(--typography-button-m-underlined-weight);
3525
- line-height: var(--typography-button-m-underlined-line-height);
3526
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3527
- font-family: var(--typography-button-family);
3528
- font-size: var(--typography-button-m-underlined-size);
3529
- font-weight: var(--typography-button-m-underlined-weight);
3530
- line-height: var(--typography-button-m-underlined-line-height);
3531
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3532
- font-family: var(--typography-button-family);
3533
- font-size: var(--typography-button-m-underlined-size);
3534
- font-weight: var(--typography-button-m-underlined-weight);
3535
- line-height: var(--typography-button-m-underlined-line-height);
3536
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3537
- font-family: var(--typography-button-family);
3538
- font-size: var(--typography-button-m-underlined-size);
3539
- font-weight: var(--typography-button-m-underlined-weight);
3540
- line-height: var(--typography-button-m-underlined-line-height);
3541
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3542
- font-family: var(--typography-button-family);
3543
- font-size: var(--typography-button-m-underlined-size);
3544
- font-weight: var(--typography-button-m-underlined-weight);
3545
- line-height: var(--typography-button-m-underlined-line-height);
3546
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3547
- font-family: var(--typography-button-family);
3548
- font-size: var(--typography-button-m-underlined-size);
3549
- font-weight: var(--typography-button-m-underlined-weight);
3550
- line-height: var(--typography-button-m-underlined-line-height);
3551
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3552
- font-family: var(--typography-button-family);
3553
- font-size: var(--typography-button-m-underlined-size);
3554
- font-weight: var(--typography-button-m-underlined-weight);
3555
- line-height: var(--typography-button-m-underlined-line-height);
3556
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3557
- font-family: var(--typography-button-family);
3558
- font-size: var(--typography-button-m-underlined-size);
3559
- font-weight: var(--typography-button-m-underlined-weight);
3560
- line-height: var(--typography-button-m-underlined-line-height);
3561
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3562
- font-family: var(--typography-button-family);
3563
- font-size: var(--typography-button-m-underlined-size);
3564
- font-weight: var(--typography-button-m-underlined-weight);
3565
- line-height: var(--typography-button-m-underlined-line-height);
3566
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3567
- font-family: var(--typography-button-family);
3568
- font-size: var(--typography-button-m-underlined-size);
3569
- font-weight: var(--typography-button-m-underlined-weight);
3570
- line-height: var(--typography-button-m-underlined-line-height);
3571
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3572
- font-family: var(--typography-button-family);
3573
- font-size: var(--typography-button-m-underlined-size);
3574
- font-weight: var(--typography-button-m-underlined-weight);
3575
- line-height: var(--typography-button-m-underlined-line-height);
3576
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3577
- font-family: var(--typography-button-family);
3578
- font-size: var(--typography-button-m-underlined-size);
3579
- font-weight: var(--typography-button-m-underlined-weight);
3580
- line-height: var(--typography-button-m-underlined-line-height);
3581
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3582
- font-family: var(--typography-button-family);
3583
- font-size: var(--typography-button-m-underlined-size);
3584
- font-weight: var(--typography-button-m-underlined-weight);
3585
- line-height: var(--typography-button-m-underlined-line-height);
3586
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3587
- font-family: var(--typography-button-family);
3588
- font-size: var(--typography-button-m-underlined-size);
3589
- font-weight: var(--typography-button-m-underlined-weight);
3590
- line-height: var(--typography-button-m-underlined-line-height);
3591
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3592
- font-family: var(--typography-button-family);
3593
- font-size: var(--typography-button-m-underlined-size);
3594
- font-weight: var(--typography-button-m-underlined-weight);
3595
- line-height: var(--typography-button-m-underlined-line-height);
3596
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3597
- font-family: var(--typography-button-family);
3598
- font-size: var(--typography-button-m-underlined-size);
3599
- font-weight: var(--typography-button-m-underlined-weight);
3600
- line-height: var(--typography-button-m-underlined-line-height);
3601
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3602
- font-family: var(--typography-button-family);
3603
- font-size: var(--typography-button-m-underlined-size);
3604
- font-weight: var(--typography-button-m-underlined-weight);
3605
- line-height: var(--typography-button-m-underlined-line-height);
3606
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3607
- font-family: var(--typography-button-family);
3608
- font-size: var(--typography-button-m-underlined-size);
3609
- font-weight: var(--typography-button-m-underlined-weight);
3610
- line-height: var(--typography-button-m-underlined-line-height);
3611
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3612
- font-family: var(--typography-button-family);
3613
- font-size: var(--typography-button-m-underlined-size);
3614
- font-weight: var(--typography-button-m-underlined-weight);
3615
- line-height: var(--typography-button-m-underlined-line-height);
3616
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3617
- font-family: var(--typography-button-family);
3618
- font-size: var(--typography-button-m-underlined-size);
3619
- font-weight: var(--typography-button-m-underlined-weight);
3620
- line-height: var(--typography-button-m-underlined-line-height);
3621
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3622
- font-family: var(--typography-button-family);
3623
- font-size: var(--typography-button-m-underlined-size);
3624
- font-weight: var(--typography-button-m-underlined-weight);
3625
- line-height: var(--typography-button-m-underlined-line-height);
3626
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3627
- font-family: var(--typography-button-family);
3628
- font-size: var(--typography-button-m-underlined-size);
3629
- font-weight: var(--typography-button-m-underlined-weight);
3630
- line-height: var(--typography-button-m-underlined-line-height);
3631
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3632
- font-family: var(--typography-button-family);
3633
- font-size: var(--typography-button-m-underlined-size);
3634
- font-weight: var(--typography-button-m-underlined-weight);
3635
- line-height: var(--typography-button-m-underlined-line-height);
3636
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3637
- font-family: var(--typography-button-family);
3638
- font-size: var(--typography-button-m-underlined-size);
3639
- font-weight: var(--typography-button-m-underlined-weight);
3640
- line-height: var(--typography-button-m-underlined-line-height);
3641
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3642
- font-family: var(--typography-button-family);
3643
- font-size: var(--typography-button-m-underlined-size);
3644
- font-weight: var(--typography-button-m-underlined-weight);
3645
- line-height: var(--typography-button-m-underlined-line-height);
3646
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3647
- font-family: var(--typography-button-family);
3648
- font-size: var(--typography-button-m-underlined-size);
3649
- font-weight: var(--typography-button-m-underlined-weight);
3650
- line-height: var(--typography-button-m-underlined-line-height);
3651
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3652
- font-family: var(--typography-button-family);
3653
- font-size: var(--typography-button-m-underlined-size);
3654
- font-weight: var(--typography-button-m-underlined-weight);
3655
- line-height: var(--typography-button-m-underlined-line-height);
3656
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3657
- font-family: var(--typography-button-family);
3658
- font-size: var(--typography-button-m-underlined-size);
3659
- font-weight: var(--typography-button-m-underlined-weight);
3660
- line-height: var(--typography-button-m-underlined-line-height);
3661
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3662
- font-family: var(--typography-button-family);
3663
- font-size: var(--typography-button-m-underlined-size);
3664
- font-weight: var(--typography-button-m-underlined-weight);
3665
- line-height: var(--typography-button-m-underlined-line-height);
3666
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3667
- font-family: var(--typography-button-family);
3668
- font-size: var(--typography-button-m-underlined-size);
3669
- font-weight: var(--typography-button-m-underlined-weight);
3670
- line-height: var(--typography-button-m-underlined-line-height);
3671
- letter-spacing: var(--typography-button-m-underlined-letter-spacing);
3672
- text-decoration-line: underline;
3673
- text-decoration-style: solid;
3674
- text-decoration-thickness: auto;
3675
- }
3676
-
3677
- .lowercase {
3678
- text-transform: lowercase;
3679
- }
3680
-
3681
- .uppercase {
3682
- text-transform: uppercase;
3683
- }
3684
-
3685
- .shadow {
3686
- --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
3687
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3688
- }
3689
-
3690
- .ring {
3691
- --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3692
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3693
- }
3694
-
3695
- .outline {
3696
- outline-style: var(--tw-outline-style);
3697
- outline-width: 1px;
3698
- }
3699
-
3700
- .blur {
3701
- --tw-blur: blur(8px);
3702
- filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
3703
- }
3704
-
3705
- .filter {
3706
- filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
3707
- }
3708
-
3709
- .transition {
3710
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
3711
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
3712
- transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
3713
- }
3714
21
  }
3715
22
 
3716
- @layer incode-base, incode-components;
23
+ @layer incode-theme, incode-utilities, incode-base, incode-components;
3717
24
 
3718
25
  @keyframes slideUp {
3719
26
  from {
@@ -3986,6 +293,7 @@
3986
293
  min-height: 250px;
3987
294
  display: flex;
3988
295
  position: relative;
296
+ overflow: clip;
3989
297
  }
3990
298
 
3991
299
  .IncodeFaceMatchContainer {
@@ -4047,6 +355,11 @@
4047
355
  animation: none;
4048
356
  }
4049
357
 
358
+ .IncodeFaceMatchResultIcon {
359
+ height: var(--spacing-40, var(--spacing-40, 40px));
360
+ width: var(--spacing-40, var(--spacing-40, 40px));
361
+ }
362
+
4050
363
  @keyframes resultFadeIn {
4051
364
  from {
4052
365
  opacity: 0;
@@ -4156,7 +469,7 @@
4156
469
  line-height: 125%;
4157
470
  }
4158
471
 
4159
- :root {
472
+ .IncodeFaceMatchContainer {
4160
473
  --animation-duration: .8s;
4161
474
  --transition-delay: .2s;
4162
475
  --transition-duration: .25s;
@@ -4579,6 +892,219 @@
4579
892
  display: flex;
4580
893
  }
4581
894
 
895
+ .IncodeIdFlipCardPage .IncodePageInner {
896
+ padding: var(--spacing-0, var(--spacing-none, 0px));
897
+ }
898
+
899
+ .IncodeIdFlipCardLayout {
900
+ width: 100%;
901
+ height: 100%;
902
+ padding: var(--spacing-24, var(--spacing-24, 24px));
903
+ background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
904
+ flex-direction: column;
905
+ justify-content: center;
906
+ align-items: center;
907
+ display: flex;
908
+ }
909
+
910
+ .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent {
911
+ z-index: 10;
912
+ flex-direction: column;
913
+ align-items: center;
914
+ width: 100%;
915
+ height: 100%;
916
+ display: flex;
917
+ }
918
+
919
+ .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTopArea {
920
+ justify-content: flex-end;
921
+ align-items: center;
922
+ gap: var(--spacing-24, var(--spacing-24, 24px));
923
+ padding-bottom: var(--spacing-40, var(--spacing-40, 40px));
924
+ z-index: 10;
925
+ flex-direction: column;
926
+ flex: 1;
927
+ width: 100%;
928
+ display: flex;
929
+ }
930
+
931
+ .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCopy {
932
+ opacity: 0;
933
+ flex-direction: column;
934
+ align-items: center;
935
+ animation: .3s ease-out forwards incodeIdFlipCardFadeIn;
936
+ display: flex;
937
+ }
938
+
939
+ .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardTitle {
940
+ text-align: center;
941
+ font-family: var(--typography-headline-family);
942
+ font-size: var(--typography-headline-h2-size);
943
+ font-weight: var(--typography-headline-h2-weight);
944
+ line-height: var(--typography-headline-h2-line-height);
945
+ letter-spacing: var(--typography-headline-h2-letter-spacing);
946
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
947
+ }
948
+
949
+ .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardSubtitle {
950
+ text-align: center;
951
+ max-width: 300px;
952
+ font-family: var(--typography-headline-family);
953
+ font-size: var(--typography-headline-h5-size);
954
+ font-weight: var(--typography-headline-h5-weight);
955
+ line-height: var(--typography-headline-h5-line-height);
956
+ letter-spacing: var(--typography-headline-h5-letter-spacing);
957
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
958
+ }
959
+
960
+ .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame {
961
+ overflow: hidden;
962
+ }
963
+
964
+ .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeCaptureFrameVertical {
965
+ width: clamp(180px, 30vh, 274px);
966
+ }
967
+
968
+ .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeCaptureFrame.IncodeIdFlipCardFrameFlipping {
969
+ --frame-border-color: var(--border-neutral-100);
970
+ }
971
+
972
+ .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardScene {
973
+ perspective: 1200px;
974
+ width: 100%;
975
+ height: 100%;
976
+ }
977
+
978
+ .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard {
979
+ width: 100%;
980
+ height: 100%;
981
+ transform-style: preserve-3d;
982
+ animation: 1s ease-in-out .6s forwards incodeIdFlipCardRotate;
983
+ position: relative;
984
+ }
985
+
986
+ @media (prefers-reduced-motion: reduce) {
987
+ .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardCard {
988
+ animation: none;
989
+ }
990
+ }
991
+
992
+ .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace {
993
+ inset: var(--spacing-0, var(--spacing-none, 0px));
994
+ backface-visibility: hidden;
995
+ width: 100%;
996
+ height: 100%;
997
+ position: absolute;
998
+ }
999
+
1000
+ .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack {
1001
+ transform: rotateY(180deg);
1002
+ }
1003
+
1004
+ @media (prefers-reduced-motion: reduce) {
1005
+ .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardFace.IncodeIdFlipCardFaceBack {
1006
+ opacity: 0;
1007
+ animation: 1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeIn;
1008
+ transform: none;
1009
+ }
1010
+ }
1011
+
1012
+ .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage {
1013
+ object-fit: cover;
1014
+ width: 100%;
1015
+ height: 100%;
1016
+ animation: 1s ease-in-out .6s forwards incodeIdFlipCardFrontFade;
1017
+ }
1018
+
1019
+ @media (prefers-reduced-motion: reduce) {
1020
+ .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardImage {
1021
+ animation: 1s ease-in-out .6s forwards incodeIdFlipCardReducedMotionFadeOut;
1022
+ }
1023
+ }
1024
+
1025
+ .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardAsset {
1026
+ object-fit: cover;
1027
+ width: 100%;
1028
+ height: 100%;
1029
+ padding: var(--spacing-4, var(--spacing-4, 4px));
1030
+ display: block;
1031
+ }
1032
+
1033
+ .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea {
1034
+ z-index: 10;
1035
+ width: 100%;
1036
+ max-width: 384px;
1037
+ padding-top: var(--spacing-8, var(--spacing-8, 8px));
1038
+ flex-direction: column;
1039
+ flex: 1;
1040
+ align-items: center;
1041
+ display: flex;
1042
+ }
1043
+
1044
+ .IncodeIdFlipCardLayout .IncodeIdFlipCardLayoutContent .IncodeIdFlipCardBottomArea .IncodeCaptureEncryptionLabel {
1045
+ justify-content: center;
1046
+ align-items: center;
1047
+ gap: var(--spacing-4, var(--spacing-4, 4px));
1048
+ font-family: var(--typography-body-family);
1049
+ font-size: var(--typography-body-m-regular-size);
1050
+ font-weight: var(--typography-body-m-regular-weight);
1051
+ line-height: var(--typography-body-m-regular-line-height);
1052
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
1053
+ white-space: nowrap;
1054
+ color: var(--color-text-body-primary, var(--text-body-800-primary));
1055
+ display: flex;
1056
+ }
1057
+
1058
+ @keyframes incodeIdFlipCardFadeIn {
1059
+ from {
1060
+ opacity: 0;
1061
+ }
1062
+
1063
+ to {
1064
+ opacity: 1;
1065
+ }
1066
+ }
1067
+
1068
+ @keyframes incodeIdFlipCardRotate {
1069
+ from {
1070
+ transform: rotateY(0);
1071
+ }
1072
+
1073
+ to {
1074
+ transform: rotateY(180deg);
1075
+ }
1076
+ }
1077
+
1078
+ @keyframes incodeIdFlipCardFrontFade {
1079
+ 0%, 20% {
1080
+ opacity: 1;
1081
+ }
1082
+
1083
+ 50%, 100% {
1084
+ opacity: 0;
1085
+ }
1086
+ }
1087
+
1088
+ @keyframes incodeIdFlipCardReducedMotionFadeIn {
1089
+ from {
1090
+ opacity: 0;
1091
+ }
1092
+
1093
+ to {
1094
+ opacity: 1;
1095
+ }
1096
+ }
1097
+
1098
+ @keyframes incodeIdFlipCardReducedMotionFadeOut {
1099
+ from {
1100
+ opacity: 1;
1101
+ }
1102
+
1103
+ to {
1104
+ opacity: 0;
1105
+ }
1106
+ }
1107
+
4582
1108
  .IncodeCommonIssuesFullScreen .IncodeModalDialog {
4583
1109
  max-width: none;
4584
1110
  height: 100%;
@@ -4699,10 +1225,14 @@
4699
1225
  max-width: 274px;
4700
1226
  }
4701
1227
 
4702
- .IncodeCaptureFrame.IncodeCaptureFramePassport {
1228
+ .IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameHorizontal {
4703
1229
  aspect-ratio: 42 / 30;
4704
1230
  }
4705
1231
 
1232
+ .IncodeCaptureFrame.IncodeCaptureFramePassport.IncodeCaptureFrameVertical {
1233
+ aspect-ratio: 30 / 42;
1234
+ }
1235
+
4706
1236
  .IncodeCaptureFrame.IncodeCaptureFrameIdle {
4707
1237
  --frame-border-color: var(--border-neutral-100);
4708
1238
  }
@@ -4719,6 +1249,29 @@
4719
1249
  --frame-border-color: var(--border-status-negative);
4720
1250
  }
4721
1251
 
1252
+ .IncodeIdCaptureStage {
1253
+ --capture-result-crossfade-duration: .3s;
1254
+ width: 100%;
1255
+ height: 100%;
1256
+ position: relative;
1257
+ }
1258
+
1259
+ .IncodeIdCaptureStage > * {
1260
+ inset: var(--spacing-0, var(--spacing-none, 0px));
1261
+ position: absolute;
1262
+ }
1263
+
1264
+ .IncodeIdCaptureStage.IncodeIdCaptureStageCrossfading > .IncodeIdCaptureStageLive {
1265
+ pointer-events: none;
1266
+ animation: incodeIdCaptureResultCrossfade var(--capture-result-crossfade-duration) ease-out forwards;
1267
+ }
1268
+
1269
+ @media (prefers-reduced-motion: reduce) {
1270
+ .IncodeIdCaptureStage.IncodeIdCaptureStageCrossfading > .IncodeIdCaptureStageLive {
1271
+ animation-duration: 1ms;
1272
+ }
1273
+ }
1274
+
4722
1275
  .IncodeIdCapturePage {
4723
1276
  background-color: var(--color-surface-neutral-900, var(--surface-neutral-900));
4724
1277
  }
@@ -4803,6 +1356,12 @@
4803
1356
  display: flex;
4804
1357
  }
4805
1358
 
1359
+ @keyframes incodeIdCaptureResultCrossfade {
1360
+ to {
1361
+ opacity: 0;
1362
+ }
1363
+ }
1364
+
4806
1365
  .IncodeCaptureOverlayId {
4807
1366
  padding: var(--spacing-24, var(--spacing-24, 24px));
4808
1367
  align-items: center;
@@ -4876,10 +1435,14 @@
4876
1435
  color: var(--color-text-body-0-static, var(--text-body-0-static));
4877
1436
  }
4878
1437
 
4879
- .IncodeCaptureFramePassport {
1438
+ .IncodeCaptureOverlayId .IncodeCameraFrameHorizontal.IncodeCaptureFramePassport {
4880
1439
  aspect-ratio: 42 / 30;
4881
1440
  }
4882
1441
 
1442
+ .IncodeCaptureOverlayId .IncodeCameraFrameVertical.IncodeCaptureFramePassport {
1443
+ aspect-ratio: 30 / 42;
1444
+ }
1445
+
4883
1446
  @keyframes manualCaptureTooltipExit {
4884
1447
  from {
4885
1448
  opacity: 1;
@@ -5003,13 +1566,18 @@
5003
1566
  min-height: 800px;
5004
1567
  }
5005
1568
 
1569
+ .IncodeIdProcessingPage .IncodePageInner {
1570
+ padding: var(--spacing-0, var(--spacing-none, 0px));
1571
+ }
1572
+
5006
1573
  .IncodeIdProcessingLayout {
1574
+ width: 100%;
1575
+ height: 100%;
1576
+ padding: var(--spacing-24, var(--spacing-24, 24px));
5007
1577
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
5008
1578
  flex-direction: column;
5009
1579
  justify-content: center;
5010
1580
  align-items: center;
5011
- width: 100%;
5012
- height: 100%;
5013
1581
  display: flex;
5014
1582
  }
5015
1583
 
@@ -5098,6 +1666,10 @@
5098
1666
  display: flex;
5099
1667
  }
5100
1668
 
1669
+ .IncodeIdProcessingLayout.IncodeIdProcessingLayoutNoImage .IncodeIdProcessingBottomArea {
1670
+ justify-content: flex-end;
1671
+ }
1672
+
5101
1673
  .IncodeIdProcessingLayout .IncodeAnalyzingContent {
5102
1674
  flex-direction: column;
5103
1675
  align-items: center;
@@ -5169,6 +1741,26 @@
5169
1741
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
5170
1742
  }
5171
1743
 
1744
+ .IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting, .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting {
1745
+ animation: .3s ease-out forwards incodeIdProcessingResultFadeOut;
1746
+ }
1747
+
1748
+ @media (prefers-reduced-motion: reduce) {
1749
+ .IncodeIdProcessingLayout .IncodeIdProcessingResultContentExiting, .IncodeIdProcessingLayout .IncodeIdProcessingResultButtonContainerExiting {
1750
+ animation-duration: 1ms;
1751
+ }
1752
+ }
1753
+
1754
+ @keyframes incodeIdProcessingResultFadeOut {
1755
+ from {
1756
+ opacity: 1;
1757
+ }
1758
+
1759
+ to {
1760
+ opacity: 0;
1761
+ }
1762
+ }
1763
+
5172
1764
  .IncodeIdError {
5173
1765
  inset: var(--spacing-0, var(--spacing-none, 0px));
5174
1766
  z-index: 1000;
@@ -5237,7 +1829,7 @@
5237
1829
  right: var(--spacing-24, var(--spacing-24, 24px));
5238
1830
  left: var(--spacing-24, var(--spacing-24, 24px));
5239
1831
  z-index: 100;
5240
- max-width: 420px;
1832
+ max-width: var(--incode-form-max-w);
5241
1833
  padding-bottom: var(--spacing-32, var(--spacing-32, 32px));
5242
1834
  align-items: flex-end;
5243
1835
  margin: auto;
@@ -5265,7 +1857,7 @@
5265
1857
  padding-top: var(--spacing-16, var(--spacing-16, 16px));
5266
1858
  padding-bottom: var(--spacing-12, var(--spacing-12, 12px));
5267
1859
  text-align: center;
5268
- color: var(--color-white, #fff);
1860
+ color: var(--color-text-body-0-static, var(--text-body-0-static));
5269
1861
  flex-direction: column;
5270
1862
  display: flex;
5271
1863
  }
@@ -5284,14 +1876,14 @@
5284
1876
  font-weight: var(--typography-headline-h5-weight);
5285
1877
  line-height: var(--typography-headline-h5-line-height);
5286
1878
  letter-spacing: var(--typography-headline-h5-letter-spacing);
5287
- color: var(--color-text-body-tertiary, var(--text-body-300-tertiary));
1879
+ color: var(--color-text-body-tertiary-static, var(--text-body-300-tertiary-static));
5288
1880
  }
5289
1881
 
5290
1882
  .IncodeIdCaptureNotification .IncodeIdCaptureNotificationContent .IncodeIdCaptureNotificationAnimation {
1883
+ height: var(--id-capture-notification-animation-height);
5291
1884
  justify-content: center;
5292
1885
  align-items: center;
5293
1886
  width: auto;
5294
- height: 130px;
5295
1887
  display: flex;
5296
1888
  }
5297
1889
 
@@ -5577,7 +2169,8 @@
5577
2169
  }
5578
2170
 
5579
2171
  .IncodeDigitalIdUploadPage .IncodeUploadIdScreenImage {
5580
- max-height: var(--digital-id-illustration-max-h);
2172
+ height: var(--digital-id-illustration-max-h);
2173
+ aspect-ratio: 191 / 266;
5581
2174
  width: auto;
5582
2175
  }
5583
2176
 
@@ -5800,7 +2393,7 @@
5800
2393
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
5801
2394
  }
5802
2395
 
5803
- .IncodeDocumentCaptureFileInput {
2396
+ .IncodeComponent .IncodeDocumentCaptureFileInput {
5804
2397
  pointer-events: none;
5805
2398
  border-style: var(--tw-border-style);
5806
2399
  padding: var(--spacing-0, var(--spacing-none, 0px));
@@ -5816,17 +2409,17 @@
5816
2409
  margin: 0 !important;
5817
2410
  }
5818
2411
 
5819
- .IncodeDocumentCaptureFileInput::file-selector-button {
2412
+ .IncodeComponent .IncodeDocumentCaptureFileInput::file-selector-button {
5820
2413
  display: none;
5821
2414
  }
5822
2415
 
5823
- .IncodeDocumentCapturePageTutorial .IncodePageContent {
2416
+ .IncodeComponent .IncodeDocumentCapturePageTutorial .IncodePageContent {
5824
2417
  flex-direction: column;
5825
2418
  flex: 1;
5826
2419
  display: flex;
5827
2420
  }
5828
2421
 
5829
- .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent {
2422
+ .IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent {
5830
2423
  margin-block: var(--spacing-16, var(--spacing-16, 16px));
5831
2424
  flex-direction: column;
5832
2425
  flex: 1;
@@ -5835,29 +2428,31 @@
5835
2428
  display: flex;
5836
2429
  }
5837
2430
 
5838
- .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration {
2431
+ .IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration {
2432
+ width: var(--document-capture-tutorial-illustration-width);
5839
2433
  flex: 1;
5840
2434
  justify-content: center;
5841
2435
  align-items: center;
5842
- width: 292px;
5843
2436
  margin-inline: auto;
5844
2437
  display: flex;
5845
2438
  }
5846
2439
 
5847
- .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration .IncodeDocumentCaptureTutorialImage {
2440
+ .IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureTutorialContent .IncodeDocumentCaptureTutorialIllustration .IncodeDocumentCaptureTutorialImage {
5848
2441
  width: 100%;
5849
2442
  }
5850
2443
 
5851
- .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureError {
2444
+ .IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureError {
5852
2445
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
5853
2446
  text-align: center;
5854
- font-size: var(--text-14, var(--primitive-typography-size-14));
5855
- --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
5856
- font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
5857
- color: var(--input-text-helper-negative, #e53e3e);
2447
+ font-family: var(--typography-body-family);
2448
+ font-size: var(--typography-body-m-regular-size);
2449
+ font-weight: var(--typography-body-m-regular-weight);
2450
+ line-height: var(--typography-body-m-regular-line-height);
2451
+ letter-spacing: var(--typography-body-m-regular-letter-spacing);
2452
+ color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
5858
2453
  }
5859
2454
 
5860
- .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions {
2455
+ .IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions {
5861
2456
  gap: var(--spacing-8, var(--spacing-8, 8px));
5862
2457
  padding-inline: var(--spacing-8, var(--spacing-8, 8px));
5863
2458
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
@@ -5865,21 +2460,12 @@
5865
2460
  display: flex;
5866
2461
  }
5867
2462
 
5868
- .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions .IncodeDocumentCaptureSkipWrapper {
2463
+ .IncodeComponent .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureActions .IncodeDocumentCaptureSkipWrapper {
5869
2464
  padding-top: var(--spacing-8, var(--spacing-8, 8px));
5870
2465
  justify-content: center;
5871
2466
  display: flex;
5872
2467
  }
5873
2468
 
5874
- .IncodeDocumentCapturePageTutorial .IncodeDocumentCaptureCentered {
5875
- justify-content: center;
5876
- align-items: center;
5877
- gap: var(--spacing-16, var(--spacing-16, 16px));
5878
- flex-direction: column;
5879
- flex: 1;
5880
- display: flex;
5881
- }
5882
-
5883
2469
  .IncodeDocumentCaptureBottomSheetOptions {
5884
2470
  width: 100%;
5885
2471
  padding-top: var(--spacing-8, var(--spacing-8, 8px));
@@ -5914,7 +2500,12 @@
5914
2500
  flex-shrink: 0;
5915
2501
  }
5916
2502
 
5917
- .IncodeDocumentCaptureReviewPage .IncodePageContent {
2503
+ .IncodeDocumentCaptureCameraPage {
2504
+ width: 100%;
2505
+ height: 100%;
2506
+ }
2507
+
2508
+ .IncodeComponent .IncodeDocumentCaptureReviewPage .IncodePageContent {
5918
2509
  padding: var(--spacing-0, var(--spacing-none, 0px));
5919
2510
  flex-direction: column;
5920
2511
  flex: 1;
@@ -5923,27 +2514,27 @@
5923
2514
  }
5924
2515
 
5925
2516
  @media (min-width: 48rem) {
5926
- .IncodeDocumentCaptureReviewPage .IncodePageInner {
2517
+ .IncodeComponent .IncodeDocumentCaptureReviewPage .IncodePageInner {
5927
2518
  padding: var(--spacing-24, var(--spacing-24, 24px));
5928
2519
  }
5929
2520
  }
5930
2521
 
5931
- .IncodeDocumentCaptureReviewLayout {
2522
+ .IncodeComponent .IncodeDocumentCaptureReviewLayout {
5932
2523
  flex-direction: column;
5933
2524
  flex: 1;
5934
2525
  display: flex;
5935
2526
  overflow: hidden;
5936
2527
  }
5937
2528
 
5938
- .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader {
2529
+ .IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader {
2530
+ height: var(--document-capture-review-header-height);
5939
2531
  flex-direction: column;
5940
2532
  justify-content: center;
5941
2533
  align-items: center;
5942
- height: 100px;
5943
2534
  display: flex;
5944
2535
  }
5945
2536
 
5946
- .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewTitle {
2537
+ .IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewTitle {
5947
2538
  text-align: center;
5948
2539
  font-family: var(--typography-headline-family);
5949
2540
  font-size: var(--typography-headline-h2-size);
@@ -5952,7 +2543,7 @@
5952
2543
  letter-spacing: var(--typography-headline-h2-letter-spacing);
5953
2544
  }
5954
2545
 
5955
- .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewSubtitle {
2546
+ .IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewHeader .IncodeDocumentCaptureReviewSubtitle {
5956
2547
  max-width: var(--incode-form-max-w);
5957
2548
  text-align: center;
5958
2549
  font-family: var(--typography-headline-family);
@@ -5963,7 +2554,7 @@
5963
2554
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
5964
2555
  }
5965
2556
 
5966
- .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview {
2557
+ .IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview {
5967
2558
  min-height: var(--spacing-0, var(--spacing-none, 0px));
5968
2559
  flex-direction: column;
5969
2560
  flex: 1;
@@ -5973,11 +2564,11 @@
5973
2564
  overflow: hidden;
5974
2565
  }
5975
2566
 
5976
- .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview.IncodeDocumentCaptureReviewPreviewPdf {
2567
+ .IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview.IncodeDocumentCaptureReviewPreviewPdf {
5977
2568
  padding-inline: var(--spacing-48, var(--spacing-48, 48px));
5978
2569
  }
5979
2570
 
5980
- .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImageContainer {
2571
+ .IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImageContainer {
5981
2572
  min-height: var(--spacing-0, var(--spacing-none, 0px));
5982
2573
  border-radius: var(--radius-medium, var(--border-radius-medium));
5983
2574
  background-color: var(--color-neutral-50, oklch(98.5% 0 0));
@@ -5985,7 +2576,7 @@
5985
2576
  display: flex;
5986
2577
  }
5987
2578
 
5988
- .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage {
2579
+ .IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage {
5989
2580
  border-radius: var(--radius-medium, var(--border-radius-medium));
5990
2581
  object-fit: cover;
5991
2582
  border-style: var(--tw-border-style);
@@ -5995,18 +2586,18 @@
5995
2586
  max-height: 100%;
5996
2587
  }
5997
2588
 
5998
- .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage.IncodeDocumentCaptureSuccessBorder {
2589
+ .IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeDocumentCaptureReviewImage.IncodeDocumentCaptureSuccessBorder {
5999
2590
  border-color: var(--color-border-status-positive, var(--border-status-positive-static));
6000
2591
  }
6001
2592
 
6002
- .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeCaptureEncryptionLabel {
2593
+ .IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewPreview .IncodeCaptureEncryptionLabel {
6003
2594
  justify-content: center;
6004
2595
  align-items: center;
6005
2596
  gap: var(--spacing-4, var(--spacing-4, 4px));
6006
2597
  display: flex;
6007
2598
  }
6008
2599
 
6009
- .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter {
2600
+ .IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter {
6010
2601
  width: 100%;
6011
2602
  max-width: var(--incode-form-max-w);
6012
2603
  justify-content: center;
@@ -6015,22 +2606,23 @@
6015
2606
  display: flex;
6016
2607
  }
6017
2608
 
6018
- .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter.IncodeDocumentCaptureReviewFooterEmpty {
2609
+ .IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter.IncodeDocumentCaptureReviewFooterEmpty {
6019
2610
  visibility: hidden;
6020
- height: 56px;
2611
+ height: var(--document-capture-review-empty-footer-height);
6021
2612
  }
6022
2613
 
6023
- .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow {
2614
+ .IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow {
6024
2615
  gap: var(--spacing-12, var(--spacing-12, 12px));
6025
2616
  width: 100%;
2617
+ padding: var(--spacing-4, var(--spacing-4, 4px));
6026
2618
  display: flex;
6027
2619
  }
6028
2620
 
6029
- .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow .IncodeButton {
2621
+ .IncodeComponent .IncodeDocumentCaptureReviewLayout .IncodeDocumentCaptureReviewFooter .IncodeDocumentCaptureActionRow .IncodeButton {
6030
2622
  flex: 1;
6031
2623
  }
6032
2624
 
6033
- .IncodeDocumentCaptureReviewCentered {
2625
+ .IncodeComponent .IncodeDocumentCaptureReviewCentered {
6034
2626
  flex-direction: column;
6035
2627
  flex: 1;
6036
2628
  justify-content: center;
@@ -6038,7 +2630,7 @@
6038
2630
  display: flex;
6039
2631
  }
6040
2632
 
6041
- .IncodeDocumentCapturePdfCard {
2633
+ .IncodeComponent .IncodeDocumentCapturePdfCard {
6042
2634
  justify-content: center;
6043
2635
  align-items: center;
6044
2636
  gap: var(--spacing-24, var(--spacing-24, 24px));
@@ -6055,23 +2647,23 @@
6055
2647
  overflow: hidden;
6056
2648
  }
6057
2649
 
6058
- .IncodeDocumentCapturePdfCard .ImageDocumentCapturePdfPreviewContainer {
2650
+ .IncodeComponent .IncodeDocumentCapturePdfCard .IncodeImageDocumentCapturePdfPreviewContainer {
2651
+ height: var(--document-capture-pdf-preview-height);
6059
2652
  width: var(--spacing-120, var(--spacing-120, 120px));
6060
2653
  border-radius: var(--radius-lg, .5rem);
6061
2654
  border-style: var(--tw-border-style);
6062
2655
  border-width: 2px;
6063
2656
  border-color: var(--color-border-neutral-100, var(--border-neutral-100));
6064
2657
  background-color: var(--color-neutral-50, oklch(98.5% 0 0));
6065
- height: var(--document-capture-pdf-preview-height);
6066
2658
  overflow: hidden;
6067
2659
  }
6068
2660
 
6069
- .IncodeDocumentCapturePdfCard .ImageDocumentCapturePdfPreviewContainer .ImageDocumentCapturePdfPreview {
2661
+ .IncodeComponent .IncodeDocumentCapturePdfCard .IncodeImageDocumentCapturePdfPreviewContainer .IncodeImageDocumentCapturePdfPreview {
6070
2662
  width: 100%;
6071
2663
  height: 100%;
6072
2664
  }
6073
2665
 
6074
- .IncodeDocumentCapturePdfCard .IncodeDocumentCapturePdfFileName {
2666
+ .IncodeComponent .IncodeDocumentCapturePdfCard .IncodeDocumentCapturePdfFileName {
6075
2667
  text-align: center;
6076
2668
  font-family: var(--typography-headline-family);
6077
2669
  font-size: var(--typography-headline-h5-size);
@@ -6082,7 +2674,20 @@
6082
2674
  overflow-wrap: break-word;
6083
2675
  }
6084
2676
 
6085
- .IncodeOverlay .IncodeDocumentCommonIssuesTitle {
2677
+ .IncodeDocumentCommonIssuesFullScreen .IncodeModalDialog {
2678
+ max-width: none;
2679
+ height: 100%;
2680
+ max-height: none;
2681
+ }
2682
+
2683
+ .IncodeDocumentCommonIssuesFullScreen .IncodeModalContent {
2684
+ border-radius: var(--radius-none, var(--border-radius-none));
2685
+ max-width: none;
2686
+ height: 100%;
2687
+ margin: auto;
2688
+ }
2689
+
2690
+ .IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesTitle {
6086
2691
  font-family: var(--typography-headline-family);
6087
2692
  font-size: var(--typography-headline-h2-size);
6088
2693
  font-weight: var(--typography-headline-h2-weight);
@@ -6090,35 +2695,33 @@
6090
2695
  letter-spacing: var(--typography-headline-h2-letter-spacing);
6091
2696
  }
6092
2697
 
6093
- .IncodeOverlay .IncodeDocumentCommonIssuesCards {
6094
- gap: var(--spacing-32, var(--spacing-32, 32px));
2698
+ .IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCards {
6095
2699
  width: 100%;
2700
+ max-width: var(--incode-form-max-w);
2701
+ gap: var(--spacing-32, var(--spacing-32, 32px));
6096
2702
  padding-block: var(--spacing-16, var(--spacing-16, 16px));
6097
2703
  flex-direction: column;
6098
2704
  display: flex;
6099
2705
  }
6100
2706
 
6101
- .IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard {
2707
+ .IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCard {
6102
2708
  align-items: flex-start;
6103
2709
  gap: var(--spacing-16, var(--spacing-16, 16px));
6104
- background-color: var(--color-surface-neutral-50, var(--surface-neutral-50));
6105
- padding: var(--spacing-16, var(--spacing-16, 16px));
6106
- border-radius: 12px;
6107
2710
  display: flex;
6108
2711
  }
6109
2712
 
6110
- .IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardIcon {
2713
+ .IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardIcon {
6111
2714
  color: var(--color-text-body-primary, var(--text-body-800-primary));
6112
2715
  flex-shrink: 0;
6113
2716
  }
6114
2717
 
6115
- .IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText {
2718
+ .IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardText {
6116
2719
  gap: var(--spacing-4, var(--spacing-4, 4px));
6117
2720
  flex-direction: column;
6118
2721
  display: flex;
6119
2722
  }
6120
2723
 
6121
- .IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText .IncodeDocumentCommonIssuesCardTitle {
2724
+ .IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardTitle {
6122
2725
  font-family: var(--typography-headline-family);
6123
2726
  font-size: var(--typography-headline-h5-size);
6124
2727
  font-weight: var(--typography-headline-h5-weight);
@@ -6126,7 +2729,7 @@
6126
2729
  letter-spacing: var(--typography-headline-h5-letter-spacing);
6127
2730
  }
6128
2731
 
6129
- .IncodeOverlay .IncodeDocumentCommonIssuesCards .IncodeDocumentCommonIssuesCard .IncodeDocumentCommonIssuesCardText .IncodeDocumentCommonIssuesCardBody {
2732
+ .IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesCardBody {
6130
2733
  font-family: var(--typography-body-family);
6131
2734
  font-size: var(--typography-body-m-regular-size);
6132
2735
  font-weight: var(--typography-body-m-regular-weight);
@@ -6135,12 +2738,23 @@
6135
2738
  color: var(--color-text-body-secondary, var(--text-body-500-secondary));
6136
2739
  }
6137
2740
 
6138
- .IncodeOverlay .IncodeDocumentCommonIssuesButtons {
6139
- gap: var(--spacing-12, var(--spacing-12, 12px));
6140
- width: 100%;
6141
- padding-top: var(--spacing-24, var(--spacing-24, 24px));
6142
- flex-direction: column;
2741
+ .IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesButtons {
6143
2742
  margin-top: auto;
2743
+ }
2744
+
2745
+ .IncodeDocumentCommonIssuesFullScreen .IncodeDocumentCommonIssuesContent .IncodeDocumentCommonIssuesTryAgain {
2746
+ width: 100%;
2747
+ }
2748
+
2749
+ .IncodeDocumentCaptureLoadingPage .IncodePageContent {
2750
+ flex: 1;
2751
+ display: flex;
2752
+ }
2753
+
2754
+ .IncodeDocumentCaptureLoadingPage .IncodeDocumentCaptureCentered {
2755
+ flex: 1;
2756
+ justify-content: center;
2757
+ align-items: center;
6144
2758
  display: flex;
6145
2759
  }
6146
2760
 
@@ -6152,6 +2766,21 @@
6152
2766
  display: flex;
6153
2767
  }
6154
2768
 
2769
+ @media (min-width: 48rem) {
2770
+ .IncodeCurpValidationPage.IncodeCurpGeneratePage.IncodePageContainer {
2771
+ align-items: stretch;
2772
+ }
2773
+
2774
+ .IncodeCurpValidationPage.IncodeCurpGeneratePage .IncodePageInner {
2775
+ height: 100%;
2776
+ min-height: var(--spacing-0, var(--spacing-none, 0px));
2777
+ }
2778
+
2779
+ .IncodeCurpValidationPage.IncodeCurpGeneratePage .IncodePageContent {
2780
+ min-height: var(--spacing-0, var(--spacing-none, 0px));
2781
+ }
2782
+ }
2783
+
6155
2784
  .IncodeCurpValidationPage .IncodeCurpValidation {
6156
2785
  flex-direction: column;
6157
2786
  align-items: center;
@@ -6181,11 +2810,43 @@
6181
2810
  .IncodeCurpValidationPage .IncodeGenerateCurpForm {
6182
2811
  width: 100%;
6183
2812
  max-width: var(--incode-form-max-w);
2813
+ flex-direction: column;
2814
+ display: flex;
2815
+ }
2816
+
2817
+ @media (min-width: 48rem) {
2818
+ .IncodeCurpValidationPage .IncodeGenerateCurpForm {
2819
+ min-height: var(--spacing-0, var(--spacing-none, 0px));
2820
+ }
2821
+ }
2822
+
2823
+ .IncodeCurpValidationPage .IncodeGenerateCurpFields {
6184
2824
  gap: var(--spacing-8, var(--spacing-8, 8px));
6185
2825
  flex-direction: column;
2826
+ width: 100%;
6186
2827
  display: flex;
6187
2828
  }
6188
2829
 
2830
+ @media (min-width: 48rem) {
2831
+ .IncodeCurpValidationPage .IncodeGenerateCurpFields {
2832
+ min-height: var(--spacing-0, var(--spacing-none, 0px));
2833
+ padding-bottom: var(--spacing-8, var(--spacing-8, 8px));
2834
+ flex: 1;
2835
+ overflow-y: auto;
2836
+ }
2837
+ }
2838
+
2839
+ .IncodeCurpValidationPage .IncodeGenerateCurpFooter {
2840
+ width: 100%;
2841
+ padding-top: var(--spacing-16, var(--spacing-16, 16px));
2842
+ }
2843
+
2844
+ @media (min-width: 48rem) {
2845
+ .IncodeCurpValidationPage .IncodeGenerateCurpFooter {
2846
+ flex-shrink: 0;
2847
+ }
2848
+ }
2849
+
6189
2850
  .IncodeCurpValidationPage .IncodeCurpConfirm {
6190
2851
  width: 100%;
6191
2852
  max-width: var(--incode-curp-confirm-max-w);
@@ -6441,9 +3102,9 @@
6441
3102
 
6442
3103
  @media (min-width: 768px) {
6443
3104
  .IncodeEkycPage.IncodePageContainer {
6444
- height: 100dvh;
6445
- max-height: none;
6446
3105
  margin-top: var(--spacing-0, var(--spacing-none, 0px));
3106
+ height: 100%;
3107
+ max-height: none;
6447
3108
  }
6448
3109
 
6449
3110
  .IncodeEkycPage .IncodePageInner {
@@ -6510,27 +3171,16 @@
6510
3171
  }
6511
3172
 
6512
3173
  .IncodeEkybPage .IncodeEkybRemoveUbo {
6513
- cursor: pointer;
6514
- border-style: var(--tw-border-style);
6515
- border-width: var(--border-width-none, var(--primitive-border-width-0));
6516
- --tw-border-style: none;
6517
- padding: var(--spacing-0, var(--spacing-none, 0px));
6518
3174
  font-family: var(--typography-body-family);
6519
3175
  font-size: var(--typography-body-s-regular-size);
6520
3176
  font-weight: var(--typography-body-s-regular-weight);
6521
3177
  line-height: var(--typography-body-s-regular-line-height);
6522
3178
  letter-spacing: var(--typography-body-s-regular-letter-spacing);
6523
3179
  color: var(--color-text-status-negative, var(--text-status-negative));
6524
- background-color: #0000;
6525
- border-style: none;
3180
+ text-decoration-line: none;
6526
3181
  }
6527
3182
 
6528
3183
  .IncodeEkybPage .IncodeEkybAddUbo {
6529
- cursor: pointer;
6530
- border-style: var(--tw-border-style);
6531
- border-width: var(--border-width-none, var(--primitive-border-width-0));
6532
- --tw-border-style: none;
6533
- padding-block: var(--spacing-8, var(--spacing-8, 8px));
6534
3184
  text-align: center;
6535
3185
  font-family: var(--typography-button-family);
6536
3186
  font-size: var(--typography-button-m-underlined-size);
@@ -6540,8 +3190,6 @@
6540
3190
  -webkit-text-decoration-skip-ink: none;
6541
3191
  text-decoration-skip-ink: none;
6542
3192
  color: var(--color-button-primary-surface-default, var(--button-primary-surface-default));
6543
- background-color: #0000;
6544
- border-style: none;
6545
3193
  text-decoration-line: underline;
6546
3194
  text-decoration-style: solid;
6547
3195
  text-decoration-thickness: auto;
@@ -6623,10 +3271,8 @@
6623
3271
  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
6624
3272
  width: 100%;
6625
3273
  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
6626
- padding-top: var(--spacing-32, var(--spacing-32, 32px));
6627
- padding-bottom: var(--spacing-24, var(--spacing-24, 24px));
3274
+ padding-block: var(--spacing-32, var(--spacing-32, 32px));
6628
3275
  max-width: var(--redirect-card-max-width);
6629
- min-height: min(var(--redirect-card-max-width), var(--redirect-card-min-height));
6630
3276
  flex-direction: column;
6631
3277
  align-items: center;
6632
3278
  display: flex;
@@ -6642,11 +3288,11 @@
6642
3288
  }
6643
3289
 
6644
3290
  .IncodeRedirectRoot .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions {
6645
- align-items: center;
6646
- gap: var(--spacing-32, var(--spacing-32, 32px));
3291
+ margin-bottom: var(--spacing-32, var(--spacing-32, 32px));
6647
3292
  width: 100%;
6648
3293
  max-width: var(--redirect-options-max-width);
6649
3294
  flex-direction: column;
3295
+ align-items: center;
6650
3296
  display: flex;
6651
3297
  }
6652
3298
 
@@ -6658,6 +3304,12 @@
6658
3304
  left: 50%;
6659
3305
  }
6660
3306
 
3307
+ .IncodeRedirectContainer .IncodeRedirectToastContent {
3308
+ align-items: center;
3309
+ gap: var(--spacing-12, var(--spacing-12, 12px));
3310
+ display: inline-flex;
3311
+ }
3312
+
6661
3313
  @keyframes fadeInOut {
6662
3314
  0% {
6663
3315
  opacity: 0;
@@ -6721,12 +3373,11 @@
6721
3373
  }
6722
3374
 
6723
3375
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav {
6724
- align-items: center;
6725
- gap: var(--spacing-40, var(--spacing-40, 40px));
6726
3376
  width: 100%;
6727
3377
  max-width: var(--redirect-form-column-max-width);
6728
3378
  flex-direction: column;
6729
3379
  flex: 1;
3380
+ align-items: center;
6730
3381
  display: flex;
6731
3382
  }
6732
3383
 
@@ -6739,7 +3390,7 @@
6739
3390
  }
6740
3391
 
6741
3392
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterContentText {
6742
- margin-block: var(--spacing-32, var(--spacing-32, 32px));
3393
+ margin-block: var(--spacing-12, var(--spacing-12, 12px));
6743
3394
  font-family: var(--Button-family, "DM Sans");
6744
3395
  letter-spacing: 0;
6745
3396
  font-size: 18px;
@@ -6747,6 +3398,10 @@
6747
3398
  line-height: 100%;
6748
3399
  }
6749
3400
 
3401
+ .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectBottomNav .IncodeRedirectFooterLogoWrapper {
3402
+ padding-block: var(--spacing-8, var(--spacing-8, 8px));
3403
+ }
3404
+
6750
3405
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectTabs {
6751
3406
  justify-content: center;
6752
3407
  align-items: flex-end;
@@ -6831,6 +3486,7 @@
6831
3486
  }
6832
3487
 
6833
3488
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent {
3489
+ margin-top: var(--spacing-32, var(--spacing-32, 32px));
6834
3490
  flex-direction: column;
6835
3491
  align-items: center;
6836
3492
  display: flex;
@@ -6857,6 +3513,7 @@
6857
3513
  }
6858
3514
 
6859
3515
  .IncodeRedirectContainer .IncodeRedirectCard .IncodeRedirectOptions .IncodeRedirectLinkSent .IncodeRedirectLinkSentActions {
3516
+ margin-block: var(--spacing-8, var(--spacing-8, 8px));
6860
3517
  justify-content: center;
6861
3518
  align-items: center;
6862
3519
  gap: var(--spacing-4, var(--spacing-4, 4px));
@@ -6872,11 +3529,12 @@
6872
3529
 
6873
3530
  .IncodeRedirectFinishedContainer {
6874
3531
  flex-direction: column;
6875
- justify-content: center;
3532
+ justify-content: safe center;
6876
3533
  align-items: center;
6877
3534
  width: 100%;
6878
3535
  height: 100%;
6879
3536
  display: flex;
3537
+ overflow-y: auto;
6880
3538
  }
6881
3539
 
6882
3540
  .IncodeRedirectFinishedContainer .IncodeRedirectLogo {
@@ -6952,6 +3610,11 @@
6952
3610
  color: var(--color-text-body-primary, var(--text-body-800-primary));
6953
3611
  }
6954
3612
 
3613
+ .IncodeConsentPage .IncodeConsentBody .IncodeRichText .markup a, .IncodeConsentPage .IncodeConsentBody .IncodeRichText a {
3614
+ color: var(--color-icon-brand-600, var(--icon-brand-600));
3615
+ text-decoration-line: underline;
3616
+ }
3617
+
6955
3618
  .IncodeConsentPage .IncodeConsentSubtitle {
6956
3619
  font-family: var(--typography-body-family);
6957
3620
  font-size: var(--typography-body-m-regular-size);
@@ -7010,10 +3673,6 @@
7010
3673
  display: inline;
7011
3674
  }
7012
3675
 
7013
- .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText .markup a, .IncodeConsentPage .IncodeConsentCheckboxLabel .IncodeRichText a {
7014
- color: var(--color-link-default, var(--link-default));
7015
- }
7016
-
7017
3676
  .IncodeConsentPage .IncodeConsentButton {
7018
3677
  margin-bottom: var(--spacing-16, var(--spacing-16, 16px));
7019
3678
  width: 100%;
@@ -7069,7 +3728,7 @@
7069
3728
  animation-fill-mode: both;
7070
3729
  }
7071
3730
 
7072
- .IncodeSignature .SignatureCanvasContainer {
3731
+ .IncodeSignature .IncodeSignatureCanvasContainer {
7073
3732
  width: 100%;
7074
3733
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
7075
3734
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
@@ -7086,13 +3745,13 @@
7086
3745
  position: relative;
7087
3746
  }
7088
3747
 
7089
- .IncodeSignature .SignatureCanvas {
3748
+ .IncodeSignature .IncodeSignatureCanvas {
7090
3749
  width: 100%;
7091
3750
  height: 100%;
7092
3751
  padding-block: var(--spacing-8, var(--spacing-8, 8px));
7093
3752
  }
7094
3753
 
7095
- .IncodeSignature .SignatureCanvasPlaceholder {
3754
+ .IncodeSignature .IncodeSignatureCanvasPlaceholder {
7096
3755
  font-family: var(--typography-input-dropdown-family);
7097
3756
  font-size: var(--typography-input-dropdown-m-size);
7098
3757
  font-weight: var(--typography-input-dropdown-m-weight);
@@ -7476,11 +4135,10 @@
7476
4135
  .IncodeVerificationResult__center {
7477
4136
  width: 100%;
7478
4137
  max-width: var(--incode-form-max-w);
7479
- justify-content: center;
7480
- align-items: center;
7481
- gap: var(--spacing-16, var(--spacing-16, 16px));
7482
4138
  flex-direction: column;
7483
4139
  flex: 1;
4140
+ justify-content: center;
4141
+ align-items: center;
7484
4142
  margin-inline: auto;
7485
4143
  display: flex;
7486
4144
  }
@@ -7495,6 +4153,17 @@
7495
4153
  color: var(--color-text-body-primary, var(--text-body-800-primary));
7496
4154
  }
7497
4155
 
4156
+ .IncodeVerificationResult__subtitle {
4157
+ margin-top: var(--spacing-12, var(--spacing-12, 12px));
4158
+ text-align: center;
4159
+ font-family: var(--typography-headline-family);
4160
+ font-size: var(--typography-headline-h5-size);
4161
+ font-weight: var(--typography-headline-h5-weight);
4162
+ line-height: var(--typography-headline-h5-line-height);
4163
+ letter-spacing: var(--typography-headline-h5-letter-spacing);
4164
+ color: var(--color-text-body-secondary, var(--text-body-500-secondary));
4165
+ }
4166
+
7498
4167
  .IncodeVerificationResult__actions {
7499
4168
  width: 100%;
7500
4169
  max-width: var(--incode-form-max-w);
@@ -7601,219 +4270,74 @@
7601
4270
  height: 100%;
7602
4271
  }
7603
4272
 
7604
- @property --tw-rotate-x {
7605
- syntax: "*";
7606
- inherits: false
7607
- }
7608
-
7609
- @property --tw-rotate-y {
7610
- syntax: "*";
7611
- inherits: false
7612
- }
7613
-
7614
- @property --tw-rotate-z {
7615
- syntax: "*";
7616
- inherits: false
7617
- }
7618
-
7619
- @property --tw-skew-x {
7620
- syntax: "*";
7621
- inherits: false
7622
- }
7623
-
7624
- @property --tw-skew-y {
7625
- syntax: "*";
7626
- inherits: false
7627
- }
7628
-
7629
4273
  @property --tw-border-style {
7630
4274
  syntax: "*";
7631
4275
  inherits: false;
7632
4276
  initial-value: solid;
7633
4277
  }
7634
4278
 
7635
- @property --tw-shadow {
7636
- syntax: "*";
7637
- inherits: false;
7638
- initial-value: 0 0 #0000;
7639
- }
7640
-
7641
- @property --tw-shadow-color {
7642
- syntax: "*";
7643
- inherits: false
7644
- }
7645
-
7646
- @property --tw-shadow-alpha {
7647
- syntax: "<percentage>";
7648
- inherits: false;
7649
- initial-value: 100%;
7650
- }
7651
-
7652
- @property --tw-inset-shadow {
7653
- syntax: "*";
7654
- inherits: false;
7655
- initial-value: 0 0 #0000;
7656
- }
7657
-
7658
- @property --tw-inset-shadow-color {
7659
- syntax: "*";
7660
- inherits: false
7661
- }
7662
-
7663
- @property --tw-inset-shadow-alpha {
7664
- syntax: "<percentage>";
7665
- inherits: false;
7666
- initial-value: 100%;
7667
- }
7668
-
7669
- @property --tw-ring-color {
7670
- syntax: "*";
7671
- inherits: false
7672
- }
7673
-
7674
- @property --tw-ring-shadow {
7675
- syntax: "*";
7676
- inherits: false;
7677
- initial-value: 0 0 #0000;
7678
- }
7679
-
7680
- @property --tw-inset-ring-color {
7681
- syntax: "*";
7682
- inherits: false
7683
- }
7684
-
7685
- @property --tw-inset-ring-shadow {
7686
- syntax: "*";
7687
- inherits: false;
7688
- initial-value: 0 0 #0000;
7689
- }
7690
-
7691
- @property --tw-ring-inset {
4279
+ @property --tw-translate-x {
7692
4280
  syntax: "*";
7693
- inherits: false
7694
- }
7695
-
7696
- @property --tw-ring-offset-width {
7697
- syntax: "<length>";
7698
4281
  inherits: false;
7699
4282
  initial-value: 0;
7700
4283
  }
7701
4284
 
7702
- @property --tw-ring-offset-color {
7703
- syntax: "*";
7704
- inherits: false;
7705
- initial-value: #fff;
7706
- }
7707
-
7708
- @property --tw-ring-offset-shadow {
4285
+ @property --tw-translate-y {
7709
4286
  syntax: "*";
7710
4287
  inherits: false;
7711
- initial-value: 0 0 #0000;
4288
+ initial-value: 0;
7712
4289
  }
7713
4290
 
7714
- @property --tw-outline-style {
4291
+ @property --tw-translate-z {
7715
4292
  syntax: "*";
7716
4293
  inherits: false;
7717
- initial-value: solid;
7718
- }
7719
-
7720
- @property --tw-blur {
7721
- syntax: "*";
7722
- inherits: false
7723
- }
7724
-
7725
- @property --tw-brightness {
7726
- syntax: "*";
7727
- inherits: false
7728
- }
7729
-
7730
- @property --tw-contrast {
7731
- syntax: "*";
7732
- inherits: false
7733
- }
7734
-
7735
- @property --tw-grayscale {
7736
- syntax: "*";
7737
- inherits: false
4294
+ initial-value: 0;
7738
4295
  }
7739
4296
 
7740
- @property --tw-hue-rotate {
4297
+ @property --tw-rotate-x {
7741
4298
  syntax: "*";
7742
4299
  inherits: false
7743
4300
  }
7744
4301
 
7745
- @property --tw-invert {
4302
+ @property --tw-rotate-y {
7746
4303
  syntax: "*";
7747
4304
  inherits: false
7748
4305
  }
7749
4306
 
7750
- @property --tw-opacity {
4307
+ @property --tw-rotate-z {
7751
4308
  syntax: "*";
7752
4309
  inherits: false
7753
4310
  }
7754
4311
 
7755
- @property --tw-saturate {
4312
+ @property --tw-skew-x {
7756
4313
  syntax: "*";
7757
4314
  inherits: false
7758
4315
  }
7759
4316
 
7760
- @property --tw-sepia {
4317
+ @property --tw-skew-y {
7761
4318
  syntax: "*";
7762
4319
  inherits: false
7763
4320
  }
7764
4321
 
7765
- @property --tw-drop-shadow {
4322
+ @property --tw-leading {
7766
4323
  syntax: "*";
7767
4324
  inherits: false
7768
4325
  }
7769
4326
 
7770
- @property --tw-drop-shadow-color {
4327
+ @property --tw-font-weight {
7771
4328
  syntax: "*";
7772
4329
  inherits: false
7773
4330
  }
7774
4331
 
7775
- @property --tw-drop-shadow-alpha {
7776
- syntax: "<percentage>";
7777
- inherits: false;
7778
- initial-value: 100%;
7779
- }
7780
-
7781
- @property --tw-drop-shadow-size {
4332
+ @property --tw-tracking {
7782
4333
  syntax: "*";
7783
4334
  inherits: false
7784
4335
  }
7785
4336
 
7786
- @property --tw-translate-x {
7787
- syntax: "*";
7788
- inherits: false;
7789
- initial-value: 0;
7790
- }
7791
-
7792
- @property --tw-translate-y {
7793
- syntax: "*";
7794
- inherits: false;
7795
- initial-value: 0;
7796
- }
7797
-
7798
- @property --tw-translate-z {
4337
+ @property --tw-outline-style {
7799
4338
  syntax: "*";
7800
4339
  inherits: false;
7801
- initial-value: 0;
7802
- }
7803
-
7804
- @property --tw-leading {
7805
- syntax: "*";
7806
- inherits: false
7807
- }
7808
-
7809
- @property --tw-font-weight {
7810
- syntax: "*";
7811
- inherits: false
7812
- }
7813
-
7814
- @property --tw-tracking {
7815
- syntax: "*";
7816
- inherits: false
4340
+ initial-value: solid;
7817
4341
  }
7818
4342
 
7819
4343
  @property --tw-duration {