@kaizen/components 1.61.3 → 1.62.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 (61) hide show
  1. package/codemods/README.md +0 -1
  2. package/dist/cjs/{__containers__/GuidanceBlock/v2 → GuidanceBlock}/GuidanceBlock.cjs +6 -6
  3. package/dist/cjs/GuidanceBlock/GuidanceBlock.module.scss.cjs +33 -0
  4. package/dist/cjs/Modal/ConfirmationModal/ConfirmationModal.cjs +1 -1
  5. package/dist/cjs/__layout__/Workflow/v2/subcomponents/Footer/components/ProgressStepper/ProgressStepper.cjs +2 -4
  6. package/dist/cjs/__layout__/Workflow/v3/subcomponents/Footer/components/ProgressStepper/ProgressStepper.cjs +2 -3
  7. package/dist/cjs/index.cjs +2 -2
  8. package/dist/esm/{__containers__/GuidanceBlock/v2 → GuidanceBlock}/GuidanceBlock.mjs +6 -6
  9. package/dist/esm/GuidanceBlock/GuidanceBlock.module.scss.mjs +31 -0
  10. package/dist/esm/Modal/ConfirmationModal/ConfirmationModal.mjs +1 -1
  11. package/dist/esm/__layout__/Workflow/v2/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs +2 -4
  12. package/dist/esm/__layout__/Workflow/v3/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs +2 -3
  13. package/dist/esm/index.mjs +1 -1
  14. package/dist/styles.css +1437 -1766
  15. package/dist/types/{__containers__/GuidanceBlock/v1 → GuidanceBlock}/GuidanceBlock.d.ts +4 -4
  16. package/dist/types/index.d.ts +1 -1
  17. package/package.json +2 -2
  18. package/src/{__containers__/GuidanceBlock/v1 → GuidanceBlock}/GuidanceBlock.module.scss +2 -2
  19. package/src/{__containers__/GuidanceBlock/v1 → GuidanceBlock}/_docs/GuidanceBlock.mdx +2 -2
  20. package/src/{__containers__/GuidanceBlock/v1 → GuidanceBlock}/_docs/GuidanceBlock.stickersheet.stories.tsx +1 -1
  21. package/src/{__containers__/GuidanceBlock/v1 → GuidanceBlock}/_docs/GuidanceBlock.stories.tsx +1 -1
  22. package/src/Modal/ConfirmationModal/ConfirmationModal.tsx +5 -1
  23. package/src/__layout__/Workflow/v2/subcomponents/Footer/components/ProgressStepper/ProgressStepper.module.scss +8 -2
  24. package/src/__layout__/Workflow/v2/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx +2 -7
  25. package/src/__layout__/Workflow/v3/subcomponents/Footer/components/ProgressStepper/ProgressStepper.module.css +5 -0
  26. package/src/__layout__/Workflow/v3/subcomponents/Footer/components/ProgressStepper/ProgressStepper.tsx +2 -6
  27. package/src/index.ts +1 -2
  28. package/codemods/updateGuidanceBlockVariantProp/index.ts +0 -19
  29. package/codemods/updateGuidanceBlockVariantProp/transformGuidanceBlockVariantProp.spec.ts +0 -135
  30. package/codemods/updateGuidanceBlockVariantProp/transformGuidanceBlockVariantProp.ts +0 -77
  31. package/dist/cjs/__containers__/GuidanceBlock/v1/GuidanceBlock.cjs +0 -160
  32. package/dist/cjs/__containers__/GuidanceBlock/v1/GuidanceBlock.module.scss.cjs +0 -33
  33. package/dist/cjs/__containers__/GuidanceBlock/v2/GuidanceBlock.module.scss.cjs +0 -28
  34. package/dist/cjs/containersV1.cjs +0 -4
  35. package/dist/cjs/containersV2.cjs +0 -4
  36. package/dist/esm/__containers__/GuidanceBlock/v1/GuidanceBlock.mjs +0 -153
  37. package/dist/esm/__containers__/GuidanceBlock/v1/GuidanceBlock.module.scss.mjs +0 -31
  38. package/dist/esm/__containers__/GuidanceBlock/v2/GuidanceBlock.module.scss.mjs +0 -26
  39. package/dist/esm/containersV1.mjs +0 -1
  40. package/dist/esm/containersV2.mjs +0 -1
  41. package/dist/types/__containers__/GuidanceBlock/v2/GuidanceBlock.d.ts +0 -59
  42. package/dist/types/__containers__/GuidanceBlock/v2/index.d.ts +0 -1
  43. package/dist/types/__containers__/v1.d.ts +0 -1
  44. package/dist/types/__containers__/v2.d.ts +0 -1
  45. package/src/__containers__/GuidanceBlock/v2/GuidanceBlock.module.scss +0 -356
  46. package/src/__containers__/GuidanceBlock/v2/GuidanceBlock.spec.tsx +0 -82
  47. package/src/__containers__/GuidanceBlock/v2/GuidanceBlock.tsx +0 -262
  48. package/src/__containers__/GuidanceBlock/v2/_docs/GuidanceBlock.mdx +0 -38
  49. package/src/__containers__/GuidanceBlock/v2/_docs/GuidanceBlock.stickersheet.stories.tsx +0 -118
  50. package/src/__containers__/GuidanceBlock/v2/_docs/GuidanceBlock.stories.tsx +0 -152
  51. package/src/__containers__/GuidanceBlock/v2/index.ts +0 -1
  52. package/src/__containers__/v1.ts +0 -1
  53. package/src/__containers__/v2.ts +0 -1
  54. package/v1/containers/package.json +0 -5
  55. package/v2/containers/package.json +0 -5
  56. /package/dist/types/{__containers__/GuidanceBlock/v1 → GuidanceBlock}/index.d.ts +0 -0
  57. /package/dist/types/{__containers__/GuidanceBlock/v1 → GuidanceBlock}/types.d.ts +0 -0
  58. /package/src/{__containers__/GuidanceBlock/v1 → GuidanceBlock}/GuidanceBlock.spec.tsx +0 -0
  59. /package/src/{__containers__/GuidanceBlock/v1 → GuidanceBlock}/GuidanceBlock.tsx +0 -0
  60. /package/src/{__containers__/GuidanceBlock/v1 → GuidanceBlock}/index.ts +0 -0
  61. /package/src/{__containers__/GuidanceBlock/v1 → GuidanceBlock}/types.ts +0 -0
package/dist/styles.css CHANGED
@@ -106,6 +106,11 @@
106
106
  .ProgressStepper-module_stepperDescription__liW0H {
107
107
  display: flex;
108
108
  justify-content: center;
109
+ font-family: var(--typography-paragraph-small-font-family);
110
+ font-weight: var(--typography-paragraph-small-font-weight);
111
+ font-size: var(--typography-paragraph-small-font-size);
112
+ line-height: var(--typography-paragraph-small-line-height);
113
+ letter-spacing: var(--typography-paragraph-small-letter-spacing);
109
114
 
110
115
  @media (width >= 768px) {
111
116
  /* sr hidden styles */
@@ -145,25 +150,20 @@
145
150
  margin-top: var(--spacing-8);
146
151
  }
147
152
 
148
- .FooterRoot-module_footerRoot__DUoiZ {
149
- display: grid;
150
- grid-template-areas: "prev stepper next";
151
- grid-template-columns: 1fr 2fr 1fr;
153
+ .FooterActions-module_footerAction__yu1mj {
154
+ display: flex;
152
155
  flex-grow: 1;
153
- justify-content: center;
154
- align-items: center;
155
- padding: var(--spacing-24) var(--spacing-12);
156
- background: var(--color-white);
157
- gap: var(--spacing-16);
158
- border-top: 2px solid rgba(var(--color-gray-600-rgb), 0.1);
156
+ flex-basis: auto;
157
+ }
159
158
 
160
- @media (width >= 768px) {
161
- grid-template-columns: 1fr 5fr 1fr;
162
- padding: var(--spacing-24) var(--spacing-32);
163
- position: sticky;
164
- bottom: 0;
165
- z-index: 1;
166
- }
159
+ .FooterActions-module_footerActionPrevious__C-ejW {
160
+ grid-area: "prev";
161
+ justify-content: start;
162
+ }
163
+
164
+ .FooterActions-module_footerActionNext__yLUMV {
165
+ grid-area: "next";
166
+ justify-content: end;
167
167
  }
168
168
 
169
169
  .Actions-module_actions__WJwtK {
@@ -182,20 +182,25 @@
182
182
  }
183
183
  }
184
184
 
185
- .FooterActions-module_footerAction__yu1mj {
186
- display: flex;
185
+ .FooterRoot-module_footerRoot__DUoiZ {
186
+ display: grid;
187
+ grid-template-areas: "prev stepper next";
188
+ grid-template-columns: 1fr 2fr 1fr;
187
189
  flex-grow: 1;
188
- flex-basis: auto;
189
- }
190
-
191
- .FooterActions-module_footerActionPrevious__C-ejW {
192
- grid-area: "prev";
193
- justify-content: start;
194
- }
190
+ justify-content: center;
191
+ align-items: center;
192
+ padding: var(--spacing-24) var(--spacing-12);
193
+ background: var(--color-white);
194
+ gap: var(--spacing-16);
195
+ border-top: 2px solid rgba(var(--color-gray-600-rgb), 0.1);
195
196
 
196
- .FooterActions-module_footerActionNext__yLUMV {
197
- grid-area: "next";
198
- justify-content: end;
197
+ @media (width >= 768px) {
198
+ grid-template-columns: 1fr 5fr 1fr;
199
+ padding: var(--spacing-24) var(--spacing-32);
200
+ position: sticky;
201
+ bottom: 0;
202
+ z-index: 1;
203
+ }
199
204
  }
200
205
 
201
206
  .Root-module_root__FYpNx {
@@ -235,347 +240,217 @@
235
240
  flex-basis: 7.5rem;
236
241
  }
237
242
 
238
- /** THIS IS AN AUTOGENERATED FILE **/
239
- /** THIS IS AN AUTOGENERATED FILE **/
240
- /** THIS IS AN AUTOGENERATED FILE **/
241
- /** THIS IS AN AUTOGENERATED FILE **/
242
- /** THIS IS AN AUTOGENERATED FILE **/
243
- /** THIS IS AN AUTOGENERATED FILE **/
244
- .GuidanceBlock-module_rightMargin__gIzig {
245
- margin-right: var(--spacing-8, 0.5rem);
243
+ .Menu-module_menu__iHYqh {
244
+ background-color: var(--color-white);
245
+ color: var(--color-purple-800);
246
+ width: 248px;
247
+ max-height: 22rem;
248
+ overflow: auto;
249
+ padding-block: var(--spacing-6);
250
+ outline: none;
251
+ border-radius: var(--border-solid-border-radius);
252
+ box-shadow: var(--shadow-large-box-shadow);
246
253
  }
247
254
 
248
- .GuidanceBlock-module_noRightMargin__xtPiX {
249
- margin-right: 0;
255
+ .Menu-module_menu__iHYqh .react-aria-Header {
256
+ font-family: var(--typography-heading-6-font-family);
257
+ font-size: var(--typography-heading-6-font-size);
258
+ letter-spacing: var(--typography-heading-6-letter-spacing);
259
+ font-weight: var(--typography-heading-6-font-weight);
260
+ line-height: var(--typography-heading-6-line-height);
261
+ padding: var(--spacing-6) 10px;
262
+ margin-inline: var(--spacing-6);
250
263
  }
251
264
 
252
- .GuidanceBlock-module_banner__ng6kh.GuidanceBlock-module_noMaxWidth__V-DbD {
253
- max-width: inherit;
265
+ .Menu-module_menu__iHYqh section:not(:last-of-type)::after {
266
+ width: 100%;
267
+ height: 1px;
268
+ background-color: var(--border-solid-border-color);
269
+ content: "";
270
+ display: block;
271
+ margin-block: var(--spacing-6);
254
272
  }
255
-
256
- .GuidanceBlock-module_banner__ng6kh {
257
- --border-width: var(--border-width-1);
258
- display: flex;
259
- flex-direction: column;
260
- gap: var(--spacing-sm, 0.75rem);
261
- min-width: 320px;
262
- max-width: 1080px;
263
- border: var(--border-width) var(--border-solid-border-style);
264
- border-radius: var(--border-solid-border-radius, 7px);
265
- padding: calc(var(--spacing-lg, 2.25rem) - var(--border-width));
266
- box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
273
+ .Button-module_button__QOSYH {
274
+ --button-min-height-width: var(--spacing-48);
275
+ --button-padding-x: calc(
276
+ var(--spacing-12) - var(--border-solid-border-width)
277
+ );
278
+ --button-padding-y: calc(
279
+ var(--spacing-8) - var(--border-solid-border-width)
280
+ );
281
+ --button-icon-size: var(--spacing-24);
282
+ appearance: none;
283
+ background: transparent;
284
+ color: inherit;
285
+ font: inherit;
286
+ margin: 0;
287
+ border: none;
288
+ border: var(--border-solid-border-width) var(--border-solid-border-style);
289
+ border-radius: var(--border-solid-border-radius);
290
+ box-sizing: border-box;
291
+ display: inline-flex;
292
+ align-items: center;
293
+ justify-content: center;
294
+ text-align: left;
295
+ gap: var(--spacing-8);
296
+ font-family: var(--typography-button-primary-font-family);
297
+ font-weight: var(--typography-button-primary-font-weight);
298
+ font-size: var(--typography-button-primary-font-size);
299
+ line-height: var(--typography-button-primary-line-height);
300
+ min-height: var(--button-min-height-width);
301
+ min-width: var(--button-min-height-width);
302
+ outline: none;
267
303
  position: relative;
268
- top: -1px;
269
- transition: opacity var(--animation-duration-slow, 400ms) ease, margin-top var(--animation-duration-fast, 300ms) var(--animation-duration-slow, 400ms) ease;
270
- color: var(--color-purple-800, #2f2438);
304
+ padding: var(--button-padding-y) var(--button-padding-x);
305
+ -webkit-font-smoothing: antialiased;
306
+ -moz-osx-font-smoothing: grayscale;
271
307
  }
272
- @media (min-width: 1024px) {
273
- .GuidanceBlock-module_banner__ng6kh {
274
- min-height: calc(12rem - var(--spacing-lg, 2.25rem) * 2);
275
- flex-direction: row;
276
- gap: var(--spacing-md, 1.5rem);
277
- width: auto;
278
- align-items: center;
279
- }
308
+ .Button-module_button__QOSYH[data-focus-visible]::after {
309
+ content: "";
310
+ position: absolute;
311
+ background: transparent;
312
+ border-color: var(--color-blue-500);
313
+ border-radius: var(--border-focus-ring-border-radius);
314
+ border-width: var(--border-focus-ring-border-width);
315
+ border-style: var(--border-focus-ring-border-style);
316
+ inset: calc(-1 * (var(--border-focus-ring-border-width) * 2 + 1px));
280
317
  }
281
- @media (max-width: 767px) {
282
- .GuidanceBlock-module_banner__ng6kh {
283
- min-width: unset;
284
- }
318
+ .Button-module_button__QOSYH svg {
319
+ height: var(--button-icon-size);
320
+ width: var(--button-icon-size);
285
321
  }
286
322
 
287
- .GuidanceBlock-module_illustrationWrapper__-rRYc {
288
- display: flex;
323
+ .Button-module_default__gSx3e {
324
+ border-color: var(--color-gray-500);
325
+ color: var(--color-purple-800);
289
326
  }
290
- @media (min-width: 768px) and (max-width: 1023px) {
291
- .GuidanceBlock-module_illustrationWrapper__-rRYc {
292
- text-align: center;
293
- justify-content: center;
294
- align-self: center;
295
- padding: var(--spacing-sm, 0.75rem);
296
- }
327
+ .Button-module_default__gSx3e[data-hovered], .Button-module_default__gSx3e[data-focus-visible], .Button-module_default__gSx3e[data-pressed] {
328
+ background-color: var(--color-gray-200);
329
+ border-color: var(--color-purple-800);
297
330
  }
298
- @media (max-width: 767px) {
299
- .GuidanceBlock-module_illustrationWrapper__-rRYc {
300
- display: none;
301
- }
331
+ .Button-module_default__gSx3e[data-disabled] {
332
+ opacity: 0.3;
302
333
  }
303
-
304
- .GuidanceBlock-module_illustration__LpEwu {
305
- width: 155px;
306
- height: 155px;
334
+ .Button-module_default__gSx3e.Button-module_reversed__DT-Id {
335
+ background-color: transparent;
336
+ border-color: rgba(var(--color-white-rgb), 0.65);
337
+ color: var(--color-white);
307
338
  }
308
- .GuidanceBlock-module_hasSceneIllustration__HxwOA .GuidanceBlock-module_illustration__LpEwu {
309
- display: flex;
310
- justify-content: center;
311
- max-width: 300px;
312
- max-height: 300px;
313
- width: 300px;
314
- height: auto;
339
+ .Button-module_default__gSx3e.Button-module_reversed__DT-Id[data-hovered], .Button-module_default__gSx3e.Button-module_reversed__DT-Id[data-focus-visible] {
340
+ background-color: rgba(var(--color-white-rgb), 0.1);
341
+ border-color: var(--color-white);
315
342
  }
316
- .GuidanceBlock-module_hasSceneIllustration__HxwOA .GuidanceBlock-module_illustration__LpEwu figure {
317
- max-height: 100%;
318
- max-width: 100%;
319
- aspect-ratio: 4/3;
343
+ .Button-module_default__gSx3e.Button-module_reversed__DT-Id[data-focus-visible]::after {
344
+ border-color: var(--color-blue-300);
320
345
  }
321
- .GuidanceBlock-module_hasSceneIllustration__HxwOA .GuidanceBlock-module_illustration__LpEwu img {
322
- height: 100%;
323
- object-fit: contain;
324
- object-position: center;
346
+ .Button-module_default__gSx3e.Button-module_reversed__DT-Id[data-disabled]::after {
347
+ border-color: var(--color-gray-400);
325
348
  }
326
349
 
327
- .GuidanceBlock-module_descriptionContainer__N1EEi {
328
- flex: 1;
329
- text-align: center;
330
- align-self: center;
331
- max-width: 780px;
332
- }
333
- @media (min-width: 1024px) {
334
- .GuidanceBlock-module_descriptionContainer__N1EEi {
335
- padding: 0 var(--spacing-sm, 0.75rem);
336
- text-align: left;
337
- }
338
- }
339
- @media (max-width: 767px) {
340
- .GuidanceBlock-module_descriptionContainer__N1EEi {
341
- margin: var(--spacing-sm, 0.75rem);
342
- max-width: 100%;
343
- }
350
+ .Button-module_small__S-t5B {
351
+ --button-min-height-width: 2.5rem;
352
+ --button-padding-x: calc(
353
+ var(--spacing-8) - var(--border-solid-border-width)
354
+ );
355
+ --button-padding-y: calc(
356
+ var(--spacing-8) - var(--border-solid-border-width)
357
+ );
358
+ --button-icon-size: var(--spacing-16);
359
+ gap: var(--spacing-8);
344
360
  }
345
- @media (min-width: 1024px) {
346
- [dir=rtl] .GuidanceBlock-module_descriptionContainer__N1EEi {
347
- padding: 0 var(--spacing-sm, 0.75rem);
348
- text-align: right;
349
- }
361
+ .MenuItem-module_item__DPerF {
362
+ font-family: var(--typography-paragraph-body-font-family);
363
+ font-size: var(--typography-paragraph-body-font-size);
364
+ letter-spacing: var(--typography-paragraph-body-letter-spacing);
365
+ font-weight: var(--typography-paragraph-body-font-weight);
366
+ line-height: var(--typography-paragraph-body-line-height);
367
+ color: rgba(var(--color-purple-800-rgb), 0.7);
368
+ padding: var(--spacing-6) var(--spacing-8);
369
+ border: var(--border-focus-ring-border-width) var(--border-focus-ring-border-style) transparent;
370
+ border-radius: 4px;
371
+ display: flex;
372
+ gap: 0 var(--spacing-8);
373
+ align-items: center;
374
+ margin-inline: var(--spacing-6);
375
+ text-decoration: none;
376
+ cursor: pointer;
350
377
  }
351
378
 
352
- .GuidanceBlock-module_descriptionAndActions__D206m {
379
+ .MenuItem-module_iconWrapper__bRdQN {
380
+ flex-shrink: 0;
353
381
  display: flex;
354
- flex: 1;
355
382
  align-items: center;
356
- justify-content: space-between;
357
- gap: var(--spacing-md, 1.5rem);
358
- }
359
- @media (max-width: 1023px) {
360
- .GuidanceBlock-module_descriptionAndActions__D206m {
361
- flex-direction: column;
362
- width: 100%;
363
- align-items: unset;
364
- }
365
383
  }
366
384
 
367
- .GuidanceBlock-module_buttonContainer__w3vEh {
368
- display: flex;
369
- flex: 1 0 auto;
370
- justify-content: center;
371
- flex-direction: row-reverse;
372
- gap: var(--spacing-sm, 0.75rem);
373
- min-width: max-content;
374
- }
375
- @media (min-width: 768px) {
376
- .GuidanceBlock-module_buttonContainer__w3vEh {
377
- text-align: center;
378
- }
379
- }
380
- @media (max-width: 767px) {
381
- .GuidanceBlock-module_buttonContainer__w3vEh {
382
- flex-direction: column;
383
- width: 100%;
384
- margin-top: var(--spacing-xs, 0.375rem);
385
- }
386
- }
387
- [dir=rtl] .GuidanceBlock-module_buttonContainer__w3vEh svg {
388
- transform: rotate(180deg);
385
+ .MenuItem-module_item__DPerF[data-focused] {
386
+ background-color: var(--color-blue-100);
387
+ color: var(--color-blue-500);
388
+ outline: none;
389
+ border-color: var(--color-blue-500);
389
390
  }
390
391
 
391
- .GuidanceBlock-module_hidden__hgakl {
392
- opacity: 0%;
393
- margin-bottom: 0;
392
+ .MenuItem-module_item__DPerF[data-disabled] {
393
+ opacity: 0.3;
394
394
  }
395
-
396
- .GuidanceBlock-module_headingWrapper__xqjf- {
397
- margin-bottom: var(--spacing-md, 1.5rem);
395
+ .Focusable-module_focusableWrapper__NfuIi {
396
+ display: inline-flex;
398
397
  }
399
-
400
- .GuidanceBlock-module_cancel__0lcBe {
401
- appearance: none;
402
- display: inline;
403
- background: transparent;
404
- color: inherit;
405
- font: inherit;
406
- margin: 0;
407
- padding: 0;
408
- border: none;
409
- cursor: pointer;
410
- position: absolute;
411
- top: var(--spacing-sm, 0.75rem);
412
- right: var(--spacing-sm, 0.75rem);
398
+ /** THIS IS AN AUTOGENERATED FILE **/
399
+ /** THIS IS AN AUTOGENERATED FILE **/
400
+ /** THIS IS AN AUTOGENERATED FILE **/
401
+ /** THIS IS AN AUTOGENERATED FILE **/
402
+ /** THIS IS AN AUTOGENERATED FILE **/
403
+ /** THIS IS AN AUTOGENERATED FILE **/
404
+ .Tooltip-module_tooltip__efL1m {
405
+ max-width: 200px;
406
+ padding: var(--spacing-8, 0.5rem) var(--spacing-12, 0.75rem);
407
+ color: var(--color-white, #ffffff);
408
+ text-align: center;
409
+ font-family: var(--typography-paragraph-extra-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
410
+ font-size: var(--typography-paragraph-extra-small-font-size, 0.75rem);
411
+ font-weight: var(--typography-paragraph-extra-small-font-weight, 400);
412
+ letter-spacing: var(--typography-paragraph-extra-small-letter-spacing, normal);
413
+ line-height: var(--typography-paragraph-extra-small-line-height, 1.125rem);
414
+ border-radius: var(--border-solid-border-radius, 7px);
415
+ box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
416
+ background-color: var(--color-purple-800, #2f2438);
417
+ text-wrap: pretty;
418
+ /* fixes FF gap */
419
+ transform: translate3d(0, 0, 0);
420
+ }
421
+ .Tooltip-module_tooltip__efL1m.Tooltip-module_reversed__NnCbZ {
422
+ background-color: var(--color-white, #ffffff);
413
423
  color: var(--color-purple-800, #2f2438);
414
424
  }
415
- .GuidanceBlock-module_cancel__0lcBe .GuidanceBlock-module_icon__XVKkH {
416
- opacity: 70%;
417
- transition: var(--animation-duration-fast, 300ms) opacity;
425
+ .Tooltip-module_tooltip__efL1m[data-placement=top] {
426
+ --origin: translateY(4px);
418
427
  }
419
- .GuidanceBlock-module_cancel__0lcBe:disabled .GuidanceBlock-module_icon__XVKkH, .GuidanceBlock-module_cancel__0lcBe.GuidanceBlock-module_disabled__tbZPh .GuidanceBlock-module_icon__XVKkH {
420
- opacity: 30%;
428
+ .Tooltip-module_tooltip__efL1m[data-placement=bottom] {
429
+ --origin: translateY(-4px);
421
430
  }
422
- .GuidanceBlock-module_cancel__0lcBe:not(:disabled, .GuidanceBlock-module_disabled__tbZPh):hover .GuidanceBlock-module_icon__XVKkH, .GuidanceBlock-module_cancel__0lcBe:not(:disabled, .GuidanceBlock-module_disabled__tbZPh):focus .GuidanceBlock-module_icon__XVKkH, .GuidanceBlock-module_cancel__0lcBe:not(:disabled, .GuidanceBlock-module_disabled__tbZPh).GuidanceBlock-module_hover__vs7Wu .GuidanceBlock-module_icon__XVKkH {
423
- opacity: 100%;
431
+ .Tooltip-module_tooltip__efL1m[data-placement=right] {
432
+ --origin: translateX(-4px);
424
433
  }
425
- .GuidanceBlock-module_cancel__0lcBe:not(:disabled, .GuidanceBlock-module_disabled__tbZPh):active .GuidanceBlock-module_icon__XVKkH, .GuidanceBlock-module_cancel__0lcBe:not(:disabled, .GuidanceBlock-module_disabled__tbZPh).GuidanceBlock-module_active__eJu5N .GuidanceBlock-module_icon__XVKkH {
426
- opacity: 100%;
434
+ .Tooltip-module_tooltip__efL1m[data-placement=left] {
435
+ --origin: translateX(4px);
427
436
  }
428
-
429
- .GuidanceBlock-module_default__W7fnR {
430
- border-color: var(--color-gray-500);
431
- background: var(--color-white);
437
+ .Tooltip-module_tooltip__efL1m[data-entering] {
438
+ animation: Tooltip-module_slide__lFdGA var(--animation-duration-fast, 300ms);
432
439
  }
433
-
434
- .GuidanceBlock-module_expert-advice__uGg7D {
435
- border-color: var(--color-purple-400);
436
- background: var(--color-purple-100, #f4edf8);
440
+ .Tooltip-module_tooltip__efL1m[data-exiting] {
441
+ animation: Tooltip-module_slide__lFdGA var(--animation-duration-fast, 300ms) reverse var(--animation-easing-function-ease-in, cubic-bezier(0.55, 0.085, 0.68, 0.53));
437
442
  }
438
443
 
439
- .GuidanceBlock-module_inline__DC0LQ,
440
- .GuidanceBlock-module_stacked__2SSuH {
441
- flex-flow: row wrap;
442
- align-items: unset;
443
- gap: var(--spacing-md, 1.5rem);
444
- min-width: unset;
445
- }
446
- @media (max-width: 1023px) {
447
- .GuidanceBlock-module_inline__DC0LQ,
448
- .GuidanceBlock-module_stacked__2SSuH {
449
- flex-direction: unset;
450
- }
451
- }
452
- .GuidanceBlock-module_inline__DC0LQ .GuidanceBlock-module_illustrationWrapper__-rRYc,
453
- .GuidanceBlock-module_stacked__2SSuH .GuidanceBlock-module_illustrationWrapper__-rRYc {
454
- margin-right: var(--spacing-sm, 0.75rem);
455
- }
456
- [dir=rtl] .GuidanceBlock-module_inline__DC0LQ .GuidanceBlock-module_illustrationWrapper__-rRYc,
457
- [dir=rtl] .GuidanceBlock-module_stacked__2SSuH .GuidanceBlock-module_illustrationWrapper__-rRYc {
458
- margin-left: var(--spacing-sm, 0.75rem);
459
- margin-right: inherit;
460
- }
461
- @media (min-width: 768px) and (max-width: 1023px) {
462
- .GuidanceBlock-module_inline__DC0LQ .GuidanceBlock-module_illustrationWrapper__-rRYc,
463
- .GuidanceBlock-module_stacked__2SSuH .GuidanceBlock-module_illustrationWrapper__-rRYc {
464
- padding: 0;
465
- }
466
- }
467
- @media (max-width: 767px) {
468
- .GuidanceBlock-module_inline__DC0LQ .GuidanceBlock-module_illustrationWrapper__-rRYc,
469
- .GuidanceBlock-module_stacked__2SSuH .GuidanceBlock-module_illustrationWrapper__-rRYc {
470
- display: flex;
471
- }
472
- }
473
- .GuidanceBlock-module_inline__DC0LQ .GuidanceBlock-module_descriptionAndActions__D206m,
474
- .GuidanceBlock-module_stacked__2SSuH .GuidanceBlock-module_descriptionAndActions__D206m {
475
- margin: auto 0;
476
- }
477
- .GuidanceBlock-module_inline__DC0LQ .GuidanceBlock-module_descriptionContainer__N1EEi,
478
- .GuidanceBlock-module_stacked__2SSuH .GuidanceBlock-module_descriptionContainer__N1EEi {
479
- text-align: left;
480
- max-width: unset;
481
- min-width: 320px;
482
- }
483
- @media (min-width: 1024px) {
484
- .GuidanceBlock-module_inline__DC0LQ .GuidanceBlock-module_descriptionContainer__N1EEi,
485
- .GuidanceBlock-module_stacked__2SSuH .GuidanceBlock-module_descriptionContainer__N1EEi {
486
- padding: 0;
487
- }
488
- }
489
- @media (max-width: 767px) {
490
- .GuidanceBlock-module_inline__DC0LQ .GuidanceBlock-module_descriptionContainer__N1EEi,
491
- .GuidanceBlock-module_stacked__2SSuH .GuidanceBlock-module_descriptionContainer__N1EEi {
492
- margin: 0;
493
- }
494
- }
495
- [dir=rtl] .GuidanceBlock-module_inline__DC0LQ .GuidanceBlock-module_descriptionContainer__N1EEi,
496
- [dir=rtl] .GuidanceBlock-module_stacked__2SSuH .GuidanceBlock-module_descriptionContainer__N1EEi {
497
- text-align: right;
498
- }
499
- @media (min-width: 1024px) {
500
- [dir=rtl] .GuidanceBlock-module_inline__DC0LQ .GuidanceBlock-module_descriptionContainer__N1EEi,
501
- [dir=rtl] .GuidanceBlock-module_stacked__2SSuH .GuidanceBlock-module_descriptionContainer__N1EEi {
502
- padding: 0;
444
+ @keyframes Tooltip-module_slide__lFdGA {
445
+ from {
446
+ transform: var(--origin);
447
+ opacity: 0;
503
448
  }
504
- }
505
- .GuidanceBlock-module_inline__DC0LQ .GuidanceBlock-module_buttonContainer__w3vEh,
506
- .GuidanceBlock-module_stacked__2SSuH .GuidanceBlock-module_buttonContainer__w3vEh {
507
- padding-left: var(--spacing-sm, 0.75rem);
508
- justify-content: flex-start;
509
- width: unset;
510
- min-width: unset;
511
- }
512
- @media (max-width: 767px) {
513
- .GuidanceBlock-module_inline__DC0LQ .GuidanceBlock-module_buttonContainer__w3vEh,
514
- .GuidanceBlock-module_stacked__2SSuH .GuidanceBlock-module_buttonContainer__w3vEh {
515
- flex-direction: row-reverse;
449
+ to {
450
+ transform: translateY(0);
451
+ opacity: 1;
516
452
  }
517
453
  }
518
- [dir=rtl] .GuidanceBlock-module_inline__DC0LQ .GuidanceBlock-module_buttonContainer__w3vEh,
519
- [dir=rtl] .GuidanceBlock-module_stacked__2SSuH .GuidanceBlock-module_buttonContainer__w3vEh {
520
- padding-left: 0;
521
- padding-right: var(--spacing-sm, 0.75rem);
522
- }
523
- .GuidanceBlock-module_inline__DC0LQ .GuidanceBlock-module_buttonContainer__w3vEh > *,
524
- .GuidanceBlock-module_stacked__2SSuH .GuidanceBlock-module_buttonContainer__w3vEh > * {
525
- width: unset;
526
- }
527
- .GuidanceBlock-module_inline__DC0LQ.GuidanceBlock-module_hasSceneIllustration__HxwOA,
528
- .GuidanceBlock-module_stacked__2SSuH.GuidanceBlock-module_hasSceneIllustration__HxwOA {
529
- justify-content: center;
530
- }
531
- .GuidanceBlock-module_inline__DC0LQ.GuidanceBlock-module_centerContent__pS9uQ,
532
- .GuidanceBlock-module_stacked__2SSuH.GuidanceBlock-module_centerContent__pS9uQ {
533
- flex-direction: column;
534
- }
535
- .GuidanceBlock-module_inline__DC0LQ.GuidanceBlock-module_centerContent__pS9uQ.GuidanceBlock-module_hasSceneIllustration__HxwOA .GuidanceBlock-module_illustration__LpEwu,
536
- .GuidanceBlock-module_stacked__2SSuH.GuidanceBlock-module_centerContent__pS9uQ.GuidanceBlock-module_hasSceneIllustration__HxwOA .GuidanceBlock-module_illustration__LpEwu {
537
- width: 100%;
538
- }
539
- .GuidanceBlock-module_inline__DC0LQ.GuidanceBlock-module_centerContent__pS9uQ .GuidanceBlock-module_illustrationWrapper__-rRYc,
540
- .GuidanceBlock-module_stacked__2SSuH.GuidanceBlock-module_centerContent__pS9uQ .GuidanceBlock-module_illustrationWrapper__-rRYc {
541
- margin: 0 auto;
542
- align-self: center;
543
- }
544
- .GuidanceBlock-module_inline__DC0LQ.GuidanceBlock-module_centerContent__pS9uQ .GuidanceBlock-module_descriptionContainer__N1EEi,
545
- .GuidanceBlock-module_stacked__2SSuH.GuidanceBlock-module_centerContent__pS9uQ .GuidanceBlock-module_descriptionContainer__N1EEi {
546
- text-align: center;
547
- min-width: unset;
548
- }
549
- [dir=rtl] .GuidanceBlock-module_inline__DC0LQ.GuidanceBlock-module_centerContent__pS9uQ .GuidanceBlock-module_descriptionContainer__N1EEi,
550
- [dir=rtl] .GuidanceBlock-module_stacked__2SSuH.GuidanceBlock-module_centerContent__pS9uQ .GuidanceBlock-module_descriptionContainer__N1EEi {
551
- text-align: center;
552
- }
553
- .GuidanceBlock-module_inline__DC0LQ.GuidanceBlock-module_centerContent__pS9uQ .GuidanceBlock-module_buttonContainer__w3vEh,
554
- .GuidanceBlock-module_stacked__2SSuH.GuidanceBlock-module_centerContent__pS9uQ .GuidanceBlock-module_buttonContainer__w3vEh {
555
- padding: 0;
556
- flex-direction: column;
557
- min-width: unset;
558
- justify-content: center;
559
- }
560
- .GuidanceBlock-module_inline__DC0LQ.GuidanceBlock-module_centerContent__pS9uQ.GuidanceBlock-module_smallScreenTextAlignment__iaw5d .GuidanceBlock-module_descriptionContainer__N1EEi,
561
- .GuidanceBlock-module_stacked__2SSuH.GuidanceBlock-module_centerContent__pS9uQ.GuidanceBlock-module_smallScreenTextAlignment__iaw5d .GuidanceBlock-module_descriptionContainer__N1EEi {
562
- text-align: left;
563
- }
564
- [dir=rtl] .GuidanceBlock-module_inline__DC0LQ.GuidanceBlock-module_centerContent__pS9uQ.GuidanceBlock-module_smallScreenTextAlignment__iaw5d .GuidanceBlock-module_descriptionContainer__N1EEi,
565
- [dir=rtl] .GuidanceBlock-module_stacked__2SSuH.GuidanceBlock-module_centerContent__pS9uQ.GuidanceBlock-module_smallScreenTextAlignment__iaw5d .GuidanceBlock-module_descriptionContainer__N1EEi {
566
- text-align: right;
567
- }
568
-
569
- /* stylelint-disable no-descending-specificity */
570
- .GuidanceBlock-module_stacked__2SSuH .GuidanceBlock-module_descriptionAndActions__D206m {
571
- flex-direction: column;
572
- align-items: unset;
573
- }
574
- .GuidanceBlock-module_stacked__2SSuH .GuidanceBlock-module_descriptionContainer__N1EEi {
575
- align-self: flex-start;
576
- }
577
-
578
- /* stylelint-enable no-descending-specificity */
579
454
  /** THIS IS AN AUTOGENERATED FILE **/
580
455
  /** THIS IS AN AUTOGENERATED FILE **/
581
456
  .OverlayArrow-module_overlayArrow__hoDyK {
@@ -604,239 +479,28 @@
604
479
  .OverlayArrow-module_overlayArrow__hoDyK.OverlayArrow-module_reversed__-WGcR path {
605
480
  fill: var(--color-white, #ffffff);
606
481
  }
607
- .Menu-module_menu__iHYqh {
608
- background-color: var(--color-white);
609
- color: var(--color-purple-800);
610
- width: 248px;
611
- max-height: 22rem;
612
- overflow: auto;
613
- padding-block: var(--spacing-6);
614
- outline: none;
615
- border-radius: var(--border-solid-border-radius);
616
- box-shadow: var(--shadow-large-box-shadow);
482
+ .SVG-module_icon__8J5Ev {
483
+ width: 20px;
484
+ height: 20px;
485
+ display: inline-block;
617
486
  }
618
-
619
- .Menu-module_menu__iHYqh .react-aria-Header {
620
- font-family: var(--typography-heading-6-font-family);
621
- font-size: var(--typography-heading-6-font-size);
622
- letter-spacing: var(--typography-heading-6-letter-spacing);
623
- font-weight: var(--typography-heading-6-font-weight);
624
- line-height: var(--typography-heading-6-line-height);
625
- padding: var(--spacing-6) 10px;
626
- margin-inline: var(--spacing-6);
487
+ .SVG-module_icon__8J5Ev > use {
488
+ pointer-events: none;
627
489
  }
628
-
629
- .Menu-module_menu__iHYqh section:not(:last-of-type)::after {
630
- width: 100%;
631
- height: 1px;
632
- background-color: var(--border-solid-border-color);
633
- content: "";
634
- display: block;
635
- margin-block: var(--spacing-6);
490
+ @media screen and (-ms-high-contrast: active) {
491
+ .SVG-module_icon__8J5Ev {
492
+ color: black;
493
+ }
636
494
  }
637
- .MenuItem-module_item__DPerF {
638
- font-family: var(--typography-paragraph-body-font-family);
639
- font-size: var(--typography-paragraph-body-font-size);
640
- letter-spacing: var(--typography-paragraph-body-letter-spacing);
641
- font-weight: var(--typography-paragraph-body-font-weight);
642
- line-height: var(--typography-paragraph-body-line-height);
643
- color: rgba(var(--color-purple-800-rgb), 0.7);
644
- padding: var(--spacing-6) var(--spacing-8);
645
- border: var(--border-focus-ring-border-width) var(--border-focus-ring-border-style) transparent;
646
- border-radius: 4px;
647
- display: flex;
648
- gap: 0 var(--spacing-8);
649
- align-items: center;
650
- margin-inline: var(--spacing-6);
651
- text-decoration: none;
652
- cursor: pointer;
495
+ @media screen and (-ms-high-contrast: white-on-black) {
496
+ .SVG-module_icon__8J5Ev {
497
+ color: white;
498
+ }
653
499
  }
654
-
655
- .MenuItem-module_iconWrapper__bRdQN {
656
- flex-shrink: 0;
657
- display: flex;
658
- align-items: center;
659
- }
660
-
661
- .MenuItem-module_item__DPerF[data-focused] {
662
- background-color: var(--color-blue-100);
663
- color: var(--color-blue-500);
664
- outline: none;
665
- border-color: var(--color-blue-500);
666
- }
667
-
668
- .MenuItem-module_item__DPerF[data-disabled] {
669
- opacity: 0.3;
670
- }
671
- .Button-module_button__QOSYH {
672
- --button-min-height-width: var(--spacing-48);
673
- --button-padding-x: calc(
674
- var(--spacing-12) - var(--border-solid-border-width)
675
- );
676
- --button-padding-y: calc(
677
- var(--spacing-8) - var(--border-solid-border-width)
678
- );
679
- --button-icon-size: var(--spacing-24);
680
- appearance: none;
681
- background: transparent;
682
- color: inherit;
683
- font: inherit;
684
- margin: 0;
685
- border: none;
686
- border: var(--border-solid-border-width) var(--border-solid-border-style);
687
- border-radius: var(--border-solid-border-radius);
688
- box-sizing: border-box;
689
- display: inline-flex;
690
- align-items: center;
691
- justify-content: center;
692
- text-align: left;
693
- gap: var(--spacing-8);
694
- font-family: var(--typography-button-primary-font-family);
695
- font-weight: var(--typography-button-primary-font-weight);
696
- font-size: var(--typography-button-primary-font-size);
697
- line-height: var(--typography-button-primary-line-height);
698
- min-height: var(--button-min-height-width);
699
- min-width: var(--button-min-height-width);
700
- outline: none;
701
- position: relative;
702
- padding: var(--button-padding-y) var(--button-padding-x);
703
- -webkit-font-smoothing: antialiased;
704
- -moz-osx-font-smoothing: grayscale;
705
- }
706
- .Button-module_button__QOSYH[data-focus-visible]::after {
707
- content: "";
708
- position: absolute;
709
- background: transparent;
710
- border-color: var(--color-blue-500);
711
- border-radius: var(--border-focus-ring-border-radius);
712
- border-width: var(--border-focus-ring-border-width);
713
- border-style: var(--border-focus-ring-border-style);
714
- inset: calc(-1 * (var(--border-focus-ring-border-width) * 2 + 1px));
715
- }
716
- .Button-module_button__QOSYH svg {
717
- height: var(--button-icon-size);
718
- width: var(--button-icon-size);
719
- }
720
-
721
- .Button-module_default__gSx3e {
722
- border-color: var(--color-gray-500);
723
- color: var(--color-purple-800);
724
- }
725
- .Button-module_default__gSx3e[data-hovered], .Button-module_default__gSx3e[data-focus-visible], .Button-module_default__gSx3e[data-pressed] {
726
- background-color: var(--color-gray-200);
727
- border-color: var(--color-purple-800);
728
- }
729
- .Button-module_default__gSx3e[data-disabled] {
730
- opacity: 0.3;
731
- }
732
- .Button-module_default__gSx3e.Button-module_reversed__DT-Id {
733
- background-color: transparent;
734
- border-color: rgba(var(--color-white-rgb), 0.65);
735
- color: var(--color-white);
736
- }
737
- .Button-module_default__gSx3e.Button-module_reversed__DT-Id[data-hovered], .Button-module_default__gSx3e.Button-module_reversed__DT-Id[data-focus-visible] {
738
- background-color: rgba(var(--color-white-rgb), 0.1);
739
- border-color: var(--color-white);
740
- }
741
- .Button-module_default__gSx3e.Button-module_reversed__DT-Id[data-focus-visible]::after {
742
- border-color: var(--color-blue-300);
743
- }
744
- .Button-module_default__gSx3e.Button-module_reversed__DT-Id[data-disabled]::after {
745
- border-color: var(--color-gray-400);
746
- }
747
-
748
- .Button-module_small__S-t5B {
749
- --button-min-height-width: 2.5rem;
750
- --button-padding-x: calc(
751
- var(--spacing-8) - var(--border-solid-border-width)
752
- );
753
- --button-padding-y: calc(
754
- var(--spacing-8) - var(--border-solid-border-width)
755
- );
756
- --button-icon-size: var(--spacing-16);
757
- gap: var(--spacing-8);
758
- }
759
- .Focusable-module_focusableWrapper__NfuIi {
760
- display: inline-flex;
761
- }
762
- /** THIS IS AN AUTOGENERATED FILE **/
763
- /** THIS IS AN AUTOGENERATED FILE **/
764
- /** THIS IS AN AUTOGENERATED FILE **/
765
- /** THIS IS AN AUTOGENERATED FILE **/
766
- /** THIS IS AN AUTOGENERATED FILE **/
767
- /** THIS IS AN AUTOGENERATED FILE **/
768
- .Tooltip-module_tooltip__efL1m {
769
- max-width: 200px;
770
- padding: var(--spacing-8, 0.5rem) var(--spacing-12, 0.75rem);
771
- color: var(--color-white, #ffffff);
772
- text-align: center;
773
- font-family: var(--typography-paragraph-extra-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
774
- font-size: var(--typography-paragraph-extra-small-font-size, 0.75rem);
775
- font-weight: var(--typography-paragraph-extra-small-font-weight, 400);
776
- letter-spacing: var(--typography-paragraph-extra-small-letter-spacing, normal);
777
- line-height: var(--typography-paragraph-extra-small-line-height, 1.125rem);
778
- border-radius: var(--border-solid-border-radius, 7px);
779
- box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
780
- background-color: var(--color-purple-800, #2f2438);
781
- text-wrap: pretty;
782
- /* fixes FF gap */
783
- transform: translate3d(0, 0, 0);
784
- }
785
- .Tooltip-module_tooltip__efL1m.Tooltip-module_reversed__NnCbZ {
786
- background-color: var(--color-white, #ffffff);
787
- color: var(--color-purple-800, #2f2438);
788
- }
789
- .Tooltip-module_tooltip__efL1m[data-placement=top] {
790
- --origin: translateY(4px);
791
- }
792
- .Tooltip-module_tooltip__efL1m[data-placement=bottom] {
793
- --origin: translateY(-4px);
794
- }
795
- .Tooltip-module_tooltip__efL1m[data-placement=right] {
796
- --origin: translateX(-4px);
797
- }
798
- .Tooltip-module_tooltip__efL1m[data-placement=left] {
799
- --origin: translateX(4px);
800
- }
801
- .Tooltip-module_tooltip__efL1m[data-entering] {
802
- animation: Tooltip-module_slide__lFdGA var(--animation-duration-fast, 300ms);
803
- }
804
- .Tooltip-module_tooltip__efL1m[data-exiting] {
805
- animation: Tooltip-module_slide__lFdGA var(--animation-duration-fast, 300ms) reverse var(--animation-easing-function-ease-in, cubic-bezier(0.55, 0.085, 0.68, 0.53));
806
- }
807
-
808
- @keyframes Tooltip-module_slide__lFdGA {
809
- from {
810
- transform: var(--origin);
811
- opacity: 0;
812
- }
813
- to {
814
- transform: translateY(0);
815
- opacity: 1;
816
- }
817
- }
818
- .SVG-module_icon__8J5Ev {
819
- width: 20px;
820
- height: 20px;
821
- display: inline-block;
822
- }
823
- .SVG-module_icon__8J5Ev > use {
824
- pointer-events: none;
825
- }
826
- @media screen and (-ms-high-contrast: active) {
827
- .SVG-module_icon__8J5Ev {
828
- color: black;
829
- }
830
- }
831
- @media screen and (-ms-high-contrast: white-on-black) {
832
- .SVG-module_icon__8J5Ev {
833
- color: white;
834
- }
835
- }
836
- @media screen and (-ms-high-contrast: black-on-white) {
837
- .SVG-module_icon__8J5Ev {
838
- color: black;
839
- }
500
+ @media screen and (-ms-high-contrast: black-on-white) {
501
+ .SVG-module_icon__8J5Ev {
502
+ color: black;
503
+ }
840
504
  }
841
505
 
842
506
  .SVG-module_inheritSize__Q8iam {
@@ -5614,622 +5278,984 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
5614
5278
  /** THIS IS AN AUTOGENERATED FILE **/
5615
5279
  /** THIS IS AN AUTOGENERATED FILE **/
5616
5280
  /** THIS IS AN AUTOGENERATED FILE **/
5617
- /** THIS IS AN AUTOGENERATED FILE **/
5618
- /** THIS IS AN AUTOGENERATED FILE **/
5619
- /** THIS IS AN AUTOGENERATED FILE **/
5620
- /** THIS IS AN AUTOGENERATED FILE **/
5621
- .GenericNotification-module_notification__-JP1M {
5622
- display: flex;
5623
- box-sizing: border-box;
5624
- pointer-events: all;
5625
- }
5626
- .GenericNotification-module_notification__-JP1M.GenericNotification-module_inline__OciO5, .GenericNotification-module_notification__-JP1M.GenericNotification-module_toast__GOVfC {
5627
- margin-bottom: var(--spacing-24, 1.5rem);
5628
- border-width: var(--border-width-1);
5629
- border-style: solid;
5630
- border-radius: var(--border-solid-border-radius, 7px);
5281
+ .GuidanceBlock-module_rightMargin__-iEFa {
5282
+ margin-right: var(--spacing-8, 0.5rem);
5631
5283
  }
5632
- .GenericNotification-module_notification__-JP1M.GenericNotification-module_inline__OciO5 {
5633
- width: auto;
5634
- min-height: 46px;
5635
- padding: calc(var(--spacing-6, 0.375rem) - var(--border-width-1)) var(--spacing-12, 0.75rem);
5636
- transition: opacity 200ms ease, transform 200ms ease-out, margin-top 200ms ease, margin-bottom 200ms ease;
5284
+
5285
+ .GuidanceBlock-module_noRightMargin__4Uy9N {
5286
+ margin-right: 0;
5637
5287
  }
5638
- .GenericNotification-module_notification__-JP1M.GenericNotification-module_toast__GOVfC {
5639
- container-type: inline-size;
5640
- width: 25rem;
5641
- box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
5642
- max-width: 100%;
5643
- padding: calc(var(--spacing-6, 0.375rem) - var(--border-width-1)) 10px;
5644
- transition: opacity 200ms ease, transform 300ms ease-out, margin-top 200ms ease 200ms, margin-bottom 200ms ease;
5645
- will-change: transform;
5288
+
5289
+ .GuidanceBlock-module_banner__FxKcd.GuidanceBlock-module_noMaxWidth__UzHP1 {
5290
+ max-width: inherit;
5646
5291
  }
5647
- .GenericNotification-module_notification__-JP1M.GenericNotification-module_global__Weka- {
5648
- width: 100%;
5292
+
5293
+ .GuidanceBlock-module_banner__FxKcd {
5294
+ --border-width: var(--border-width-1);
5649
5295
  display: flex;
5650
- align-items: center;
5651
- border-width: 0;
5652
- border-radius: 0;
5653
- margin-bottom: 0;
5654
- padding-top: var(--spacing-16);
5655
- padding-bottom: var(--spacing-16);
5656
- padding-inline-start: var(--spacing-8);
5657
- transition: margin-top 200ms ease, margin-bottom 200ms ease;
5296
+ flex-direction: column;
5297
+ gap: var(--spacing-sm, 0.75rem);
5298
+ min-width: 320px;
5299
+ max-width: 1080px;
5300
+ border: var(--border-width) var(--border-solid-border-style);
5301
+ border-radius: var(--border-solid-border-radius, 7px);
5302
+ padding: calc(var(--spacing-lg, 2.25rem) - var(--border-width));
5303
+ box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
5658
5304
  position: relative;
5659
- z-index: 1030;
5660
- }
5661
- .GenericNotification-module_notification__-JP1M.GenericNotification-module_positive__U-3HK {
5662
- background: var(--color-green-100, #e8f8f4);
5663
- border-color: var(--color-green-500);
5305
+ top: -1px;
5306
+ transition: opacity var(--animation-duration-slow, 400ms) ease, margin-top var(--animation-duration-fast, 300ms) var(--animation-duration-slow, 400ms) ease;
5664
5307
  color: var(--color-purple-800, #2f2438);
5665
5308
  }
5666
- .GenericNotification-module_notification__-JP1M.GenericNotification-module_security__QTALa {
5667
- background: var(--color-yellow-100, #fff9e4);
5668
- border-color: var(--color-yellow-700);
5669
- color: var(--color-purple-800, #2f2438);
5309
+ @media (min-width: 1024px) {
5310
+ .GuidanceBlock-module_banner__FxKcd {
5311
+ min-height: calc(12rem - var(--spacing-lg, 2.25rem) * 2);
5312
+ flex-direction: row;
5313
+ gap: var(--spacing-md, 1.5rem);
5314
+ width: auto;
5315
+ align-items: center;
5316
+ }
5670
5317
  }
5671
- .GenericNotification-module_notification__-JP1M.GenericNotification-module_negative__lUWhD {
5672
- background: var(--color-red-100, #fdeaee);
5673
- border-color: var(--color-red-500);
5674
- color: var(--color-purple-800, #2f2438);
5318
+ @media (max-width: 767px) {
5319
+ .GuidanceBlock-module_banner__FxKcd {
5320
+ min-width: unset;
5321
+ }
5675
5322
  }
5676
- .GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct {
5677
- opacity: 0%;
5678
- }
5679
- .GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_inline__OciO5, .GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_global__Weka- {
5680
- margin-bottom: 0;
5323
+
5324
+ .GuidanceBlock-module_illustrationWrapper__AEljX {
5325
+ display: flex;
5681
5326
  }
5682
- .GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_inline__OciO5 {
5683
- transition-timing-function: ease-in;
5684
- transform: translateY(-50%);
5327
+ @media (min-width: 768px) and (max-width: 1023px) {
5328
+ .GuidanceBlock-module_illustrationWrapper__AEljX {
5329
+ text-align: center;
5330
+ justify-content: center;
5331
+ align-self: center;
5332
+ padding: var(--spacing-sm, 0.75rem);
5333
+ }
5685
5334
  }
5686
- .GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_toast__GOVfC {
5687
- transition-timing-function: ease-in;
5688
- transform: translateX(50%);
5335
+ @media (max-width: 767px) {
5336
+ .GuidanceBlock-module_illustrationWrapper__AEljX {
5337
+ display: none;
5338
+ }
5689
5339
  }
5690
- .GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_global__Weka- {
5691
- z-index: 1029;
5692
- opacity: 100%;
5340
+
5341
+ .GuidanceBlock-module_illustration__sU1Vu {
5342
+ width: 155px;
5343
+ height: 155px;
5693
5344
  }
5694
- .GenericNotification-module_notification__-JP1M.GenericNotification-module_noBottomMargin__28nF8 {
5695
- margin-bottom: 0;
5345
+ .GuidanceBlock-module_hasSceneIllustration__tvFRD .GuidanceBlock-module_illustration__sU1Vu {
5346
+ display: flex;
5347
+ justify-content: center;
5348
+ max-width: 300px;
5349
+ max-height: 300px;
5350
+ width: 300px;
5351
+ height: auto;
5696
5352
  }
5697
- .GenericNotification-module_notification__-JP1M.GenericNotification-module_persistent__O7bgI {
5698
- transition: none;
5353
+ .GuidanceBlock-module_hasSceneIllustration__tvFRD .GuidanceBlock-module_illustration__sU1Vu figure {
5354
+ max-height: 100%;
5355
+ max-width: 100%;
5356
+ aspect-ratio: 4/3;
5699
5357
  }
5700
- .GenericNotification-module_notification__-JP1M.GenericNotification-module_subtle__kPns9 {
5701
- background: none;
5702
- border: none;
5703
- padding: 0;
5358
+ .GuidanceBlock-module_hasSceneIllustration__tvFRD .GuidanceBlock-module_illustration__sU1Vu img {
5359
+ height: 100%;
5360
+ object-fit: contain;
5361
+ object-position: center;
5704
5362
  }
5705
5363
 
5706
- .GenericNotification-module_icon__SDb8v {
5707
- align-items: flex-start;
5708
- box-sizing: content-box;
5709
- }
5710
- .GenericNotification-module_positive__U-3HK .GenericNotification-module_icon__SDb8v {
5711
- color: var(--color-green-500, #3f9a86);
5712
- }
5713
- .GenericNotification-module_security__QTALa .GenericNotification-module_icon__SDb8v {
5714
- color: var(--color-yellow-700);
5364
+ .GuidanceBlock-module_descriptionContainer__aywtY {
5365
+ flex: 1;
5366
+ text-align: center;
5367
+ align-self: center;
5368
+ max-width: 780px;
5715
5369
  }
5716
- .GenericNotification-module_negative__lUWhD .GenericNotification-module_icon__SDb8v {
5717
- color: var(--color-red-500, #c93b55);
5370
+ @media (min-width: 1024px) {
5371
+ .GuidanceBlock-module_descriptionContainer__aywtY {
5372
+ padding: 0 var(--spacing-sm, 0.75rem);
5373
+ text-align: left;
5374
+ }
5718
5375
  }
5719
- .GenericNotification-module_inline__OciO5 .GenericNotification-module_icon__SDb8v, .GenericNotification-module_toast__GOVfC .GenericNotification-module_icon__SDb8v {
5720
- width: 22px;
5721
- height: 22px;
5722
- margin-top: var(--spacing-6, 0.375rem);
5376
+ @media (max-width: 767px) {
5377
+ .GuidanceBlock-module_descriptionContainer__aywtY {
5378
+ margin: var(--spacing-sm, 0.75rem);
5379
+ max-width: 100%;
5380
+ }
5723
5381
  }
5724
- .GenericNotification-module_global__Weka- .GenericNotification-module_icon__SDb8v {
5725
- width: 24px;
5726
- height: 24px;
5382
+ @media (min-width: 1024px) {
5383
+ [dir=rtl] .GuidanceBlock-module_descriptionContainer__aywtY {
5384
+ padding: 0 var(--spacing-sm, 0.75rem);
5385
+ text-align: right;
5386
+ }
5727
5387
  }
5728
5388
 
5729
- .GenericNotification-module_textContainer__Avpbk {
5730
- box-sizing: content-box;
5389
+ .GuidanceBlock-module_descriptionAndActions__E5BcL {
5731
5390
  display: flex;
5732
- flex-flow: row wrap;
5733
- flex: 1 0 0;
5391
+ flex: 1;
5392
+ align-items: center;
5393
+ justify-content: space-between;
5394
+ gap: var(--spacing-md, 1.5rem);
5734
5395
  }
5735
- .GenericNotification-module_inline__OciO5 .GenericNotification-module_textContainer__Avpbk, .GenericNotification-module_toast__GOVfC .GenericNotification-module_textContainer__Avpbk {
5736
- margin-inline-start: var(--spacing-6, 0.375rem);
5396
+ @media (max-width: 1023px) {
5397
+ .GuidanceBlock-module_descriptionAndActions__E5BcL {
5398
+ flex-direction: column;
5399
+ width: 100%;
5400
+ align-items: unset;
5401
+ }
5737
5402
  }
5738
- .GenericNotification-module_toast__GOVfC .GenericNotification-module_textContainer__Avpbk {
5739
- margin-inline-start: var(--spacing-6, 0.375rem);
5740
- max-width: calc(100% - var(--spacing-48, 3rem));
5741
- overflow-wrap: break-word;
5742
- hyphens: auto;
5403
+
5404
+ .GuidanceBlock-module_buttonContainer__U2Hxn {
5405
+ display: flex;
5406
+ flex: 1 0 auto;
5407
+ justify-content: center;
5408
+ flex-direction: row-reverse;
5409
+ gap: var(--spacing-sm, 0.75rem);
5410
+ min-width: max-content;
5743
5411
  }
5744
- .GenericNotification-module_global__Weka- .GenericNotification-module_textContainer__Avpbk {
5745
- margin-inline-start: var(--spacing-8);
5412
+ @media (min-width: 768px) {
5413
+ .GuidanceBlock-module_buttonContainer__U2Hxn {
5414
+ text-align: center;
5415
+ }
5746
5416
  }
5747
- .GenericNotification-module_inline__OciO5 .GenericNotification-module_textContainer__Avpbk {
5748
- transition: opacity 200ms ease;
5417
+ @media (max-width: 767px) {
5418
+ .GuidanceBlock-module_buttonContainer__U2Hxn {
5419
+ flex-direction: column;
5420
+ width: 100%;
5421
+ margin-top: var(--spacing-xs, 0.375rem);
5422
+ }
5749
5423
  }
5750
- .GenericNotification-module_textContainer__Avpbk.GenericNotification-module_forceMultiline__JcVA4 {
5751
- flex-direction: column;
5424
+ [dir=rtl] .GuidanceBlock-module_buttonContainer__U2Hxn svg {
5425
+ transform: rotate(180deg);
5752
5426
  }
5753
5427
 
5754
- .GenericNotification-module_title__dvQOr {
5755
- position: relative;
5756
- font-family: var(--typography-heading-6-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
5757
- font-weight: var(--typography-heading-6-font-weight, 700);
5758
- font-size: var(--typography-heading-6-font-size, 0.875rem);
5759
- line-height: var(--typography-heading-6-line-height, 1.5rem);
5760
- letter-spacing: var(--typography-heading-6-letter-spacing, normal);
5761
- margin: 0;
5762
- padding-right: 6px;
5763
- text-transform: none;
5764
- color: inherit;
5765
- top: 0.37em;
5428
+ .GuidanceBlock-module_hidden__CbgXn {
5429
+ opacity: 0%;
5430
+ margin-bottom: 0;
5766
5431
  }
5767
5432
 
5768
- .GenericNotification-module_text__X-5ld {
5769
- position: relative;
5770
- font-family: var(--typography-paragraph-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
5771
- font-weight: var(--typography-paragraph-small-font-weight, 400);
5772
- font-size: var(--typography-paragraph-small-font-size, 0.875rem);
5773
- line-height: var(--typography-paragraph-small-line-height, 1.125rem);
5774
- letter-spacing: var(--typography-paragraph-small-letter-spacing, normal);
5775
- margin: 0;
5776
- color: inherit;
5777
- }
5778
- .GenericNotification-module_inline__OciO5 .GenericNotification-module_text__X-5ld, .GenericNotification-module_toast__GOVfC .GenericNotification-module_text__X-5ld {
5779
- position: relative;
5780
- font-family: var(--typography-paragraph-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
5781
- font-weight: var(--typography-paragraph-small-font-weight, 400);
5782
- font-size: var(--typography-paragraph-small-font-size, 0.875rem);
5783
- line-height: var(--typography-paragraph-small-line-height, 1.125rem);
5784
- letter-spacing: var(--typography-paragraph-small-letter-spacing, normal);
5785
- margin-top: var(--spacing-6, 0.375rem);
5786
- flex: 0 1 auto;
5787
- padding-bottom: var(--spacing-12, 0.75rem);
5788
- top: 0.21em;
5789
- }
5790
- .GenericNotification-module_toast__GOVfC .GenericNotification-module_text__X-5ld {
5791
- width: 100%;
5792
- }
5793
- .GenericNotification-module_global__Weka- .GenericNotification-module_text__X-5ld {
5794
- position: static;
5795
- font-weight: var(--typography-paragraph-body-font-weight, 400);
5796
- font-size: var(--typography-paragraph-body-font-size, 1rem);
5797
- line-height: var(--typography-paragraph-body-line-height, 1.5rem);
5798
- letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
5799
- }
5800
- .GenericNotification-module_text__X-5ld a[href] {
5801
- color: var(--color-blue-500, #0168b3);
5802
- text-decoration: underline;
5803
- }
5804
- .GenericNotification-module_text__X-5ld a[href]:hover {
5805
- color: var(--color-blue-500, #0168b3);
5806
- text-decoration: none;
5807
- }
5808
- .GenericNotification-module_text__X-5ld strong {
5809
- font-weight: var(--typography-button-secondary-font-weight, 500);
5810
- }
5811
- .GenericNotification-module_text__X-5ld p {
5812
- font-weight: inherit;
5433
+ .GuidanceBlock-module_headingWrapper__zgVmA {
5434
+ margin-bottom: var(--spacing-md, 1.5rem);
5813
5435
  }
5814
5436
 
5815
- .GenericNotification-module_cancel__c6wky {
5437
+ .GuidanceBlock-module_cancel__UaIA- {
5816
5438
  appearance: none;
5439
+ display: inline;
5817
5440
  background: transparent;
5818
- border: none;
5441
+ color: inherit;
5819
5442
  font: inherit;
5820
5443
  margin: 0;
5821
5444
  padding: 0;
5822
- transition: none;
5445
+ border: none;
5823
5446
  cursor: pointer;
5447
+ position: absolute;
5448
+ top: var(--spacing-sm, 0.75rem);
5449
+ right: var(--spacing-sm, 0.75rem);
5824
5450
  color: var(--color-purple-800, #2f2438);
5825
- transform: none;
5826
5451
  }
5827
- .GenericNotification-module_cancel__c6wky .GenericNotification-module_icon__SDb8v {
5452
+ .GuidanceBlock-module_cancel__UaIA- .GuidanceBlock-module_icon__y2xz8 {
5828
5453
  opacity: 70%;
5829
5454
  transition: var(--animation-duration-fast, 300ms) opacity;
5830
5455
  }
5831
- .GenericNotification-module_cancel__c6wky:disabled .GenericNotification-module_icon__SDb8v, .GenericNotification-module_disabled__WGBhD.GenericNotification-module_cancel__c6wky .GenericNotification-module_icon__SDb8v {
5456
+ .GuidanceBlock-module_cancel__UaIA-:disabled .GuidanceBlock-module_icon__y2xz8, .GuidanceBlock-module_cancel__UaIA-.GuidanceBlock-module_disabled__Uhgsr .GuidanceBlock-module_icon__y2xz8 {
5832
5457
  opacity: 30%;
5833
5458
  }
5834
- .GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD):hover .GenericNotification-module_icon__SDb8v, .GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD):focus .GenericNotification-module_icon__SDb8v, .GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD).GenericNotification-module_hover__hUURd .GenericNotification-module_icon__SDb8v {
5459
+ .GuidanceBlock-module_cancel__UaIA-:not(:disabled, .GuidanceBlock-module_disabled__Uhgsr):hover .GuidanceBlock-module_icon__y2xz8, .GuidanceBlock-module_cancel__UaIA-:not(:disabled, .GuidanceBlock-module_disabled__Uhgsr):focus .GuidanceBlock-module_icon__y2xz8, .GuidanceBlock-module_cancel__UaIA-:not(:disabled, .GuidanceBlock-module_disabled__Uhgsr).GuidanceBlock-module_hover__7V9x1 .GuidanceBlock-module_icon__y2xz8 {
5835
5460
  opacity: 100%;
5836
5461
  }
5837
- .GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD):active .GenericNotification-module_icon__SDb8v, .GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD).GenericNotification-module_active__-6ahb .GenericNotification-module_icon__SDb8v {
5462
+ .GuidanceBlock-module_cancel__UaIA-:not(:disabled, .GuidanceBlock-module_disabled__Uhgsr):active .GuidanceBlock-module_icon__y2xz8, .GuidanceBlock-module_cancel__UaIA-:not(:disabled, .GuidanceBlock-module_disabled__Uhgsr).GuidanceBlock-module_active__YJaZt .GuidanceBlock-module_icon__y2xz8 {
5838
5463
  opacity: 100%;
5839
5464
  }
5840
- .GenericNotification-module_cancel__c6wky:active {
5841
- transform: translateY(1px);
5842
- }
5843
- .GenericNotification-module_inline__OciO5 .GenericNotification-module_cancel__c6wky, .GenericNotification-module_toast__GOVfC .GenericNotification-module_cancel__c6wky {
5844
- width: var(--spacing-48);
5845
- height: var(--spacing-48);
5846
- margin-top: calc(-1 * var(--spacing-6));
5847
- margin-bottom: calc(-1 * var(--spacing-6));
5465
+
5466
+ .GuidanceBlock-module_default__Ffblg {
5467
+ border-color: var(--color-gray-500);
5468
+ background: var(--color-white);
5848
5469
  }
5849
- .GenericNotification-module_inline__OciO5 .GenericNotification-module_cancel__c6wky {
5850
- margin-inline-end: calc(-1 * var(--spacing-12));
5470
+
5471
+ .GuidanceBlock-module_positive__yENlT {
5472
+ border-color: var(--color-green-500);
5473
+ background: var(--color-green-100, #e8f8f4);
5851
5474
  }
5852
- .GenericNotification-module_toast__GOVfC .GenericNotification-module_cancel__c6wky {
5853
- margin-inline-end: -10px;
5475
+
5476
+ .GuidanceBlock-module_negative__E-Jvh,
5477
+ .GuidanceBlock-module_assertive__6PZlM {
5478
+ border-color: var(--color-red-500);
5479
+ background: var(--color-red-100, #fdeaee);
5854
5480
  }
5855
- .GenericNotification-module_global__Weka- .GenericNotification-module_cancel__c6wky {
5856
- width: var(--spacing-48);
5857
- height: var(--spacing-48);
5858
- margin-top: calc(-1 * var(--spacing-24));
5859
- margin-bottom: calc(-1 * var(--spacing-24));
5481
+
5482
+ .GuidanceBlock-module_informative__ZUH4j {
5483
+ border-color: var(--color-blue-400);
5484
+ background: var(--color-blue-100, #e6f6ff);
5860
5485
  }
5861
5486
 
5862
- .GenericNotification-module_cancelLabel__HJzsk {
5863
- position: absolute;
5864
- width: 1px;
5865
- height: 1px;
5866
- padding: 0;
5867
- margin: -1px;
5868
- overflow: hidden;
5869
- clip: rect(0, 0, 0, 0);
5870
- border: 0;
5487
+ .GuidanceBlock-module_cautionary__sJ1CE {
5488
+ border-color: var(--color-yellow-700);
5489
+ background: var(--color-yellow-100, #fff9e4);
5871
5490
  }
5872
5491
 
5873
- .GenericNotification-module_icon__SDb8v {
5874
- color: var(--icon-color);
5492
+ .GuidanceBlock-module_prominent__nn-r4 {
5493
+ border-color: var(--color-purple-400);
5494
+ background: var(--color-purple-100, #f4edf8);
5875
5495
  }
5876
5496
 
5877
- .GenericNotification-module_cancel__c6wky {
5878
- position: relative;
5879
- display: flex;
5880
- align-items: center;
5881
- justify-content: center;
5497
+ .GuidanceBlock-module_inline__GwOWR,
5498
+ .GuidanceBlock-module_stacked__rDupX {
5499
+ flex-flow: row wrap;
5500
+ align-items: unset;
5501
+ gap: var(--spacing-md, 1.5rem);
5502
+ min-width: unset;
5882
5503
  }
5883
- .GenericNotification-module_cancel__c6wky:focus, .GenericNotification-module_cancel__c6wky:focus-visible {
5884
- outline: none;
5504
+ @media (max-width: 1023px) {
5505
+ .GuidanceBlock-module_inline__GwOWR,
5506
+ .GuidanceBlock-module_stacked__rDupX {
5507
+ flex-direction: unset;
5508
+ }
5885
5509
  }
5886
- .GenericNotification-module_cancel__c6wky:focus-visible::after {
5887
- content: "";
5888
- pointer-events: none;
5889
- position: absolute;
5890
- background: transparent;
5891
- border-radius: var(--border-focus-ring-border-radius, 10px);
5892
- border-width: var(--border-focus-ring-border-width, 2px);
5893
- border-style: var(--border-focus-ring-border-style, solid);
5894
- border-color: var(--color-blue-500, #0168b3);
5895
- inset: var(--spacing-2);
5510
+ .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_illustrationWrapper__AEljX,
5511
+ .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_illustrationWrapper__AEljX {
5512
+ margin-right: var(--spacing-sm, 0.75rem);
5896
5513
  }
5897
-
5898
- .GenericNotification-module_notificationTitle__Oaqb8 {
5899
- top: 0.42em;
5900
- position: relative;
5901
- margin-inline-end: var(--spacing-6, 0.375rem);
5902
- line-height: var(--typography-heading-6-line-height, 1.5rem);
5514
+ [dir=rtl] .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_illustrationWrapper__AEljX,
5515
+ [dir=rtl] .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_illustrationWrapper__AEljX {
5516
+ margin-left: var(--spacing-sm, 0.75rem);
5517
+ margin-right: inherit;
5903
5518
  }
5904
-
5905
- @container (max-width: 25rem) {
5906
- .GenericNotification-module_notificationTitle__Oaqb8 {
5907
- width: 100%;
5519
+ @media (min-width: 768px) and (max-width: 1023px) {
5520
+ .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_illustrationWrapper__AEljX,
5521
+ .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_illustrationWrapper__AEljX {
5522
+ padding: 0;
5908
5523
  }
5909
5524
  }
5910
- .GenericNotification-module_success__oLGIP {
5911
- background: var(--color-green-100, #e8f8f4);
5912
- border-color: var(--color-green-500);
5913
- color: var(--color-purple-800, #2f2438);
5914
- --icon-color: var(--color-green-500);
5915
- }
5916
-
5917
- .GenericNotification-module_informative__WLimi {
5918
- background: var(--color-blue-100, #e6f6ff);
5919
- border-color: var(--color-blue-400);
5920
- color: var(--color-purple-800, #2f2438);
5921
- --icon-color: var(--color-blue-400);
5922
- }
5923
-
5924
- .GenericNotification-module_cautionary__lneFu {
5925
- background: var(--color-yellow-100, #fff9e4);
5926
- border-color: var(--color-yellow-700);
5927
- color: var(--color-purple-800, #2f2438);
5928
- --icon-color: var(--color-yellow-700);
5525
+ @media (max-width: 767px) {
5526
+ .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_illustrationWrapper__AEljX,
5527
+ .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_illustrationWrapper__AEljX {
5528
+ display: flex;
5529
+ }
5929
5530
  }
5930
-
5931
- .GenericNotification-module_warning__7275P {
5932
- background: var(--color-red-100, #fdeaee);
5933
- border-color: var(--color-red-500);
5934
- color: var(--color-purple-800, #2f2438);
5935
- --icon-color: var(--color-red-500);
5531
+ .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_descriptionAndActions__E5BcL,
5532
+ .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_descriptionAndActions__E5BcL {
5533
+ margin: auto 0;
5936
5534
  }
5937
- /** THIS IS AN AUTOGENERATED FILE **/
5938
- /** THIS IS AN AUTOGENERATED FILE **/
5939
- .ToastNotificationsList-module_toastNotificationsList__APiSP {
5940
- display: flex;
5941
- flex-direction: column;
5942
- align-items: flex-end;
5943
- overflow: hidden;
5944
- padding-bottom: 0;
5945
- padding-top: 172px;
5946
- position: fixed;
5947
- right: var(--spacing-md, 1.5rem);
5948
- top: 0;
5949
- bottom: 0;
5950
- z-index: 1100;
5951
- max-width: 100%;
5952
- pointer-events: none;
5535
+ .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_descriptionContainer__aywtY,
5536
+ .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_descriptionContainer__aywtY {
5537
+ text-align: left;
5538
+ max-width: unset;
5539
+ min-width: 320px;
5953
5540
  }
5954
- @media (max-width: 1079px) {
5955
- .ToastNotificationsList-module_toastNotificationsList__APiSP {
5956
- padding-top: 108px;
5541
+ @media (min-width: 1024px) {
5542
+ .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_descriptionContainer__aywtY,
5543
+ .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_descriptionContainer__aywtY {
5544
+ padding: 0;
5957
5545
  }
5958
5546
  }
5959
5547
  @media (max-width: 767px) {
5960
- .ToastNotificationsList-module_toastNotificationsList__APiSP {
5961
- left: var(--spacing-md, 1.5rem);
5962
- }
5963
- }
5964
- /** THIS IS AN AUTOGENERATED FILE **/
5965
- /** THIS IS AN AUTOGENERATED FILE **/
5966
- /** THIS IS AN AUTOGENERATED FILE **/
5967
- /* stylelint-disable no-descending-specificity */
5968
- @keyframes LikertScaleLegacy-module_pop__hTH48 {
5969
- 0% {
5970
- opacity: 50%;
5971
- -webkit-transform: scale(1);
5972
- }
5973
- 100% {
5974
- opacity: 0%;
5975
- -webkit-transform: scale(1.78);
5548
+ .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_descriptionContainer__aywtY,
5549
+ .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_descriptionContainer__aywtY {
5550
+ margin: 0;
5976
5551
  }
5977
5552
  }
5978
- .LikertScaleLegacy-module_container__5wjIJ {
5979
- width: 220px;
5980
- position: relative;
5981
- box-sizing: border-box;
5553
+ [dir=rtl] .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_descriptionContainer__aywtY,
5554
+ [dir=rtl] .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_descriptionContainer__aywtY {
5555
+ text-align: right;
5982
5556
  }
5983
- @media only screen and (max-width: 767px) {
5984
- .LikertScaleLegacy-module_container__5wjIJ {
5985
- width: 258px;
5986
- position: static;
5557
+ @media (min-width: 1024px) {
5558
+ [dir=rtl] .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_descriptionContainer__aywtY,
5559
+ [dir=rtl] .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_descriptionContainer__aywtY {
5560
+ padding: 0;
5987
5561
  }
5988
5562
  }
5989
- .LikertScaleLegacy-module_container__5wjIJ.LikertScaleLegacy-module_rated__KXpzU .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_unselected__nP5p9 .LikertScaleLegacy-module_likertItemFill__yj0tC {
5990
- transition: background 0.1s;
5991
- }
5992
- .LikertScaleLegacy-module_container__5wjIJ.LikertScaleLegacy-module_reversed__qrwrP.LikertScaleLegacy-module_rated__KXpzU .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_unselected__nP5p9 .LikertScaleLegacy-module_likertItemFill__yj0tC {
5993
- background-color: transparent;
5994
- border-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
5563
+ .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_buttonContainer__U2Hxn,
5564
+ .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_buttonContainer__U2Hxn {
5565
+ padding-left: var(--spacing-sm, 0.75rem);
5566
+ justify-content: flex-start;
5567
+ width: unset;
5568
+ min-width: unset;
5995
5569
  }
5996
- .LikertScaleLegacy-module_container__5wjIJ :where(.LikertScaleLegacy-module_likertItem4__0SWtD, .LikertScaleLegacy-module_likertItem5__ZF0By) .LikertScaleLegacy-module_check__3wQsx {
5997
- color: white;
5570
+ @media (max-width: 767px) {
5571
+ .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_buttonContainer__U2Hxn,
5572
+ .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_buttonContainer__U2Hxn {
5573
+ flex-direction: row-reverse;
5574
+ }
5998
5575
  }
5999
- .LikertScaleLegacy-module_container__5wjIJ :is(.LikertScaleLegacy-module_likertItem4__0SWtD.LikertScaleLegacy-module_suggested__0xk0D, .LikertScaleLegacy-module_likertItem5__ZF0By.LikertScaleLegacy-module_suggested__0xk0D) .LikertScaleLegacy-module_check__3wQsx {
6000
- color: white;
5576
+ [dir=rtl] .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_buttonContainer__U2Hxn,
5577
+ [dir=rtl] .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_buttonContainer__U2Hxn {
5578
+ padding-left: 0;
5579
+ padding-right: var(--spacing-sm, 0.75rem);
6001
5580
  }
6002
-
6003
- .LikertScaleLegacy-module_likertItem__LwX2w:focus,
6004
- .LikertScaleLegacy-module_likertItemFill__yj0tC:focus {
6005
- outline: none;
5581
+ .GuidanceBlock-module_inline__GwOWR .GuidanceBlock-module_buttonContainer__U2Hxn > *,
5582
+ .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_buttonContainer__U2Hxn > * {
5583
+ width: unset;
6006
5584
  }
6007
-
6008
- .LikertScaleLegacy-module_likertItem__LwX2w:focus-visible .LikertScaleLegacy-module_likertItemFill__yj0tC {
6009
- outline-offset: 1px;
6010
- outline: var(--color-blue-500, #0168b3) var(--border-focus-ring-border-style, solid) var(--border-focus-ring-border-width, 2px);
5585
+ .GuidanceBlock-module_inline__GwOWR.GuidanceBlock-module_hasSceneIllustration__tvFRD,
5586
+ .GuidanceBlock-module_stacked__rDupX.GuidanceBlock-module_hasSceneIllustration__tvFRD {
5587
+ justify-content: center;
6011
5588
  }
6012
-
6013
- .LikertScaleLegacy-module_reversed__qrwrP .LikertScaleLegacy-module_likertItem__LwX2w:focus-visible .LikertScaleLegacy-module_likertItemFill__yj0tC {
6014
- outline-color: var(--color-blue-300, #73c0e8);
5589
+ .GuidanceBlock-module_inline__GwOWR.GuidanceBlock-module_centerContent__m3IhB,
5590
+ .GuidanceBlock-module_stacked__rDupX.GuidanceBlock-module_centerContent__m3IhB {
5591
+ flex-direction: column;
6015
5592
  }
6016
-
6017
- .LikertScaleLegacy-module_itemContainer__9Vfq0 {
5593
+ .GuidanceBlock-module_inline__GwOWR.GuidanceBlock-module_centerContent__m3IhB.GuidanceBlock-module_hasSceneIllustration__tvFRD .GuidanceBlock-module_illustration__sU1Vu,
5594
+ .GuidanceBlock-module_stacked__rDupX.GuidanceBlock-module_centerContent__m3IhB.GuidanceBlock-module_hasSceneIllustration__tvFRD .GuidanceBlock-module_illustration__sU1Vu {
6018
5595
  width: 100%;
6019
- white-space: nowrap;
6020
- display: inline-block;
6021
- height: 37px;
6022
- font-size: 0;
6023
5596
  }
6024
-
6025
- .LikertScaleLegacy-module_legend__HYNg- {
5597
+ .GuidanceBlock-module_inline__GwOWR.GuidanceBlock-module_centerContent__m3IhB .GuidanceBlock-module_illustrationWrapper__AEljX,
5598
+ .GuidanceBlock-module_stacked__rDupX.GuidanceBlock-module_centerContent__m3IhB .GuidanceBlock-module_illustrationWrapper__AEljX {
5599
+ margin: 0 auto;
5600
+ align-self: center;
5601
+ }
5602
+ .GuidanceBlock-module_inline__GwOWR.GuidanceBlock-module_centerContent__m3IhB .GuidanceBlock-module_descriptionContainer__aywtY,
5603
+ .GuidanceBlock-module_stacked__rDupX.GuidanceBlock-module_centerContent__m3IhB .GuidanceBlock-module_descriptionContainer__aywtY {
6026
5604
  text-align: center;
6027
- position: absolute;
6028
- top: calc(-1 * var(--spacing-md, 1.5rem));
6029
- left: 0;
6030
- right: 0;
5605
+ min-width: unset;
6031
5606
  }
6032
- @media only screen and (max-width: 767px) {
6033
- .LikertScaleLegacy-module_legend__HYNg- {
6034
- position: initial;
6035
- top: 0;
6036
- }
5607
+ [dir=rtl] .GuidanceBlock-module_inline__GwOWR.GuidanceBlock-module_centerContent__m3IhB .GuidanceBlock-module_descriptionContainer__aywtY,
5608
+ [dir=rtl] .GuidanceBlock-module_stacked__rDupX.GuidanceBlock-module_centerContent__m3IhB .GuidanceBlock-module_descriptionContainer__aywtY {
5609
+ text-align: center;
6037
5610
  }
6038
-
6039
- .LikertScaleLegacy-module_likertItem__LwX2w {
6040
- margin-right: 2px;
6041
- margin-left: 2px;
6042
- font-size: 1px;
6043
- line-height: 1;
5611
+ .GuidanceBlock-module_inline__GwOWR.GuidanceBlock-module_centerContent__m3IhB .GuidanceBlock-module_buttonContainer__U2Hxn,
5612
+ .GuidanceBlock-module_stacked__rDupX.GuidanceBlock-module_centerContent__m3IhB .GuidanceBlock-module_buttonContainer__U2Hxn {
6044
5613
  padding: 0;
6045
- overflow-x: visible;
6046
- display: inline-block;
6047
- width: 18.5%;
6048
- position: relative;
6049
- }
6050
- .LikertScaleLegacy-module_likertItem__LwX2w[dir=rtl]:first-child, [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child {
6051
- margin-left: 2px;
5614
+ flex-direction: column;
5615
+ min-width: unset;
5616
+ justify-content: center;
6052
5617
  }
6053
- .LikertScaleLegacy-module_likertItem__LwX2w[dir=rtl]:last-child, [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child {
6054
- margin-right: 2px;
5618
+ .GuidanceBlock-module_inline__GwOWR.GuidanceBlock-module_centerContent__m3IhB.GuidanceBlock-module_smallScreenTextAlignment__oWufj .GuidanceBlock-module_descriptionContainer__aywtY,
5619
+ .GuidanceBlock-module_stacked__rDupX.GuidanceBlock-module_centerContent__m3IhB.GuidanceBlock-module_smallScreenTextAlignment__oWufj .GuidanceBlock-module_descriptionContainer__aywtY {
5620
+ text-align: left;
6055
5621
  }
6056
- .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC {
6057
- border-top-left-radius: 35px;
6058
- border-bottom-left-radius: 35px;
5622
+ [dir=rtl] .GuidanceBlock-module_inline__GwOWR.GuidanceBlock-module_centerContent__m3IhB.GuidanceBlock-module_smallScreenTextAlignment__oWufj .GuidanceBlock-module_descriptionContainer__aywtY,
5623
+ [dir=rtl] .GuidanceBlock-module_stacked__rDupX.GuidanceBlock-module_centerContent__m3IhB.GuidanceBlock-module_smallScreenTextAlignment__oWufj .GuidanceBlock-module_descriptionContainer__aywtY {
5624
+ text-align: right;
6059
5625
  }
6060
- [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC {
6061
- border-radius: 0;
6062
- border-top-right-radius: 35px;
6063
- border-bottom-right-radius: 35px;
5626
+
5627
+ /* stylelint-disable no-descending-specificity */
5628
+ .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_descriptionAndActions__E5BcL {
5629
+ flex-direction: column;
5630
+ align-items: unset;
6064
5631
  }
6065
- .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
6066
- border-top-left-radius: 35px;
6067
- border-bottom-left-radius: 35px;
5632
+ .GuidanceBlock-module_stacked__rDupX .GuidanceBlock-module_descriptionContainer__aywtY {
5633
+ align-self: flex-start;
6068
5634
  }
6069
- [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
6070
- border-radius: 0;
6071
- border-top-right-radius: 35px;
6072
- border-bottom-right-radius: 35px;
5635
+
5636
+ /* stylelint-enable no-descending-specificity */
5637
+ /** THIS IS AN AUTOGENERATED FILE **/
5638
+ /** THIS IS AN AUTOGENERATED FILE **/
5639
+ /** THIS IS AN AUTOGENERATED FILE **/
5640
+ /** THIS IS AN AUTOGENERATED FILE **/
5641
+ /** THIS IS AN AUTOGENERATED FILE **/
5642
+ /** THIS IS AN AUTOGENERATED FILE **/
5643
+ /** THIS IS AN AUTOGENERATED FILE **/
5644
+ /** THIS IS AN AUTOGENERATED FILE **/
5645
+ /** THIS IS AN AUTOGENERATED FILE **/
5646
+ /** THIS IS AN AUTOGENERATED FILE **/
5647
+ .GenericNotification-module_notification__-JP1M {
5648
+ display: flex;
5649
+ box-sizing: border-box;
5650
+ pointer-events: all;
6073
5651
  }
6074
- .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC {
6075
- border-top-right-radius: 35px;
6076
- border-bottom-right-radius: 35px;
5652
+ .GenericNotification-module_notification__-JP1M.GenericNotification-module_inline__OciO5, .GenericNotification-module_notification__-JP1M.GenericNotification-module_toast__GOVfC {
5653
+ margin-bottom: var(--spacing-24, 1.5rem);
5654
+ border-width: var(--border-width-1);
5655
+ border-style: solid;
5656
+ border-radius: var(--border-solid-border-radius, 7px);
6077
5657
  }
6078
- [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC {
6079
- border-radius: 0;
6080
- border-top-left-radius: 35px;
6081
- border-bottom-left-radius: 35px;
5658
+ .GenericNotification-module_notification__-JP1M.GenericNotification-module_inline__OciO5 {
5659
+ width: auto;
5660
+ min-height: 46px;
5661
+ padding: calc(var(--spacing-6, 0.375rem) - var(--border-width-1)) var(--spacing-12, 0.75rem);
5662
+ transition: opacity 200ms ease, transform 200ms ease-out, margin-top 200ms ease, margin-bottom 200ms ease;
6082
5663
  }
6083
- .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
6084
- border-top-right-radius: 35px;
6085
- border-bottom-right-radius: 35px;
5664
+ .GenericNotification-module_notification__-JP1M.GenericNotification-module_toast__GOVfC {
5665
+ container-type: inline-size;
5666
+ width: 25rem;
5667
+ box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
5668
+ max-width: 100%;
5669
+ padding: calc(var(--spacing-6, 0.375rem) - var(--border-width-1)) 10px;
5670
+ transition: opacity 200ms ease, transform 300ms ease-out, margin-top 200ms ease 200ms, margin-bottom 200ms ease;
5671
+ will-change: transform;
6086
5672
  }
6087
- [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
5673
+ .GenericNotification-module_notification__-JP1M.GenericNotification-module_global__Weka- {
5674
+ width: 100%;
5675
+ display: flex;
5676
+ align-items: center;
5677
+ border-width: 0;
6088
5678
  border-radius: 0;
6089
- border-top-left-radius: 35px;
6090
- border-bottom-left-radius: 35px;
6091
- }
6092
- .LikertScaleLegacy-module_likertItem__LwX2w:first-child {
6093
- margin-right: 2px;
6094
- margin-left: 0;
5679
+ margin-bottom: 0;
5680
+ padding-top: var(--spacing-16);
5681
+ padding-bottom: var(--spacing-16);
5682
+ padding-inline-start: var(--spacing-8);
5683
+ transition: margin-top 200ms ease, margin-bottom 200ms ease;
5684
+ position: relative;
5685
+ z-index: 1030;
6095
5686
  }
6096
- .LikertScaleLegacy-module_likertItem__LwX2w:last-child {
6097
- margin-left: 2px;
6098
- margin-right: 0;
5687
+ .GenericNotification-module_notification__-JP1M.GenericNotification-module_positive__U-3HK {
5688
+ background: var(--color-green-100, #e8f8f4);
5689
+ border-color: var(--color-green-500);
5690
+ color: var(--color-purple-800, #2f2438);
6099
5691
  }
6100
- .LikertScaleLegacy-module_likertItem__LwX2w::before, .LikertScaleLegacy-module_likertItem__LwX2w::after {
6101
- content: "";
6102
- position: absolute;
6103
- top: 0;
6104
- right: 100%;
6105
- width: 2px;
6106
- height: 100%;
5692
+ .GenericNotification-module_notification__-JP1M.GenericNotification-module_security__QTALa {
5693
+ background: var(--color-yellow-100, #fff9e4);
5694
+ border-color: var(--color-yellow-700);
5695
+ color: var(--color-purple-800, #2f2438);
6107
5696
  }
6108
- .LikertScaleLegacy-module_likertItem__LwX2w::after {
6109
- right: auto;
6110
- left: 100%;
5697
+ .GenericNotification-module_notification__-JP1M.GenericNotification-module_negative__lUWhD {
5698
+ background: var(--color-red-100, #fdeaee);
5699
+ border-color: var(--color-red-500);
5700
+ color: var(--color-purple-800, #2f2438);
6111
5701
  }
6112
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field1__TDRE-, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field1__TDRE- {
6113
- background-color: var(--color-yellow-300, #ffe36e);
5702
+ .GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct {
5703
+ opacity: 0%;
6114
5704
  }
6115
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field1__TDRE-::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field1__TDRE-::after {
6116
- background-color: var(--color-yellow-300, #ffe36e);
5705
+ .GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_inline__OciO5, .GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_global__Weka- {
5706
+ margin-bottom: 0;
6117
5707
  }
6118
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field2__s-CD7, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field2__s-CD7 {
6119
- background-color: var(--color-yellow-400, #ffca4d);
5708
+ .GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_inline__OciO5 {
5709
+ transition-timing-function: ease-in;
5710
+ transform: translateY(-50%);
6120
5711
  }
6121
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field2__s-CD7::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field2__s-CD7::after {
6122
- background-color: var(--color-yellow-400, #ffca4d);
5712
+ .GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_toast__GOVfC {
5713
+ transition-timing-function: ease-in;
5714
+ transform: translateX(50%);
6123
5715
  }
6124
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field3__xp5eQ, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field3__xp5eQ {
6125
- background-color: var(--color-orange-400, #ff9461);
5716
+ .GenericNotification-module_notification__-JP1M.GenericNotification-module_hidden__WJjct.GenericNotification-module_global__Weka- {
5717
+ z-index: 1029;
5718
+ opacity: 100%;
6126
5719
  }
6127
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field3__xp5eQ::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field3__xp5eQ::after {
6128
- background-color: var(--color-orange-400, #ff9461);
5720
+ .GenericNotification-module_notification__-JP1M.GenericNotification-module_noBottomMargin__28nF8 {
5721
+ margin-bottom: 0;
6129
5722
  }
6130
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field4__IVK7E, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field4__IVK7E {
6131
- background-color: var(--color-orange-500, #e96c2f);
5723
+ .GenericNotification-module_notification__-JP1M.GenericNotification-module_persistent__O7bgI {
5724
+ transition: none;
6132
5725
  }
6133
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field4__IVK7E::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field4__IVK7E::after {
6134
- background-color: var(--color-orange-500, #e96c2f);
5726
+ .GenericNotification-module_notification__-JP1M.GenericNotification-module_subtle__kPns9 {
5727
+ background: none;
5728
+ border: none;
5729
+ padding: 0;
6135
5730
  }
6136
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field5__9sETV, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field5__9sETV {
6137
- background-color: var(--color-red-500, #c93b55);
5731
+
5732
+ .GenericNotification-module_icon__SDb8v {
5733
+ align-items: flex-start;
5734
+ box-sizing: content-box;
6138
5735
  }
6139
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field5__9sETV::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field5__9sETV::after {
6140
- background-color: var(--color-red-500, #c93b55);
5736
+ .GenericNotification-module_positive__U-3HK .GenericNotification-module_icon__SDb8v {
5737
+ color: var(--color-green-500, #3f9a86);
6141
5738
  }
6142
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field1__TDRE-, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field1__TDRE- {
6143
- background-color: var(--color-blue-100, #e6f6ff);
5739
+ .GenericNotification-module_security__QTALa .GenericNotification-module_icon__SDb8v {
5740
+ color: var(--color-yellow-700);
6144
5741
  }
6145
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field1__TDRE-::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field1__TDRE-::after {
6146
- background-color: var(--color-blue-100, #e6f6ff);
5742
+ .GenericNotification-module_negative__lUWhD .GenericNotification-module_icon__SDb8v {
5743
+ color: var(--color-red-500, #c93b55);
6147
5744
  }
6148
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field2__s-CD7, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field2__s-CD7 {
6149
- background-color: var(--color-blue-200, #bde2f5);
5745
+ .GenericNotification-module_inline__OciO5 .GenericNotification-module_icon__SDb8v, .GenericNotification-module_toast__GOVfC .GenericNotification-module_icon__SDb8v {
5746
+ width: 22px;
5747
+ height: 22px;
5748
+ margin-top: var(--spacing-6, 0.375rem);
6150
5749
  }
6151
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field2__s-CD7::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field2__s-CD7::after {
6152
- background-color: var(--color-blue-200, #bde2f5);
5750
+ .GenericNotification-module_global__Weka- .GenericNotification-module_icon__SDb8v {
5751
+ width: 24px;
5752
+ height: 24px;
6153
5753
  }
6154
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field3__xp5eQ, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field3__xp5eQ {
6155
- background-color: var(--color-blue-300, #73c0e8);
5754
+
5755
+ .GenericNotification-module_textContainer__Avpbk {
5756
+ box-sizing: content-box;
5757
+ display: flex;
5758
+ flex-flow: row wrap;
5759
+ flex: 1 0 0;
6156
5760
  }
6157
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field3__xp5eQ::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field3__xp5eQ::after {
6158
- background-color: var(--color-blue-300, #73c0e8);
5761
+ .GenericNotification-module_inline__OciO5 .GenericNotification-module_textContainer__Avpbk, .GenericNotification-module_toast__GOVfC .GenericNotification-module_textContainer__Avpbk {
5762
+ margin-inline-start: var(--spacing-6, 0.375rem);
6159
5763
  }
6160
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field4__IVK7E, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field4__IVK7E {
6161
- background-color: var(--color-blue-400, #008bd6);
5764
+ .GenericNotification-module_toast__GOVfC .GenericNotification-module_textContainer__Avpbk {
5765
+ margin-inline-start: var(--spacing-6, 0.375rem);
5766
+ max-width: calc(100% - var(--spacing-48, 3rem));
5767
+ overflow-wrap: break-word;
5768
+ hyphens: auto;
6162
5769
  }
6163
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field4__IVK7E::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field4__IVK7E::after {
6164
- background-color: var(--color-blue-400, #008bd6);
5770
+ .GenericNotification-module_global__Weka- .GenericNotification-module_textContainer__Avpbk {
5771
+ margin-inline-start: var(--spacing-8);
6165
5772
  }
6166
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field5__9sETV, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field5__9sETV {
6167
- background-color: var(--color-blue-500, #0168b3);
5773
+ .GenericNotification-module_inline__OciO5 .GenericNotification-module_textContainer__Avpbk {
5774
+ transition: opacity 200ms ease;
6168
5775
  }
6169
- .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field5__9sETV::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field5__9sETV::after {
6170
- background-color: var(--color-blue-500, #0168b3);
5776
+ .GenericNotification-module_textContainer__Avpbk.GenericNotification-module_forceMultiline__JcVA4 {
5777
+ flex-direction: column;
6171
5778
  }
6172
5779
 
6173
- .LikertScaleLegacy-module_likertItemFill__yj0tC {
6174
- transition: background 0.1s, border-color 0.1s;
6175
- height: 35px;
6176
- border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) var(--color-gray-500, #878792);
5780
+ .GenericNotification-module_title__dvQOr {
5781
+ position: relative;
5782
+ font-family: var(--typography-heading-6-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
5783
+ font-weight: var(--typography-heading-6-font-weight, 700);
5784
+ font-size: var(--typography-heading-6-font-size, 0.875rem);
5785
+ line-height: var(--typography-heading-6-line-height, 1.5rem);
5786
+ letter-spacing: var(--typography-heading-6-letter-spacing, normal);
5787
+ margin: 0;
5788
+ padding-right: 6px;
5789
+ text-transform: none;
5790
+ color: inherit;
5791
+ top: 0.37em;
6177
5792
  }
6178
- .LikertScaleLegacy-module_likertItemFill__yj0tC:hover {
6179
- transition: background 0s, border-color 0s;
5793
+
5794
+ .GenericNotification-module_text__X-5ld {
5795
+ position: relative;
5796
+ font-family: var(--typography-paragraph-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
5797
+ font-weight: var(--typography-paragraph-small-font-weight, 400);
5798
+ font-size: var(--typography-paragraph-small-font-size, 0.875rem);
5799
+ line-height: var(--typography-paragraph-small-line-height, 1.125rem);
5800
+ letter-spacing: var(--typography-paragraph-small-letter-spacing, normal);
5801
+ margin: 0;
5802
+ color: inherit;
6180
5803
  }
6181
- .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
6182
- content: " ";
6183
- display: block;
6184
- height: 100%;
5804
+ .GenericNotification-module_inline__OciO5 .GenericNotification-module_text__X-5ld, .GenericNotification-module_toast__GOVfC .GenericNotification-module_text__X-5ld {
5805
+ position: relative;
5806
+ font-family: var(--typography-paragraph-small-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
5807
+ font-weight: var(--typography-paragraph-small-font-weight, 400);
5808
+ font-size: var(--typography-paragraph-small-font-size, 0.875rem);
5809
+ line-height: var(--typography-paragraph-small-line-height, 1.125rem);
5810
+ letter-spacing: var(--typography-paragraph-small-letter-spacing, normal);
5811
+ margin-top: var(--spacing-6, 0.375rem);
5812
+ flex: 0 1 auto;
5813
+ padding-bottom: var(--spacing-12, 0.75rem);
5814
+ top: 0.21em;
5815
+ }
5816
+ .GenericNotification-module_toast__GOVfC .GenericNotification-module_text__X-5ld {
6185
5817
  width: 100%;
6186
- pointer-events: none;
6187
5818
  }
6188
- .LikertScaleLegacy-module_likertItemFill__yj0tC.LikertScaleLegacy-module_pop__hTH48::after {
6189
- -webkit-animation: LikertScaleLegacy-module_pop__hTH48 cubic-bezier(0, 0.94, 0.32, 1) 0.7s 1;
5819
+ .GenericNotification-module_global__Weka- .GenericNotification-module_text__X-5ld {
5820
+ position: static;
5821
+ font-weight: var(--typography-paragraph-body-font-weight, 400);
5822
+ font-size: var(--typography-paragraph-body-font-size, 1rem);
5823
+ line-height: var(--typography-paragraph-body-line-height, 1.5rem);
5824
+ letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
6190
5825
  }
6191
-
6192
- .LikertScaleLegacy-module_reversed__qrwrP .LikertScaleLegacy-module_likertItemFill__yj0tC {
6193
- border-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
5826
+ .GenericNotification-module_text__X-5ld a[href] {
5827
+ color: var(--color-blue-500, #0168b3);
5828
+ text-decoration: underline;
5829
+ }
5830
+ .GenericNotification-module_text__X-5ld a[href]:hover {
5831
+ color: var(--color-blue-500, #0168b3);
5832
+ text-decoration: none;
5833
+ }
5834
+ .GenericNotification-module_text__X-5ld strong {
5835
+ font-weight: var(--typography-button-secondary-font-weight, 500);
5836
+ }
5837
+ .GenericNotification-module_text__X-5ld p {
5838
+ font-weight: inherit;
6194
5839
  }
6195
5840
 
6196
- .LikertScaleLegacy-module_check__3wQsx {
6197
- display: block;
6198
- position: absolute;
6199
- top: 50%;
6200
- left: 50%;
6201
- margin: -10px 0 0 -10px;
6202
- color: black;
5841
+ .GenericNotification-module_cancel__c6wky {
5842
+ appearance: none;
5843
+ background: transparent;
5844
+ border: none;
5845
+ font: inherit;
5846
+ margin: 0;
5847
+ padding: 0;
5848
+ transition: none;
5849
+ cursor: pointer;
5850
+ color: var(--color-purple-800, #2f2438);
5851
+ transform: none;
6203
5852
  }
6204
- .LikertScaleLegacy-module_likertItem1__cYmY6 .LikertScaleLegacy-module_check__3wQsx {
6205
- margin-left: -9px;
5853
+ .GenericNotification-module_cancel__c6wky .GenericNotification-module_icon__SDb8v {
5854
+ opacity: 70%;
5855
+ transition: var(--animation-duration-fast, 300ms) opacity;
6206
5856
  }
6207
- [dir=rtl] .LikertScaleLegacy-module_likertItem1__cYmY6 .LikertScaleLegacy-module_check__3wQsx {
6208
- margin-left: -11px;
5857
+ .GenericNotification-module_cancel__c6wky:disabled .GenericNotification-module_icon__SDb8v, .GenericNotification-module_disabled__WGBhD.GenericNotification-module_cancel__c6wky .GenericNotification-module_icon__SDb8v {
5858
+ opacity: 30%;
6209
5859
  }
6210
- .LikertScaleLegacy-module_likertItem5__ZF0By .LikertScaleLegacy-module_check__3wQsx {
6211
- margin-left: -12px;
5860
+ .GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD):hover .GenericNotification-module_icon__SDb8v, .GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD):focus .GenericNotification-module_icon__SDb8v, .GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD).GenericNotification-module_hover__hUURd .GenericNotification-module_icon__SDb8v {
5861
+ opacity: 100%;
6212
5862
  }
6213
- [dir=rtl] .LikertScaleLegacy-module_likertItem5__ZF0By .LikertScaleLegacy-module_check__3wQsx {
6214
- margin-left: -9px;
5863
+ .GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD):active .GenericNotification-module_icon__SDb8v, .GenericNotification-module_cancel__c6wky:not(:disabled, .GenericNotification-module_disabled__WGBhD).GenericNotification-module_active__-6ahb .GenericNotification-module_icon__SDb8v {
5864
+ opacity: 100%;
6215
5865
  }
6216
-
6217
- .LikertScaleLegacy-module_hovered__vVUN6 :where(.LikertScaleLegacy-module_likertItem4__0SWtD, .LikertScaleLegacy-module_likertItem5__ZF0By) .LikertScaleLegacy-module_check__3wQsx {
6218
- color: black;
5866
+ .GenericNotification-module_cancel__c6wky:active {
5867
+ transform: translateY(1px);
6219
5868
  }
6220
-
6221
- .LikertScaleLegacy-module_hovered__vVUN6.LikertScaleLegacy-module_reversed__qrwrP .LikertScaleLegacy-module_itemContainer__9Vfq0 > :not(.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_likertItem__LwX2w) .LikertScaleLegacy-module_check__3wQsx {
6222
- color: white;
5869
+ .GenericNotification-module_inline__OciO5 .GenericNotification-module_cancel__c6wky, .GenericNotification-module_toast__GOVfC .GenericNotification-module_cancel__c6wky {
5870
+ width: var(--spacing-48);
5871
+ height: var(--spacing-48);
5872
+ margin-top: calc(-1 * var(--spacing-6));
5873
+ margin-bottom: calc(-1 * var(--spacing-6));
6223
5874
  }
6224
-
6225
- @media only screen and (max-width: 767px) {
6226
- .LikertScaleLegacy-module_container__5wjIJ {
6227
- min-width: 258px;
6228
- }
6229
- .LikertScaleLegacy-module_itemContainer__9Vfq0 {
6230
- height: 50px;
6231
- }
6232
- .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC {
5875
+ .GenericNotification-module_inline__OciO5 .GenericNotification-module_cancel__c6wky {
5876
+ margin-inline-end: calc(-1 * var(--spacing-12));
5877
+ }
5878
+ .GenericNotification-module_toast__GOVfC .GenericNotification-module_cancel__c6wky {
5879
+ margin-inline-end: -10px;
5880
+ }
5881
+ .GenericNotification-module_global__Weka- .GenericNotification-module_cancel__c6wky {
5882
+ width: var(--spacing-48);
5883
+ height: var(--spacing-48);
5884
+ margin-top: calc(-1 * var(--spacing-24));
5885
+ margin-bottom: calc(-1 * var(--spacing-24));
5886
+ }
5887
+
5888
+ .GenericNotification-module_cancelLabel__HJzsk {
5889
+ position: absolute;
5890
+ width: 1px;
5891
+ height: 1px;
5892
+ padding: 0;
5893
+ margin: -1px;
5894
+ overflow: hidden;
5895
+ clip: rect(0, 0, 0, 0);
5896
+ border: 0;
5897
+ }
5898
+
5899
+ .GenericNotification-module_icon__SDb8v {
5900
+ color: var(--icon-color);
5901
+ }
5902
+
5903
+ .GenericNotification-module_cancel__c6wky {
5904
+ position: relative;
5905
+ display: flex;
5906
+ align-items: center;
5907
+ justify-content: center;
5908
+ }
5909
+ .GenericNotification-module_cancel__c6wky:focus, .GenericNotification-module_cancel__c6wky:focus-visible {
5910
+ outline: none;
5911
+ }
5912
+ .GenericNotification-module_cancel__c6wky:focus-visible::after {
5913
+ content: "";
5914
+ pointer-events: none;
5915
+ position: absolute;
5916
+ background: transparent;
5917
+ border-radius: var(--border-focus-ring-border-radius, 10px);
5918
+ border-width: var(--border-focus-ring-border-width, 2px);
5919
+ border-style: var(--border-focus-ring-border-style, solid);
5920
+ border-color: var(--color-blue-500, #0168b3);
5921
+ inset: var(--spacing-2);
5922
+ }
5923
+
5924
+ .GenericNotification-module_notificationTitle__Oaqb8 {
5925
+ top: 0.42em;
5926
+ position: relative;
5927
+ margin-inline-end: var(--spacing-6, 0.375rem);
5928
+ line-height: var(--typography-heading-6-line-height, 1.5rem);
5929
+ }
5930
+
5931
+ @container (max-width: 25rem) {
5932
+ .GenericNotification-module_notificationTitle__Oaqb8 {
5933
+ width: 100%;
5934
+ }
5935
+ }
5936
+ .GenericNotification-module_success__oLGIP {
5937
+ background: var(--color-green-100, #e8f8f4);
5938
+ border-color: var(--color-green-500);
5939
+ color: var(--color-purple-800, #2f2438);
5940
+ --icon-color: var(--color-green-500);
5941
+ }
5942
+
5943
+ .GenericNotification-module_informative__WLimi {
5944
+ background: var(--color-blue-100, #e6f6ff);
5945
+ border-color: var(--color-blue-400);
5946
+ color: var(--color-purple-800, #2f2438);
5947
+ --icon-color: var(--color-blue-400);
5948
+ }
5949
+
5950
+ .GenericNotification-module_cautionary__lneFu {
5951
+ background: var(--color-yellow-100, #fff9e4);
5952
+ border-color: var(--color-yellow-700);
5953
+ color: var(--color-purple-800, #2f2438);
5954
+ --icon-color: var(--color-yellow-700);
5955
+ }
5956
+
5957
+ .GenericNotification-module_warning__7275P {
5958
+ background: var(--color-red-100, #fdeaee);
5959
+ border-color: var(--color-red-500);
5960
+ color: var(--color-purple-800, #2f2438);
5961
+ --icon-color: var(--color-red-500);
5962
+ }
5963
+ /** THIS IS AN AUTOGENERATED FILE **/
5964
+ /** THIS IS AN AUTOGENERATED FILE **/
5965
+ .ToastNotificationsList-module_toastNotificationsList__APiSP {
5966
+ display: flex;
5967
+ flex-direction: column;
5968
+ align-items: flex-end;
5969
+ overflow: hidden;
5970
+ padding-bottom: 0;
5971
+ padding-top: 172px;
5972
+ position: fixed;
5973
+ right: var(--spacing-md, 1.5rem);
5974
+ top: 0;
5975
+ bottom: 0;
5976
+ z-index: 1100;
5977
+ max-width: 100%;
5978
+ pointer-events: none;
5979
+ }
5980
+ @media (max-width: 1079px) {
5981
+ .ToastNotificationsList-module_toastNotificationsList__APiSP {
5982
+ padding-top: 108px;
5983
+ }
5984
+ }
5985
+ @media (max-width: 767px) {
5986
+ .ToastNotificationsList-module_toastNotificationsList__APiSP {
5987
+ left: var(--spacing-md, 1.5rem);
5988
+ }
5989
+ }
5990
+ /** THIS IS AN AUTOGENERATED FILE **/
5991
+ /** THIS IS AN AUTOGENERATED FILE **/
5992
+ /** THIS IS AN AUTOGENERATED FILE **/
5993
+ /* stylelint-disable no-descending-specificity */
5994
+ @keyframes LikertScaleLegacy-module_pop__hTH48 {
5995
+ 0% {
5996
+ opacity: 50%;
5997
+ -webkit-transform: scale(1);
5998
+ }
5999
+ 100% {
6000
+ opacity: 0%;
6001
+ -webkit-transform: scale(1.78);
6002
+ }
6003
+ }
6004
+ .LikertScaleLegacy-module_container__5wjIJ {
6005
+ width: 220px;
6006
+ position: relative;
6007
+ box-sizing: border-box;
6008
+ }
6009
+ @media only screen and (max-width: 767px) {
6010
+ .LikertScaleLegacy-module_container__5wjIJ {
6011
+ width: 258px;
6012
+ position: static;
6013
+ }
6014
+ }
6015
+ .LikertScaleLegacy-module_container__5wjIJ.LikertScaleLegacy-module_rated__KXpzU .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_unselected__nP5p9 .LikertScaleLegacy-module_likertItemFill__yj0tC {
6016
+ transition: background 0.1s;
6017
+ }
6018
+ .LikertScaleLegacy-module_container__5wjIJ.LikertScaleLegacy-module_reversed__qrwrP.LikertScaleLegacy-module_rated__KXpzU .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_unselected__nP5p9 .LikertScaleLegacy-module_likertItemFill__yj0tC {
6019
+ background-color: transparent;
6020
+ border-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
6021
+ }
6022
+ .LikertScaleLegacy-module_container__5wjIJ :where(.LikertScaleLegacy-module_likertItem4__0SWtD, .LikertScaleLegacy-module_likertItem5__ZF0By) .LikertScaleLegacy-module_check__3wQsx {
6023
+ color: white;
6024
+ }
6025
+ .LikertScaleLegacy-module_container__5wjIJ :is(.LikertScaleLegacy-module_likertItem4__0SWtD.LikertScaleLegacy-module_suggested__0xk0D, .LikertScaleLegacy-module_likertItem5__ZF0By.LikertScaleLegacy-module_suggested__0xk0D) .LikertScaleLegacy-module_check__3wQsx {
6026
+ color: white;
6027
+ }
6028
+
6029
+ .LikertScaleLegacy-module_likertItem__LwX2w:focus,
6030
+ .LikertScaleLegacy-module_likertItemFill__yj0tC:focus {
6031
+ outline: none;
6032
+ }
6033
+
6034
+ .LikertScaleLegacy-module_likertItem__LwX2w:focus-visible .LikertScaleLegacy-module_likertItemFill__yj0tC {
6035
+ outline-offset: 1px;
6036
+ outline: var(--color-blue-500, #0168b3) var(--border-focus-ring-border-style, solid) var(--border-focus-ring-border-width, 2px);
6037
+ }
6038
+
6039
+ .LikertScaleLegacy-module_reversed__qrwrP .LikertScaleLegacy-module_likertItem__LwX2w:focus-visible .LikertScaleLegacy-module_likertItemFill__yj0tC {
6040
+ outline-color: var(--color-blue-300, #73c0e8);
6041
+ }
6042
+
6043
+ .LikertScaleLegacy-module_itemContainer__9Vfq0 {
6044
+ width: 100%;
6045
+ white-space: nowrap;
6046
+ display: inline-block;
6047
+ height: 37px;
6048
+ font-size: 0;
6049
+ }
6050
+
6051
+ .LikertScaleLegacy-module_legend__HYNg- {
6052
+ text-align: center;
6053
+ position: absolute;
6054
+ top: calc(-1 * var(--spacing-md, 1.5rem));
6055
+ left: 0;
6056
+ right: 0;
6057
+ }
6058
+ @media only screen and (max-width: 767px) {
6059
+ .LikertScaleLegacy-module_legend__HYNg- {
6060
+ position: initial;
6061
+ top: 0;
6062
+ }
6063
+ }
6064
+
6065
+ .LikertScaleLegacy-module_likertItem__LwX2w {
6066
+ margin-right: 2px;
6067
+ margin-left: 2px;
6068
+ font-size: 1px;
6069
+ line-height: 1;
6070
+ padding: 0;
6071
+ overflow-x: visible;
6072
+ display: inline-block;
6073
+ width: 18.5%;
6074
+ position: relative;
6075
+ }
6076
+ .LikertScaleLegacy-module_likertItem__LwX2w[dir=rtl]:first-child, [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child {
6077
+ margin-left: 2px;
6078
+ }
6079
+ .LikertScaleLegacy-module_likertItem__LwX2w[dir=rtl]:last-child, [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child {
6080
+ margin-right: 2px;
6081
+ }
6082
+ .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC {
6083
+ border-top-left-radius: 35px;
6084
+ border-bottom-left-radius: 35px;
6085
+ }
6086
+ [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC {
6087
+ border-radius: 0;
6088
+ border-top-right-radius: 35px;
6089
+ border-bottom-right-radius: 35px;
6090
+ }
6091
+ .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
6092
+ border-top-left-radius: 35px;
6093
+ border-bottom-left-radius: 35px;
6094
+ }
6095
+ [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
6096
+ border-radius: 0;
6097
+ border-top-right-radius: 35px;
6098
+ border-bottom-right-radius: 35px;
6099
+ }
6100
+ .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC {
6101
+ border-top-right-radius: 35px;
6102
+ border-bottom-right-radius: 35px;
6103
+ }
6104
+ [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC {
6105
+ border-radius: 0;
6106
+ border-top-left-radius: 35px;
6107
+ border-bottom-left-radius: 35px;
6108
+ }
6109
+ .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
6110
+ border-top-right-radius: 35px;
6111
+ border-bottom-right-radius: 35px;
6112
+ }
6113
+ [dir=rtl] .LikertScaleLegacy-module_likertItem__LwX2w:last-child .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
6114
+ border-radius: 0;
6115
+ border-top-left-radius: 35px;
6116
+ border-bottom-left-radius: 35px;
6117
+ }
6118
+ .LikertScaleLegacy-module_likertItem__LwX2w:first-child {
6119
+ margin-right: 2px;
6120
+ margin-left: 0;
6121
+ }
6122
+ .LikertScaleLegacy-module_likertItem__LwX2w:last-child {
6123
+ margin-left: 2px;
6124
+ margin-right: 0;
6125
+ }
6126
+ .LikertScaleLegacy-module_likertItem__LwX2w::before, .LikertScaleLegacy-module_likertItem__LwX2w::after {
6127
+ content: "";
6128
+ position: absolute;
6129
+ top: 0;
6130
+ right: 100%;
6131
+ width: 2px;
6132
+ height: 100%;
6133
+ }
6134
+ .LikertScaleLegacy-module_likertItem__LwX2w::after {
6135
+ right: auto;
6136
+ left: 100%;
6137
+ }
6138
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field1__TDRE-, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field1__TDRE- {
6139
+ background-color: var(--color-yellow-300, #ffe36e);
6140
+ }
6141
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field1__TDRE-::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field1__TDRE-::after {
6142
+ background-color: var(--color-yellow-300, #ffe36e);
6143
+ }
6144
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field2__s-CD7, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field2__s-CD7 {
6145
+ background-color: var(--color-yellow-400, #ffca4d);
6146
+ }
6147
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field2__s-CD7::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field2__s-CD7::after {
6148
+ background-color: var(--color-yellow-400, #ffca4d);
6149
+ }
6150
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field3__xp5eQ, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field3__xp5eQ {
6151
+ background-color: var(--color-orange-400, #ff9461);
6152
+ }
6153
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field3__xp5eQ::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field3__xp5eQ::after {
6154
+ background-color: var(--color-orange-400, #ff9461);
6155
+ }
6156
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field4__IVK7E, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field4__IVK7E {
6157
+ background-color: var(--color-orange-500, #e96c2f);
6158
+ }
6159
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field4__IVK7E::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field4__IVK7E::after {
6160
+ background-color: var(--color-orange-500, #e96c2f);
6161
+ }
6162
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field5__9sETV, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field5__9sETV {
6163
+ background-color: var(--color-red-500, #c93b55);
6164
+ }
6165
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field5__9sETV::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_classicalColorSchema__nPw3y .LikertScaleLegacy-module_field5__9sETV::after {
6166
+ background-color: var(--color-red-500, #c93b55);
6167
+ }
6168
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field1__TDRE-, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field1__TDRE- {
6169
+ background-color: var(--color-blue-100, #e6f6ff);
6170
+ }
6171
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field1__TDRE-::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field1__TDRE-::after {
6172
+ background-color: var(--color-blue-100, #e6f6ff);
6173
+ }
6174
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field2__s-CD7, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field2__s-CD7 {
6175
+ background-color: var(--color-blue-200, #bde2f5);
6176
+ }
6177
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field2__s-CD7::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field2__s-CD7::after {
6178
+ background-color: var(--color-blue-200, #bde2f5);
6179
+ }
6180
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field3__xp5eQ, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field3__xp5eQ {
6181
+ background-color: var(--color-blue-300, #73c0e8);
6182
+ }
6183
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field3__xp5eQ::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field3__xp5eQ::after {
6184
+ background-color: var(--color-blue-300, #73c0e8);
6185
+ }
6186
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field4__IVK7E, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field4__IVK7E {
6187
+ background-color: var(--color-blue-400, #008bd6);
6188
+ }
6189
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field4__IVK7E::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field4__IVK7E::after {
6190
+ background-color: var(--color-blue-400, #008bd6);
6191
+ }
6192
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field5__9sETV, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field5__9sETV {
6193
+ background-color: var(--color-blue-500, #0168b3);
6194
+ }
6195
+ .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field5__9sETV::after, .LikertScaleLegacy-module_likertItem__LwX2w.LikertScaleLegacy-module_selected__MVmcb.LikertScaleLegacy-module_blueColorSchema__w8XlF .LikertScaleLegacy-module_field5__9sETV::after {
6196
+ background-color: var(--color-blue-500, #0168b3);
6197
+ }
6198
+
6199
+ .LikertScaleLegacy-module_likertItemFill__yj0tC {
6200
+ transition: background 0.1s, border-color 0.1s;
6201
+ height: 35px;
6202
+ border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) var(--color-gray-500, #878792);
6203
+ }
6204
+ .LikertScaleLegacy-module_likertItemFill__yj0tC:hover {
6205
+ transition: background 0s, border-color 0s;
6206
+ }
6207
+ .LikertScaleLegacy-module_likertItemFill__yj0tC::after {
6208
+ content: " ";
6209
+ display: block;
6210
+ height: 100%;
6211
+ width: 100%;
6212
+ pointer-events: none;
6213
+ }
6214
+ .LikertScaleLegacy-module_likertItemFill__yj0tC.LikertScaleLegacy-module_pop__hTH48::after {
6215
+ -webkit-animation: LikertScaleLegacy-module_pop__hTH48 cubic-bezier(0, 0.94, 0.32, 1) 0.7s 1;
6216
+ }
6217
+
6218
+ .LikertScaleLegacy-module_reversed__qrwrP .LikertScaleLegacy-module_likertItemFill__yj0tC {
6219
+ border-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
6220
+ }
6221
+
6222
+ .LikertScaleLegacy-module_check__3wQsx {
6223
+ display: block;
6224
+ position: absolute;
6225
+ top: 50%;
6226
+ left: 50%;
6227
+ margin: -10px 0 0 -10px;
6228
+ color: black;
6229
+ }
6230
+ .LikertScaleLegacy-module_likertItem1__cYmY6 .LikertScaleLegacy-module_check__3wQsx {
6231
+ margin-left: -9px;
6232
+ }
6233
+ [dir=rtl] .LikertScaleLegacy-module_likertItem1__cYmY6 .LikertScaleLegacy-module_check__3wQsx {
6234
+ margin-left: -11px;
6235
+ }
6236
+ .LikertScaleLegacy-module_likertItem5__ZF0By .LikertScaleLegacy-module_check__3wQsx {
6237
+ margin-left: -12px;
6238
+ }
6239
+ [dir=rtl] .LikertScaleLegacy-module_likertItem5__ZF0By .LikertScaleLegacy-module_check__3wQsx {
6240
+ margin-left: -9px;
6241
+ }
6242
+
6243
+ .LikertScaleLegacy-module_hovered__vVUN6 :where(.LikertScaleLegacy-module_likertItem4__0SWtD, .LikertScaleLegacy-module_likertItem5__ZF0By) .LikertScaleLegacy-module_check__3wQsx {
6244
+ color: black;
6245
+ }
6246
+
6247
+ .LikertScaleLegacy-module_hovered__vVUN6.LikertScaleLegacy-module_reversed__qrwrP .LikertScaleLegacy-module_itemContainer__9Vfq0 > :not(.LikertScaleLegacy-module_suggested__0xk0D.LikertScaleLegacy-module_likertItem__LwX2w) .LikertScaleLegacy-module_check__3wQsx {
6248
+ color: white;
6249
+ }
6250
+
6251
+ @media only screen and (max-width: 767px) {
6252
+ .LikertScaleLegacy-module_container__5wjIJ {
6253
+ min-width: 258px;
6254
+ }
6255
+ .LikertScaleLegacy-module_itemContainer__9Vfq0 {
6256
+ height: 50px;
6257
+ }
6258
+ .LikertScaleLegacy-module_likertItem__LwX2w:first-child .LikertScaleLegacy-module_likertItemFill__yj0tC {
6233
6259
  border-top-left-radius: 48px;
6234
6260
  border-bottom-left-radius: 48px;
6235
6261
  }
@@ -8023,9 +8049,16 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
8023
8049
  .ProgressStepper-module_stepperDescription__-55Pn {
8024
8050
  display: flex;
8025
8051
  justify-content: center;
8052
+ color: var(--color-white);
8053
+ font-family: var(--typography-paragraph-small-font-family);
8054
+ font-weight: var(--typography-paragraph-small-font-weight);
8055
+ font-size: var(--typography-paragraph-small-font-size);
8056
+ line-height: var(--typography-paragraph-small-line-height);
8057
+ letter-spacing: var(--typography-paragraph-small-letter-spacing);
8026
8058
  }
8027
- @media (min-width: 768px) {
8059
+ @media (width >= 768px) {
8028
8060
  .ProgressStepper-module_stepperDescription__-55Pn {
8061
+ /* sr hidden styles */
8029
8062
  position: absolute;
8030
8063
  width: 0;
8031
8064
  height: 0;
@@ -12371,851 +12404,489 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs::-ms-thumb:not(:disa
12371
12404
  .NavigationTabs-module_linkAnchor__oUsWX:focus::after {
12372
12405
  border-radius: var(--border-focus-ring-border-radius, 10px) var(--border-focus-ring-border-radius, 10px) 0 0;
12373
12406
  inset: 5px calc(-1 * var(--border-focus-ring-border-width, 2px)) 0 calc(-1 * var(--border-focus-ring-border-width, 2px));
12374
- }
12375
- }
12376
- @media (forced-colors: active) {
12377
- .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_active__-38QW::before, .NavigationTabs-module_linkAnchor__oUsWX:focus::before {
12378
- background: transparent;
12379
- border: 5px solid transparent;
12380
- height: 0;
12381
- }
12382
- }
12383
-
12384
- .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T {
12385
- color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.75);
12386
- }
12387
- .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T:hover {
12388
- color: var(--color-blue-500, #0168b3);
12389
- }
12390
- .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T.NavigationTabs-module_active__-38QW {
12391
- color: var(--color-blue-500, #0168b3);
12392
- }
12393
- .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T.NavigationTabs-module_active__-38QW::before {
12394
- background-color: var(--color-blue-500, #0168b3);
12395
- top: 3px;
12396
- }
12397
- @media (max-width: calc(1080px - 1px)) {
12398
- .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T.NavigationTabs-module_active__-38QW::before {
12399
- top: auto;
12400
- bottom: 0;
12401
- border-radius: var(--border-solid-border-radius, 7px) var(--border-solid-border-radius, 7px) 0 0;
12402
- }
12403
- }
12404
- /** THIS IS AN AUTOGENERATED FILE **/
12405
- /** THIS IS AN AUTOGENERATED FILE **/
12406
- /** THIS IS AN AUTOGENERATED FILE **/
12407
- /** THIS IS AN AUTOGENERATED FILE **/
12408
- /** THIS IS AN AUTOGENERATED FILE **/
12409
- /** THIS IS AN AUTOGENERATED FILE **/
12410
- /** THIS IS AN AUTOGENERATED FILE **/
12411
- /* stylelint-disable selector-no-vendor-prefix */
12412
- .ToggleSwitch-module_checkbox__ezWz3 {
12413
- opacity: 0%;
12414
- position: absolute;
12415
- }
12416
- .ideal-sans .ToggleSwitch-module_checkbox__ezWz3 {
12417
- position: absolute;
12418
- }
12419
-
12420
- .ToggleSwitch-module_track__fcDMP {
12421
- position: relative;
12422
- background-color: var(--color-gray-500, #878792);
12423
- border: var(--border-borderless-border-width, 2px) var(--border-borderless-border-style, solid) var(--border-borderless-border-color, transparent);
12424
- border-radius: var(--spacing-md, 1.5rem);
12425
- box-sizing: content-box;
12426
- width: calc(var(--spacing-md, 1.5rem) * 1.05 * 2);
12427
- height: calc(var(--spacing-md, 1.5rem) * 1.25);
12428
- padding: 0 calc(var(--spacing-md, 1.5rem) * 0.15);
12429
- display: flex;
12430
- align-items: center;
12431
- transition: background-color var(--animation-duration-immediate, 100ms) var(--animation-easing-function-linear, linear);
12432
- /* TODO: Fix */
12433
- /* stylelint-disable no-descending-specificity */
12434
- /* stylelint-enable no-descending-specificity */
12435
- }
12436
- .ToggleSwitch-module_checkbox__ezWz3:focus + .ToggleSwitch-module_track__fcDMP, .ToggleSwitch-module_checkbox__ezWz3:hover:focus + .ToggleSwitch-module_track__fcDMP {
12437
- border-color: transparent;
12438
- outline: 2px solid var(--color-blue-500, #0168b3);
12439
- outline-offset: 1px;
12440
- background-color: var(--color-gray-600, #524e56);
12441
- }
12442
- .ToggleSwitch-module_checkbox__ezWz3 + .ToggleSwitch-module_track__fcDMP:hover, label:hover .ToggleSwitch-module_checkbox__ezWz3 + .ToggleSwitch-module_track__fcDMP {
12443
- background-color: var(--color-purple-500, #844587);
12444
- background-color: var(--color-gray-600, #524e56);
12445
- }
12446
-
12447
- .ToggleSwitch-module_thumb__8PULV {
12448
- display: flex;
12449
- align-items: center;
12450
- justify-content: center;
12451
- background-color: var(--color-white, #ffffff);
12452
- border: var(--border-borderless-border-width, 2px) var(--border-borderless-border-style, solid) var(--border-borderless-border-color, transparent);
12453
- box-sizing: content-box;
12454
- width: calc(var(--spacing-md, 1.5rem) * 0.9);
12455
- height: calc(var(--spacing-md, 1.5rem) * 0.9);
12456
- border-radius: var(--spacing-md, 1.5rem);
12457
- transition: left var(--animation-duration-immediate, 100ms) var(--animation-easing-function-linear, linear), right var(--animation-duration-immediate, 100ms) var(--animation-easing-function-linear, linear);
12458
- }
12459
-
12460
- .ToggleSwitch-module_checkIcon__8iitB {
12461
- color: var(--color-green-500, #3f9a86);
12462
- opacity: 0%;
12463
- transition-duration: var(--animation-duration-rapid, 200ms);
12464
- }
12465
-
12466
- /* stylelint-disable no-descending-specificity */
12467
- .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkbox__ezWz3 + .ToggleSwitch-module_track__fcDMP {
12468
- border-color: var(--border-borderless-border-color, transparent);
12469
- background-color: var(--color-green-500, #3f9a86);
12470
- }
12471
- .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkbox__ezWz3:focus + .ToggleSwitch-module_track__fcDMP {
12472
- border-color: transparent;
12473
- background-color: var(--color-green-500, #3f9a86);
12474
- }
12475
- .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_thumb__8PULV {
12476
- position: relative;
12477
- right: auto;
12478
- left: calc(var(--spacing-md, 1.5rem) * 1.1);
12479
- }
12480
- .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_thumb__8PULV[dir=rtl], [dir=rtl] .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_thumb__8PULV {
12481
- right: calc(var(--spacing-md, 1.5rem) * 1.1);
12482
- left: auto;
12483
- }
12484
- .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkIcon__8iitB {
12485
- opacity: 100%;
12486
- transition-delay: var(--animation-duration-immediate, 100ms);
12487
- transition-duration: var(--animation-duration-fast, 300ms);
12488
- }
12489
- .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkbox__ezWz3 + .ToggleSwitch-module_track__fcDMP:hover, label:hover .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkbox__ezWz3 + .ToggleSwitch-module_track__fcDMP {
12490
- background-color: var(--color-green-600, #2c7d67);
12491
- }
12492
-
12493
- .ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_thumb__8PULV {
12494
- position: relative;
12495
- right: auto;
12496
- left: calc(var(--spacing-md, 1.5rem) * -0.05);
12497
- }
12498
- .ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_thumb__8PULV[dir=rtl], [dir=rtl] .ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_thumb__8PULV {
12499
- right: calc(var(--spacing-md, 1.5rem) * -0.05);
12500
- left: auto;
12501
- }
12502
-
12503
- .ToggleSwitch-module_reversed__Q3-iM .ToggleSwitch-module_checkbox__ezWz3:focus + .ToggleSwitch-module_track__fcDMP,
12504
- .ToggleSwitch-module_reversed__Q3-iM .ToggleSwitch-module_checkbox__ezWz3:hover:focus + .ToggleSwitch-module_track__fcDMP {
12505
- outline-color: var(--color-blue-300, #73c0e8);
12506
- }
12507
- .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_track__fcDMP {
12508
- background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.2);
12509
- }
12510
- .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_checkbox__ezWz3:focus + .ToggleSwitch-module_track__fcDMP,
12511
- .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_checkbox__ezWz3:hover:focus + .ToggleSwitch-module_track__fcDMP {
12512
- background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
12513
- }
12514
- .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_checkbox__ezWz3 + .ToggleSwitch-module_track__fcDMP:hover, label:hover .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_checkbox__ezWz3 + .ToggleSwitch-module_track__fcDMP {
12515
- background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
12516
- }
12517
-
12518
- /* stylelint-enable no-descending-specificity */
12519
- /** THIS IS AN AUTOGENERATED FILE **/
12520
- .ToggleSwitchField-module_container__e7TXD {
12521
- display: flex;
12522
- }
12523
-
12524
- .ToggleSwitchField-module_fullWidth__ybDf- .ToggleSwitchField-module_inner__9-O0m {
12525
- width: 100%;
12526
- }
12527
-
12528
- .ToggleSwitchField-module_on__HQOkN label {
12529
- font-weight: var(--typography-paragraph-bold-font-weight, 600);
12530
- }
12531
- .Well-module_container__pi8-W {
12532
- background-color: var(--background-color);
12533
- border-width: var(--border-width-1);
12534
- border-radius: var(--border-solid-border-radius);
12535
- border-style: var(--border-style);
12536
- margin-bottom: var(--spacing-24);
12537
- color: var(--color-purple-800);
12538
- border-color: var(--border-color);
12539
- }
12540
-
12541
- .Well-module_noMargin__xBvM9 {
12542
- margin: 0;
12543
- }
12544
-
12545
- .Well-module_white__HEVrB {
12546
- --background-color: var(--color-white);
12547
- --border-color: var(--color-gray-500);
12548
- }
12549
-
12550
- .Well-module_gray__ur3Fv {
12551
- --background-color: var(--color-gray-200);
12552
- --border-color: var(--color-gray-500);
12553
- }
12554
-
12555
- .Well-module_blue__H8M0Q {
12556
- --background-color: var(--color-blue-100);
12557
- --border-color: var(--color-blue-400);
12558
- }
12559
-
12560
- .Well-module_yellow__DJAMr {
12561
- --background-color: var(--color-yellow-100);
12562
- --border-color: var(--color-yellow-700);
12563
- }
12564
-
12565
- .Well-module_orange__F0FkU {
12566
- --background-color: var(--color-orange-100);
12567
- --border-color: var(--color-orange-600);
12568
- }
12569
-
12570
- .Well-module_red__40n5z {
12571
- --background-color: var(--color-red-100);
12572
- --border-color: var(--color-red-500);
12573
- }
12574
-
12575
- .Well-module_green__R-zR1 {
12576
- --background-color: var(--color-green-100);
12577
- --border-color: var(--color-green-500);
12578
- }
12579
-
12580
- .Well-module_purple__iXxT8 {
12581
- --background-color: var(--color-purple-100);
12582
- --border-color: var(--color-purple-400);
12583
- }
12584
-
12585
- .Well-module_positive__6ldUu {
12586
- --background-color: var(--color-green-100);
12587
- --border-color: var(--color-green-500);
12588
- }
12589
-
12590
- .Well-module_default__tSiHp {
12591
- --background-color: var(--color-gray-200);
12592
- --border-color: var(--color-gray-500);
12593
- }
12594
-
12595
- .Well-module_negative__mVczy {
12596
- --background-color: var(--color-red-100);
12597
- --border-color: var(--color-red-500);
12598
- }
12599
-
12600
- .Well-module_informative__81djJ {
12601
- --background-color: var(--color-blue-100);
12602
- --border-color: var(--color-blue-400);
12603
- }
12604
-
12605
- .Well-module_cautionary__MSYHT {
12606
- --background-color: var(--color-yellow-100);
12607
- --border-color: var(--color-yellow-700);
12608
- }
12609
-
12610
- .Well-module_assertive__Kl5ql {
12611
- --background-color: var(--color-orange-100);
12612
- --border-color: var(--color-orange-600);
12407
+ }
12613
12408
  }
12614
-
12615
- .Well-module_prominent__wdpIQ {
12616
- --background-color: var(--color-purple-100);
12617
- --border-color: var(--color-purple-400);
12409
+ @media (forced-colors: active) {
12410
+ .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_active__-38QW::before, .NavigationTabs-module_linkAnchor__oUsWX:focus::before {
12411
+ background: transparent;
12412
+ border: 5px solid transparent;
12413
+ height: 0;
12414
+ }
12618
12415
  }
12619
12416
 
12620
- .Well-module_solid__ianzm {
12621
- --border-style: solid;
12417
+ .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T {
12418
+ color: rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.75);
12622
12419
  }
12623
-
12624
- .Well-module_dashed__csujS {
12625
- --border-style: dashed;
12420
+ .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T:hover {
12421
+ color: var(--color-blue-500, #0168b3);
12626
12422
  }
12627
-
12628
- .Well-module_none__rWwTB {
12629
- --border-color: transparent;
12630
- --border-style: none;
12423
+ .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T.NavigationTabs-module_active__-38QW {
12424
+ color: var(--color-blue-500, #0168b3);
12631
12425
  }
12632
- /** THIS IS AN AUTOGENERATED FILE **/
12633
- /** THIS IS AN AUTOGENERATED FILE **/
12634
- .FooterRoot-module_footerRoot__3uh1Q {
12635
- display: grid;
12636
- grid-template-areas: "prev stepper next";
12637
- grid-template-columns: 1fr 2fr 1fr;
12638
- flex-grow: 1;
12639
- justify-content: center;
12640
- align-items: center;
12641
- padding: var(--spacing-24, 1.5rem) var(--spacing-12, 0.75rem);
12642
- background: var(--color-blue-500, #0168b3);
12643
- gap: var(--spacing-16, 1rem);
12426
+ .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T.NavigationTabs-module_active__-38QW::before {
12427
+ background-color: var(--color-blue-500, #0168b3);
12428
+ top: 3px;
12644
12429
  }
12645
- @media (min-width: 768px) {
12646
- .FooterRoot-module_footerRoot__3uh1Q {
12647
- grid-template-columns: 1fr 5fr 1fr;
12648
- padding: var(--spacing-24, 1.5rem) var(--spacing-32, 2rem);
12649
- position: sticky;
12430
+ @media (max-width: calc(1080px - 1px)) {
12431
+ .NavigationTabs-module_linkAnchor__oUsWX.NavigationTabs-module_lightBackground__TR-5T.NavigationTabs-module_active__-38QW::before {
12432
+ top: auto;
12650
12433
  bottom: 0;
12651
- z-index: 1;
12434
+ border-radius: var(--border-solid-border-radius, 7px) var(--border-solid-border-radius, 7px) 0 0;
12652
12435
  }
12653
12436
  }
12654
12437
  /** THIS IS AN AUTOGENERATED FILE **/
12655
12438
  /** THIS IS AN AUTOGENERATED FILE **/
12656
12439
  /** THIS IS AN AUTOGENERATED FILE **/
12657
12440
  /** THIS IS AN AUTOGENERATED FILE **/
12658
- .ProgressStepper-module_stepsContainer__ci3hM {
12659
- width: 100%;
12660
- grid-area: stepper;
12661
- }
12662
-
12663
- .ProgressStepper-module_stepList__kp--2 {
12664
- display: none;
12665
- justify-content: center;
12666
- align-items: flex-end;
12667
- list-style: none;
12668
- margin: 0;
12669
- padding: 0;
12670
- }
12671
- @media (min-width: 768px) {
12672
- .ProgressStepper-module_stepList__kp--2 {
12673
- display: flex;
12674
- }
12675
- }
12676
-
12677
- .ProgressStepper-module_step__Ut-Qg {
12678
- display: flex;
12679
- flex-grow: 1;
12680
- flex-basis: 100%;
12681
- justify-content: center;
12682
- max-width: var(--spacing-96, 6rem);
12683
- overflow-wrap: break-word;
12684
- position: relative;
12685
- container: step/inline-size;
12686
- }
12687
-
12688
- .ProgressStepper-module_stepContent__retc7 {
12689
- display: flex;
12690
- align-items: center;
12691
- flex-direction: column;
12692
- }
12693
-
12694
- .ProgressStepper-module_stepIndicator__YdnP- {
12695
- width: 1.25rem;
12696
- height: 1.25rem;
12697
- position: relative;
12698
- }
12699
-
12700
- .ProgressStepper-module_stepName__zVxii {
12701
- display: none;
12702
- text-align: center;
12703
- margin-bottom: var(--spacing-12, 0.75rem);
12704
- font-weight: var(--typography-paragraph-bold-font-weight, 600);
12705
- }
12706
-
12707
- .ProgressStepper-module_stepIcon__jyegN {
12708
- color: var(--color-white, #ffffff);
12441
+ /** THIS IS AN AUTOGENERATED FILE **/
12442
+ /** THIS IS AN AUTOGENERATED FILE **/
12443
+ /** THIS IS AN AUTOGENERATED FILE **/
12444
+ /* stylelint-disable selector-no-vendor-prefix */
12445
+ .ToggleSwitch-module_checkbox__ezWz3 {
12446
+ opacity: 0%;
12709
12447
  position: absolute;
12710
- width: 1.25rem;
12711
- height: 1.25rem;
12712
- left: 50%;
12713
- top: 50%;
12714
- transform: translate(-50%, -50%);
12715
12448
  }
12716
-
12717
- .ProgressStepper-module_stepDivider__Lp7Fp {
12718
- height: 0;
12719
- display: flex;
12449
+ .ideal-sans .ToggleSwitch-module_checkbox__ezWz3 {
12720
12450
  position: absolute;
12721
- flex-grow: 1;
12722
- min-width: calc(100% - var(--spacing-24, 1.5rem));
12723
- border: solid var(--spacing-1, 0.0625rem) var(--color-white, #ffffff);
12724
- margin: 0;
12725
- border-radius: var(--border-solid-border-radius, 7px);
12726
- left: 100%;
12727
- top: calc(100% - 1.25rem / 2);
12728
- transform: translateX(-50%);
12729
- }
12730
- [dir=rtl] .ProgressStepper-module_stepDivider__Lp7Fp {
12731
- left: unset;
12732
- right: 100%;
12733
- transform: translateX(50%);
12734
12451
  }
12735
12452
 
12736
- .ProgressStepper-module_stepperDescription__jgeSN {
12453
+ .ToggleSwitch-module_track__fcDMP {
12454
+ position: relative;
12455
+ background-color: var(--color-gray-500, #878792);
12456
+ border: var(--border-borderless-border-width, 2px) var(--border-borderless-border-style, solid) var(--border-borderless-border-color, transparent);
12457
+ border-radius: var(--spacing-md, 1.5rem);
12458
+ box-sizing: content-box;
12459
+ width: calc(var(--spacing-md, 1.5rem) * 1.05 * 2);
12460
+ height: calc(var(--spacing-md, 1.5rem) * 1.25);
12461
+ padding: 0 calc(var(--spacing-md, 1.5rem) * 0.15);
12737
12462
  display: flex;
12738
- justify-content: center;
12739
- }
12740
- @media (min-width: 768px) {
12741
- .ProgressStepper-module_stepperDescription__jgeSN {
12742
- position: absolute;
12743
- width: 0;
12744
- height: 0;
12745
- overflow: hidden;
12746
- }
12747
- }
12748
-
12749
- @container step (min-width: 4.5rem) {
12750
- .ProgressStepper-module_stepName__zVxii {
12751
- display: inline;
12752
- }
12463
+ align-items: center;
12464
+ transition: background-color var(--animation-duration-immediate, 100ms) var(--animation-easing-function-linear, linear);
12465
+ /* TODO: Fix */
12466
+ /* stylelint-disable no-descending-specificity */
12467
+ /* stylelint-enable no-descending-specificity */
12753
12468
  }
12754
- .FooterActions-module_footerAction__79XyY {
12755
- display: flex;
12756
- flex-grow: 1;
12757
- flex-basis: auto;
12469
+ .ToggleSwitch-module_checkbox__ezWz3:focus + .ToggleSwitch-module_track__fcDMP, .ToggleSwitch-module_checkbox__ezWz3:hover:focus + .ToggleSwitch-module_track__fcDMP {
12470
+ border-color: transparent;
12471
+ outline: 2px solid var(--color-blue-500, #0168b3);
12472
+ outline-offset: 1px;
12473
+ background-color: var(--color-gray-600, #524e56);
12758
12474
  }
12759
-
12760
- .FooterActions-module_footerActionPrevious__EuPJe {
12761
- grid-area: "prev";
12762
- justify-content: start;
12475
+ .ToggleSwitch-module_checkbox__ezWz3 + .ToggleSwitch-module_track__fcDMP:hover, label:hover .ToggleSwitch-module_checkbox__ezWz3 + .ToggleSwitch-module_track__fcDMP {
12476
+ background-color: var(--color-purple-500, #844587);
12477
+ background-color: var(--color-gray-600, #524e56);
12763
12478
  }
12764
12479
 
12765
- .FooterActions-module_footerActionNext__QUYDX {
12766
- grid-area: "next";
12767
- justify-content: end;
12768
- }
12769
- /** THIS IS AN AUTOGENERATED FILE **/
12770
- .Titles-module_titles__4J9L5 {
12771
- grid-area: titles;
12480
+ .ToggleSwitch-module_thumb__8PULV {
12772
12481
  display: flex;
12773
- flex-direction: column;
12774
12482
  align-items: center;
12775
12483
  justify-content: center;
12776
- flex-grow: 1;
12484
+ background-color: var(--color-white, #ffffff);
12485
+ border: var(--border-borderless-border-width, 2px) var(--border-borderless-border-style, solid) var(--border-borderless-border-color, transparent);
12486
+ box-sizing: content-box;
12487
+ width: calc(var(--spacing-md, 1.5rem) * 0.9);
12488
+ height: calc(var(--spacing-md, 1.5rem) * 0.9);
12489
+ border-radius: var(--spacing-md, 1.5rem);
12490
+ transition: left var(--animation-duration-immediate, 100ms) var(--animation-easing-function-linear, linear), right var(--animation-duration-immediate, 100ms) var(--animation-easing-function-linear, linear);
12777
12491
  }
12778
12492
 
12779
- .Titles-module_pageTitle__vGL5H {
12780
- display: flex;
12781
- flex-direction: column;
12493
+ .ToggleSwitch-module_checkIcon__8iitB {
12494
+ color: var(--color-green-500, #3f9a86);
12495
+ opacity: 0%;
12496
+ transition-duration: var(--animation-duration-rapid, 200ms);
12782
12497
  }
12783
12498
 
12784
- .Titles-module_prefix__xpoFE {
12785
- margin-bottom: var(--spacing-4, 0.25rem);
12499
+ /* stylelint-disable no-descending-specificity */
12500
+ .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkbox__ezWz3 + .ToggleSwitch-module_track__fcDMP {
12501
+ border-color: var(--border-borderless-border-color, transparent);
12502
+ background-color: var(--color-green-500, #3f9a86);
12786
12503
  }
12787
-
12788
- .Titles-module_status__aCnZe {
12789
- margin-top: var(--spacing-8, 0.5rem);
12504
+ .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkbox__ezWz3:focus + .ToggleSwitch-module_track__fcDMP {
12505
+ border-color: transparent;
12506
+ background-color: var(--color-green-500, #3f9a86);
12790
12507
  }
12791
- /** THIS IS AN AUTOGENERATED FILE **/
12792
- .Actions-module_actions__LTO83 {
12793
- grid-area: actions;
12794
- display: flex;
12795
- flex-direction: column;
12796
- flex-grow: 1;
12797
- justify-content: center;
12798
- align-items: center;
12508
+ .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_thumb__8PULV {
12509
+ position: relative;
12510
+ right: auto;
12511
+ left: calc(var(--spacing-md, 1.5rem) * 1.1);
12799
12512
  }
12800
- @media (min-width: 768px) {
12801
- .Actions-module_actions__LTO83 {
12802
- flex-direction: row;
12803
- align-items: flex-start;
12804
- justify-content: flex-end;
12805
- margin-top: calc(-1 * var(--spacing-12, 0.75rem));
12806
- }
12513
+ .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_thumb__8PULV[dir=rtl], [dir=rtl] .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_thumb__8PULV {
12514
+ right: calc(var(--spacing-md, 1.5rem) * 1.1);
12515
+ left: auto;
12807
12516
  }
12808
- /** THIS IS AN AUTOGENERATED FILE **/
12809
- .Branding-module_branding__qp0rz {
12810
- justify-content: center;
12811
- grid-area: branding;
12812
- display: flex;
12813
- flex-grow: 1;
12814
- padding-top: var(--spacing-4, 0.25rem);
12517
+ .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkIcon__8iitB {
12518
+ opacity: 100%;
12519
+ transition-delay: var(--animation-duration-immediate, 100ms);
12520
+ transition-duration: var(--animation-duration-fast, 300ms);
12815
12521
  }
12816
- @media (min-width: 768px) {
12817
- .Branding-module_branding__qp0rz {
12818
- justify-content: unset;
12819
- }
12522
+ .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkbox__ezWz3 + .ToggleSwitch-module_track__fcDMP:hover, label:hover .ToggleSwitch-module_on__CQpkh .ToggleSwitch-module_checkbox__ezWz3 + .ToggleSwitch-module_track__fcDMP {
12523
+ background-color: var(--color-green-600, #2c7d67);
12524
+ }
12525
+
12526
+ .ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_thumb__8PULV {
12527
+ position: relative;
12528
+ right: auto;
12529
+ left: calc(var(--spacing-md, 1.5rem) * -0.05);
12530
+ }
12531
+ .ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_thumb__8PULV[dir=rtl], [dir=rtl] .ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_thumb__8PULV {
12532
+ right: calc(var(--spacing-md, 1.5rem) * -0.05);
12533
+ left: auto;
12820
12534
  }
12821
12535
 
12822
- .Branding-module_logo__5dDZ6 {
12823
- flex-basis: 7.5rem;
12536
+ .ToggleSwitch-module_reversed__Q3-iM .ToggleSwitch-module_checkbox__ezWz3:focus + .ToggleSwitch-module_track__fcDMP,
12537
+ .ToggleSwitch-module_reversed__Q3-iM .ToggleSwitch-module_checkbox__ezWz3:hover:focus + .ToggleSwitch-module_track__fcDMP {
12538
+ outline-color: var(--color-blue-300, #73c0e8);
12824
12539
  }
12825
- /** THIS IS AN AUTOGENERATED FILE **/
12826
- /** THIS IS AN AUTOGENERATED FILE **/
12827
- /** THIS IS AN AUTOGENERATED FILE **/
12828
- .Root-module_root__q4CXr {
12829
- display: grid;
12830
- background-color: var(--color-white, #ffffff);
12831
- grid-template: "branding" min-content "titles" max-content "actions" min-content/1fr;
12832
- flex-grow: 1;
12833
- justify-content: center;
12834
- align-items: center;
12835
- text-align: center;
12836
- box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
12837
- padding: var(--spacing-24, 1.5rem);
12838
- gap: var(--spacing-16, 1rem);
12540
+ .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_track__fcDMP {
12541
+ background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.2);
12839
12542
  }
12840
- @media (min-width: 768px) {
12841
- .Root-module_root__q4CXr {
12842
- align-items: start;
12843
- grid-template: "branding titles actions" min-content/1fr max-content 1fr;
12844
- position: sticky;
12845
- top: 0;
12846
- z-index: 1;
12847
- }
12543
+ .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_checkbox__ezWz3:focus + .ToggleSwitch-module_track__fcDMP,
12544
+ .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_checkbox__ezWz3:hover:focus + .ToggleSwitch-module_track__fcDMP {
12545
+ background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
12848
12546
  }
12849
- .Main-module_main__ww911 {
12850
- z-index: 0;
12547
+ .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_checkbox__ezWz3 + .ToggleSwitch-module_track__fcDMP:hover, label:hover .ToggleSwitch-module_reversed__Q3-iM.ToggleSwitch-module_off__OhSEP .ToggleSwitch-module_checkbox__ezWz3 + .ToggleSwitch-module_track__fcDMP {
12548
+ background-color: rgba(var(--color-white-rgb, 255, 255, 255), 0.65);
12851
12549
  }
12550
+
12551
+ /* stylelint-enable no-descending-specificity */
12852
12552
  /** THIS IS AN AUTOGENERATED FILE **/
12853
- .Wrapper-module_wrapper__-Y3pN {
12854
- display: grid;
12855
- grid-template-rows: min-content 1fr min-content;
12856
- position: relative;
12857
- min-height: 100vh;
12858
- background: var(--color-gray-100, #f9f9f9);
12553
+ .ToggleSwitchField-module_container__e7TXD {
12554
+ display: flex;
12859
12555
  }
12860
- /** THIS IS AN AUTOGENERATED FILE **/
12861
- /** THIS IS AN AUTOGENERATED FILE **/
12862
- /** THIS IS AN AUTOGENERATED FILE **/
12863
- /** THIS IS AN AUTOGENERATED FILE **/
12864
- /** THIS IS AN AUTOGENERATED FILE **/
12865
- /** THIS IS AN AUTOGENERATED FILE **/
12866
- .GuidanceBlock-module_rightMargin__SbVUD {
12867
- margin-right: var(--spacing-8, 0.5rem);
12556
+
12557
+ .ToggleSwitchField-module_fullWidth__ybDf- .ToggleSwitchField-module_inner__9-O0m {
12558
+ width: 100%;
12868
12559
  }
12869
12560
 
12870
- .GuidanceBlock-module_noRightMargin__CbCz9 {
12871
- margin-right: 0;
12561
+ .ToggleSwitchField-module_on__HQOkN label {
12562
+ font-weight: var(--typography-paragraph-bold-font-weight, 600);
12563
+ }
12564
+ .Well-module_container__pi8-W {
12565
+ background-color: var(--background-color);
12566
+ border-width: var(--border-width-1);
12567
+ border-radius: var(--border-solid-border-radius);
12568
+ border-style: var(--border-style);
12569
+ margin-bottom: var(--spacing-24);
12570
+ color: var(--color-purple-800);
12571
+ border-color: var(--border-color);
12872
12572
  }
12873
12573
 
12874
- .GuidanceBlock-module_banner__NyOs1.GuidanceBlock-module_noMaxWidth__Rh070 {
12875
- max-width: inherit;
12574
+ .Well-module_noMargin__xBvM9 {
12575
+ margin: 0;
12876
12576
  }
12877
12577
 
12878
- .GuidanceBlock-module_banner__NyOs1 {
12879
- --border-width: var(--border-width-1);
12880
- display: flex;
12881
- flex-direction: column;
12882
- gap: var(--spacing-sm, 0.75rem);
12883
- min-width: 320px;
12884
- max-width: 1080px;
12885
- border: var(--border-width) var(--border-solid-border-style);
12886
- border-radius: var(--border-solid-border-radius, 7px);
12887
- padding: calc(var(--spacing-lg, 2.25rem) - var(--border-width));
12888
- box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
12889
- position: relative;
12890
- top: -1px;
12891
- transition: opacity var(--animation-duration-slow, 400ms) ease, margin-top var(--animation-duration-fast, 300ms) var(--animation-duration-slow, 400ms) ease;
12892
- color: var(--color-purple-800, #2f2438);
12578
+ .Well-module_white__HEVrB {
12579
+ --background-color: var(--color-white);
12580
+ --border-color: var(--color-gray-500);
12893
12581
  }
12894
- @media (min-width: 1024px) {
12895
- .GuidanceBlock-module_banner__NyOs1 {
12896
- min-height: calc(12rem - var(--spacing-lg, 2.25rem) * 2);
12897
- flex-direction: row;
12898
- gap: var(--spacing-md, 1.5rem);
12899
- width: auto;
12900
- align-items: center;
12901
- }
12582
+
12583
+ .Well-module_gray__ur3Fv {
12584
+ --background-color: var(--color-gray-200);
12585
+ --border-color: var(--color-gray-500);
12902
12586
  }
12903
- @media (max-width: 767px) {
12904
- .GuidanceBlock-module_banner__NyOs1 {
12905
- min-width: unset;
12906
- }
12587
+
12588
+ .Well-module_blue__H8M0Q {
12589
+ --background-color: var(--color-blue-100);
12590
+ --border-color: var(--color-blue-400);
12907
12591
  }
12908
12592
 
12909
- .GuidanceBlock-module_illustrationWrapper__lIGaj {
12910
- display: flex;
12593
+ .Well-module_yellow__DJAMr {
12594
+ --background-color: var(--color-yellow-100);
12595
+ --border-color: var(--color-yellow-700);
12911
12596
  }
12912
- @media (min-width: 768px) and (max-width: 1023px) {
12913
- .GuidanceBlock-module_illustrationWrapper__lIGaj {
12914
- text-align: center;
12915
- justify-content: center;
12916
- align-self: center;
12917
- padding: var(--spacing-sm, 0.75rem);
12918
- }
12597
+
12598
+ .Well-module_orange__F0FkU {
12599
+ --background-color: var(--color-orange-100);
12600
+ --border-color: var(--color-orange-600);
12919
12601
  }
12920
- @media (max-width: 767px) {
12921
- .GuidanceBlock-module_illustrationWrapper__lIGaj {
12922
- display: none;
12923
- }
12602
+
12603
+ .Well-module_red__40n5z {
12604
+ --background-color: var(--color-red-100);
12605
+ --border-color: var(--color-red-500);
12924
12606
  }
12925
12607
 
12926
- .GuidanceBlock-module_illustration__W7PwM {
12927
- width: 155px;
12928
- height: 155px;
12608
+ .Well-module_green__R-zR1 {
12609
+ --background-color: var(--color-green-100);
12610
+ --border-color: var(--color-green-500);
12929
12611
  }
12930
- .GuidanceBlock-module_hasSceneIllustration__CX8GF .GuidanceBlock-module_illustration__W7PwM {
12931
- display: flex;
12932
- justify-content: center;
12933
- max-width: 300px;
12934
- max-height: 300px;
12935
- width: 300px;
12936
- height: auto;
12612
+
12613
+ .Well-module_purple__iXxT8 {
12614
+ --background-color: var(--color-purple-100);
12615
+ --border-color: var(--color-purple-400);
12937
12616
  }
12938
- .GuidanceBlock-module_hasSceneIllustration__CX8GF .GuidanceBlock-module_illustration__W7PwM figure {
12939
- max-height: 100%;
12940
- max-width: 100%;
12941
- aspect-ratio: 4/3;
12617
+
12618
+ .Well-module_positive__6ldUu {
12619
+ --background-color: var(--color-green-100);
12620
+ --border-color: var(--color-green-500);
12942
12621
  }
12943
- .GuidanceBlock-module_hasSceneIllustration__CX8GF .GuidanceBlock-module_illustration__W7PwM img {
12944
- height: 100%;
12945
- object-fit: contain;
12946
- object-position: center;
12622
+
12623
+ .Well-module_default__tSiHp {
12624
+ --background-color: var(--color-gray-200);
12625
+ --border-color: var(--color-gray-500);
12947
12626
  }
12948
12627
 
12949
- .GuidanceBlock-module_descriptionContainer__JyNJp {
12950
- flex: 1;
12951
- text-align: center;
12952
- align-self: center;
12953
- max-width: 780px;
12628
+ .Well-module_negative__mVczy {
12629
+ --background-color: var(--color-red-100);
12630
+ --border-color: var(--color-red-500);
12954
12631
  }
12955
- @media (min-width: 1024px) {
12956
- .GuidanceBlock-module_descriptionContainer__JyNJp {
12957
- padding: 0 var(--spacing-sm, 0.75rem);
12958
- text-align: left;
12959
- }
12632
+
12633
+ .Well-module_informative__81djJ {
12634
+ --background-color: var(--color-blue-100);
12635
+ --border-color: var(--color-blue-400);
12960
12636
  }
12961
- @media (max-width: 767px) {
12962
- .GuidanceBlock-module_descriptionContainer__JyNJp {
12963
- margin: var(--spacing-sm, 0.75rem);
12964
- max-width: 100%;
12965
- }
12637
+
12638
+ .Well-module_cautionary__MSYHT {
12639
+ --background-color: var(--color-yellow-100);
12640
+ --border-color: var(--color-yellow-700);
12966
12641
  }
12967
- @media (min-width: 1024px) {
12968
- [dir=rtl] .GuidanceBlock-module_descriptionContainer__JyNJp {
12969
- padding: 0 var(--spacing-sm, 0.75rem);
12970
- text-align: right;
12971
- }
12642
+
12643
+ .Well-module_assertive__Kl5ql {
12644
+ --background-color: var(--color-orange-100);
12645
+ --border-color: var(--color-orange-600);
12972
12646
  }
12973
12647
 
12974
- .GuidanceBlock-module_descriptionAndActions__2KGZQ {
12975
- display: flex;
12976
- flex: 1;
12977
- align-items: center;
12978
- justify-content: space-between;
12979
- gap: var(--spacing-md, 1.5rem);
12648
+ .Well-module_prominent__wdpIQ {
12649
+ --background-color: var(--color-purple-100);
12650
+ --border-color: var(--color-purple-400);
12980
12651
  }
12981
- @media (max-width: 1023px) {
12982
- .GuidanceBlock-module_descriptionAndActions__2KGZQ {
12983
- flex-direction: column;
12984
- width: 100%;
12985
- align-items: unset;
12986
- }
12652
+
12653
+ .Well-module_solid__ianzm {
12654
+ --border-style: solid;
12987
12655
  }
12988
12656
 
12989
- .GuidanceBlock-module_buttonContainer__6-Ty- {
12990
- display: flex;
12991
- flex: 1 0 auto;
12657
+ .Well-module_dashed__csujS {
12658
+ --border-style: dashed;
12659
+ }
12660
+
12661
+ .Well-module_none__rWwTB {
12662
+ --border-color: transparent;
12663
+ --border-style: none;
12664
+ }
12665
+ /** THIS IS AN AUTOGENERATED FILE **/
12666
+ /** THIS IS AN AUTOGENERATED FILE **/
12667
+ .FooterRoot-module_footerRoot__3uh1Q {
12668
+ display: grid;
12669
+ grid-template-areas: "prev stepper next";
12670
+ grid-template-columns: 1fr 2fr 1fr;
12671
+ flex-grow: 1;
12992
12672
  justify-content: center;
12993
- flex-direction: row-reverse;
12994
- gap: var(--spacing-sm, 0.75rem);
12995
- min-width: max-content;
12673
+ align-items: center;
12674
+ padding: var(--spacing-24, 1.5rem) var(--spacing-12, 0.75rem);
12675
+ background: var(--color-blue-500, #0168b3);
12676
+ gap: var(--spacing-16, 1rem);
12996
12677
  }
12997
12678
  @media (min-width: 768px) {
12998
- .GuidanceBlock-module_buttonContainer__6-Ty- {
12999
- text-align: center;
13000
- }
13001
- }
13002
- @media (max-width: 767px) {
13003
- .GuidanceBlock-module_buttonContainer__6-Ty- {
13004
- flex-direction: column;
13005
- width: 100%;
13006
- margin-top: var(--spacing-xs, 0.375rem);
12679
+ .FooterRoot-module_footerRoot__3uh1Q {
12680
+ grid-template-columns: 1fr 5fr 1fr;
12681
+ padding: var(--spacing-24, 1.5rem) var(--spacing-32, 2rem);
12682
+ position: sticky;
12683
+ bottom: 0;
12684
+ z-index: 1;
13007
12685
  }
13008
12686
  }
13009
- [dir=rtl] .GuidanceBlock-module_buttonContainer__6-Ty- svg {
13010
- transform: rotate(180deg);
13011
- }
13012
-
13013
- .GuidanceBlock-module_hidden__a6zCg {
13014
- opacity: 0%;
13015
- margin-bottom: 0;
13016
- }
13017
-
13018
- .GuidanceBlock-module_headingWrapper__3zGY2 {
13019
- margin-bottom: var(--spacing-md, 1.5rem);
12687
+ /** THIS IS AN AUTOGENERATED FILE **/
12688
+ /** THIS IS AN AUTOGENERATED FILE **/
12689
+ /** THIS IS AN AUTOGENERATED FILE **/
12690
+ /** THIS IS AN AUTOGENERATED FILE **/
12691
+ .ProgressStepper-module_stepsContainer__ci3hM {
12692
+ width: 100%;
12693
+ grid-area: stepper;
13020
12694
  }
13021
12695
 
13022
- .GuidanceBlock-module_cancel__G-4ci {
13023
- appearance: none;
13024
- display: inline;
13025
- background: transparent;
13026
- color: inherit;
13027
- font: inherit;
12696
+ .ProgressStepper-module_stepList__kp--2 {
12697
+ display: none;
12698
+ justify-content: center;
12699
+ align-items: flex-end;
12700
+ list-style: none;
13028
12701
  margin: 0;
13029
12702
  padding: 0;
13030
- border: none;
13031
- cursor: pointer;
13032
- position: absolute;
13033
- top: var(--spacing-sm, 0.75rem);
13034
- right: var(--spacing-sm, 0.75rem);
13035
- color: var(--color-purple-800, #2f2438);
13036
- }
13037
- .GuidanceBlock-module_cancel__G-4ci .GuidanceBlock-module_icon__W0pEX {
13038
- opacity: 70%;
13039
- transition: var(--animation-duration-fast, 300ms) opacity;
13040
12703
  }
13041
- .GuidanceBlock-module_cancel__G-4ci:disabled .GuidanceBlock-module_icon__W0pEX, .GuidanceBlock-module_cancel__G-4ci.GuidanceBlock-module_disabled__GL1dK .GuidanceBlock-module_icon__W0pEX {
13042
- opacity: 30%;
13043
- }
13044
- .GuidanceBlock-module_cancel__G-4ci:not(:disabled, .GuidanceBlock-module_disabled__GL1dK):hover .GuidanceBlock-module_icon__W0pEX, .GuidanceBlock-module_cancel__G-4ci:not(:disabled, .GuidanceBlock-module_disabled__GL1dK):focus .GuidanceBlock-module_icon__W0pEX, .GuidanceBlock-module_cancel__G-4ci:not(:disabled, .GuidanceBlock-module_disabled__GL1dK).GuidanceBlock-module_hover__5PdJM .GuidanceBlock-module_icon__W0pEX {
13045
- opacity: 100%;
13046
- }
13047
- .GuidanceBlock-module_cancel__G-4ci:not(:disabled, .GuidanceBlock-module_disabled__GL1dK):active .GuidanceBlock-module_icon__W0pEX, .GuidanceBlock-module_cancel__G-4ci:not(:disabled, .GuidanceBlock-module_disabled__GL1dK).GuidanceBlock-module_active__3ifEz .GuidanceBlock-module_icon__W0pEX {
13048
- opacity: 100%;
12704
+ @media (min-width: 768px) {
12705
+ .ProgressStepper-module_stepList__kp--2 {
12706
+ display: flex;
12707
+ }
13049
12708
  }
13050
12709
 
13051
- .GuidanceBlock-module_default__9rhEq {
13052
- border-color: var(--color-gray-500);
13053
- background: var(--color-white);
12710
+ .ProgressStepper-module_step__Ut-Qg {
12711
+ display: flex;
12712
+ flex-grow: 1;
12713
+ flex-basis: 100%;
12714
+ justify-content: center;
12715
+ max-width: var(--spacing-96, 6rem);
12716
+ overflow-wrap: break-word;
12717
+ position: relative;
12718
+ container: step/inline-size;
13054
12719
  }
13055
12720
 
13056
- .GuidanceBlock-module_positive__m6n-N {
13057
- border-color: var(--color-green-500);
13058
- background: var(--color-green-100, #e8f8f4);
12721
+ .ProgressStepper-module_stepContent__retc7 {
12722
+ display: flex;
12723
+ align-items: center;
12724
+ flex-direction: column;
13059
12725
  }
13060
12726
 
13061
- .GuidanceBlock-module_negative__Z8tj-,
13062
- .GuidanceBlock-module_assertive__76y6Y {
13063
- border-color: var(--color-red-500);
13064
- background: var(--color-red-100, #fdeaee);
12727
+ .ProgressStepper-module_stepIndicator__YdnP- {
12728
+ width: 1.25rem;
12729
+ height: 1.25rem;
12730
+ position: relative;
13065
12731
  }
13066
12732
 
13067
- .GuidanceBlock-module_informative__QBzhx {
13068
- border-color: var(--color-blue-400);
13069
- background: var(--color-blue-100, #e6f6ff);
12733
+ .ProgressStepper-module_stepName__zVxii {
12734
+ display: none;
12735
+ text-align: center;
12736
+ margin-bottom: var(--spacing-12, 0.75rem);
12737
+ font-weight: var(--typography-paragraph-bold-font-weight, 600);
13070
12738
  }
13071
12739
 
13072
- .GuidanceBlock-module_cautionary__iwOA- {
13073
- border-color: var(--color-yellow-700);
13074
- background: var(--color-yellow-100, #fff9e4);
12740
+ .ProgressStepper-module_stepIcon__jyegN {
12741
+ color: var(--color-white, #ffffff);
12742
+ position: absolute;
12743
+ width: 1.25rem;
12744
+ height: 1.25rem;
12745
+ left: 50%;
12746
+ top: 50%;
12747
+ transform: translate(-50%, -50%);
13075
12748
  }
13076
12749
 
13077
- .GuidanceBlock-module_prominent__LWMSm {
13078
- border-color: var(--color-purple-400);
13079
- background: var(--color-purple-100, #f4edf8);
12750
+ .ProgressStepper-module_stepDivider__Lp7Fp {
12751
+ height: 0;
12752
+ display: flex;
12753
+ position: absolute;
12754
+ flex-grow: 1;
12755
+ min-width: calc(100% - var(--spacing-24, 1.5rem));
12756
+ border: solid var(--spacing-1, 0.0625rem) var(--color-white, #ffffff);
12757
+ margin: 0;
12758
+ border-radius: var(--border-solid-border-radius, 7px);
12759
+ left: 100%;
12760
+ top: calc(100% - 1.25rem / 2);
12761
+ transform: translateX(-50%);
12762
+ }
12763
+ [dir=rtl] .ProgressStepper-module_stepDivider__Lp7Fp {
12764
+ left: unset;
12765
+ right: 100%;
12766
+ transform: translateX(50%);
13080
12767
  }
13081
12768
 
13082
- .GuidanceBlock-module_inline__Dq-OU,
13083
- .GuidanceBlock-module_stacked__h3bUz {
13084
- flex-flow: row wrap;
13085
- align-items: unset;
13086
- gap: var(--spacing-md, 1.5rem);
13087
- min-width: unset;
12769
+ .ProgressStepper-module_stepperDescription__jgeSN {
12770
+ display: flex;
12771
+ justify-content: center;
13088
12772
  }
13089
- @media (max-width: 1023px) {
13090
- .GuidanceBlock-module_inline__Dq-OU,
13091
- .GuidanceBlock-module_stacked__h3bUz {
13092
- flex-direction: unset;
12773
+ @media (min-width: 768px) {
12774
+ .ProgressStepper-module_stepperDescription__jgeSN {
12775
+ position: absolute;
12776
+ width: 0;
12777
+ height: 0;
12778
+ overflow: hidden;
13093
12779
  }
13094
12780
  }
13095
- .GuidanceBlock-module_inline__Dq-OU .GuidanceBlock-module_illustrationWrapper__lIGaj,
13096
- .GuidanceBlock-module_stacked__h3bUz .GuidanceBlock-module_illustrationWrapper__lIGaj {
13097
- margin-right: var(--spacing-sm, 0.75rem);
13098
- }
13099
- [dir=rtl] .GuidanceBlock-module_inline__Dq-OU .GuidanceBlock-module_illustrationWrapper__lIGaj,
13100
- [dir=rtl] .GuidanceBlock-module_stacked__h3bUz .GuidanceBlock-module_illustrationWrapper__lIGaj {
13101
- margin-left: var(--spacing-sm, 0.75rem);
13102
- margin-right: inherit;
13103
- }
13104
- @media (min-width: 768px) and (max-width: 1023px) {
13105
- .GuidanceBlock-module_inline__Dq-OU .GuidanceBlock-module_illustrationWrapper__lIGaj,
13106
- .GuidanceBlock-module_stacked__h3bUz .GuidanceBlock-module_illustrationWrapper__lIGaj {
13107
- padding: 0;
12781
+
12782
+ @container step (min-width: 4.5rem) {
12783
+ .ProgressStepper-module_stepName__zVxii {
12784
+ display: inline;
13108
12785
  }
13109
12786
  }
13110
- @media (max-width: 767px) {
13111
- .GuidanceBlock-module_inline__Dq-OU .GuidanceBlock-module_illustrationWrapper__lIGaj,
13112
- .GuidanceBlock-module_stacked__h3bUz .GuidanceBlock-module_illustrationWrapper__lIGaj {
13113
- display: flex;
13114
- }
12787
+ .FooterActions-module_footerAction__79XyY {
12788
+ display: flex;
12789
+ flex-grow: 1;
12790
+ flex-basis: auto;
13115
12791
  }
13116
- .GuidanceBlock-module_inline__Dq-OU .GuidanceBlock-module_descriptionAndActions__2KGZQ,
13117
- .GuidanceBlock-module_stacked__h3bUz .GuidanceBlock-module_descriptionAndActions__2KGZQ {
13118
- margin: auto 0;
12792
+
12793
+ .FooterActions-module_footerActionPrevious__EuPJe {
12794
+ grid-area: "prev";
12795
+ justify-content: start;
13119
12796
  }
13120
- .GuidanceBlock-module_inline__Dq-OU .GuidanceBlock-module_descriptionContainer__JyNJp,
13121
- .GuidanceBlock-module_stacked__h3bUz .GuidanceBlock-module_descriptionContainer__JyNJp {
13122
- text-align: left;
13123
- max-width: unset;
13124
- min-width: 320px;
12797
+
12798
+ .FooterActions-module_footerActionNext__QUYDX {
12799
+ grid-area: "next";
12800
+ justify-content: end;
13125
12801
  }
13126
- @media (min-width: 1024px) {
13127
- .GuidanceBlock-module_inline__Dq-OU .GuidanceBlock-module_descriptionContainer__JyNJp,
13128
- .GuidanceBlock-module_stacked__h3bUz .GuidanceBlock-module_descriptionContainer__JyNJp {
13129
- padding: 0;
13130
- }
12802
+ /** THIS IS AN AUTOGENERATED FILE **/
12803
+ .Titles-module_titles__4J9L5 {
12804
+ grid-area: titles;
12805
+ display: flex;
12806
+ flex-direction: column;
12807
+ align-items: center;
12808
+ justify-content: center;
12809
+ flex-grow: 1;
13131
12810
  }
13132
- @media (max-width: 767px) {
13133
- .GuidanceBlock-module_inline__Dq-OU .GuidanceBlock-module_descriptionContainer__JyNJp,
13134
- .GuidanceBlock-module_stacked__h3bUz .GuidanceBlock-module_descriptionContainer__JyNJp {
13135
- margin: 0;
13136
- }
12811
+
12812
+ .Titles-module_pageTitle__vGL5H {
12813
+ display: flex;
12814
+ flex-direction: column;
13137
12815
  }
13138
- [dir=rtl] .GuidanceBlock-module_inline__Dq-OU .GuidanceBlock-module_descriptionContainer__JyNJp,
13139
- [dir=rtl] .GuidanceBlock-module_stacked__h3bUz .GuidanceBlock-module_descriptionContainer__JyNJp {
13140
- text-align: right;
12816
+
12817
+ .Titles-module_prefix__xpoFE {
12818
+ margin-bottom: var(--spacing-4, 0.25rem);
13141
12819
  }
13142
- @media (min-width: 1024px) {
13143
- [dir=rtl] .GuidanceBlock-module_inline__Dq-OU .GuidanceBlock-module_descriptionContainer__JyNJp,
13144
- [dir=rtl] .GuidanceBlock-module_stacked__h3bUz .GuidanceBlock-module_descriptionContainer__JyNJp {
13145
- padding: 0;
13146
- }
12820
+
12821
+ .Titles-module_status__aCnZe {
12822
+ margin-top: var(--spacing-8, 0.5rem);
13147
12823
  }
13148
- .GuidanceBlock-module_inline__Dq-OU .GuidanceBlock-module_buttonContainer__6-Ty-,
13149
- .GuidanceBlock-module_stacked__h3bUz .GuidanceBlock-module_buttonContainer__6-Ty- {
13150
- padding-left: var(--spacing-sm, 0.75rem);
13151
- justify-content: flex-start;
13152
- width: unset;
13153
- min-width: unset;
12824
+ /** THIS IS AN AUTOGENERATED FILE **/
12825
+ .Actions-module_actions__LTO83 {
12826
+ grid-area: actions;
12827
+ display: flex;
12828
+ flex-direction: column;
12829
+ flex-grow: 1;
12830
+ justify-content: center;
12831
+ align-items: center;
13154
12832
  }
13155
- @media (max-width: 767px) {
13156
- .GuidanceBlock-module_inline__Dq-OU .GuidanceBlock-module_buttonContainer__6-Ty-,
13157
- .GuidanceBlock-module_stacked__h3bUz .GuidanceBlock-module_buttonContainer__6-Ty- {
13158
- flex-direction: row-reverse;
12833
+ @media (min-width: 768px) {
12834
+ .Actions-module_actions__LTO83 {
12835
+ flex-direction: row;
12836
+ align-items: flex-start;
12837
+ justify-content: flex-end;
12838
+ margin-top: calc(-1 * var(--spacing-12, 0.75rem));
13159
12839
  }
13160
12840
  }
13161
- [dir=rtl] .GuidanceBlock-module_inline__Dq-OU .GuidanceBlock-module_buttonContainer__6-Ty-,
13162
- [dir=rtl] .GuidanceBlock-module_stacked__h3bUz .GuidanceBlock-module_buttonContainer__6-Ty- {
13163
- padding-left: 0;
13164
- padding-right: var(--spacing-sm, 0.75rem);
13165
- }
13166
- .GuidanceBlock-module_inline__Dq-OU .GuidanceBlock-module_buttonContainer__6-Ty- > *,
13167
- .GuidanceBlock-module_stacked__h3bUz .GuidanceBlock-module_buttonContainer__6-Ty- > * {
13168
- width: unset;
13169
- }
13170
- .GuidanceBlock-module_inline__Dq-OU.GuidanceBlock-module_hasSceneIllustration__CX8GF,
13171
- .GuidanceBlock-module_stacked__h3bUz.GuidanceBlock-module_hasSceneIllustration__CX8GF {
12841
+ /** THIS IS AN AUTOGENERATED FILE **/
12842
+ .Branding-module_branding__qp0rz {
13172
12843
  justify-content: center;
12844
+ grid-area: branding;
12845
+ display: flex;
12846
+ flex-grow: 1;
12847
+ padding-top: var(--spacing-4, 0.25rem);
13173
12848
  }
13174
- .GuidanceBlock-module_inline__Dq-OU.GuidanceBlock-module_centerContent__Cyd34,
13175
- .GuidanceBlock-module_stacked__h3bUz.GuidanceBlock-module_centerContent__Cyd34 {
13176
- flex-direction: column;
13177
- }
13178
- .GuidanceBlock-module_inline__Dq-OU.GuidanceBlock-module_centerContent__Cyd34.GuidanceBlock-module_hasSceneIllustration__CX8GF .GuidanceBlock-module_illustration__W7PwM,
13179
- .GuidanceBlock-module_stacked__h3bUz.GuidanceBlock-module_centerContent__Cyd34.GuidanceBlock-module_hasSceneIllustration__CX8GF .GuidanceBlock-module_illustration__W7PwM {
13180
- width: 100%;
13181
- }
13182
- .GuidanceBlock-module_inline__Dq-OU.GuidanceBlock-module_centerContent__Cyd34 .GuidanceBlock-module_illustrationWrapper__lIGaj,
13183
- .GuidanceBlock-module_stacked__h3bUz.GuidanceBlock-module_centerContent__Cyd34 .GuidanceBlock-module_illustrationWrapper__lIGaj {
13184
- margin: 0 auto;
13185
- align-self: center;
13186
- }
13187
- .GuidanceBlock-module_inline__Dq-OU.GuidanceBlock-module_centerContent__Cyd34 .GuidanceBlock-module_descriptionContainer__JyNJp,
13188
- .GuidanceBlock-module_stacked__h3bUz.GuidanceBlock-module_centerContent__Cyd34 .GuidanceBlock-module_descriptionContainer__JyNJp {
13189
- text-align: center;
13190
- min-width: unset;
12849
+ @media (min-width: 768px) {
12850
+ .Branding-module_branding__qp0rz {
12851
+ justify-content: unset;
12852
+ }
13191
12853
  }
13192
- [dir=rtl] .GuidanceBlock-module_inline__Dq-OU.GuidanceBlock-module_centerContent__Cyd34 .GuidanceBlock-module_descriptionContainer__JyNJp,
13193
- [dir=rtl] .GuidanceBlock-module_stacked__h3bUz.GuidanceBlock-module_centerContent__Cyd34 .GuidanceBlock-module_descriptionContainer__JyNJp {
13194
- text-align: center;
12854
+
12855
+ .Branding-module_logo__5dDZ6 {
12856
+ flex-basis: 7.5rem;
13195
12857
  }
13196
- .GuidanceBlock-module_inline__Dq-OU.GuidanceBlock-module_centerContent__Cyd34 .GuidanceBlock-module_buttonContainer__6-Ty-,
13197
- .GuidanceBlock-module_stacked__h3bUz.GuidanceBlock-module_centerContent__Cyd34 .GuidanceBlock-module_buttonContainer__6-Ty- {
13198
- padding: 0;
13199
- flex-direction: column;
13200
- min-width: unset;
12858
+ /** THIS IS AN AUTOGENERATED FILE **/
12859
+ /** THIS IS AN AUTOGENERATED FILE **/
12860
+ /** THIS IS AN AUTOGENERATED FILE **/
12861
+ .Root-module_root__q4CXr {
12862
+ display: grid;
12863
+ background-color: var(--color-white, #ffffff);
12864
+ grid-template: "branding" min-content "titles" max-content "actions" min-content/1fr;
12865
+ flex-grow: 1;
13201
12866
  justify-content: center;
12867
+ align-items: center;
12868
+ text-align: center;
12869
+ box-shadow: var(--shadow-small-box-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.06));
12870
+ padding: var(--spacing-24, 1.5rem);
12871
+ gap: var(--spacing-16, 1rem);
13202
12872
  }
13203
- .GuidanceBlock-module_inline__Dq-OU.GuidanceBlock-module_centerContent__Cyd34.GuidanceBlock-module_smallScreenTextAlignment__VI-fw .GuidanceBlock-module_descriptionContainer__JyNJp,
13204
- .GuidanceBlock-module_stacked__h3bUz.GuidanceBlock-module_centerContent__Cyd34.GuidanceBlock-module_smallScreenTextAlignment__VI-fw .GuidanceBlock-module_descriptionContainer__JyNJp {
13205
- text-align: left;
13206
- }
13207
- [dir=rtl] .GuidanceBlock-module_inline__Dq-OU.GuidanceBlock-module_centerContent__Cyd34.GuidanceBlock-module_smallScreenTextAlignment__VI-fw .GuidanceBlock-module_descriptionContainer__JyNJp,
13208
- [dir=rtl] .GuidanceBlock-module_stacked__h3bUz.GuidanceBlock-module_centerContent__Cyd34.GuidanceBlock-module_smallScreenTextAlignment__VI-fw .GuidanceBlock-module_descriptionContainer__JyNJp {
13209
- text-align: right;
12873
+ @media (min-width: 768px) {
12874
+ .Root-module_root__q4CXr {
12875
+ align-items: start;
12876
+ grid-template: "branding titles actions" min-content/1fr max-content 1fr;
12877
+ position: sticky;
12878
+ top: 0;
12879
+ z-index: 1;
12880
+ }
13210
12881
  }
13211
-
13212
- /* stylelint-disable no-descending-specificity */
13213
- .GuidanceBlock-module_stacked__h3bUz .GuidanceBlock-module_descriptionAndActions__2KGZQ {
13214
- flex-direction: column;
13215
- align-items: unset;
12882
+ .Main-module_main__ww911 {
12883
+ z-index: 0;
13216
12884
  }
13217
- .GuidanceBlock-module_stacked__h3bUz .GuidanceBlock-module_descriptionContainer__JyNJp {
13218
- align-self: flex-start;
12885
+ /** THIS IS AN AUTOGENERATED FILE **/
12886
+ .Wrapper-module_wrapper__-Y3pN {
12887
+ display: grid;
12888
+ grid-template-rows: min-content 1fr min-content;
12889
+ position: relative;
12890
+ min-height: 100vh;
12891
+ background: var(--color-gray-100, #f9f9f9);
13219
12892
  }
13220
-
13221
- /* stylelint-enable no-descending-specificity */