@eka-care/abha-stg 0.1.44 → 0.1.46

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 (4) hide show
  1. package/README.md +101 -372
  2. package/dist/sdk/abha/css/abha.css +1 -1
  3. package/dist/sdk/abha/js/abha.js +104 -21
  4. package/package.json +8 -9
package/README.md CHANGED
@@ -1,385 +1,114 @@
1
- # ABHA SDK Implementation
1
+ # Login Frontend App for Eka Care
2
2
 
3
- This guide provides everything you need to integrate the ABHA SDK into your application.
3
+ This application is in early development mode.
4
4
 
5
- ## Overview
5
+ ## How to Use Login Frontend App
6
6
 
7
- The ABHA SDK allows you to integrate Create ABHA, Login with ABHA flows into your healthcare applications. It provides:
7
+ Follow these steps to use the `window.initAuthApp` function from the `main.tsx` file:
8
8
 
9
- - **Create ABHA**: Create a new ABHA using Mobile or Aadhaar
10
- - **Login with ABHA**: Login with ABHA address[PHR Address], ABHA number, Adhaar number or Mobile number linked to your ABHA into your healthcare application.
9
+ 1. **Include the Required Scripts and Styles**:
10
+ Ensure that you have included the necessary scripts and styles in your HTML file.
11
11
 
12
- ## Installation
12
+ ```html
13
+ <link rel="stylesheet" href="https://login.eka.care/assets/css/index.css" />
14
+ <script type="module" src="https://login.eka.care/assets/js/lo-fe-main.js"></script>
15
+ ```
13
16
 
14
- ### Prerequisites
17
+ 2. **Prepare the Container Element**:
18
+ Create a container element in your HTML where the React app will be mounted.
15
19
 
16
- - A modern web browser.
17
- - Your domain must be whitelisted with Eka Care to avoid CORS(Cross-Origin Resource Sharing) error.
18
- (Contact Eka Care to request API access and domain whitelisting.)
19
- - A valid HTML container element where the SDK will mount.
20
+ ```html
21
+ <div id="lofe_root"></div>
22
+ ```
20
23
 
21
- ### Setup
24
+ 3. **Implement Callback Functions**:
25
+ Define the `onSuccess` and `onError` callback functions to handle authentication outcomes.
22
26
 
23
- Add the following HTML and script tags to your webpage:
27
+ **onSuccess**: This function is called when the authentication is successful. Use it to process the authenticated user's data or redirect them within your application.
24
28
 
25
- ```html
26
- <!DOCTYPE html>
27
- <html>
28
- <head>
29
- <title>ABHA SDK Integration</title>
29
+ ```javascript
30
+ function onSuccess(params) {
31
+ // Handle successful authentication
32
+ console.log('Authentication successful:', params);
33
+ // Redirect user or update UI accordingly
34
+ }
35
+ ```
30
36
 
31
- <!-- Include ABHA SDK CSS -->
32
- <link
33
- rel="stylesheet"
34
- href="https://unpkg.com/@eka-care/abha/dist/sdk/abha/css/abha.css"
35
- />
36
- </head>
37
- <body>
38
- <h1>ABHA SDK Demo</h1>
37
+ - @param params - An object containing authentication tokens and the user's profile information.
39
38
 
40
- <!-- Mount Button -->
41
- <button class="button" onclick="mountABHASDK()">Mount SDK</button>
42
-
43
- <!-- Container for ABHA SDK -->
44
- <div id="sdk_container"></div>
45
-
46
- <!-- Include ABHA SDK JS -->
47
- <script
48
- type="module"
49
- async
50
- src="https://unpkg.com/@eka-care/abha/dist/sdk/abha/js/abha.js"
51
- ></script>
52
-
53
- <script>
54
- function mountABHASDK() {
55
- window.initAbhaApp({
56
- containerId: "sdk_container",
57
-
58
- // Pass access token and oid
59
- data: {
60
- accessToken: "<your_access_token>", // Pass the access token you have
61
- oid: "<your_oid_if_available>", // Pass if you have the OID
62
- orgIcon: "<url_of_your_org_icon>", // Pass the url to your organisation icon which starts with for ex: https://cdn.eka.care/vagus/cl56w6zg3001f0scsaqrh16is.jpg
63
- linkToOrgIcon: "<url_of_image_to_link_abha_to_your_org>", // Pass the url of an image which depicts linking abha to your organisation for ex https://cdn.eka.care/vagus/cm6agrs5000090tfwfz984x5b.webp
64
- },
65
-
66
- // Success callback
67
- onSuccess: async (params) => {
68
- console.log("ABHA flow completed successfully:", params);
69
- // Example: Store ABHA data in your app
70
- dispatch({
71
- type: "set-only-healthid-data",
72
- healthIdData: formatter(params.response.data),
73
- });
74
- },
75
-
76
- // Error callback
77
- onError: (params) => {
78
- console.error("ABHA flow failed:", params);
79
- if (window.EkaAbha) {
80
- window.EkaAbha.onAbhaFailure(JSON.stringify(params));
39
+ ```javascript
40
+ {
41
+ response: {
42
+ txn_id: "Transaction id string",
43
+ skip_state: 1,
44
+ method: 2,
45
+ data: {
46
+ tokens: {
47
+ sess: "A string representing the session token.",
48
+ refresh: "A string representing the refresh token.",
49
+ },
50
+ profile: "The user's profile.",
81
51
  }
82
- },
83
- });
84
- }
85
- </script>
86
- </body>
87
- </html>
88
- ```
89
- ## Core Functions
90
-
91
- ### 1. initAbhaApp
92
-
93
- Initializes and renders the ABHA SDK in your specified container.
94
-
95
- **Parameters:**
96
-
97
- | Name | Type | Required | Description |
98
- | ------------- | --------------------------------------- | ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
99
- | `containerId` | `string` | ✅ | The HTML element ID where the SDK will mount. |
100
- | `data` | `{ accessToken: string; oid?: string; orgIcon?: string; linkToOrgIcon?: string }` | ⚙️ Optional | Configuration data for initializing the ABHA flow. <br/>- accessToken: Pass the access token you have. <br/>- oid: Pass if available. <br/>- orgIcon: URL of your organisation's icon to display inside the SDK url should start with https://. <br/>- linkToOrgIcon: URL of the image representing “Link ABHA to your organisation” url should start with https://. |
101
- | `onSuccess` | `(params: AbhaSuccessParams) => void` | ✅ | Triggered when the user successfully creates or logs in to ABHA. |
102
- | `onError` | `(params: AbhaErrorParams) => void` | ✅ | Triggered when an error occurs during the ABHA flow. |
103
-
104
- **Example:**
105
-
106
- ```javascript
107
- window.initAbhaApp({
108
- containerId: "sdk_container",
109
- data: {
110
- accessToken: "your_access_token_here",
111
- oid: "optional_oid_here",
112
- orgIcon: "url_of_your_org_icon",
113
- linkToOrgIcon: "url_of_image_to_link_abha_to_your_org",
114
- },
115
- onSuccess: (params) => {
116
- console.log("ABHA created successfully!", params);
117
- },
118
- onError: (error) => {
119
- console.error("ABHA flow failed:", error);
120
- },
121
- });
122
- ```
123
-
124
- ## Callback Parameters
125
-
126
- ### onSuccess Callback
127
-
128
- The onAbhaSuccess callback is triggered when the ABHA flow completes successfully.
129
- It returns verified user details and tokens, which can be used to log in or continue the user’s session.
130
-
131
- **Callback Signature:**
132
-
133
- ```typescript
134
- onSuccess: (params: TOnAbhaSuccessParams) => void;
135
- ```
136
-
137
- **Type Definitions**
138
-
139
- ```typescript
140
- export type TOnAbhaSuccessParams = {
141
- response: TAuthVerifyV2Response;
142
- };
143
-
144
- export type TAuthVerifyV2Response = {
145
- skip_state: number;
146
- method: AUTH_METHOD;
147
- data?: {
148
- tokens: {
149
- sess: string;
150
- refresh: string;
151
- };
152
- profile: TProfileRecord;
153
- };
154
- txn_id: string;
155
- error?: {
156
- code: number;
157
- message: string;
158
- };
159
- };
160
- ```
161
-
162
- **Parameters**
163
- | Key | Type | Description |
164
- | ---------- | ----------------------- | ---------------------------------------------------------------------------------------------------------- |
165
- | `response` | `TAuthVerifyV2Response` | The complete ABHA verification response, containing session tokens, user profile, and transaction details. |
166
-
167
-
168
-
169
- **Example:**
170
-
171
- ```javascript
172
- const onSuccess = (params) => {
173
- console.log("ABHA Success:", params.response);
174
-
175
- const abhaNumber = params.response.data?.profile?.abha_number;
176
- const userName = params.response.data?.profile?.name;
177
-
178
- alert(`Welcome ${userName}! Your ABHA Number: ${abhaNumber}`);
179
-
180
- // Optionally pass data to native bridge
181
- if (window.EkaAbha) {
182
- window.EkaAbha.onAbhaSuccess(JSON.stringify(params));
183
- }
184
- };
185
- ```
186
-
187
- ### onError Callback
188
- The onError callback is triggered whenever an ABHA flow fails or is interrupted.
189
- It provides details about the failure through structured parameters, allowing you to handle or forward the error appropriately (for example, to native apps or monitoring tools).
190
-
191
- **Callback Signature:**
192
-
193
- ```typescript
194
- onError: (params: TOnAbhaFailureParams) => void;
195
- ```
196
-
197
- **Type Definitions**
198
-
199
- ```typescript
200
- type TOnAbhaFailureParams = {
201
- error?: string;
202
- response?: TAuthVerifyV2Response;
203
- };
204
-
205
- export type TAuthVerifyV2Response = {
206
- skip_state: number;
207
- method: AUTH_METHOD;
208
- data?: {
209
- tokens: {
210
- sess: string;
211
- refresh: string;
212
- };
213
- profile: TProfileRecord;
214
- };
215
- txn_id: string;
216
- error?: {
217
- code: number;
218
- message: string;
219
- };
220
- };
221
- ```
222
-
223
- **Parameters**
224
- | Key | Type | Description |
225
- | ---------- | ------------------------ | ---------------------------------------------------------------- |
226
- | `error` | `string?` | Short description of the failure or error message. |
227
- | `response` | `TAuthVerifyV2Response?` | Partial or full API response object returned from ABHA services. |
228
-
229
-
230
- **Example:**
231
-
232
- ```javascript
233
- const onError = (params) => {
234
- console.error("ABHA Error:", params);
235
-
236
- if (params.response?.error?.code === 1001) {
237
- alert("Authentication failed. Please try again.");
238
- } else if (params.error === "NETWORK_ERROR") {
239
- alert("Please check your internet connection.");
240
- } else {
241
- alert("Something went wrong. Please retry.");
242
- }
243
-
244
- // Forward the error to native handler if available
245
- if (window.EkaAbha) {
246
- window.EkaAbha.onAbhaFailure(JSON.stringify(params));
247
- }
248
- };
249
- ```
250
-
251
- **Suggest Handling**
252
- -Always log the full error response (params) for debugging.
253
- -Display friendly error messages for known error.code values.
254
- -If params.response is present, inspect response.error.message for more detail.
255
- -If integrating with native apps, forward the serialized error object:
256
- ```javascript
257
- window.EkaAbha.onAbhaFailure(JSON.stringify(params));
258
- ```
259
-
260
- ### Container Styling
261
- Ensure your container has sufficient space:
262
- ```html
263
- <div
264
- id="sdk_container"
265
- style="width: 100%; height: 600px; border: 1px solid #ddd;"
266
- ></div>
267
- ```
268
-
269
- ## Complete Implementation Example
270
-
271
- ```html
272
- <!DOCTYPE html>
273
- <html>
274
- <head>
275
- <title>ABHA SDK Complete Example</title>
276
- <link
277
- rel="stylesheet"
278
- href="https://unpkg.com/@eka-care/abha/dist/sdk/abha/css/abha.css"
279
- />
280
- </head>
281
- <body>
282
- <h1>ABHA SDK Demo</h1>
283
-
284
- <button onclick="mountABHASDK()">Launch ABHA SDK</button>
285
-
286
- <div
287
- id="sdk_container"
288
- style="width: 100%; height: 600px; border: 1px solid #ccc;"
289
- ></div>
290
-
291
- <script
292
- type="module"
293
- async
294
- src="https://unpkg.com/@eka-care/abha/dist/sdk/abha/js/abha.js"
295
- ></script>
296
-
297
- <script>
298
- function mountABHASDK() {
299
- window.initAbhaApp({
300
- containerId: "sdk_container",
301
- data: {
302
- accessToken: "<your_access_token>",
303
- oid: "<your_oid_if_available>",
304
- orgIcon: "<url_of_your_org_icon>",
305
- linkToOrgIcon: "<url_of_image_to_link_abha_to_your_org>",
306
- },
307
- onSuccess: (params) => {
308
- console.log("ABHA flow completed successfully:", params);
309
- },
310
- onError: (params) => {
311
- console.error("ABHA flow failed:", params);
312
- },
313
- });
314
- }
315
- </script>
316
- </body>
317
- </html>
318
- ```
319
-
320
- ## Type Definitions
321
-
322
- ```typescript
323
- interface InitAbhaAppParams {
324
- containerId: string;
325
- data?: {
326
- accessToken: string;
327
- oid?: string;
328
- orgIcon?: string;
329
- linkToOrgIcon?: string;
330
- };
331
- onSuccess: (params: AbhaSuccessParams) => void;
332
- onError: (params: AbhaErrorParams) => void;
333
- }
334
-
335
- interface AbhaSuccessParams {
336
- response: {
337
- data: {
338
- abha_number?: string;
339
- abha_address?: string;
340
- name?: string;
341
- gender?: string;
342
- yearOfBirth?: string;
343
- mobile?: string;
344
- };
345
- };
346
- message: string;
347
- status: "SUCCESS";
348
- }
349
-
350
- interface AbhaErrorParams {
351
- status: "FAILED";
352
- message: string;
353
- error_code?: string;
354
- details?: any;
355
- }
356
- ```
357
-
358
- ## Troubleshooting
359
-
360
- ### Common Issues
361
-
362
- #### 1. SDK Not Rendering
363
-
364
- **Problem**: Nothing appears in the container.
365
-
366
- **Solution**:
367
- - Ensure containerId matches an existing HTML element.
368
- - Verify the SDK JS and CSS are correctly loaded.
369
- - Check browser console for errors.
370
-
371
- #### 2. Callback Not Triggered
372
-
373
- **Problem**: onSuccess or onError isn’t firing.
374
-
375
- **Solution**:
376
- - Make sure both callbacks are passed as valid functions.
377
- - Avoid race conditions (e.g., calling before SDK fully loads).
378
-
379
- #### 3. Styling Issues
380
-
381
- **Problem**: SDK content appears misaligned or clipped.
382
-
383
- **Solution**:
384
- - Give your container a fixed height (e.g., 600px).
385
- - Ensure no parent element uses overflow: hidden.
52
+ }
53
+ }
54
+ ```
55
+
56
+ **onError**: This function is invoked when there is an error during authentication. Use it to handle errors, display error messages, or perform logging.
57
+
58
+ ```javascript
59
+ function onError(params) {
60
+ // Handle authentication error
61
+ console.error('Authentication error:', params);
62
+ // Display error message to the user or take corrective action
63
+ }
64
+ ```
65
+
66
+ - @param params - An object containing authentication error.
67
+
68
+ ```javascript
69
+ {
70
+ error: 'Error message';
71
+ response: {
72
+ txn_id: "Transaction id string",
73
+ skip_state: 1,
74
+ method: 2,
75
+ error: 'error message from api'
76
+ }
77
+ }
78
+ ```
79
+
80
+ 4. **Initialize the App**:
81
+ Call the `window.initAuthApp` function with the required parameters.
82
+
83
+ ```html
84
+ <script>
85
+ window.onload = function () {
86
+ window.initAuthApp({
87
+ clientId: 'your_client_id',
88
+ containerId: 'lofe_root',
89
+ workspaceName: 'your_workspace_name', // Optional
90
+ urlParams: { next_url: 'next_url' }, // Optional
91
+ method: 'email_mobile', // Optional
92
+ onSuccess: function (params) {
93
+ // Handle success
94
+ },
95
+ onError: function (params) {
96
+ // Handle error
97
+ },
98
+ });
99
+ };
100
+ </script>
101
+ ```
102
+
103
+ `window.initAuthApp` returns an unmount function to remove the Login app.
104
+
105
+ 5. **Close the App**:
106
+ To unmount the Lofe app and clear the store, call the `window.closeAuthApp` function or the function that is returned by `window.initAuthApp`
107
+
108
+ ```html
109
+ <script>
110
+ window.closeAuthApp();
111
+ </script>
112
+ ```
113
+
114
+ By following these steps, you can successfully initialize and use the login frontend app for Eka Care.
package/dist/sdk/abha/css/abha.css CHANGED
@@ -1 +1 @@
1
- @import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap);*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:after,:before{--tw-content:""}body{margin:0;line-height:inherit}h2{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,select{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]){-webkit-appearance:button;background-color:transparent;background-image:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}h2,p{margin:0}input::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}img,object,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}.TitlesSubheadline{font-size:1rem;font-weight:700;line-height:1.25rem}.BodyBody{font-size:1rem;font-weight:400;line-height:1.375rem}.Heading2Semibold{font-size:1.5rem;font-weight:600;line-height:2rem}.Heading3Semibold{font-size:1.25rem;font-weight:600;line-height:1.75rem}.Heading4Semibold{font-size:1.125rem;font-weight:600;line-height:1.5rem}.Body1Semibold{font-size:1rem;font-weight:600;line-height:1.5rem}.Body2Semibold{font-size:.875rem;font-weight:600;line-height:1.25rem}.Body1Regular{font-size:1rem;font-weight:400;line-height:1.5rem}.Body2Regular{font-size:.875rem;font-weight:400;line-height:1.25rem}.Body2Medium{font-size:.875rem;font-weight:500;line-height:1.25rem}.Body3Regular{font-size:.75rem;font-weight:400;line-height:1rem}.Body3Medium{font-size:.75rem;font-weight:500;line-height:1rem}.Body3Semibold{font-size:.75rem;font-weight:600;line-height:1rem}.BodyFootnote{font-size:.8125rem;font-weight:400;line-height:1.125rem}.BodyInputLabel{font-size:.75rem;font-weight:400;line-height:.75rem}.Label1Semibold{font-size:.625rem;font-weight:600;line-height:.875rem}.pds2-pointer-events-none{pointer-events:none}.pds2-pointer-events-auto{pointer-events:auto}.pds2-absolute{position:absolute}.pds2-relative{position:relative}.pds2-sticky{position:sticky}.pds2-inset-0{top:0;right:0;bottom:0;left:0}.-pds2-bottom-12{bottom:-.75rem}.pds2-bottom-0{bottom:0}.pds2-bottom-5{bottom:.3125rem}.pds2-left-0{left:0}.pds2-left-16{left:1rem}.pds2-right-0{right:0}.pds2-right-10{right:.625rem}.pds2-right-16{right:1rem}.pds2-right-6{right:.375rem}.pds2-top-0{top:0}.pds2-top-1\/2{top:50%}.pds2-top-16{top:1rem}.pds2-top-45{top:2.8125rem}.pds2-top-full{top:100%}.pds2-z-10{z-index:10}.pds2-z-50{z-index:50}.pds2-m-16{margin:1rem}.pds2-mx-16{margin-left:1rem;margin-right:1rem}.pds2-mx-auto{margin-left:auto;margin-right:auto}.-pds2-ml-4{margin-left:-.25rem}.pds2-mb-16{margin-bottom:1rem}.pds2-mb-24{margin-bottom:1.5rem}.pds2-mb-4{margin-bottom:.25rem}.pds2-mb-8{margin-bottom:.5rem}.pds2-ml-8{margin-left:.5rem}.pds2-ml-auto{margin-left:auto}.pds2-mt-12{margin-top:.75rem}.pds2-mt-16{margin-top:1rem}.pds2-mt-2{margin-top:.125rem}.pds2-mt-220{margin-top:13.75rem}.pds2-mt-24{margin-top:1.5rem}.pds2-mt-4{margin-top:.25rem}.pds2-flex{display:flex}.pds2-hidden{display:none}.pds2-h-1{height:.0625rem}.pds2-h-12{height:.75rem}.pds2-h-120{height:7.5rem}.pds2-h-14{height:.875rem}.pds2-h-16{height:1rem}.pds2-h-18{height:1.125rem}.pds2-h-2{height:.125rem}.pds2-h-20{height:1.25rem}.pds2-h-23{height:1.4375rem}.pds2-h-24{height:1.5rem}.pds2-h-32{height:2rem}.pds2-h-40{height:2.5rem}.pds2-h-48{height:3rem}.pds2-h-52{height:3.25rem}.pds2-h-56{height:3.5rem}.pds2-h-64{height:4rem}.pds2-h-96{height:6rem}.pds2-h-auto{height:auto}.pds2-h-full{height:100%}.pds2-max-h-0{max-height:0}.pds2-max-h-126{max-height:7.875rem}.pds2-min-h-full{min-height:100%}.pds2-w-12{width:.75rem}.pds2-w-14{width:.875rem}.pds2-w-150{width:9.375rem}.pds2-w-16{width:1rem}.pds2-w-163{width:10.1875rem}.pds2-w-18{width:1.125rem}.pds2-w-20{width:1.25rem}.pds2-w-23{width:1.4375rem}.pds2-w-24{width:1.5rem}.pds2-w-32{width:2rem}.pds2-w-36{width:2.25rem}.pds2-w-40{width:2.5rem}.pds2-w-400{width:25rem}.pds2-w-48{width:3rem}.pds2-w-64{width:4rem}.pds2-w-96{width:6rem}.pds2-w-fit{width:-moz-fit-content;width:fit-content}.pds2-w-full{width:100%}.pds2-min-w-max{min-width:-moz-max-content;min-width:max-content}.pds2-flex-1{flex:1 1 0%}.pds2-flex-shrink-0{flex-shrink:0}.pds2--translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pds2-translate-y-0{--tw-translate-y:0rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pds2-translate-y-full{--tw-translate-y:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-pds2-rotate-90{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pds2-rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pds2-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pds2-fade-in{0%{opacity:0}to{opacity:1}}.pds2-animate-fade-in{animation:pds2-fade-in .2s ease-out}@keyframes pds2-slide-up{0%{transform:translateY(10px)}to{transform:translateY(0)}}.pds2-animate-slide-up{animation:pds2-slide-up .2s ease-out}.pds2-cursor-not-allowed{cursor:not-allowed}.pds2-cursor-pointer{cursor:pointer}.pds2-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.pds2-flex-row{flex-direction:row}.pds2-flex-col{flex-direction:column}.pds2-place-items-center{place-items:center}.pds2-items-end{align-items:flex-end}.pds2-items-center{align-items:center}.pds2-items-stretch{align-items:stretch}.pds2-justify-start{justify-content:flex-start}.pds2-justify-end{justify-content:flex-end}.pds2-justify-center{justify-content:center}.pds2-justify-between{justify-content:space-between}.pds2-gap-12{gap:.75rem}.pds2-gap-16{gap:1rem}.pds2-gap-5{gap:.3125rem}.pds2-gap-6{gap:.375rem}.pds2-gap-8{gap:.5rem}.pds2-gap-x-4{-moz-column-gap:.25rem;column-gap:.25rem}.pds2-gap-x-8{-moz-column-gap:.5rem;column-gap:.5rem}.pds2-gap-y-16{row-gap:1rem}.pds2-space-x-16>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.pds2-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.pds2-space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.pds2-space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.pds2-space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.pds2-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.pds2-space-y-24>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.pds2-space-y-32>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.pds2-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.pds2-space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.pds2-self-start{align-self:flex-start}.pds2-overflow-hidden{overflow:hidden}.pds2-overflow-x-auto{overflow-x:auto}.pds2-overflow-y-auto{overflow-y:auto}.pds2-rounded-11{border-radius:.6875rem}.pds2-rounded-12{border-radius:.75rem}.pds2-rounded-16{border-radius:1rem}.pds2-rounded-8{border-radius:.5rem}.pds2-rounded-full{border-radius:9999px}.pds2-rounded-b-24{border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem}.pds2-rounded-t-16{border-top-left-radius:1rem;border-top-right-radius:1rem}.pds2-rounded-t-24{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.pds2-border,.pds2-border-1{border-width:.0625rem}.pds2-border-2{border-width:.125rem}.pds2-border-none{border-width:0}.pds2-border-b,.pds2-border-b-1{border-bottom-width:.0625rem}.pds2-border-r{border-right-width:.0625rem}.pds2-border-t-1{border-top-width:.0625rem}.pds2-border-none{border-style:none}.pds2-border-bg-fab-bg-brand-04{--tw-border-opacity:1;border-color:rgb(179 171 237 / var(--tw-border-opacity,1))}.pds2-border-bg-seperator-dark{--tw-border-opacity:1;border-color:rgb(214 217 224 / var(--tw-border-opacity,1))}.pds2-border-border-03{--tw-border-opacity:1;border-color:rgb(217 221 227 / var(--tw-border-opacity,1))}.pds2-border-border-brand-01{--tw-border-opacity:1;border-color:rgb(107 92 224 / var(--tw-border-opacity,1))}.pds2-border-border-brand-02{--tw-border-opacity:1;border-color:rgb(228 225 250 / var(--tw-border-opacity,1))}.pds2-border-border-doc{--tw-border-opacity:1;border-color:rgb(33 95 255 / var(--tw-border-opacity,1))}.pds2-border-border-error,.pds2-border-text-error{--tw-border-opacity:1;border-color:rgb(189 15 15 / var(--tw-border-opacity,1))}.pds2-border-b-text-brand{--tw-border-opacity:1;border-bottom-color:rgb(107 92 224 / var(--tw-border-opacity,1))}.pds2-bg-bg-01{--tw-bg-opacity:1;background-color:rgb(242 244 247 / var(--tw-bg-opacity,1))}.pds2-bg-bg-02{--tw-bg-opacity:1;background-color:rgb(228 231 236 / var(--tw-bg-opacity,1))}.pds2-bg-bg-brand-01{--tw-bg-opacity:1;background-color:rgb(107 92 224 / var(--tw-bg-opacity,1))}.pds2-bg-bg-brand-02{--tw-bg-opacity:1;background-color:rgb(228 225 250 / var(--tw-bg-opacity,1))}.pds2-bg-bg-purple-800{--tw-bg-opacity:1;background-color:rgb(26 18 84 / var(--tw-bg-opacity,1))}.pds2-bg-bg-secondary{--tw-bg-opacity:1;background-color:rgb(171 183 194 / var(--tw-bg-opacity,1))}.pds2-bg-bg-seperator-dark{--tw-bg-opacity:1;background-color:rgb(214 217 224 / var(--tw-bg-opacity,1))}.pds2-bg-bg-warning-03{--tw-bg-opacity:1;background-color:rgb(255 251 229 / var(--tw-bg-opacity,1))}.pds2-bg-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))}.pds2-bg-border-03{--tw-bg-opacity:1;background-color:rgb(217 221 227 / var(--tw-bg-opacity,1))}.pds2-bg-border-brand-02{--tw-bg-opacity:1;background-color:rgb(228 225 250 / var(--tw-bg-opacity,1))}.pds2-bg-text-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity,1))}.pds2-bg-text-brand{--tw-bg-opacity:1;background-color:rgb(107 92 224 / var(--tw-bg-opacity,1))}.pds2-bg-transparent{background-color:transparent}.pds2-bg-opacity-50{--tw-bg-opacity:.5}.pds2-bg-opacity-60{--tw-bg-opacity:.6}.pds2-p-0{padding:0}.pds2-p-10{padding:.625rem}.pds2-p-12{padding:.75rem}.pds2-p-16{padding:1rem}.pds2-p-18{padding:1.125rem}.pds2-p-2{padding:.125rem}.pds2-p-24{padding:1.5rem}.pds2-p-4{padding:.25rem}.pds2-p-6{padding:.375rem}.pds2-p-8{padding:.5rem}.pds2-px-12{padding-left:.75rem;padding-right:.75rem}.pds2-px-16{padding-left:1rem;padding-right:1rem}.pds2-px-24{padding-left:1.5rem;padding-right:1.5rem}.pds2-px-4{padding-left:.25rem;padding-right:.25rem}.pds2-px-60{padding-left:3.75rem;padding-right:3.75rem}.pds2-px-8{padding-left:.5rem;padding-right:.5rem}.pds2-py-12{padding-top:.75rem;padding-bottom:.75rem}.pds2-py-14{padding-top:.875rem;padding-bottom:.875rem}.pds2-py-16{padding-top:1rem;padding-bottom:1rem}.pds2-py-2{padding-top:.125rem;padding-bottom:.125rem}.pds2-py-20{padding-top:1.25rem;padding-bottom:1.25rem}.pds2-py-32{padding-top:2rem;padding-bottom:2rem}.pds2-py-4{padding-top:.25rem;padding-bottom:.25rem}.pds2-py-48{padding-top:3rem;padding-bottom:3rem}.pds2-py-6{padding-top:.375rem;padding-bottom:.375rem}.pds2-py-8{padding-top:.5rem;padding-bottom:.5rem}.pds2-pb-16{padding-bottom:1rem}.pds2-pb-32{padding-bottom:2rem}.pds2-pl-4{padding-left:.25rem}.pds2-pl-60{padding-left:3.75rem}.pds2-pr-0{padding-right:0}.pds2-pr-12{padding-right:.75rem}.pds2-pr-16{padding-right:1rem}.pds2-pr-24{padding-right:1.5rem}.pds2-pr-64{padding-right:4rem}.pds2-pt-16{padding-top:1rem}.pds2-pt-22{padding-top:1.375rem}.pds2-pt-24{padding-top:1.5rem}.pds2-text-center{text-align:center}.pds2-text-14{font-size:.875rem}.pds2-text-16{font-size:1rem}.pds2-text-18{font-size:1.125rem}.pds2-font-400{font-weight:400}.pds2-font-500{font-weight:500}.pds2-font-600{font-weight:600}.pds2-text-bg-invert{--tw-text-opacity:1;color:rgb(17 27 49 / var(--tw-text-opacity,1))}.pds2-text-bg-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.pds2-text-icon-03{--tw-text-opacity:1;color:rgb(75 89 109 / var(--tw-text-opacity,1))}.pds2-text-icon-brand{--tw-text-opacity:1;color:rgb(107 92 224 / var(--tw-text-opacity,1))}.pds2-text-icon-orange-300{--tw-text-opacity:1;color:rgb(252 176 105 / var(--tw-text-opacity,1))}.pds2-text-icon-orange-400{--tw-text-opacity:1;color:rgb(251 150 55 / var(--tw-text-opacity,1))}.pds2-text-icon-success-02{--tw-text-opacity:1;color:rgb(39 185 97 / var(--tw-text-opacity,1))}.pds2-text-text-01{--tw-text-opacity:1;color:rgb(17 27 49 / var(--tw-text-opacity,1))}.pds2-text-text-03{--tw-text-opacity:1;color:rgb(75 89 109 / var(--tw-text-opacity,1))}.pds2-text-text-04{--tw-text-opacity:1;color:rgb(158 168 184 / var(--tw-text-opacity,1))}.pds2-text-text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity,1))}.pds2-text-text-brand{--tw-text-opacity:1;color:rgb(107 92 224 / var(--tw-text-opacity,1))}.pds2-text-text-doc{--tw-text-opacity:1;color:rgb(33 95 255 / var(--tw-text-opacity,1))}.pds2-text-text-error{--tw-text-opacity:1;color:rgb(189 15 15 / var(--tw-text-opacity,1))}.pds2-text-text-invert{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.pds2-text-text-primary{--tw-text-opacity:1;color:rgb(45 49 66 / var(--tw-text-opacity,1))}.pds2-text-text-secondary{--tw-text-opacity:1;color:rgb(76 89 128 / var(--tw-text-opacity,1))}.pds2-opacity-0{opacity:0}.pds2-opacity-100{opacity:1}.pds2-shadow-elevation-only-top{--tw-shadow:0px -4px 14.8px 0px rgba(0, 0, 0, .05);--tw-shadow-colored:0px -4px 14.8px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pds2-outline-none{outline:2px solid transparent;outline-offset:2px}.pds2-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pds2-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pds2-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pds2-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pds2-duration-200{transition-duration:.2s}.pds2-duration-300{transition-duration:.3s}.pds2-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.pds2-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ripple{position:relative;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden}.ripple:after{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:block;background-position:center;background-repeat:no-repeat;opacity:0;content:"";background-image:radial-gradient(circle,#000 10%,transparent 10.01%);transform:scale(10);transition:transform .3s,opacity 1s}.ripple:active:after{transform:scale(0);opacity:.3;transition:0s}:root{font-family:Lato,Avenir,Helvetica,Arial,sans-serif}body{font-family:Lato,sans-serif}input[type=date]::-webkit-calendar-picker-indicator{display:inline!important;-webkit-appearance:auto!important;width:16px;padding:0;margin:0}.abhaStepper{-webkit-appearance:none;-moz-appearance:none;appearance:none}.abhaStepper::-moz-progress-bar{background-color:green}.abhaStepper::-webkit-progress-bar{background-color:#abb7c2}.abhaStepper::-webkit-progress-value{background-color:#6b5ce0}@keyframes pds2-spin{to{transform:rotate(360deg)}}.pds2-animate-spin{animation:pds2-spin 1s linear infinite}a,button,input{-webkit-tap-highlight-color:transparent}.placeholder\:pds2-text-text-03::-moz-placeholder{--tw-text-opacity:1;color:rgb(75 89 109 / var(--tw-text-opacity,1))}.placeholder\:pds2-text-text-03::placeholder{--tw-text-opacity:1;color:rgb(75 89 109 / var(--tw-text-opacity,1))}.placeholder\:pds2-text-text-04::-moz-placeholder{--tw-text-opacity:1;color:rgb(158 168 184 / var(--tw-text-opacity,1))}.placeholder\:pds2-text-text-04::placeholder{--tw-text-opacity:1;color:rgb(158 168 184 / var(--tw-text-opacity,1))}.placeholder\:pds2-text-text-error::-moz-placeholder{--tw-text-opacity:1;color:rgb(189 15 15 / var(--tw-text-opacity,1))}.placeholder\:pds2-text-text-error::placeholder{--tw-text-opacity:1;color:rgb(189 15 15 / var(--tw-text-opacity,1))}.checked\:pds2-accent-text-brand:checked{accent-color:#6B5CE0}.focus-within\:pds2-border:focus-within{border-width:.0625rem}.focus-within\:pds2-border-border-brand-01:focus-within{--tw-border-opacity:1;border-color:rgb(107 92 224 / var(--tw-border-opacity,1))}.focus-within\:pds2-ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:pds2-ring-border-brand-01:focus-within{--tw-ring-opacity:1;--tw-ring-color:rgb(107 92 224 / var(--tw-ring-opacity, 1))}.focus-within\:pds2-ring-offset-2:focus-within{--tw-ring-offset-width:2px}.hover\:pds2-cursor-pointer:hover{cursor:pointer}.hover\:pds2-bg-bg-02:hover{--tw-bg-opacity:1;background-color:rgb(228 231 236 / var(--tw-bg-opacity,1))}.hover\:pds2-text-text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity,1))}.focus\:pds2-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:pds2-bg-bg-brand-02:active{--tw-bg-opacity:1;background-color:rgb(228 225 250 / var(--tw-bg-opacity,1))}.disabled\:pds2-pointer-events-none:disabled{pointer-events:none}.disabled\:pds2-bg-bg-04:disabled{--tw-bg-opacity:1;background-color:rgb(190 197 208 / var(--tw-bg-opacity,1))}.disabled\:pds2-text-text-03:disabled{--tw-text-opacity:1;color:rgb(75 89 109 / var(--tw-text-opacity,1))}.disabled\:pds2-text-text-04:disabled{--tw-text-opacity:1;color:rgb(158 168 184 / var(--tw-text-opacity,1))}
1
+ @import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap);code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}.SubheadlineRegular{font-size:.875rem;font-weight:400;line-height:1.25rem}.BodyRegular{font-size:.8125rem;font-weight:400;line-height:1rem}:root{font-family:Lato,Avenir,Helvetica,Arial,sans-serif}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:after,:before{--tw-content:""}body{margin:0;line-height:inherit}h2{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,select{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]){-webkit-appearance:button;background-color:transparent;background-image:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}h2,p{margin:0}input::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}img,object,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}.TitlesSubheadline{font-size:1rem;font-weight:700;line-height:1.25rem}.BodyBody{font-size:1rem;font-weight:400;line-height:1.375rem}.Heading2Semibold{font-size:1.5rem;font-weight:600;line-height:2rem}.Heading3Semibold{font-size:1.25rem;font-weight:600;line-height:1.75rem}.Heading4Semibold{font-size:1.125rem;font-weight:600;line-height:1.5rem}.Body1Semibold{font-size:1rem;font-weight:600;line-height:1.5rem}.Body2Semibold{font-size:.875rem;font-weight:600;line-height:1.25rem}.Body1Regular{font-size:1rem;font-weight:400;line-height:1.5rem}.Body2Regular{font-size:.875rem;font-weight:400;line-height:1.25rem}.Body2Medium{font-size:.875rem;font-weight:500;line-height:1.25rem}.Body3Regular{font-size:.75rem;font-weight:400;line-height:1rem}.Body3Medium{font-size:.75rem;font-weight:500;line-height:1rem}.Body3Semibold{font-size:.75rem;font-weight:600;line-height:1rem}.BodyFootnote{font-size:.8125rem;font-weight:400;line-height:1.125rem}.BodyInputLabel{font-size:.75rem;font-weight:400;line-height:.75rem}.Label1Semibold{font-size:.625rem;font-weight:600;line-height:.875rem}.pds2-pointer-events-none{pointer-events:none}.pds2-pointer-events-auto{pointer-events:auto}.pds2-absolute{position:absolute}.pds2-relative{position:relative}.pds2-sticky{position:sticky}.pds2-inset-0{top:0;right:0;bottom:0;left:0}.-pds2-bottom-12{bottom:-.75rem}.pds2-bottom-0{bottom:0}.pds2-bottom-5{bottom:.3125rem}.pds2-left-0{left:0}.pds2-left-16{left:1rem}.pds2-right-0{right:0}.pds2-right-10{right:.625rem}.pds2-right-16{right:1rem}.pds2-right-6{right:.375rem}.pds2-top-0{top:0}.pds2-top-1\/2{top:50%}.pds2-top-16{top:1rem}.pds2-top-45{top:2.8125rem}.pds2-top-full{top:100%}.pds2-z-10{z-index:10}.pds2-z-50{z-index:50}.pds2-m-16{margin:1rem}.pds2-mx-16{margin-left:1rem;margin-right:1rem}.pds2-mx-auto{margin-left:auto;margin-right:auto}.-pds2-ml-4{margin-left:-.25rem}.pds2-mb-16{margin-bottom:1rem}.pds2-mb-24{margin-bottom:1.5rem}.pds2-mb-4{margin-bottom:.25rem}.pds2-mb-8{margin-bottom:.5rem}.pds2-ml-8{margin-left:.5rem}.pds2-ml-auto{margin-left:auto}.pds2-mt-12{margin-top:.75rem}.pds2-mt-16{margin-top:1rem}.pds2-mt-2{margin-top:.125rem}.pds2-mt-220{margin-top:13.75rem}.pds2-mt-24{margin-top:1.5rem}.pds2-mt-4{margin-top:.25rem}.pds2-flex{display:flex}.pds2-hidden{display:none}.pds2-h-1{height:.0625rem}.pds2-h-12{height:.75rem}.pds2-h-120{height:7.5rem}.pds2-h-14{height:.875rem}.pds2-h-16{height:1rem}.pds2-h-18{height:1.125rem}.pds2-h-2{height:.125rem}.pds2-h-20{height:1.25rem}.pds2-h-23{height:1.4375rem}.pds2-h-24{height:1.5rem}.pds2-h-32{height:2rem}.pds2-h-40{height:2.5rem}.pds2-h-48{height:3rem}.pds2-h-52{height:3.25rem}.pds2-h-56{height:3.5rem}.pds2-h-64{height:4rem}.pds2-h-96{height:6rem}.pds2-h-auto{height:auto}.pds2-h-full{height:100%}.pds2-max-h-0{max-height:0}.pds2-max-h-126{max-height:7.875rem}.pds2-min-h-full{min-height:100%}.pds2-w-12{width:.75rem}.pds2-w-14{width:.875rem}.pds2-w-150{width:9.375rem}.pds2-w-16{width:1rem}.pds2-w-163{width:10.1875rem}.pds2-w-18{width:1.125rem}.pds2-w-20{width:1.25rem}.pds2-w-23{width:1.4375rem}.pds2-w-24{width:1.5rem}.pds2-w-32{width:2rem}.pds2-w-36{width:2.25rem}.pds2-w-40{width:2.5rem}.pds2-w-400{width:25rem}.pds2-w-48{width:3rem}.pds2-w-64{width:4rem}.pds2-w-96{width:6rem}.pds2-w-fit{width:-moz-fit-content;width:fit-content}.pds2-w-full{width:100%}.pds2-min-w-max{min-width:-moz-max-content;min-width:max-content}.pds2-flex-1{flex:1 1 0%}.pds2-flex-shrink-0{flex-shrink:0}.pds2--translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pds2-translate-y-0{--tw-translate-y:0rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pds2-translate-y-full{--tw-translate-y:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-pds2-rotate-90{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pds2-rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pds2-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pds2-fade-in{0%{opacity:0}to{opacity:1}}.pds2-animate-fade-in{animation:pds2-fade-in .2s ease-out}@keyframes pds2-slide-up{0%{transform:translateY(10px)}to{transform:translateY(0)}}.pds2-animate-slide-up{animation:pds2-slide-up .2s ease-out}.pds2-cursor-default{cursor:default}.pds2-cursor-not-allowed{cursor:not-allowed}.pds2-cursor-pointer{cursor:pointer}.pds2-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.pds2-flex-row{flex-direction:row}.pds2-flex-col{flex-direction:column}.pds2-place-items-center{place-items:center}.pds2-items-end{align-items:flex-end}.pds2-items-center{align-items:center}.pds2-items-stretch{align-items:stretch}.pds2-justify-start{justify-content:flex-start}.pds2-justify-end{justify-content:flex-end}.pds2-justify-center{justify-content:center}.pds2-justify-between{justify-content:space-between}.pds2-gap-12{gap:.75rem}.pds2-gap-16{gap:1rem}.pds2-gap-5{gap:.3125rem}.pds2-gap-6{gap:.375rem}.pds2-gap-8{gap:.5rem}.pds2-gap-x-4{-moz-column-gap:.25rem;column-gap:.25rem}.pds2-gap-x-8{-moz-column-gap:.5rem;column-gap:.5rem}.pds2-gap-y-16{row-gap:1rem}.pds2-space-x-16>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.pds2-space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.pds2-space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.pds2-space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.pds2-space-y-16>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.pds2-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.pds2-space-y-24>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.pds2-space-y-32>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.pds2-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.pds2-space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.pds2-self-start{align-self:flex-start}.pds2-overflow-hidden{overflow:hidden}.pds2-overflow-x-auto{overflow-x:auto}.pds2-overflow-y-auto{overflow-y:auto}.pds2-rounded-11{border-radius:.6875rem}.pds2-rounded-12{border-radius:.75rem}.pds2-rounded-16{border-radius:1rem}.pds2-rounded-8{border-radius:.5rem}.pds2-rounded-full{border-radius:9999px}.pds2-rounded-b-24{border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem}.pds2-rounded-t-16{border-top-left-radius:1rem;border-top-right-radius:1rem}.pds2-rounded-t-24{border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}.pds2-border,.pds2-border-1{border-width:.0625rem}.pds2-border-2{border-width:.125rem}.pds2-border-none{border-width:0}.pds2-border-b,.pds2-border-b-1{border-bottom-width:.0625rem}.pds2-border-r{border-right-width:.0625rem}.pds2-border-t-1{border-top-width:.0625rem}.pds2-border-none{border-style:none}.pds2-border-bg-fab-bg-brand-04{--tw-border-opacity:1;border-color:rgb(179 171 237 / var(--tw-border-opacity,1))}.pds2-border-bg-seperator-dark{--tw-border-opacity:1;border-color:rgb(214 217 224 / var(--tw-border-opacity,1))}.pds2-border-border-03{--tw-border-opacity:1;border-color:rgb(217 221 227 / var(--tw-border-opacity,1))}.pds2-border-border-brand-01{--tw-border-opacity:1;border-color:rgb(107 92 224 / var(--tw-border-opacity,1))}.pds2-border-border-brand-02{--tw-border-opacity:1;border-color:rgb(228 225 250 / var(--tw-border-opacity,1))}.pds2-border-border-doc{--tw-border-opacity:1;border-color:rgb(33 95 255 / var(--tw-border-opacity,1))}.pds2-border-border-error,.pds2-border-text-error{--tw-border-opacity:1;border-color:rgb(189 15 15 / var(--tw-border-opacity,1))}.pds2-border-b-text-brand{--tw-border-opacity:1;border-bottom-color:rgb(107 92 224 / var(--tw-border-opacity,1))}.pds2-bg-bg-01{--tw-bg-opacity:1;background-color:rgb(242 244 247 / var(--tw-bg-opacity,1))}.pds2-bg-bg-02{--tw-bg-opacity:1;background-color:rgb(228 231 236 / var(--tw-bg-opacity,1))}.pds2-bg-bg-brand-01{--tw-bg-opacity:1;background-color:rgb(107 92 224 / var(--tw-bg-opacity,1))}.pds2-bg-bg-brand-02{--tw-bg-opacity:1;background-color:rgb(228 225 250 / var(--tw-bg-opacity,1))}.pds2-bg-bg-purple-800{--tw-bg-opacity:1;background-color:rgb(26 18 84 / var(--tw-bg-opacity,1))}.pds2-bg-bg-secondary{--tw-bg-opacity:1;background-color:rgb(171 183 194 / var(--tw-bg-opacity,1))}.pds2-bg-bg-seperator-dark{--tw-bg-opacity:1;background-color:rgb(214 217 224 / var(--tw-bg-opacity,1))}.pds2-bg-bg-warning-03{--tw-bg-opacity:1;background-color:rgb(255 251 229 / var(--tw-bg-opacity,1))}.pds2-bg-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))}.pds2-bg-border-03{--tw-bg-opacity:1;background-color:rgb(217 221 227 / var(--tw-bg-opacity,1))}.pds2-bg-border-brand-02{--tw-bg-opacity:1;background-color:rgb(228 225 250 / var(--tw-bg-opacity,1))}.pds2-bg-text-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity,1))}.pds2-bg-text-brand{--tw-bg-opacity:1;background-color:rgb(107 92 224 / var(--tw-bg-opacity,1))}.pds2-bg-transparent{background-color:transparent}.pds2-bg-opacity-50{--tw-bg-opacity:.5}.pds2-bg-opacity-60{--tw-bg-opacity:.6}.pds2-p-0{padding:0}.pds2-p-10{padding:.625rem}.pds2-p-12{padding:.75rem}.pds2-p-16{padding:1rem}.pds2-p-18{padding:1.125rem}.pds2-p-2{padding:.125rem}.pds2-p-24{padding:1.5rem}.pds2-p-4{padding:.25rem}.pds2-p-6{padding:.375rem}.pds2-p-8{padding:.5rem}.pds2-px-12{padding-left:.75rem;padding-right:.75rem}.pds2-px-16{padding-left:1rem;padding-right:1rem}.pds2-px-24{padding-left:1.5rem;padding-right:1.5rem}.pds2-px-4{padding-left:.25rem;padding-right:.25rem}.pds2-px-60{padding-left:3.75rem;padding-right:3.75rem}.pds2-px-8{padding-left:.5rem;padding-right:.5rem}.pds2-py-12{padding-top:.75rem;padding-bottom:.75rem}.pds2-py-14{padding-top:.875rem;padding-bottom:.875rem}.pds2-py-16{padding-top:1rem;padding-bottom:1rem}.pds2-py-2{padding-top:.125rem;padding-bottom:.125rem}.pds2-py-20{padding-top:1.25rem;padding-bottom:1.25rem}.pds2-py-32{padding-top:2rem;padding-bottom:2rem}.pds2-py-4{padding-top:.25rem;padding-bottom:.25rem}.pds2-py-48{padding-top:3rem;padding-bottom:3rem}.pds2-py-6{padding-top:.375rem;padding-bottom:.375rem}.pds2-py-8{padding-top:.5rem;padding-bottom:.5rem}.pds2-pb-16{padding-bottom:1rem}.pds2-pb-32{padding-bottom:2rem}.pds2-pl-4{padding-left:.25rem}.pds2-pl-60{padding-left:3.75rem}.pds2-pr-0{padding-right:0}.pds2-pr-12{padding-right:.75rem}.pds2-pr-16{padding-right:1rem}.pds2-pr-24{padding-right:1.5rem}.pds2-pr-64{padding-right:4rem}.pds2-pt-16{padding-top:1rem}.pds2-pt-22{padding-top:1.375rem}.pds2-pt-24{padding-top:1.5rem}.pds2-text-center{text-align:center}.pds2-text-14{font-size:.875rem}.pds2-text-16{font-size:1rem}.pds2-text-18{font-size:1.125rem}.pds2-font-400{font-weight:400}.pds2-font-500{font-weight:500}.pds2-font-600{font-weight:600}.pds2-text-bg-invert{--tw-text-opacity:1;color:rgb(17 27 49 / var(--tw-text-opacity,1))}.pds2-text-bg-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.pds2-text-icon-03{--tw-text-opacity:1;color:rgb(75 89 109 / var(--tw-text-opacity,1))}.pds2-text-icon-brand{--tw-text-opacity:1;color:rgb(107 92 224 / var(--tw-text-opacity,1))}.pds2-text-icon-orange-300{--tw-text-opacity:1;color:rgb(252 176 105 / var(--tw-text-opacity,1))}.pds2-text-icon-orange-400{--tw-text-opacity:1;color:rgb(251 150 55 / var(--tw-text-opacity,1))}.pds2-text-icon-success-02{--tw-text-opacity:1;color:rgb(39 185 97 / var(--tw-text-opacity,1))}.pds2-text-text-01{--tw-text-opacity:1;color:rgb(17 27 49 / var(--tw-text-opacity,1))}.pds2-text-text-03{--tw-text-opacity:1;color:rgb(75 89 109 / var(--tw-text-opacity,1))}.pds2-text-text-04{--tw-text-opacity:1;color:rgb(158 168 184 / var(--tw-text-opacity,1))}.pds2-text-text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity,1))}.pds2-text-text-brand{--tw-text-opacity:1;color:rgb(107 92 224 / var(--tw-text-opacity,1))}.pds2-text-text-doc{--tw-text-opacity:1;color:rgb(33 95 255 / var(--tw-text-opacity,1))}.pds2-text-text-error{--tw-text-opacity:1;color:rgb(189 15 15 / var(--tw-text-opacity,1))}.pds2-text-text-invert{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity,1))}.pds2-text-text-primary{--tw-text-opacity:1;color:rgb(45 49 66 / var(--tw-text-opacity,1))}.pds2-text-text-secondary{--tw-text-opacity:1;color:rgb(76 89 128 / var(--tw-text-opacity,1))}.pds2-opacity-0{opacity:0}.pds2-opacity-100{opacity:1}.pds2-shadow-elevation-only-top{--tw-shadow:0px -4px 14.8px 0px rgba(0, 0, 0, .05);--tw-shadow-colored:0px -4px 14.8px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pds2-outline-none{outline:2px solid transparent;outline-offset:2px}.pds2-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pds2-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pds2-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pds2-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.pds2-duration-200{transition-duration:.2s}.pds2-duration-300{transition-duration:.3s}.pds2-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.pds2-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ripple{position:relative;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden}.ripple:after{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:block;background-position:center;background-repeat:no-repeat;opacity:0;content:"";background-image:radial-gradient(circle,#000 10%,transparent 10.01%);transform:scale(10);transition:transform .3s,opacity 1s}.ripple:active:after{transform:scale(0);opacity:.3;transition:0s}body{font-family:Lato,sans-serif}input[type=date]::-webkit-calendar-picker-indicator{display:inline!important;-webkit-appearance:auto!important;width:16px;padding:0;margin:0}.abhaStepper{-webkit-appearance:none;-moz-appearance:none;appearance:none}.abhaStepper::-moz-progress-bar{background-color:green}.abhaStepper::-webkit-progress-bar{background-color:#abb7c2}.abhaStepper::-webkit-progress-value{background-color:#6b5ce0}@keyframes pds2-spin{to{transform:rotate(360deg)}}.pds2-animate-spin{animation:pds2-spin 1s linear infinite}a,button,input{-webkit-tap-highlight-color:transparent}.placeholder\:pds2-text-text-03::-moz-placeholder{--tw-text-opacity:1;color:rgb(75 89 109 / var(--tw-text-opacity,1))}.placeholder\:pds2-text-text-03::placeholder{--tw-text-opacity:1;color:rgb(75 89 109 / var(--tw-text-opacity,1))}.placeholder\:pds2-text-text-04::-moz-placeholder{--tw-text-opacity:1;color:rgb(158 168 184 / var(--tw-text-opacity,1))}.placeholder\:pds2-text-text-04::placeholder{--tw-text-opacity:1;color:rgb(158 168 184 / var(--tw-text-opacity,1))}.placeholder\:pds2-text-text-error::-moz-placeholder{--tw-text-opacity:1;color:rgb(189 15 15 / var(--tw-text-opacity,1))}.placeholder\:pds2-text-text-error::placeholder{--tw-text-opacity:1;color:rgb(189 15 15 / var(--tw-text-opacity,1))}.checked\:pds2-accent-text-brand:checked{accent-color:#6B5CE0}.focus-within\:pds2-border:focus-within{border-width:.0625rem}.focus-within\:pds2-border-border-brand-01:focus-within{--tw-border-opacity:1;border-color:rgb(107 92 224 / var(--tw-border-opacity,1))}.focus-within\:pds2-border-border-error:focus-within{--tw-border-opacity:1;border-color:rgb(189 15 15 / var(--tw-border-opacity,1))}.focus-within\:pds2-ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:pds2-ring-border-brand-01:focus-within{--tw-ring-opacity:1;--tw-ring-color:rgb(107 92 224 / var(--tw-ring-opacity, 1))}.focus-within\:pds2-ring-offset-2:focus-within{--tw-ring-offset-width:2px}.hover\:pds2-cursor-pointer:hover{cursor:pointer}.hover\:pds2-bg-bg-02:hover{--tw-bg-opacity:1;background-color:rgb(228 231 236 / var(--tw-bg-opacity,1))}.hover\:pds2-text-text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity,1))}.focus\:pds2-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:pds2-bg-bg-brand-02:active{--tw-bg-opacity:1;background-color:rgb(228 225 250 / var(--tw-bg-opacity,1))}.disabled\:pds2-pointer-events-none:disabled{pointer-events:none}.disabled\:pds2-bg-bg-04:disabled{--tw-bg-opacity:1;background-color:rgb(190 197 208 / var(--tw-bg-opacity,1))}.disabled\:pds2-text-text-03:disabled{--tw-text-opacity:1;color:rgb(75 89 109 / var(--tw-text-opacity,1))}.disabled\:pds2-text-text-04:disabled{--tw-text-opacity:1;color:rgb(158 168 184 / var(--tw-text-opacity,1))}