indicator-ui 0.1.122 → 0.1.124

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 (57) hide show
  1. package/dist/index.css +1768 -888
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +89 -32
  4. package/dist/index.js.map +1 -1
  5. package/dist/scss/styles/mixins/index.scss +0 -1
  6. package/dist/scss/styles/mixins/utils.scss +1 -3
  7. package/dist/scss/ui/Buttons/styles/mixins/baseButton.scss +1 -2
  8. package/dist/scss/ui/Buttons/styles/mixins/properties/link-black.scss +15 -33
  9. package/dist/scss/ui/Buttons/styles/mixins/properties/link-color.scss +15 -33
  10. package/dist/scss/ui/Buttons/styles/mixins/properties/link-gray.scss +27 -41
  11. package/dist/scss/ui/Buttons/styles/mixins/properties/primary.scss +20 -32
  12. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-color.scss +38 -62
  13. package/dist/scss/ui/Buttons/styles/mixins/properties/secondary-gray.scss +37 -63
  14. package/dist/scss/ui/Buttons/styles/mixins/properties/small.scss +7 -0
  15. package/dist/scss/ui/Buttons/styles/mixins/properties/tab-active.scss +39 -81
  16. package/dist/scss/ui/Buttons/styles/mixins/properties/tab.scss +39 -81
  17. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-color.scss +16 -78
  18. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-gray.scss +16 -34
  19. package/dist/scss/ui/Buttons/styles/mixins/properties/tertiary-white.scss +16 -78
  20. package/dist/scss/ui/Buttons/styles/mixins/properties/utils/button-color.scss +35 -0
  21. package/dist/scss/ui/Buttons/styles/mixins/properties/warning-link-color.scss +14 -35
  22. package/dist/scss/ui/Buttons/styles/mixins/properties/warning-primary.scss +21 -19
  23. package/dist/scss/ui/Buttons/styles/mixins/properties/warning-secondary-color.scss +37 -39
  24. package/dist/scss/ui/InputFields/DateTimeFieldMask/styles/mixins/states/dateTimeDefault.scss +24 -0
  25. package/dist/scss/ui/InputFields/DateTimeFieldMask/styles/mixins/states/dateTimeDisabled.scss +26 -0
  26. package/dist/scss/ui/InputFields/DateTimeFieldMask/styles/mixins/states/dateTimeError.scss +26 -0
  27. package/dist/scss/ui/InputFields/DateTimeFieldMask/styles/mixins/states/index.scss +3 -0
  28. package/dist/scss/ui/InputFields/DateTimeFieldMask/styles/mixins/utils/dateRangeFieldColor.scss +57 -0
  29. package/dist/scss/ui/MicroButton/styles/mixins/properties/blue-light.scss +15 -11
  30. package/dist/scss/ui/MicroButton/styles/mixins/properties/color-fill.scss +33 -10
  31. package/dist/scss/ui/MicroButton/styles/mixins/properties/color-hover.scss +33 -10
  32. package/dist/scss/ui/MicroButton/styles/mixins/properties/color.scss +15 -13
  33. package/dist/scss/ui/MicroButton/styles/mixins/properties/dark.scss +22 -9
  34. package/dist/scss/ui/MicroButton/styles/mixins/properties/gray-fill.scss +15 -13
  35. package/dist/scss/ui/MicroButton/styles/mixins/properties/gray.scss +15 -13
  36. package/dist/scss/ui/MicroButton/styles/mixins/properties/light.scss +33 -10
  37. package/dist/scss/ui/MicroButton/styles/mixins/properties/red-fill.scss +15 -13
  38. package/dist/scss/ui/MicroButton/styles/mixins/properties/red-hover.scss +15 -13
  39. package/dist/scss/ui/MicroButton/styles/mixins/properties/utils/micro-button-color.scss +20 -0
  40. package/dist/scss/ui/formFields/FormField/styles/mixins/states/formFieldDefault.scss +24 -0
  41. package/dist/scss/ui/formFields/FormField/styles/mixins/states/formFieldDisabled.scss +26 -0
  42. package/dist/scss/ui/formFields/FormField/styles/mixins/states/formFieldError.scss +26 -0
  43. package/dist/scss/ui/formFields/FormField/styles/mixins/states/formFieldErrorFocus.scss +26 -0
  44. package/dist/scss/ui/formFields/FormField/styles/mixins/states/formFieldFocus.scss +26 -0
  45. package/dist/scss/ui/formFields/FormField/styles/mixins/states/index.scss +5 -0
  46. package/dist/scss/ui/formFields/FormField/styles/mixins/utils/formFieldColor.scss +59 -0
  47. package/dist/scss/ui/formFields/mixins/index.scss +1 -0
  48. package/dist/scss/ui/formFields/mixins/input-color.scss +71 -0
  49. package/dist/ts/src/hooks/index.d.ts +1 -0
  50. package/dist/ts/src/hooks/useLoading.d.ts +17 -0
  51. package/dist/ts/src/test/pages/index.d.ts +1 -1
  52. package/dist/ts/src/ui/Buttons/types/ButtonTypes.d.ts +1 -1
  53. package/dist/ts/src/ui/formFields/FormPaginatedSelectField/hooks/useFormPaginatedSelectField.d.ts +1 -1
  54. package/docs/CSSVariables/CSSThemeCustomize.md +112 -135
  55. package/package.json +1 -1
  56. package/dist/scss/styles/mixins/formFieldMixins.scss +0 -55
  57. /package/dist/ts/src/test/pages/{MicroButtonsPage.d.ts → MicroButtonsPage/MicroButtonsPage.d.ts} +0 -0
package/dist/index.css CHANGED
@@ -211,7 +211,7 @@
211
211
  }
212
212
  .Buttons-module__button___I3yLe {
213
213
  cursor: pointer;
214
- transition: background-color ease-out 0.2s;
214
+ transition: background-color ease-out 0.2s, border-color ease-out 0.2s;
215
215
  border-radius: var(--ui-button-radius, 8px);
216
216
  position: relative;
217
217
  }
@@ -319,6 +319,15 @@
319
319
  font-weight: 400;
320
320
  font-family: var(--golos);
321
321
  }
322
+ .Buttons-module__button___I3yLe.Buttons-module__small___x1NQN .Buttons-module__counter___Q1fkM {
323
+ min-width: 20px;
324
+ height: 20px;
325
+ border-radius: 10px;
326
+ }
327
+ .Buttons-module__button___I3yLe.Buttons-module__small___x1NQN .Buttons-module__counter___Q1fkM {
328
+ font-size: 12px;
329
+ line-height: 12px;
330
+ }
322
331
  .Buttons-module__button___I3yLe.Buttons-module__medium___BZfsd {
323
332
  padding: 9px;
324
333
  }
@@ -407,36 +416,42 @@
407
416
  font-family: var(--golos);
408
417
  }
409
418
  .Buttons-module__button___I3yLe.Buttons-module__primary____crHN {
410
- border-radius: 8px;
419
+ border-radius: var(--ui-button-radius, 8px);
420
+ }
421
+ .Buttons-module__button___I3yLe.Buttons-module__primary____crHN {
411
422
  background-color: var(--ui-button-primary-background-color, var(--primary-500));
412
423
  border: 1px solid var(--ui-button-primary-border-color, transparent);
413
- box-shadow: var(--ui-button-primary-box-shadowr, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
424
+ box-shadow: var(--ui-button-primary-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
414
425
  }
415
426
  .Buttons-module__button___I3yLe.Buttons-module__primary____crHN .Buttons-module__loader___RXJzg > svg *,
416
427
  .Buttons-module__button___I3yLe.Buttons-module__primary____crHN .Buttons-module__icon___U2AOU > svg * {
417
428
  stroke: var(--ui-button-primary-icon-color, var(--base-white));
418
429
  }
430
+ .Buttons-module__button___I3yLe.Buttons-module__primary____crHN .Buttons-module__loader___RXJzg,
431
+ .Buttons-module__button___I3yLe.Buttons-module__primary____crHN .Buttons-module__icon___U2AOU {
432
+ color: var(--ui-button-primary-icon-color, var(--base-white));
433
+ }
419
434
  .Buttons-module__button___I3yLe.Buttons-module__primary____crHN .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__primary____crHN .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
420
435
  color: var(--ui-button-primary-text-color, var(--base-white));
421
436
  }
422
- @media only screen and (min-width: 1024px) {
423
- .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
424
- background-color: var(--ui-button-primary-background-color, var(--primary-600));
425
- border: 1px solid var(--ui-button-primary-border-color, transparent);
437
+ @media (hover: hover) {
438
+ .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active, .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
439
+ background-color: var(--ui-button-primary-hover-background-color, var(--primary-600));
440
+ border: 1px solid var(--ui-button-primary-hover-border-color, transparent);
441
+ box-shadow: var(--ui-button-primary-hover-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
426
442
  }
427
- .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
443
+ .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
444
+ .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
428
445
  .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
429
446
  stroke: var(--ui-button-primary-hover-icon-color, var(--base-white));
430
447
  }
431
- }
432
- @media (min-width: 481px) and (max-width: 1279px) {
433
- .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
434
- background-color: var(--ui-button-primary-background-color, var(--primary-600));
435
- border: 1px solid var(--ui-button-primary-border-color, transparent);
448
+ .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
449
+ .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
450
+ .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
451
+ color: var(--ui-button-primary-hover-icon-color, var(--base-white));
436
452
  }
437
- .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
438
- .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg * {
439
- stroke: var(--ui-button-primary-hover-icon-color, var(--base-white));
453
+ .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
454
+ color: var(--ui-button-primary-hover-text-color, var(--base-white));
440
455
  }
441
456
  }
442
457
  .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:disabled, .Buttons-module__button___I3yLe.Buttons-module__primary____crHN.Buttons-module__disabled___INiFx {
@@ -445,6 +460,8 @@
445
460
  }
446
461
  .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ {
447
462
  border-radius: var(--ui-button-radius, 8px);
463
+ }
464
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ {
448
465
  background-color: var(--ui-button-secondary-color-background-color, var(--base-white));
449
466
  border: 1px solid var(--ui-button-secondary-color-border-color, var(--primary-200));
450
467
  box-shadow: var(--ui-button-secondary-color-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
@@ -453,65 +470,77 @@
453
470
  .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__icon___U2AOU > svg * {
454
471
  stroke: var(--ui-button-secondary-color-icon-color, var(--primary-500));
455
472
  }
456
- .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
473
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__loader___RXJzg,
474
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__icon___U2AOU {
457
475
  color: var(--ui-button-secondary-color-icon-color, var(--primary-500));
458
476
  }
459
- @media only screen and (min-width: 1024px) {
460
- .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
477
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
478
+ color: var(--ui-button-secondary-color-text-color, var(--primary-500));
479
+ }
480
+ @media (hover: hover) {
481
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active, .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
461
482
  background-color: var(--ui-button-secondary-color-hover-background-color, var(--primary-50));
462
483
  border: 1px solid var(--ui-button-secondary-color-hover-border-color, var(--primary-300));
484
+ box-shadow: var(--ui-button-secondary-color-hover-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
463
485
  }
464
- .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
486
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
487
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
465
488
  .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
466
489
  stroke: var(--ui-button-secondary-color-hover-icon-color, var(--primary-500));
467
490
  }
468
- }
469
- @media (min-width: 481px) and (max-width: 1279px) {
470
- .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
471
- background-color: var(--ui-button-secondary-color-hover-background-color, var(--primary-50));
472
- border: 1px solid var(--ui-button-secondary-color-hover-border-color, var(--primary-300));
491
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
492
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
493
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
494
+ color: var(--ui-button-secondary-color-hover-icon-color, var(--primary-500));
473
495
  }
474
- .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
475
- .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg * {
476
- stroke: var(--ui-button-secondary-color-hover-icon-color, var(--primary-500));
496
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
497
+ color: var(--ui-button-secondary-color-hover-text-color, var(--primary-500));
477
498
  }
478
499
  }
479
500
  .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:disabled, .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ.Buttons-module__disabled___INiFx {
480
501
  opacity: 0.5;
502
+ pointer-events: none;
481
503
  }
482
504
  [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ {
483
505
  background-color: var(--ui-button-secondary-color-background-color, transparent);
484
506
  border: 1px solid var(--ui-button-secondary-color-border-color, var(--primary-900));
507
+ box-shadow: var(--ui-button-secondary-color-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
485
508
  }
486
509
  [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__loader___RXJzg > svg *,
487
510
  [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__icon___U2AOU > svg * {
488
511
  stroke: var(--ui-button-secondary-color-icon-color, var(--primary-500));
489
512
  }
513
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__loader___RXJzg,
514
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__icon___U2AOU {
515
+ color: var(--ui-button-secondary-color-icon-color, var(--primary-500));
516
+ }
490
517
  [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
491
518
  color: var(--ui-button-secondary-color-text-color, var(--primary-500));
492
519
  }
493
- @media only screen and (min-width: 1024px) {
494
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
520
+ @media (hover: hover) {
521
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
495
522
  background-color: var(--ui-button-secondary-color-hover-background-color, var(--primary-950));
496
523
  border: 1px solid var(--ui-button-secondary-color-hover-border-color, var(--primary-700));
524
+ box-shadow: var(--ui-button-secondary-color-hover-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
497
525
  }
498
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
526
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
527
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
499
528
  [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
500
529
  stroke: var(--ui-button-secondary-color-hover-icon-color, var(--primary-500));
501
530
  }
502
- }
503
- @media (min-width: 481px) and (max-width: 1279px) {
504
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
505
- background-color: var(--ui-button-secondary-color-hover-background-color, var(--primary-950));
506
- border: 1px solid var(--ui-button-secondary-color-hover-border-color, var(--primary-700));
531
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
532
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
533
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
534
+ color: var(--ui-button-secondary-color-hover-icon-color, var(--primary-500));
507
535
  }
508
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
509
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg * {
510
- stroke: var(--ui-button-secondary-color-hover-icon-color, var(--primary-500));
536
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
537
+ color: var(--ui-button-secondary-color-hover-text-color, var(--primary-500));
511
538
  }
512
539
  }
513
540
  .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne {
514
541
  border-radius: var(--ui-button-radius, 8px);
542
+ }
543
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne {
515
544
  background-color: var(--ui-button-secondary-gray-background-color, var(--base-white));
516
545
  border: 1px solid var(--ui-button-secondary-gray-border-color, var(--gray-300));
517
546
  box-shadow: var(--ui-button-secondary-gray-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
@@ -520,564 +549,610 @@
520
549
  .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__icon___U2AOU > svg * {
521
550
  stroke: var(--ui-button-secondary-gray-icon-color, var(--gray-700));
522
551
  }
523
- .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
552
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__loader___RXJzg,
553
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__icon___U2AOU {
524
554
  color: var(--ui-button-secondary-gray-icon-color, var(--gray-700));
525
555
  }
526
- @media only screen and (min-width: 1024px) {
527
- .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
528
- background-color: var(--ui-button-secondary-gray-hover-background-color, var(--gray-50));
529
- border: 1px solid var(--ui-button-secondary-gray-hover-border-color, var(--gray-300));
530
- }
531
- .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__text___htxqX {
532
- color: var(--ui-button-secondary-gray-hover-icon-color, var(--gray-800));
533
- }
556
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
557
+ color: var(--ui-button-secondary-gray-text-color, var(--gray-700));
534
558
  }
535
- @media (min-width: 481px) and (max-width: 1279px) {
536
- .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
559
+ @media (hover: hover) {
560
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active, .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
537
561
  background-color: var(--ui-button-secondary-gray-hover-background-color, var(--gray-50));
538
562
  border: 1px solid var(--ui-button-secondary-gray-hover-border-color, var(--gray-300));
563
+ box-shadow: var(--ui-button-secondary-gray-hover-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
539
564
  }
540
- .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__text___htxqX {
565
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
566
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
567
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
568
+ stroke: var(--ui-button-secondary-gray-hover-icon-color, var(--gray-800));
569
+ }
570
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
571
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
572
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
541
573
  color: var(--ui-button-secondary-gray-hover-icon-color, var(--gray-800));
542
574
  }
575
+ .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
576
+ color: var(--ui-button-secondary-gray-hover-text-color, var(--gray-800));
577
+ }
543
578
  }
544
579
  .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:disabled, .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne.Buttons-module__disabled___INiFx {
545
580
  opacity: 0.5;
546
581
  }
547
582
  [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne {
548
583
  background-color: var(--ui-button-secondary-gray-background-color, transparent);
549
- border: 1px solid var(--ui-button-secondary-gray-border-color, var(--gray-iron-700));
584
+ border: 1px solid var(--ui-button-secondary-gray-border-color, var(--gray-700));
550
585
  box-shadow: var(--ui-button-secondary-gray-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
551
586
  }
552
587
  [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__loader___RXJzg > svg *,
553
588
  [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__icon___U2AOU > svg * {
554
589
  stroke: var(--ui-button-secondary-gray-icon-color, var(--gray-200));
555
590
  }
591
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__loader___RXJzg,
592
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__icon___U2AOU {
593
+ color: var(--ui-button-secondary-gray-icon-color, var(--gray-200));
594
+ }
556
595
  [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
557
596
  color: var(--ui-button-secondary-gray-text-color, var(--gray-200));
558
597
  }
559
- @media only screen and (min-width: 1024px) {
560
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
598
+ @media (hover: hover) {
599
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
561
600
  background-color: var(--ui-button-secondary-gray-hover-background-color, var(--gray-800));
562
601
  border: 1px solid var(--ui-button-secondary-gray-hover-border-color, var(--gray-700));
602
+ box-shadow: var(--ui-button-secondary-gray-hover-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
563
603
  }
564
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__text___htxqX {
565
- color: var(--ui-button-secondary-gray-hover-icon-color, var(--gray-200));
566
- }
567
- }
568
- @media (min-width: 481px) and (max-width: 1279px) {
569
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
570
- background-color: var(--ui-button-secondary-gray-hover-background-color, var(--gray-800));
571
- border: 1px solid var(--ui-button-secondary-gray-hover-border-color, var(--gray-700));
604
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
605
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
606
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
607
+ stroke: var(--ui-button-secondary-gray-hover-icon-color, var(--gray-200));
572
608
  }
573
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__text___htxqX {
609
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
610
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
611
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
574
612
  color: var(--ui-button-secondary-gray-hover-icon-color, var(--gray-200));
575
613
  }
614
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
615
+ color: var(--ui-button-secondary-gray-hover-text-color, var(--gray-200));
616
+ }
576
617
  }
577
618
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq {
578
- border: 1px solid transparent;
579
- }
580
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__loader___RXJzg > svg * {
581
- stroke: var(--primary-100);
619
+ border: 1px solid var(--ui-button-tertiary-white-border-color, transparent);
582
620
  }
621
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__loader___RXJzg > svg *,
583
622
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__icon___U2AOU > svg * {
584
- stroke: var(--primary-100);
623
+ stroke: var(--ui-button-tertiary-white-icon-color, var(--primary-100));
624
+ }
625
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__loader___RXJzg,
626
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__icon___U2AOU {
627
+ color: var(--ui-button-tertiary-white-icon-color, var(--primary-100));
585
628
  }
586
629
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
587
- color: var(--primary-100);
630
+ color: var(--ui-button-tertiary-white-text-color, var(--primary-100));
588
631
  }
589
- @media only screen and (min-width: 1024px) {
590
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
591
- color: var(--base-white);
632
+ @media (hover: hover) {
633
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):active, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
634
+ border: 1px solid var(--ui-button-tertiary-white-hover-border-color, transparent);
592
635
  }
636
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
637
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
593
638
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
594
- stroke: var(--base-white);
639
+ stroke: var(--ui-button-tertiary-white-hover-icon-color, var(--base-white));
595
640
  }
596
- }
597
- @media (min-width: 481px) and (max-width: 1279px) {
598
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
599
- color: var(--base-white);
641
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
642
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
643
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
644
+ color: var(--ui-button-tertiary-white-hover-icon-color, var(--base-white));
600
645
  }
601
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg * {
602
- stroke: var(--base-white);
646
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
647
+ color: var(--ui-button-tertiary-white-hover-text-color, var(--base-white));
603
648
  }
604
649
  }
605
650
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:disabled, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq.Buttons-module__disabled___INiFx {
606
651
  opacity: 0.5;
607
- }
608
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__loader___RXJzg > svg * {
609
- stroke: var(--primary-100);
610
- }
611
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__icon___U2AOU > svg * {
612
- stroke: var(--primary-100);
613
- }
614
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
615
- color: var(--primary-100);
616
- }
617
- @media only screen and (min-width: 1024px) {
618
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
619
- color: var(--base-white);
620
- }
621
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
622
- stroke: var(--base-white);
623
- }
624
- }
625
- @media (min-width: 481px) and (max-width: 1279px) {
626
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
627
- color: var(--base-white);
628
- }
629
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg * {
630
- stroke: var(--base-white);
631
- }
652
+ pointer-events: none;
632
653
  }
633
654
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw {
634
- border: 1px solid transparent;
635
- }
636
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__loader___RXJzg > svg * {
637
- stroke: var(--primary-500);
655
+ border: 1px solid var(--ui-button-tertiary-color-border-color, transparent);
638
656
  }
657
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__loader___RXJzg > svg *,
639
658
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__icon___U2AOU > svg * {
640
- stroke: var(--primary-500);
659
+ stroke: var(--ui-button-tertiary-color-icon-color, var(--primary-500));
660
+ }
661
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__loader___RXJzg,
662
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__icon___U2AOU {
663
+ color: var(--ui-button-tertiary-color-icon-color, var(--primary-500));
641
664
  }
642
665
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
643
- color: var(--primary-500);
666
+ color: var(--ui-button-tertiary-color-text-color, var(--primary-500));
644
667
  }
645
- @media only screen and (min-width: 1024px) {
646
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
647
- color: var(--primary-700);
668
+ @media (hover: hover) {
669
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):active, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
670
+ border: 1px solid var(--ui-button-tertiary-color-hover-border-color, transparent);
648
671
  }
672
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
673
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
649
674
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
650
- stroke: var(--primary-700);
675
+ stroke: var(--ui-button-tertiary-color-hover-icon-color, var(--primary-700));
651
676
  }
652
- }
653
- @media (min-width: 481px) and (max-width: 1279px) {
654
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
655
- color: var(--primary-700);
677
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
678
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
679
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
680
+ color: var(--ui-button-tertiary-color-hover-icon-color, var(--primary-700));
656
681
  }
657
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg * {
658
- stroke: var(--primary-700);
682
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
683
+ color: var(--ui-button-tertiary-color-hover-text-color, var(--primary-700));
659
684
  }
660
685
  }
661
686
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:disabled, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw.Buttons-module__disabled___INiFx {
662
687
  opacity: 0.5;
663
- }
664
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__loader___RXJzg > svg * {
665
- stroke: var(--primary-500);
666
- }
667
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__icon___U2AOU > svg * {
668
- stroke: var(--primary-500);
669
- }
670
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
671
- color: var(--primary-500);
672
- }
673
- @media only screen and (min-width: 1024px) {
674
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
675
- color: var(--primary-700);
676
- }
677
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
678
- stroke: var(--primary-700);
679
- }
680
- }
681
- @media (min-width: 481px) and (max-width: 1279px) {
682
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
683
- color: var(--primary-700);
684
- }
685
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg * {
686
- stroke: var(--primary-700);
687
- }
688
+ pointer-events: none;
688
689
  }
689
690
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu {
690
- border: 1px solid transparent;
691
- }
692
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu .Buttons-module__loader___RXJzg > svg * {
693
- stroke: var(--gray-700);
691
+ border: 1px solid var(--ui-button-tertiary-gray-border-color, transparent);
694
692
  }
693
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu .Buttons-module__loader___RXJzg > svg *,
695
694
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu .Buttons-module__icon___U2AOU > svg * {
696
- stroke: var(--gray-700);
695
+ stroke: var(--ui-button-tertiary-gray-icon-color, var(--gray-700));
696
+ }
697
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu .Buttons-module__loader___RXJzg,
698
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu .Buttons-module__icon___U2AOU {
699
+ color: var(--ui-button-tertiary-gray-icon-color, var(--gray-700));
697
700
  }
698
701
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
699
- color: var(--gray-700);
702
+ color: var(--ui-button-tertiary-gray-text-color, var(--gray-700));
700
703
  }
701
- @media only screen and (min-width: 1024px) {
702
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
703
- color: var(--gray-900);
704
+ @media (hover: hover) {
705
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):active, .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
706
+ border: 1px solid var(--ui-button-tertiary-gray-hover-border-color, transparent);
704
707
  }
708
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
709
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
705
710
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
706
- stroke: var(--gray-900);
711
+ stroke: var(--ui-button-tertiary-gray-hover-icon-color, var(--gray-900));
707
712
  }
708
- }
709
- @media (min-width: 481px) and (max-width: 1279px) {
710
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
711
- color: var(--gray-900);
713
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
714
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
715
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
716
+ color: var(--ui-button-tertiary-gray-hover-icon-color, var(--gray-900));
712
717
  }
713
- .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg * {
714
- stroke: var(--gray-900);
718
+ .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
719
+ color: var(--ui-button-tertiary-gray-hover-text-color, var(--gray-900));
715
720
  }
716
721
  }
717
722
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:disabled, .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu.Buttons-module__disabled___INiFx {
718
723
  opacity: 0.5;
724
+ pointer-events: none;
719
725
  }
720
726
  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN {
721
727
  padding: 0 !important;
722
728
  gap: 4px;
723
729
  }
724
- .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__loader___RXJzg > svg * {
725
- stroke: var(--primary-500);
730
+ .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__content___lPb5_ {
731
+ padding: 0 !important;
726
732
  }
733
+ .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__loader___RXJzg > svg *,
727
734
  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__icon___U2AOU > svg * {
728
- stroke: var(--primary-500);
735
+ stroke: var(--ui-button-link-color-icon-color, var(--primary-500));
729
736
  }
730
- .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__content___lPb5_ {
731
- padding: 0 !important;
737
+ .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__loader___RXJzg,
738
+ .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__icon___U2AOU {
739
+ color: var(--ui-button-link-color-icon-color, var(--primary-500));
732
740
  }
733
741
  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
734
- color: var(--primary-500);
742
+ color: var(--ui-button-link-color-text-color, var(--primary-500));
735
743
  }
736
- @media only screen and (min-width: 1024px) {
737
- .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
738
- color: var(--primary-700);
739
- }
744
+ @media (hover: hover) {
745
+ .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
746
+ .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
740
747
  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
741
- stroke: var(--primary-700);
748
+ stroke: var(--ui-button-link-color-hover-icon-color, var(--primary-700));
742
749
  }
743
- }
744
- @media (min-width: 481px) and (max-width: 1279px) {
745
- .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
746
- color: var(--primary-700);
750
+ .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
751
+ .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
752
+ .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
753
+ color: var(--ui-button-link-color-hover-icon-color, var(--primary-700));
747
754
  }
748
- .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg * {
749
- stroke: var(--primary-700);
755
+ .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
756
+ color: var(--ui-button-link-color-hover-text-color, var(--primary-700));
750
757
  }
751
758
  }
752
759
  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:disabled, .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN.Buttons-module__disabled___INiFx {
753
760
  opacity: 0.5;
761
+ pointer-events: none;
754
762
  }
755
763
  .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t {
756
764
  padding: 0 !important;
757
765
  gap: 4px;
758
766
  }
759
- .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__loader___RXJzg > svg * {
760
- stroke: var(--gray-700);
767
+ .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__content___lPb5_ {
768
+ padding: 0 !important;
761
769
  }
770
+ .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__loader___RXJzg > svg *,
762
771
  .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__icon___U2AOU > svg * {
763
- stroke: var(--gray-700);
772
+ stroke: var(--ui-button-link-black-icon-color, var(--gray-700));
764
773
  }
765
- .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__content___lPb5_ {
766
- padding: 0 !important;
774
+ .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__loader___RXJzg,
775
+ .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__icon___U2AOU {
776
+ color: var(--ui-button-link-black-icon-color, var(--gray-700));
767
777
  }
768
778
  .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
769
- color: var(--gray-700);
779
+ color: var(--ui-button-link-black-text-color, var(--gray-700));
770
780
  }
771
- @media only screen and (min-width: 1024px) {
772
- .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
773
- color: var(--gray-900);
774
- }
781
+ @media (hover: hover) {
782
+ .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
783
+ .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
775
784
  .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
776
- stroke: var(--gray-900);
785
+ stroke: var(--ui-button-link-black-hover-icon-color, var(--gray-900));
777
786
  }
778
- }
779
- @media (min-width: 481px) and (max-width: 1279px) {
780
- .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
781
- color: var(--gray-900);
787
+ .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
788
+ .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
789
+ .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
790
+ color: var(--ui-button-link-black-hover-icon-color, var(--gray-900));
782
791
  }
783
- .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg * {
784
- stroke: var(--gray-900);
792
+ .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
793
+ color: var(--ui-button-link-black-hover-text-color, var(--gray-900));
785
794
  }
786
795
  }
787
796
  .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:disabled, .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t.Buttons-module__disabled___INiFx {
788
797
  opacity: 0.5;
798
+ pointer-events: none;
789
799
  }
790
800
  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd {
791
801
  padding: 0 !important;
792
802
  gap: 4px;
793
803
  }
794
- .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__loader___RXJzg > svg * {
795
- stroke: var(--gray-400);
804
+ .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__content___lPb5_ {
805
+ padding: 0 !important;
796
806
  }
807
+ .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__loader___RXJzg > svg *,
797
808
  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__icon___U2AOU > svg * {
798
- stroke: var(--gray-400);
809
+ stroke: var(--ui-button-link-gray-icon-color, var(--gray-400));
799
810
  }
800
- .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__content___lPb5_ {
801
- padding: 0 !important;
811
+ .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__loader___RXJzg,
812
+ .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__icon___U2AOU {
813
+ color: var(--ui-button-link-gray-icon-color, var(--gray-400));
802
814
  }
803
815
  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
804
- color: var(--gray-400);
816
+ color: var(--ui-button-link-gray-text-color, var(--gray-400));
805
817
  }
806
- @media only screen and (min-width: 1024px) {
807
- .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
808
- color: var(--gray-500);
809
- }
818
+ @media (hover: hover) {
819
+ .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
820
+ .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
810
821
  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
811
- stroke: var(--gray-500);
822
+ stroke: var(--ui-button-link-gray-hover-icon-color, var(--gray-500));
812
823
  }
813
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
814
- color: var(--base-white);
824
+ .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
825
+ .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
826
+ .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
827
+ color: var(--ui-button-link-gray-hover-icon-color, var(--gray-500));
815
828
  }
816
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
817
- stroke: var(--base-white);
829
+ .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
830
+ color: var(--ui-button-link-gray-hover-text-color, var(--gray-500));
818
831
  }
819
832
  }
820
- @media (min-width: 481px) and (max-width: 1279px) {
821
- .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
822
- color: var(--gray-500);
823
- }
824
- .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg * {
825
- stroke: var(--gray-500);
833
+ @media (hover: hover) {
834
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
835
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
836
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
837
+ stroke: var(--ui-button-link-gray-hover-icon-color, var(--base-white));
826
838
  }
827
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
828
- color: var(--base-white);
839
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
840
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
841
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
842
+ color: var(--ui-button-link-gray-hover-icon-color, var(--base-white));
829
843
  }
830
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg * {
831
- stroke: var(--base-white);
844
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
845
+ color: var(--ui-button-link-gray-hover-text-color, var(--base-white));
832
846
  }
833
847
  }
834
848
  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:disabled, .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd.Buttons-module__disabled___INiFx {
835
849
  opacity: 0.5;
850
+ pointer-events: none;
836
851
  }
837
852
  .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq {
838
- border-radius: 6px;
839
- background-color: var(--base-white);
840
- border: 1px solid transparent;
841
- box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
853
+ border-radius: var(--ui-button-tab-radius, 6px);
842
854
  }
843
- .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__loader___RXJzg > svg * {
844
- stroke: var(--gray-700);
855
+ .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq {
856
+ background-color: var(--ui-button-tab-active-background-color, var(--base-white));
857
+ border: 1px solid var(--ui-button-tab-active-border-color, transparent);
858
+ box-shadow: var(--ui-button-tab-active-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
845
859
  }
860
+ .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__loader___RXJzg > svg *,
846
861
  .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__icon___U2AOU > svg * {
847
- stroke: var(--gray-700);
862
+ stroke: var(--ui-button-tab-active-icon-color, var(--gray-700));
863
+ }
864
+ .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__loader___RXJzg,
865
+ .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__icon___U2AOU {
866
+ color: var(--ui-button-tab-active-icon-color, var(--gray-700));
848
867
  }
849
868
  .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
850
- color: var(--gray-700);
869
+ color: var(--ui-button-tab-active-text-color, var(--gray-700));
851
870
  }
852
- @media only screen and (min-width: 1024px) {
853
- .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover:hover .Buttons-module__icon___U2AOU > svg * {
854
- stroke: var(--gray-900);
871
+ @media (hover: hover) {
872
+ .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active, .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
873
+ background-color: var(--ui-button-tab-active-hover-background-color, var(--base-white));
874
+ border: 1px solid var(--ui-button-tab-active-hover-border-color, transparent);
875
+ box-shadow: var(--ui-button-tab-active-hover-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
855
876
  }
856
- .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover:hover .Buttons-module__text___htxqX {
857
- color: var(--gray-900);
877
+ .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
878
+ .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
879
+ .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
880
+ stroke: var(--ui-button-tab-active-hover-icon-color, var(--gray-900));
858
881
  }
859
- }
860
- @media (min-width: 481px) and (max-width: 1279px) {
861
- .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active:hover .Buttons-module__icon___U2AOU > svg * {
862
- stroke: var(--gray-900);
882
+ .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
883
+ .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
884
+ .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
885
+ color: var(--ui-button-tab-active-hover-icon-color, var(--gray-900));
863
886
  }
864
- .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active:hover .Buttons-module__text___htxqX {
865
- color: var(--gray-900);
887
+ .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
888
+ color: var(--ui-button-tab-active-hover-text-color, var(--gray-900));
866
889
  }
867
890
  }
868
891
  .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:disabled, .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq.Buttons-module__disabled___INiFx {
869
892
  opacity: 0.5;
893
+ pointer-events: none;
870
894
  }
871
895
  [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq {
872
- background-color: var(--gray-700);
873
- box-shadow: 0 1px 2px 0 rgba(5, 7, 12, 0.5411764706);
874
- }
875
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__loader___RXJzg > svg * {
876
- stroke: var(--gray-400);
896
+ background-color: var(--ui-button-tab-active-background-color, var(--gray-700));
897
+ border: 1px solid var(--ui-button-tab-active-border-color, transparent);
898
+ box-shadow: var(--ui-button-tab-active-box-shadow, 0 1px 2px 0 rgba(5, 7, 12, 0.5411764706));
877
899
  }
900
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__loader___RXJzg > svg *,
878
901
  [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__icon___U2AOU > svg * {
879
- stroke: var(--gray-400);
902
+ stroke: var(--ui-button-tab-active-icon-color, var(--gray-400));
903
+ }
904
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__loader___RXJzg,
905
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__icon___U2AOU {
906
+ color: var(--ui-button-tab-active-icon-color, var(--gray-400));
880
907
  }
881
908
  [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
882
- color: var(--gray-400);
909
+ color: var(--ui-button-tab-active-text-color, var(--gray-400));
883
910
  }
884
- @media only screen and (min-width: 1024px) {
885
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
886
- background-color: var(--gray-600);
911
+ @media (hover: hover) {
912
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
913
+ background-color: var(--ui-button-tab-active-hover-background-color, var(--gray-600));
914
+ border: 1px solid var(--ui-button-tab-active-hover-border-color, transparent);
915
+ box-shadow: var(--ui-button-tab-active-hover-box-shadow, 0 1px 2px 0 rgba(5, 7, 12, 0.5411764706));
887
916
  }
917
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
918
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
888
919
  [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
889
- stroke: var(--gray-200);
890
- }
891
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__text___htxqX {
892
- color: var(--gray-200);
893
- }
894
- }
895
- @media (min-width: 481px) and (max-width: 1279px) {
896
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
897
- background-color: var(--gray-600);
920
+ stroke: var(--ui-button-tab-active-hover-icon-color, var(--gray-200));
898
921
  }
899
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg * {
900
- stroke: var(--gray-200);
922
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
923
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
924
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
925
+ color: var(--ui-button-tab-active-hover-icon-color, var(--gray-200));
901
926
  }
902
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__text___htxqX {
903
- color: var(--gray-200);
927
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
928
+ color: var(--ui-button-tab-active-hover-text-color, var(--gray-200));
904
929
  }
905
930
  }
906
931
  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo {
907
- border-radius: 6px;
908
- background-color: var(--gray-100);
909
- border: 1px solid transparent;
910
- box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
932
+ border-radius: var(--ui-button-tab-radius, 6px);
911
933
  }
912
- .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__loader___RXJzg > svg * {
913
- stroke: var(--gray-500);
934
+ .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo {
935
+ background-color: var(--ui-button-tab-background-color, var(--gray-100));
936
+ border: 1px solid var(--ui-button-tab-border-color, transparent);
937
+ box-shadow: var(--ui-button-tab-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
914
938
  }
939
+ .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__loader___RXJzg > svg *,
915
940
  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__icon___U2AOU > svg * {
916
- stroke: var(--gray-500);
941
+ stroke: var(--ui-button-tab-icon-color, var(--gray-500));
942
+ }
943
+ .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__loader___RXJzg,
944
+ .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__icon___U2AOU {
945
+ color: var(--ui-button-tab-icon-color, var(--gray-500));
917
946
  }
918
947
  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
919
- color: var(--gray-500);
948
+ color: var(--ui-button-tab-text-color, var(--gray-500));
920
949
  }
921
- @media only screen and (min-width: 1024px) {
922
- .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
923
- background-color: var(--gray-200);
950
+ @media (hover: hover) {
951
+ .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active, .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
952
+ background-color: var(--ui-button-tab-hover-background-color, var(--gray-200));
953
+ border: 1px solid var(--ui-button-tab-hover-border-color, transparent);
954
+ box-shadow: var(--ui-button-tab-hover-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
924
955
  }
956
+ .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
957
+ .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
925
958
  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
926
- stroke: var(--gray-800);
927
- }
928
- .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__text___htxqX {
929
- color: var(--gray-800);
930
- }
931
- }
932
- @media (min-width: 481px) and (max-width: 1279px) {
933
- .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
934
- background-color: var(--gray-200);
959
+ stroke: var(--ui-button-tab-hover-icon-color, var(--gray-800));
935
960
  }
936
- .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg * {
937
- stroke: var(--gray-800);
961
+ .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
962
+ .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
963
+ .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
964
+ color: var(--ui-button-tab-hover-icon-color, var(--gray-800));
938
965
  }
939
- .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__text___htxqX {
940
- color: var(--gray-800);
966
+ .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
967
+ color: var(--ui-button-tab-hover-text-color, var(--gray-800));
941
968
  }
942
969
  }
943
970
  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:disabled, .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo.Buttons-module__disabled___INiFx {
944
971
  opacity: 0.5;
972
+ pointer-events: none;
945
973
  }
946
974
  [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo {
947
- background-color: var(--gray-900);
948
- box-shadow: 0 1px 2px 0 rgba(5, 7, 12, 0.5411764706);
949
- }
950
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__loader___RXJzg > svg * {
951
- stroke: var(--gray-400);
975
+ background-color: var(--ui-button-tab-background-color, var(--gray-900));
976
+ border: 1px solid var(--ui-button-tab-border-color, transparent);
977
+ box-shadow: var(--ui-button-tab-box-shadow, 0 1px 2px 0 rgba(5, 7, 12, 0.5411764706));
952
978
  }
979
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__loader___RXJzg > svg *,
953
980
  [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__icon___U2AOU > svg * {
954
- stroke: var(--gray-400);
981
+ stroke: var(--ui-button-tab-icon-color, var(--gray-400));
982
+ }
983
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__loader___RXJzg,
984
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__icon___U2AOU {
985
+ color: var(--ui-button-tab-icon-color, var(--gray-400));
955
986
  }
956
987
  [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
957
- color: var(--gray-400);
988
+ color: var(--ui-button-tab-text-color, var(--gray-400));
958
989
  }
959
- @media only screen and (min-width: 1024px) {
960
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
961
- background-color: var(--gray-800);
990
+ @media (hover: hover) {
991
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
992
+ background-color: var(--ui-button-tab-hover-background-color, var(--gray-800));
993
+ border: 1px solid var(--ui-button-tab-hover-border-color, transparent);
994
+ box-shadow: var(--ui-button-tab-hover-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
962
995
  }
996
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
997
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
963
998
  [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
964
- stroke: var(--gray-200);
999
+ stroke: var(--ui-button-tab-hover-icon-color, var(--gray-200));
965
1000
  }
966
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__text___htxqX {
967
- color: var(--gray-200);
968
- }
969
- }
970
- @media (min-width: 481px) and (max-width: 1279px) {
971
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
972
- background-color: var(--gray-800);
1001
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
1002
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
1003
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
1004
+ color: var(--ui-button-tab-hover-icon-color, var(--gray-200));
973
1005
  }
974
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg * {
975
- stroke: var(--gray-200);
976
- }
977
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__text___htxqX {
978
- color: var(--gray-200);
1006
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
1007
+ color: var(--ui-button-tab-hover-text-color, var(--gray-200));
979
1008
  }
980
1009
  }
981
1010
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN {
982
- border-radius: 8px;
983
- background-color: var(--error-500);
984
- border: 1px solid transparent;
985
- box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
1011
+ border-radius: var(--ui-button-radius, 8px);
986
1012
  }
987
- @media only screen and (min-width: 1024px) {
988
- .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
989
- border: 1px solid var(--error-600);
990
- background-color: var(--error-600);
1013
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN {
1014
+ background-color: var(--ui-button-primary-warning-background-color, var(--error-500));
1015
+ border: 1px solid var(--ui-button-primary-warning-border-color, transparent);
1016
+ box-shadow: var(--ui-button-primary-warning-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
1017
+ }
1018
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN .Buttons-module__loader___RXJzg > svg *,
1019
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN .Buttons-module__icon___U2AOU > svg * {
1020
+ stroke: var(--ui-button-primary-warning-icon-color, var(--base-white));
1021
+ }
1022
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN .Buttons-module__loader___RXJzg,
1023
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN .Buttons-module__icon___U2AOU {
1024
+ color: var(--ui-button-primary-warning-icon-color, var(--base-white));
1025
+ }
1026
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
1027
+ color: var(--ui-button-primary-warning-text-color, var(--base-white));
1028
+ }
1029
+ @media (hover: hover) {
1030
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
1031
+ background-color: var(--ui-button-primary-warning-hover-background-color, var(--error-600));
1032
+ border: 1px solid var(--ui-button-primary-warning-hover-border-color, transparent);
1033
+ box-shadow: var(--ui-button-primary-warning-hover-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
991
1034
  }
992
- .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
993
- border: 1px solid var(--error-500);
994
- background-color: var(--error-500);
1035
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
1036
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
1037
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
1038
+ stroke: var(--ui-button-primary-warning-hover-icon-color, var(--base-white));
995
1039
  }
996
- }
997
- @media (min-width: 481px) and (max-width: 1279px) {
998
- .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
999
- border: 1px solid var(--error-600);
1000
- background-color: var(--error-600);
1040
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
1041
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
1042
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
1043
+ color: var(--ui-button-primary-warning-hover-icon-color, var(--base-white));
1044
+ }
1045
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
1046
+ color: var(--ui-button-primary-warning-hover-text-color, var(--base-white));
1001
1047
  }
1002
1048
  }
1003
1049
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:disabled, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN.Buttons-module__disabled___INiFx {
1004
1050
  opacity: 0.3;
1005
1051
  }
1006
1052
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ {
1007
- border: 1px solid var(--error-200);
1008
- background-color: var(--base-white);
1009
- box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
1010
- }
1011
- .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__loader___RXJzg > svg * {
1012
- stroke: var(--error-500);
1053
+ background-color: var(--ui-button-secondary-color-warning-background-color, var(--base-white));
1054
+ border: 1px solid var(--ui-button-secondary-color-warning-border-color, var(--error-200));
1055
+ box-shadow: var(--ui-button-secondary-color-warning-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
1013
1056
  }
1057
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__loader___RXJzg > svg *,
1014
1058
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__icon___U2AOU > svg * {
1015
- stroke: var(--error-500);
1059
+ stroke: var(--ui-button-secondary-color-warning-icon-color, var(--error-500));
1060
+ }
1061
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__loader___RXJzg,
1062
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__icon___U2AOU {
1063
+ color: var(--ui-button-secondary-color-warning-icon-color, var(--error-500));
1016
1064
  }
1017
1065
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
1018
- color: var(--error-500);
1066
+ color: var(--ui-button-secondary-color-warning-text-color, var(--error-500));
1019
1067
  }
1020
- @media only screen and (min-width: 1024px) {
1021
- .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
1022
- background-color: var(--error-50);
1023
- border: 1px solid var(--error-400);
1068
+ @media (hover: hover) {
1069
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
1070
+ background-color: var(--ui-button-secondary-color-warning-hover-background-color, var(--error-50));
1071
+ border: 1px solid var(--ui-button-secondary-color-warning-hover-border-color, var(--error-400));
1072
+ box-shadow: var(--ui-button-secondary-color-warning-hover-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
1024
1073
  }
1025
- }
1026
- @media (min-width: 481px) and (max-width: 1279px) {
1027
- .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
1028
- background-color: var(--error-50);
1029
- border: 1px solid var(--error-400);
1074
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
1075
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
1076
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
1077
+ stroke: var(--ui-button-secondary-color-warning-hover-icon-color, var(--error-500));
1078
+ }
1079
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
1080
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
1081
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
1082
+ color: var(--ui-button-secondary-color-warning-hover-icon-color, var(--error-500));
1083
+ }
1084
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
1085
+ color: var(--ui-button-secondary-color-warning-hover-text-color, var(--error-500));
1030
1086
  }
1031
1087
  }
1032
1088
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:disabled, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ.Buttons-module__disabled___INiFx {
1033
1089
  opacity: 0.5;
1034
1090
  }
1035
1091
  [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ {
1036
- background-color: transparent;
1037
- border: 1px solid var(--error-600);
1092
+ background-color: var(--ui-button-secondary-color-warning-background-color, transparent);
1093
+ border: 1px solid var(--ui-button-secondary-color-warning-border-color, var(--error-600));
1094
+ box-shadow: var(--ui-button-secondary-color-warning-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
1038
1095
  }
1039
- @media only screen and (min-width: 1024px) {
1040
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
1041
- background-color: var(--error-950);
1042
- border: 1px solid var(--error-500);
1043
- }
1096
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__loader___RXJzg > svg *,
1097
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__icon___U2AOU > svg * {
1098
+ stroke: var(--ui-button-secondary-color-warning-icon-color, var(--error-500));
1044
1099
  }
1045
- @media (min-width: 481px) and (max-width: 1279px) {
1046
- [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
1047
- background-color: var(--error-950);
1048
- border: 1px solid var(--error-500);
1100
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__loader___RXJzg,
1101
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__icon___U2AOU {
1102
+ color: var(--ui-button-secondary-color-warning-icon-color, var(--error-500));
1103
+ }
1104
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
1105
+ color: var(--ui-button-secondary-color-warning-text-color, var(--error-500));
1106
+ }
1107
+ @media (hover: hover) {
1108
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover {
1109
+ background-color: var(--ui-button-secondary-color-warning-hover-background-color, var(--error-950));
1110
+ border: 1px solid var(--ui-button-secondary-color-warning-hover-border-color, var(--error-500));
1111
+ box-shadow: var(--ui-button-secondary-color-warning-hover-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
1112
+ }
1113
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
1114
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
1115
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
1116
+ stroke: var(--ui-button-secondary-color-warning-hover-icon-color, var(--error-500));
1117
+ }
1118
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
1119
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
1120
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
1121
+ color: var(--ui-button-secondary-color-warning-hover-icon-color, var(--error-500));
1122
+ }
1123
+ [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, [data-theme=dark] .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
1124
+ color: var(--ui-button-secondary-color-warning-hover-text-color, var(--error-500));
1049
1125
  }
1050
1126
  }
1127
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN .Buttons-module__loader___RXJzg > svg *,
1051
1128
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN .Buttons-module__icon___U2AOU > svg * {
1052
- stroke: var(--error-500);
1129
+ stroke: var(--ui-button-link-color-warning-icon-color, var(--error-500));
1053
1130
  }
1054
- .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN .Buttons-module__loader___RXJzg > svg * {
1055
- stroke: var(--error-500);
1056
- }
1057
- .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN .Buttons-module__content___lPb5_ {
1058
- padding: 0 !important;
1131
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN .Buttons-module__loader___RXJzg,
1132
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN .Buttons-module__icon___U2AOU {
1133
+ color: var(--ui-button-link-color-warning-icon-color, var(--error-500));
1059
1134
  }
1060
1135
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
1061
- color: var(--error-500);
1136
+ color: var(--ui-button-link-color-warning-text-color, var(--error-500));
1062
1137
  }
1063
- @media only screen and (min-width: 1024px) {
1064
- .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__text___htxqX {
1065
- color: var(--error-700);
1066
- }
1138
+ @media (hover: hover) {
1139
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg > svg *,
1140
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg *, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg > svg *,
1067
1141
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU > svg * {
1068
- stroke: var(--error-700);
1142
+ stroke: var(--ui-button-link-color-warning-hover-icon-color, var(--error-700));
1069
1143
  }
1070
- }
1071
- @media (min-width: 481px) and (max-width: 1279px) {
1072
- .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__text___htxqX {
1073
- color: var(--error-700);
1144
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__loader___RXJzg,
1145
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__loader___RXJzg,
1146
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__icon___U2AOU {
1147
+ color: var(--ui-button-link-color-warning-hover-icon-color, var(--error-700));
1074
1148
  }
1075
- .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__icon___U2AOU > svg * {
1076
- stroke: var(--error-700);
1149
+ .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):hover .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
1150
+ color: var(--ui-button-link-color-warning-hover-text-color, var(--error-700));
1077
1151
  }
1078
1152
  }
1079
1153
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:disabled, .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN.Buttons-module__disabled___INiFx {
1080
1154
  opacity: 0.5;
1155
+ pointer-events: none;
1081
1156
  }
1082
1157
  .Buttons-module__button___I3yLe:disabled, .Buttons-module__button___I3yLe.Buttons-module__disabled___INiFx {
1083
1158
  cursor: default;
@@ -1106,221 +1181,220 @@
1106
1181
  flex: none;
1107
1182
  }
1108
1183
  .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3 {
1109
- background: none;
1110
- border: 1px solid transparent;
1184
+ background-color: var(--ui-micro-button-light-background-color, transparent);
1185
+ border: 1px solid var(--ui-micro-button-light-border-color, transparent);
1111
1186
  }
1112
1187
  .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3 > svg * {
1113
- stroke: var(--gray-400);
1188
+ stroke: var(--ui-micro-button-light-icon-color, var(--gray-400));
1114
1189
  }
1115
- @media only screen and (min-width: 1024px) {
1116
- .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:not(.MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:disabled):hover {
1117
- background-color: var(--gray-200);
1190
+ @media (hover: hover) {
1191
+ .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:active, .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:not(.MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:disabled):hover {
1192
+ background-color: var(--ui-micro-button-light-hover-background-color, var(--gray-200));
1193
+ border: 1px solid var(--ui-micro-button-light-hover-border-color, transparent);
1118
1194
  }
1119
- .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:not(.MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:disabled):hover > svg * {
1120
- stroke: var(--gray-600);
1195
+ .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:active > svg *, .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:not(.MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:disabled):hover > svg * {
1196
+ stroke: var(--ui-micro-button-light-hover-icon-color, var(--gray-400));
1121
1197
  }
1122
1198
  }
1123
- @media (min-width: 481px) and (max-width: 1279px) {
1124
- .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:active {
1125
- background-color: var(--gray-200);
1199
+ [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3 {
1200
+ background-color: var(--ui-micro-button-light-background-color, transparent);
1201
+ border: 1px solid var(--ui-micro-button-light-border-color, transparent);
1202
+ }
1203
+ [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3 > svg * {
1204
+ stroke: var(--ui-micro-button-light-icon-color, var(--gray-500));
1205
+ }
1206
+ @media (hover: hover) {
1207
+ [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:active, [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:not([data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:disabled):hover {
1208
+ background-color: var(--ui-micro-button-light-hover-background-color, var(--gray-800));
1209
+ border: 1px solid var(--ui-micro-button-light-hover-border-color, transparent);
1126
1210
  }
1127
- .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:active > svg * {
1128
- stroke: var(--gray-600);
1211
+ [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:active > svg *, [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:not([data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:disabled):hover > svg * {
1212
+ stroke: var(--ui-micro-button-light-hover-icon-color, var(--gray-400));
1129
1213
  }
1130
1214
  }
1131
1215
  .MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u {
1132
1216
  background-color: rgba(12, 17, 29, 0.5019607843);
1133
- border: 1px solid transparent;
1217
+ }
1218
+ .MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u {
1219
+ background-color: var(--ui-micro-button-dark-background-color, rgba(12, 17, 29, 0.5019607843));
1220
+ border: 1px solid var(--ui-micro-button-dark-border-color, transparent);
1134
1221
  }
1135
1222
  .MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u > svg * {
1136
- stroke: var(--base-white);
1223
+ stroke: var(--ui-micro-button-dark-icon-color, var(--base-white));
1137
1224
  }
1138
- @media only screen and (min-width: 1024px) {
1139
- .MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u:not(.MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u:disabled):hover {
1140
- background-color: rgba(12, 17, 29, 0.8);
1141
- }
1225
+ .MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u svg {
1226
+ opacity: 0.5;
1142
1227
  }
1143
- @media (min-width: 481px) and (max-width: 1279px) {
1144
- .MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u:active {
1145
- background-color: rgba(12, 17, 29, 0.8);
1228
+ @media (hover: hover) {
1229
+ .MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u:active, .MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u:not(.MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u:disabled):hover {
1230
+ background-color: var(--ui-micro-button-dark-hover-background-color, rgba(12, 17, 29, 0.8));
1231
+ border: 1px solid var(--ui-micro-button-dark-hover-border-color, transparent);
1232
+ }
1233
+ .MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u:active > svg *, .MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u:not(.MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u:disabled):hover > svg * {
1234
+ stroke: var(--ui-micro-button-dark-hover-icon-color, var(--base-white));
1235
+ }
1236
+ .MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u:active svg, .MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u:not(.MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u:disabled):hover svg {
1237
+ opacity: 1;
1146
1238
  }
1147
1239
  }
1148
1240
  .MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2 {
1149
- background-color: transparent;
1150
- border: 1px solid transparent;
1241
+ background-color: var(--ui-micro-button-gray-background-color, transparent);
1242
+ border: 1px solid var(--ui-micro-button-gray-border-color, transparent);
1151
1243
  }
1152
1244
  .MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2 > svg * {
1153
- stroke: var(--gray-500);
1245
+ stroke: var(--ui-micro-button-gray-icon-color, var(--gray-500));
1154
1246
  }
1155
- @media only screen and (min-width: 1024px) {
1156
- .MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2:not(.MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2:disabled):hover {
1157
- background-color: var(--base-white);
1158
- }
1159
- .MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2:not(.MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2:disabled):hover > svg * {
1160
- stroke: var(--gray-600);
1161
- }
1162
- }
1163
- @media (min-width: 481px) and (max-width: 1279px) {
1164
- .MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2:active {
1165
- background-color: var(--base-white);
1247
+ @media (hover: hover) {
1248
+ .MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2:active, .MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2:not(.MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2:disabled):hover {
1249
+ background-color: var(--ui-micro-button-gray-hover-background-color, var(--base-white));
1250
+ border: 1px solid var(--ui-micro-button-gray-hover-border-color, transparent);
1166
1251
  }
1167
- .MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2:active > svg * {
1168
- stroke: var(--gray-600);
1252
+ .MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2:active > svg *, .MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2:not(.MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2:disabled):hover > svg * {
1253
+ stroke: var(--ui-micro-button-gray-hover-icon-color, var(--gray-600));
1169
1254
  }
1170
1255
  }
1171
1256
  .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e {
1172
- background: none;
1173
- border: 1px solid transparent;
1257
+ background-color: var(--ui-micro-button-color-background-color, transparent);
1258
+ border: 1px solid var(--ui-micro-button-color-border-color, transparent);
1174
1259
  }
1175
1260
  .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e > svg * {
1176
- stroke: var(--primary-500);
1261
+ stroke: var(--ui-micro-button-color-icon-color, var(--primary-500));
1177
1262
  }
1178
- @media only screen and (min-width: 1024px) {
1179
- .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:not(.MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:disabled):hover {
1180
- background-color: var(--base-white);
1181
- }
1182
- .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:not(.MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:disabled):hover > svg * {
1183
- stroke: var(--primary-600);
1184
- }
1185
- }
1186
- @media (min-width: 481px) and (max-width: 1279px) {
1187
- .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:active {
1188
- background-color: var(--base-white);
1263
+ @media (hover: hover) {
1264
+ .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:active, .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:not(.MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:disabled):hover {
1265
+ background-color: var(--ui-micro-button-color-hover-background-color, var(--base-white));
1266
+ border: 1px solid var(--ui-micro-button-color-hover-border-color, transparent);
1189
1267
  }
1190
- .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:active > svg * {
1191
- stroke: var(--primary-600);
1268
+ .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:active > svg *, .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:not(.MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:disabled):hover > svg * {
1269
+ stroke: var(--ui-micro-button-color-hover-icon-color, var(--primary-600));
1192
1270
  }
1193
1271
  }
1194
1272
  .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7 {
1195
- background: none;
1196
- border: 1px solid transparent;
1273
+ background-color: var(--ui-micro-button-color-hover-background-color, transparent);
1274
+ border: 1px solid var(--ui-micro-button-color-hover-border-color, transparent);
1197
1275
  }
1198
1276
  .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7 > svg * {
1199
- stroke: var(--primary-400);
1277
+ stroke: var(--ui-micro-button-color-hover-icon-color, var(--primary-400));
1200
1278
  }
1201
- @media only screen and (min-width: 1024px) {
1202
- .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:not(.MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:disabled):hover {
1203
- background-color: var(--primary-100);
1279
+ @media (hover: hover) {
1280
+ .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:active, .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:not(.MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:disabled):hover {
1281
+ background-color: var(--ui-micro-button-color-hover-hover-background-color, var(--primary-100));
1282
+ border: 1px solid var(--ui-micro-button-color-hover-hover-border-color, transparent);
1204
1283
  }
1205
- .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:not(.MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:disabled):hover > svg * {
1206
- stroke: var(--primary-500);
1284
+ .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:active > svg *, .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:not(.MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:disabled):hover > svg * {
1285
+ stroke: var(--ui-micro-button-color-hover-hover-icon-color, var(--primary-500));
1207
1286
  }
1208
1287
  }
1209
- @media (min-width: 481px) and (max-width: 1279px) {
1210
- .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:active {
1211
- background-color: var(--primary-100);
1288
+ [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7 {
1289
+ background-color: var(--ui-micro-button-color-hover-background-color, transparent);
1290
+ border: 1px solid var(--ui-micro-button-color-hover-border-color, transparent);
1291
+ }
1292
+ [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7 > svg * {
1293
+ stroke: var(--ui-micro-button-color-hover-icon-color, var(--primary-600));
1294
+ }
1295
+ @media (hover: hover) {
1296
+ [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:active, [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:not([data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:disabled):hover {
1297
+ background-color: var(--ui-micro-button-color-hover-hover-background-color, var(--primary-900));
1298
+ border: 1px solid var(--ui-micro-button-color-hover-hover-border-color, transparent);
1212
1299
  }
1213
- .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:active > svg * {
1214
- stroke: var(--primary-500);
1300
+ [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:active > svg *, [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:not([data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:disabled):hover > svg * {
1301
+ stroke: var(--ui-micro-button-color-hover-hover-icon-color, var(--primary-500));
1215
1302
  }
1216
1303
  }
1217
1304
  .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq {
1218
- background: none;
1219
- border: 1px solid transparent;
1305
+ background-color: var(--ui-micro-button-error-hover-background-color, transparent);
1306
+ border: 1px solid var(--ui-micro-button-error-hover-border-color, transparent);
1220
1307
  }
1221
1308
  .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq > svg * {
1222
- stroke: var(--error-400);
1309
+ stroke: var(--ui-micro-button-error-hover-icon-color, var(--error-400));
1223
1310
  }
1224
- @media only screen and (min-width: 1024px) {
1225
- .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq:not(.MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq:disabled):hover {
1226
- background-color: var(--error-100);
1227
- }
1228
- .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq:not(.MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq:disabled):hover > svg * {
1229
- stroke: var(--error-500);
1230
- }
1231
- }
1232
- @media (min-width: 481px) and (max-width: 1279px) {
1233
- .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq:active {
1234
- background-color: var(--error-100);
1311
+ @media (hover: hover) {
1312
+ .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq:active, .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq:not(.MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq:disabled):hover {
1313
+ background-color: var(--ui-micro-button-error-hover-hover-background-color, var(--error-100));
1314
+ border: 1px solid var(--ui-micro-button-error-hover-hover-border-color, transparent);
1235
1315
  }
1236
- .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq:active > svg * {
1237
- stroke: var(--error-500);
1316
+ .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq:active > svg *, .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq:not(.MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq:disabled):hover > svg * {
1317
+ stroke: var(--ui-micro-button-error-hover-hover-icon-color, var(--error-500));
1238
1318
  }
1239
1319
  }
1240
1320
  .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74 {
1241
- background: var(--base-white);
1242
- border: 1px solid var(--primary-200);
1321
+ background-color: var(--ui-micro-button-color-fill-background-color, var(--base-white));
1322
+ border: 1px solid var(--ui-micro-button-color-fill-border-color, var(--primary-200));
1243
1323
  }
1244
1324
  .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74 > svg * {
1245
- stroke: var(--primary-500);
1325
+ stroke: var(--ui-micro-button-color-fill-icon-color, var(--primary-500));
1246
1326
  }
1247
- @media only screen and (min-width: 1024px) {
1248
- .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:not(.MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:disabled):hover {
1249
- background: var(--primary-50);
1327
+ @media (hover: hover) {
1328
+ .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:active, .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:not(.MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:disabled):hover {
1329
+ background-color: var(--ui-micro-button-color-fill-hover-background-color, var(--primary-50));
1330
+ border: 1px solid var(--ui-micro-button-color-fill-hover-border-color, var(--primary-200));
1250
1331
  }
1251
- .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:not(.MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:disabled):hover > svg * {
1252
- stroke: var(--primary-500);
1332
+ .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:active > svg *, .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:not(.MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:disabled):hover > svg * {
1333
+ stroke: var(--ui-micro-button-color-fill-hover-icon-color, var(--primary-500));
1253
1334
  }
1254
1335
  }
1255
- @media (min-width: 481px) and (max-width: 1279px) {
1256
- .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:active {
1257
- background: var(--primary-50);
1336
+ [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74 {
1337
+ background-color: var(--ui-micro-button-color-fill-background-color, var(--gray-900));
1338
+ border: 1px solid var(--ui-micro-button-color-fill-border-color, var(--primary-900));
1339
+ }
1340
+ [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74 > svg * {
1341
+ stroke: var(--ui-micro-button-color-fill-icon-color, var(--primary-500));
1342
+ }
1343
+ @media (hover: hover) {
1344
+ [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:active, [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:not([data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:disabled):hover {
1345
+ background-color: var(--ui-micro-button-color-fill-hover-background-color, var(--primary-950));
1346
+ border: 1px solid var(--ui-micro-button-color-fill-hover-border-color, var(--primary-900));
1258
1347
  }
1259
- .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:active > svg * {
1260
- stroke: var(--primary-500);
1348
+ [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:active > svg *, [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:not([data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:disabled):hover > svg * {
1349
+ stroke: var(--ui-micro-button-color-fill-hover-icon-color, var(--primary-500));
1261
1350
  }
1262
1351
  }
1263
1352
  .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4 {
1264
- background: var(--base-white);
1265
- border: 1px solid var(--gray-300);
1353
+ background-color: var(--ui-micro-button-gray-fill-background-color, var(--base-white));
1354
+ border: 1px solid var(--ui-micro-button-gray-fill-border-color, var(--gray-300));
1266
1355
  }
1267
1356
  .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4 > svg * {
1268
- stroke: var(--gray-700);
1357
+ stroke: var(--ui-micro-button-gray-fill-icon-color, var(--gray-700));
1269
1358
  }
1270
- @media only screen and (min-width: 1024px) {
1271
- .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4:not(.MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4:disabled):hover {
1272
- background: var(--gray-50);
1273
- }
1274
- .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4:not(.MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4:disabled):hover > svg * {
1275
- stroke: var(--gray-900);
1276
- }
1277
- }
1278
- @media (min-width: 481px) and (max-width: 1279px) {
1279
- .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4:active {
1280
- background: var(--gray-50);
1359
+ @media (hover: hover) {
1360
+ .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4:active, .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4:not(.MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4:disabled):hover {
1361
+ background-color: var(--ui-micro-button-gray-fill-hover-background-color, var(--gray-50));
1362
+ border: 1px solid var(--ui-micro-button-gray-fill-hover-border-color, var(--gray-300));
1281
1363
  }
1282
- .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4:active > svg * {
1283
- stroke: var(--gray-900);
1364
+ .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4:active > svg *, .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4:not(.MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4:disabled):hover > svg * {
1365
+ stroke: var(--ui-micro-button-gray-fill-hover-icon-color, var(--gray-900));
1284
1366
  }
1285
1367
  }
1286
1368
  .MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX {
1287
- background: var(--base-white);
1288
- border: 1px solid var(--error-300);
1369
+ background-color: var(--ui-micro-button-red-fill-background-color, var(--base-white));
1370
+ border: 1px solid var(--ui-micro-button-red-fill-border-color, var(--error-300));
1289
1371
  }
1290
1372
  .MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX > svg * {
1291
- stroke: var(--error-500);
1292
- }
1293
- @media only screen and (min-width: 1024px) {
1294
- .MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX:not(.MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX:disabled):hover {
1295
- background: var(--error-50);
1296
- }
1297
- .MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX:not(.MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX:disabled):hover > svg * {
1298
- stroke: var(--error-600);
1299
- }
1373
+ stroke: var(--ui-micro-button-red-fill-icon-color, var(--error-500));
1300
1374
  }
1301
- @media (min-width: 481px) and (max-width: 1279px) {
1302
- .MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX:active {
1303
- background: var(--error-50);
1375
+ @media (hover: hover) {
1376
+ .MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX:active, .MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX:not(.MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX:disabled):hover {
1377
+ background-color: var(--ui-micro-button-red-fill-hover-background-color, var(--error-50));
1378
+ border: 1px solid var(--ui-micro-button-red-fill-hover-border-color, var(--error-300));
1304
1379
  }
1305
- .MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX:active > svg * {
1306
- stroke: var(--error-600);
1380
+ .MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX:active > svg *, .MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX:not(.MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX:disabled):hover > svg * {
1381
+ stroke: var(--ui-micro-button-red-fill-hover-icon-color, var(--error-600));
1307
1382
  }
1308
1383
  }
1309
1384
  .MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5 {
1310
- background: none;
1311
- border: 1px solid transparent;
1385
+ background-color: var(--ui-micro-button-blue-light-background-color, transparent);
1386
+ border: 1px solid var(--ui-micro-button-blue-light-border-color, transparent);
1312
1387
  }
1313
1388
  .MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5 > svg * {
1314
- stroke: var(--primary-50);
1389
+ stroke: var(--ui-micro-button-blue-light-icon-color, var(--primary-50));
1315
1390
  }
1316
- @media only screen and (min-width: 1024px) {
1317
- .MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5:not(.MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5:disabled):hover > svg * {
1318
- stroke: var(--primary-200);
1391
+ @media (hover: hover) {
1392
+ .MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5:active, .MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5:not(.MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5:disabled):hover {
1393
+ background-color: var(--ui-micro-button-blue-light-hover-background-color, transparent);
1394
+ border: 1px solid var(--ui-micro-button-blue-light-hover-border-color, transparent);
1319
1395
  }
1320
- }
1321
- @media (min-width: 481px) and (max-width: 1279px) {
1322
- .MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5:active > svg * {
1323
- stroke: var(--primary-200);
1396
+ .MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5:active > svg *, .MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5:not(.MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5:disabled):hover > svg * {
1397
+ stroke: var(--ui-micro-button-blue-light-hover-icon-color, var(--primary-200));
1324
1398
  }
1325
1399
  }
1326
1400
  .MicroButton-module__button___QMj95.MicroButton-module__size14___qZD63 {
@@ -1355,57 +1429,34 @@
1355
1429
  width: 16px;
1356
1430
  height: 16px;
1357
1431
  }
1358
- .MicroButton-module__button___QMj95.MicroButton-module__size28___KCc7P {
1359
- border-radius: 4px;
1360
- padding: 3px;
1361
- }
1362
- .MicroButton-module__button___QMj95.MicroButton-module__size28___KCc7P > svg {
1363
- width: 20px;
1364
- height: 20px;
1365
- }
1366
- .MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL {
1367
- background: none;
1368
- border: 1px solid transparent;
1369
- }
1370
- .MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL > svg * {
1371
- stroke: var(--rose-600);
1372
- }
1373
- @media only screen and (min-width: 1024px) {
1374
- .MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL:not(.MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL:disabled):hover {
1375
- background-color: var(--rose-900);
1376
- }
1377
- .MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL:not(.MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL:disabled):hover > svg * {
1378
- stroke: var(--rose-500);
1379
- }
1380
- }
1381
- @media (min-width: 481px) and (max-width: 1279px) {
1382
- .MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL:active {
1383
- background-color: var(--rose-900);
1384
- }
1385
- .MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL:active > svg * {
1386
- stroke: var(--rose-500);
1387
- }
1432
+ .MicroButton-module__button___QMj95.MicroButton-module__size28___KCc7P {
1433
+ border-radius: 4px;
1434
+ padding: 3px;
1388
1435
  }
1389
- [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7 {
1436
+ .MicroButton-module__button___QMj95.MicroButton-module__size28___KCc7P > svg {
1437
+ width: 20px;
1438
+ height: 20px;
1439
+ }
1440
+ .MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL {
1390
1441
  background: none;
1391
1442
  border: 1px solid transparent;
1392
1443
  }
1393
- [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7 > svg * {
1444
+ .MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL > svg * {
1394
1445
  stroke: var(--rose-600);
1395
1446
  }
1396
1447
  @media only screen and (min-width: 1024px) {
1397
- [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:not([data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:disabled):hover {
1448
+ .MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL:not(.MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL:disabled):hover {
1398
1449
  background-color: var(--rose-900);
1399
1450
  }
1400
- [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:not([data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:disabled):hover > svg * {
1451
+ .MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL:not(.MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL:disabled):hover > svg * {
1401
1452
  stroke: var(--rose-500);
1402
1453
  }
1403
1454
  }
1404
1455
  @media (min-width: 481px) and (max-width: 1279px) {
1405
- [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:active {
1456
+ .MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL:active {
1406
1457
  background-color: var(--rose-900);
1407
1458
  }
1408
- [data-theme=dark] .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:active > svg * {
1459
+ .MicroButton-module__button___QMj95.MicroButton-module__rose___zhyPL:active > svg * {
1409
1460
  stroke: var(--rose-500);
1410
1461
  }
1411
1462
  }
@@ -1564,59 +1615,249 @@
1564
1615
  flex: none;
1565
1616
  }
1566
1617
  .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) {
1567
- background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--base-white)));
1568
- border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-400)));
1569
- box-shadow: var(--ui-form-field-focus-box-shadow, var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922)));
1570
- color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-900)));
1618
+ background-color: var(--ui-form-field-focus-background-color, var(--base-white));
1619
+ border: 1px solid var(--ui-form-field-focus-border-color, var(--gray-400));
1620
+ box-shadow: var(--ui-form-field-focus-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
1621
+ caret: var(--gray-900);
1622
+ }
1623
+ .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) {
1624
+ color: var(--ui-form-field-focus-text-color, var(--gray-900));
1625
+ }
1626
+ .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__textSupport___WGMzj {
1627
+ caret: var(--gray-900);
1628
+ }
1629
+ .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__textSupport___WGMzj {
1630
+ color: var(--ui-form-field-focus-text-color, var(--gray-900));
1631
+ }
1632
+ .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1 {
1633
+ background-color: var(--ui-form-field-focus-background-color, var(--base-white));
1634
+ caret: var(--gray-900);
1635
+ }
1636
+ .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1 {
1637
+ color: var(--ui-form-field-focus-text-color, var(--gray-900));
1638
+ }
1639
+ .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:-webkit-autofill, .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:-webkit-autofill:hover, .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:-webkit-autofill:active {
1640
+ transition: none;
1641
+ -webkit-text-fill-color: var(--ui-form-field-focus--text-color, var(--gray-900)) !important;
1642
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus--background-color, var(--base-white)) inset;
1643
+ }
1644
+ .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:-webkit-autofill:focus {
1645
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus--background-color, var(--base-white)) inset;
1646
+ }
1647
+ .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:auto-fill, .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:autofill {
1648
+ color: var(--ui-form-field-focus--text-color, var(--gray-900)) !important;
1649
+ }
1650
+ .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1::placeholder, .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1.FlexField-module__placeholder___LYS5Z {
1651
+ color: var(--ui-form-field-focus-placeholder-color, var(--gray-400));
1652
+ }
1653
+ .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__icon___pHmKh > svg * {
1654
+ stroke: var(--ui-form-field-focus-icon-color, var(--gray-400));
1655
+ }
1656
+ [data-theme=dark] .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) {
1657
+ background-color: var(--ui-form-field-focus-background-color, var(--gray-950));
1658
+ border: 1px solid var(--ui-form-field-focus-border-color, var(--gray-700));
1659
+ box-shadow: var(--ui-form-field-focus-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
1660
+ caret: var(--gray-25);
1571
1661
  }
1572
1662
  [data-theme=dark] .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) {
1573
- background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--gray-950)));
1574
- border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-700)));
1575
- box-shadow: var(--ui-form-field-focus-box-shadow, var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922)));
1576
- color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-25)));
1663
+ color: var(--ui-form-field-focus-text-color, var(--gray-25));
1664
+ }
1665
+ [data-theme=dark] .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__textSupport___WGMzj {
1666
+ caret: var(--gray-25);
1667
+ }
1668
+ [data-theme=dark] .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__textSupport___WGMzj {
1669
+ color: var(--ui-form-field-focus-text-color, var(--gray-25));
1670
+ }
1671
+ [data-theme=dark] .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1 {
1672
+ background-color: var(--ui-form-field-focus-background-color, var(--gray-950));
1673
+ caret: var(--gray-25);
1674
+ }
1675
+ [data-theme=dark] .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1 {
1676
+ color: var(--ui-form-field-focus-text-color, var(--gray-25));
1677
+ }
1678
+ [data-theme=dark] .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:-webkit-autofill, [data-theme=dark] .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:-webkit-autofill:hover, [data-theme=dark] .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:-webkit-autofill:active {
1679
+ transition: none;
1680
+ -webkit-text-fill-color: var(--ui-form-field-focus--text-color, var(--gray-25)) !important;
1681
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus--background-color, var(--gray-950)) inset;
1682
+ }
1683
+ [data-theme=dark] .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:-webkit-autofill:focus {
1684
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus--background-color, var(--gray-950)) inset;
1685
+ }
1686
+ [data-theme=dark] .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:auto-fill, [data-theme=dark] .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:autofill {
1687
+ color: var(--ui-form-field-focus--text-color, var(--gray-25)) !important;
1688
+ }
1689
+ [data-theme=dark] .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1::placeholder, [data-theme=dark] .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1.FlexField-module__placeholder___LYS5Z {
1690
+ color: var(--ui-form-field-focus-placeholder-color, var(--gray-500));
1691
+ }
1692
+ [data-theme=dark] .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__icon___pHmKh > svg * {
1693
+ stroke: var(--ui-form-field-focus-icon-color, var(--gray-500));
1577
1694
  }
1578
1695
  .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ {
1579
- background-color: var(--ui-form-field-error-background-color, var(--base-white));
1696
+ background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--base-white)));
1580
1697
  border: 1px solid var(--ui-form-field-error-border-color, var(--error-300));
1581
1698
  box-shadow: var(--ui-form-field-error-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
1582
- color: var(--ui-form-field-error-text-color, var(--gray-900));
1699
+ caret: var(--ui-form-field-text-color, var(--gray-900));
1700
+ }
1701
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ {
1702
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)));
1703
+ }
1704
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__textSupport___WGMzj {
1705
+ caret: var(--ui-form-field-text-color, var(--gray-900));
1706
+ }
1707
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__textSupport___WGMzj {
1708
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)));
1709
+ }
1710
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1 {
1711
+ background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--base-white)));
1712
+ caret: var(--ui-form-field-text-color, var(--gray-900));
1713
+ }
1714
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1 {
1715
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)));
1716
+ }
1717
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1:-webkit-autofill, .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1:-webkit-autofill:hover, .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1:-webkit-autofill:active {
1718
+ transition: none;
1719
+ -webkit-text-fill-color: var(--ui-form-field-error--text-color, var(--ui-form-field-text-color, var(--gray-900))) !important;
1720
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error--background-color, var(--ui-form-field-background-color, var(--base-white))) inset;
1721
+ }
1722
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1:-webkit-autofill:focus {
1723
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error--background-color, var(--ui-form-field-background-color, var(--base-white))) inset;
1724
+ }
1725
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1:auto-fill, .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1:autofill {
1726
+ color: var(--ui-form-field-error--text-color, var(--ui-form-field-text-color, var(--gray-900))) !important;
1727
+ }
1728
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1::placeholder, .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1.FlexField-module__placeholder___LYS5Z {
1729
+ color: var(--ui-form-field-error-placeholder-color, var(--ui-form-field-placeholder-color, var(--gray-400)));
1730
+ }
1731
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__icon___pHmKh > svg * {
1732
+ stroke: var(--ui-form-field-error-icon-color, var(--ui-form-field-icon-color, var(--gray-400)));
1583
1733
  }
1584
1734
  [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ {
1585
1735
  background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)));
1586
1736
  border: 1px solid var(--ui-form-field-error-border-color, var(--error-900));
1587
- box-shadow: var(--ui-form-field-error-box-shadow, var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922)));
1737
+ box-shadow: var(--ui-form-field-error-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
1738
+ caret: var(--ui-form-field-text-color, var(--gray-25));
1739
+ }
1740
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ {
1741
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
1742
+ }
1743
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__textSupport___WGMzj {
1744
+ caret: var(--ui-form-field-text-color, var(--gray-25));
1745
+ }
1746
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__textSupport___WGMzj {
1747
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
1748
+ }
1749
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1 {
1750
+ background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)));
1751
+ caret: var(--ui-form-field-text-color, var(--gray-25));
1752
+ }
1753
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1 {
1588
1754
  color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
1589
1755
  }
1756
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1:-webkit-autofill, [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1:-webkit-autofill:hover, [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1:-webkit-autofill:active {
1757
+ transition: none;
1758
+ -webkit-text-fill-color: var(--ui-form-field-error--text-color, var(--ui-form-field-text-color, var(--gray-25))) !important;
1759
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error--background-color, var(--ui-form-field-background-color, var(--gray-950))) inset;
1760
+ }
1761
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1:-webkit-autofill:focus {
1762
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error--background-color, var(--ui-form-field-background-color, var(--gray-950))) inset;
1763
+ }
1764
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1:auto-fill, [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1:autofill {
1765
+ color: var(--ui-form-field-error--text-color, var(--ui-form-field-text-color, var(--gray-25))) !important;
1766
+ }
1767
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1::placeholder, [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__inputField___ckUI1.FlexField-module__placeholder___LYS5Z {
1768
+ color: var(--ui-form-field-error-placeholder-color, var(--ui-form-field-placeholder-color, var(--gray-500)));
1769
+ }
1770
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__icon___pHmKh > svg * {
1771
+ stroke: var(--ui-form-field-error-icon-color, var(--ui-form-field-icon-color, var(--gray-500)));
1772
+ }
1590
1773
  .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__help___ORoT_ > svg * {
1591
1774
  stroke: var(--error-500);
1592
1775
  }
1593
1776
  .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) {
1594
- background-color: var(--ui-form-field-error-focus-background-color, var(--base-white));
1777
+ background-color: var(--ui-form-field-error-focus-background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--base-white))));
1595
1778
  border: 1px solid var(--ui-form-field-error-focus-border-color, var(--error-400));
1596
1779
  box-shadow: var(--ui-form-field-error-focus-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
1597
- color: var(--ui-form-field-error-focus-text-color, var(--gray-900));
1780
+ caret: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)));
1781
+ }
1782
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) {
1783
+ color: var(--ui-form-field-error-focus-text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900))));
1784
+ }
1785
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__textSupport___WGMzj {
1786
+ caret: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)));
1787
+ }
1788
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__textSupport___WGMzj {
1789
+ color: var(--ui-form-field-error-focus-text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900))));
1790
+ }
1791
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1 {
1792
+ background-color: var(--ui-form-field-error-focus-background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--base-white))));
1793
+ caret: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)));
1794
+ }
1795
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1 {
1796
+ color: var(--ui-form-field-error-focus-text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900))));
1797
+ }
1798
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:-webkit-autofill, .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:-webkit-autofill:hover, .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:-webkit-autofill:active {
1799
+ transition: none;
1800
+ -webkit-text-fill-color: var(--ui-form-field-error-focus--text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)))) !important;
1801
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error-focus--background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--base-white)))) inset;
1802
+ }
1803
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:-webkit-autofill:focus {
1804
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error-focus--background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--base-white)))) inset;
1805
+ }
1806
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:auto-fill, .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:autofill {
1807
+ color: var(--ui-form-field-error-focus--text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)))) !important;
1808
+ }
1809
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1::placeholder, .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1.FlexField-module__placeholder___LYS5Z {
1810
+ color: var(--ui-form-field-error-focus-placeholder-color, var(--ui-form-field-error-placeholder-color, var(--ui-form-field-placeholder-color, var(--gray-400))));
1811
+ }
1812
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__icon___pHmKh > svg * {
1813
+ stroke: var(--ui-form-field-error-focus-icon-color, var(--ui-form-field-error-icon-color, var(--ui-form-field-icon-color, var(--gray-400))));
1814
+ }
1815
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) {
1816
+ background-color: var(--ui-form-field-error-focus-background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950))));
1817
+ border: 1px solid var(--ui-form-field-error-focus-border-color, var(--error-700));
1818
+ box-shadow: var(--ui-form-field-error-focus-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
1819
+ caret: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
1598
1820
  }
1599
1821
  [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) {
1822
+ color: var(--ui-form-field-error-focus-text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25))));
1823
+ }
1824
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__textSupport___WGMzj {
1825
+ caret: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
1826
+ }
1827
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__textSupport___WGMzj {
1828
+ color: var(--ui-form-field-error-focus-text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25))));
1829
+ }
1830
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1 {
1600
1831
  background-color: var(--ui-form-field-error-focus-background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950))));
1601
- border: 1px solid var(--ui-form-field-error-focus-border-color, var(--ui-form-field-error-border-color, var(--error-700)));
1602
- box-shadow: var(--ui-form-field-error-focus-box-shadow, var(--ui-form-field-error-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922)));
1603
- color: var(--ui-form-field-error-focus-text-color, var(--gray-25));
1832
+ caret: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
1833
+ }
1834
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1 {
1835
+ color: var(--ui-form-field-error-focus-text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25))));
1836
+ }
1837
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:-webkit-autofill, [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:-webkit-autofill:hover, [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:-webkit-autofill:active {
1838
+ transition: none;
1839
+ -webkit-text-fill-color: var(--ui-form-field-error-focus--text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)))) !important;
1840
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error-focus--background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)))) inset;
1841
+ }
1842
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:-webkit-autofill:focus {
1843
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error-focus--background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)))) inset;
1844
+ }
1845
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:auto-fill, [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1:autofill {
1846
+ color: var(--ui-form-field-error-focus--text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)))) !important;
1847
+ }
1848
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1::placeholder, [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__inputField___ckUI1.FlexField-module__placeholder___LYS5Z {
1849
+ color: var(--ui-form-field-error-focus-placeholder-color, var(--ui-form-field-error-placeholder-color, var(--ui-form-field-placeholder-color, var(--gray-500))));
1850
+ }
1851
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) .FlexField-module__icon___pHmKh > svg * {
1852
+ stroke: var(--ui-form-field-error-focus-icon-color, var(--ui-form-field-error-icon-color, var(--ui-form-field-icon-color, var(--gray-500))));
1604
1853
  }
1605
1854
  .FlexField-module__flexField___bQEfy.FlexField-module__pointer___dOJ4b *, .FlexField-module__flexField___bQEfy.FlexField-module__pointer___dOJ4b .FlexField-module__inputField___ckUI1 {
1606
1855
  cursor: pointer;
1607
1856
  }
1608
1857
  .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv {
1609
- background-color: var(--ui-form-field-disabled-background-color, var(--gray-50));
1610
- border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-300));
1611
- color: var(--ui-form-field-disabled-text-color, var(--gray-500));
1612
1858
  cursor: default;
1613
1859
  pointer-events: none;
1614
1860
  }
1615
- [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv {
1616
- background-color: var(--ui-form-field-disabled-background-color, var(--gray-950));
1617
- border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-800));
1618
- color: var(--ui-form-field-disabled-text-color, var(--gray-25));
1619
- }
1620
1861
  .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv * {
1621
1862
  cursor: default;
1622
1863
  }
@@ -1633,6 +1874,84 @@
1633
1874
  font-style: normal;
1634
1875
  font-variant: normal;
1635
1876
  }
1877
+ .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv {
1878
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-50));
1879
+ border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-300));
1880
+ box-shadow: var(--ui-form-field-disabled-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
1881
+ caret: var(--gray-500);
1882
+ }
1883
+ .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv {
1884
+ color: var(--ui-form-field-disabled-text-color, var(--gray-500));
1885
+ }
1886
+ .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__textSupport___WGMzj {
1887
+ caret: var(--gray-500);
1888
+ }
1889
+ .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__textSupport___WGMzj {
1890
+ color: var(--ui-form-field-disabled-text-color, var(--gray-500));
1891
+ }
1892
+ .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1 {
1893
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-50));
1894
+ caret: var(--gray-500);
1895
+ }
1896
+ .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1 {
1897
+ color: var(--ui-form-field-disabled-text-color, var(--gray-500));
1898
+ }
1899
+ .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1:-webkit-autofill, .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1:-webkit-autofill:hover, .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1:-webkit-autofill:active {
1900
+ transition: none;
1901
+ -webkit-text-fill-color: var(--ui-form-field-disabled--text-color, var(--gray-500)) !important;
1902
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-disabled--background-color, var(--gray-50)) inset;
1903
+ }
1904
+ .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1:-webkit-autofill:focus {
1905
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-disabled--background-color, var(--gray-50)) inset;
1906
+ }
1907
+ .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1:auto-fill, .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1:autofill {
1908
+ color: var(--ui-form-field-disabled--text-color, var(--gray-500)) !important;
1909
+ }
1910
+ .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1::placeholder, .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1.FlexField-module__placeholder___LYS5Z {
1911
+ color: var(--ui-form-field-disabled-placeholder-color, transparent);
1912
+ }
1913
+ .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__icon___pHmKh > svg * {
1914
+ stroke: var(--ui-form-field-disabled-icon-color, var(--gray-400));
1915
+ }
1916
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv {
1917
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-950));
1918
+ border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-800));
1919
+ box-shadow: var(--ui-form-field-disabled-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
1920
+ caret: var(--gray-25);
1921
+ }
1922
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv {
1923
+ color: var(--ui-form-field-disabled-text-color, var(--gray-25));
1924
+ }
1925
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__textSupport___WGMzj {
1926
+ caret: var(--gray-25);
1927
+ }
1928
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__textSupport___WGMzj {
1929
+ color: var(--ui-form-field-disabled-text-color, var(--gray-25));
1930
+ }
1931
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1 {
1932
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-950));
1933
+ caret: var(--gray-25);
1934
+ }
1935
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1 {
1936
+ color: var(--ui-form-field-disabled-text-color, var(--gray-25));
1937
+ }
1938
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1:-webkit-autofill, [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1:-webkit-autofill:hover, [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1:-webkit-autofill:active {
1939
+ transition: none;
1940
+ -webkit-text-fill-color: var(--ui-form-field-disabled--text-color, var(--gray-25)) !important;
1941
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-disabled--background-color, var(--gray-950)) inset;
1942
+ }
1943
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1:-webkit-autofill:focus {
1944
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-disabled--background-color, var(--gray-950)) inset;
1945
+ }
1946
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1:auto-fill, [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1:autofill {
1947
+ color: var(--ui-form-field-disabled--text-color, var(--gray-25)) !important;
1948
+ }
1949
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1::placeholder, [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1.FlexField-module__placeholder___LYS5Z {
1950
+ color: var(--ui-form-field-disabled-placeholder-color, transparent);
1951
+ }
1952
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__icon___pHmKh > svg * {
1953
+ stroke: var(--ui-form-field-disabled-icon-color, var(--gray-400));
1954
+ }
1636
1955
  .FlexField-module__flexField___bQEfy .FlexField-module__dropdown___BqdfG {
1637
1956
  padding: 2px 0;
1638
1957
  transition: all ease-in-out 200ms;
@@ -2005,50 +2324,316 @@
2005
2324
  font-variant: normal;
2006
2325
  }
2007
2326
  .TextareaField-module__textareaField___Vcg4L:focus {
2008
- background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--base-white)));
2009
- border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-400)));
2010
- box-shadow: var(--ui-form-field-focus-box-shadow, var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922)));
2011
- color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-900)));
2327
+ background-color: var(--ui-form-field-focus-background-color, var(--base-white));
2328
+ border: 1px solid var(--ui-form-field-focus-border-color, var(--gray-400));
2329
+ box-shadow: var(--ui-form-field-focus-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
2330
+ caret: var(--gray-900);
2331
+ }
2332
+ .TextareaField-module__textareaField___Vcg4L:focus {
2333
+ color: var(--ui-form-field-focus-text-color, var(--gray-900));
2334
+ }
2335
+ .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__textSupport___yrTuq {
2336
+ caret: var(--gray-900);
2337
+ }
2338
+ .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__textSupport___yrTuq {
2339
+ color: var(--ui-form-field-focus-text-color, var(--gray-900));
2340
+ }
2341
+ .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND {
2342
+ background-color: var(--ui-form-field-focus-background-color, var(--base-white));
2343
+ caret: var(--gray-900);
2344
+ }
2345
+ .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND {
2346
+ color: var(--ui-form-field-focus-text-color, var(--gray-900));
2347
+ }
2348
+ .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND:-webkit-autofill, .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND:-webkit-autofill:hover, .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND:-webkit-autofill:active {
2349
+ transition: none;
2350
+ -webkit-text-fill-color: var(--ui-form-field-focus--text-color, var(--gray-900)) !important;
2351
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus--background-color, var(--base-white)) inset;
2352
+ }
2353
+ .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND:-webkit-autofill:focus {
2354
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus--background-color, var(--base-white)) inset;
2355
+ }
2356
+ .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND:auto-fill, .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND:autofill {
2357
+ color: var(--ui-form-field-focus--text-color, var(--gray-900)) !important;
2358
+ }
2359
+ .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND::placeholder, .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND.TextareaField-module__placeholder___S7S5G {
2360
+ color: var(--ui-form-field-focus-placeholder-color, var(--gray-400));
2361
+ }
2362
+ .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__icon___a34Gf > svg * {
2363
+ stroke: var(--ui-form-field-focus-icon-color, var(--gray-400));
2012
2364
  }
2013
2365
  [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:focus {
2014
- background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--gray-950)));
2015
- border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-700)));
2016
- box-shadow: var(--ui-form-field-focus-box-shadow, var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922)));
2017
- color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-25)));
2366
+ background-color: var(--ui-form-field-focus-background-color, var(--gray-950));
2367
+ border: 1px solid var(--ui-form-field-focus-border-color, var(--gray-700));
2368
+ box-shadow: var(--ui-form-field-focus-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
2369
+ caret: var(--gray-25);
2370
+ }
2371
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:focus {
2372
+ color: var(--ui-form-field-focus-text-color, var(--gray-25));
2373
+ }
2374
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__textSupport___yrTuq {
2375
+ caret: var(--gray-25);
2376
+ }
2377
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__textSupport___yrTuq {
2378
+ color: var(--ui-form-field-focus-text-color, var(--gray-25));
2379
+ }
2380
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND {
2381
+ background-color: var(--ui-form-field-focus-background-color, var(--gray-950));
2382
+ caret: var(--gray-25);
2383
+ }
2384
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND {
2385
+ color: var(--ui-form-field-focus-text-color, var(--gray-25));
2386
+ }
2387
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND:-webkit-autofill, [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND:-webkit-autofill:hover, [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND:-webkit-autofill:active {
2388
+ transition: none;
2389
+ -webkit-text-fill-color: var(--ui-form-field-focus--text-color, var(--gray-25)) !important;
2390
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus--background-color, var(--gray-950)) inset;
2391
+ }
2392
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND:-webkit-autofill:focus {
2393
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus--background-color, var(--gray-950)) inset;
2394
+ }
2395
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND:auto-fill, [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND:autofill {
2396
+ color: var(--ui-form-field-focus--text-color, var(--gray-25)) !important;
2397
+ }
2398
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND::placeholder, [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__inputField___wzyND.TextareaField-module__placeholder___S7S5G {
2399
+ color: var(--ui-form-field-focus-placeholder-color, var(--gray-500));
2400
+ }
2401
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:focus .TextareaField-module__icon___a34Gf > svg * {
2402
+ stroke: var(--ui-form-field-focus-icon-color, var(--gray-500));
2403
+ }
2404
+ .TextareaField-module__textareaField___Vcg4L:disabled {
2405
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-50));
2406
+ border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-300));
2407
+ box-shadow: var(--ui-form-field-disabled-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
2408
+ caret: var(--gray-500);
2409
+ }
2410
+ .TextareaField-module__textareaField___Vcg4L:disabled {
2411
+ color: var(--ui-form-field-disabled-text-color, var(--gray-500));
2412
+ }
2413
+ .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__textSupport___yrTuq {
2414
+ caret: var(--gray-500);
2415
+ }
2416
+ .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__textSupport___yrTuq {
2417
+ color: var(--ui-form-field-disabled-text-color, var(--gray-500));
2418
+ }
2419
+ .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND {
2420
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-50));
2421
+ caret: var(--gray-500);
2422
+ }
2423
+ .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND {
2424
+ color: var(--ui-form-field-disabled-text-color, var(--gray-500));
2425
+ }
2426
+ .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND:-webkit-autofill, .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND:-webkit-autofill:hover, .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND:-webkit-autofill:active {
2427
+ transition: none;
2428
+ -webkit-text-fill-color: var(--ui-form-field-disabled--text-color, var(--gray-500)) !important;
2429
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-disabled--background-color, var(--gray-50)) inset;
2430
+ }
2431
+ .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND:-webkit-autofill:focus {
2432
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-disabled--background-color, var(--gray-50)) inset;
2433
+ }
2434
+ .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND:auto-fill, .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND:autofill {
2435
+ color: var(--ui-form-field-disabled--text-color, var(--gray-500)) !important;
2436
+ }
2437
+ .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND::placeholder, .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND.TextareaField-module__placeholder___S7S5G {
2438
+ color: var(--ui-form-field-disabled-placeholder-color, transparent);
2439
+ }
2440
+ .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__icon___a34Gf > svg * {
2441
+ stroke: var(--ui-form-field-disabled-icon-color, var(--gray-400));
2442
+ }
2443
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:disabled {
2444
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-950));
2445
+ border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-800));
2446
+ box-shadow: var(--ui-form-field-disabled-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
2447
+ caret: var(--gray-25);
2448
+ }
2449
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:disabled {
2450
+ color: var(--ui-form-field-disabled-text-color, var(--gray-25));
2451
+ }
2452
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__textSupport___yrTuq {
2453
+ caret: var(--gray-25);
2454
+ }
2455
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__textSupport___yrTuq {
2456
+ color: var(--ui-form-field-disabled-text-color, var(--gray-25));
2457
+ }
2458
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND {
2459
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-950));
2460
+ caret: var(--gray-25);
2461
+ }
2462
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND {
2463
+ color: var(--ui-form-field-disabled-text-color, var(--gray-25));
2464
+ }
2465
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND:-webkit-autofill, [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND:-webkit-autofill:hover, [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND:-webkit-autofill:active {
2466
+ transition: none;
2467
+ -webkit-text-fill-color: var(--ui-form-field-disabled--text-color, var(--gray-25)) !important;
2468
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-disabled--background-color, var(--gray-950)) inset;
2469
+ }
2470
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND:-webkit-autofill:focus {
2471
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-disabled--background-color, var(--gray-950)) inset;
2472
+ }
2473
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND:auto-fill, [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND:autofill {
2474
+ color: var(--ui-form-field-disabled--text-color, var(--gray-25)) !important;
2475
+ }
2476
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND::placeholder, [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__inputField___wzyND.TextareaField-module__placeholder___S7S5G {
2477
+ color: var(--ui-form-field-disabled-placeholder-color, transparent);
2478
+ }
2479
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:disabled .TextareaField-module__icon___a34Gf > svg * {
2480
+ stroke: var(--ui-form-field-disabled-icon-color, var(--gray-400));
2481
+ }
2482
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU {
2483
+ background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--base-white)));
2484
+ border: 1px solid var(--ui-form-field-error-border-color, var(--error-300));
2485
+ box-shadow: var(--ui-form-field-error-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
2486
+ caret: var(--ui-form-field-text-color, var(--gray-900));
2487
+ }
2488
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU {
2489
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)));
2490
+ }
2491
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__textSupport___yrTuq {
2492
+ caret: var(--ui-form-field-text-color, var(--gray-900));
2493
+ }
2494
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__textSupport___yrTuq {
2495
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)));
2496
+ }
2497
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND {
2498
+ background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--base-white)));
2499
+ caret: var(--ui-form-field-text-color, var(--gray-900));
2500
+ }
2501
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND {
2502
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)));
2503
+ }
2504
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND:-webkit-autofill, .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND:-webkit-autofill:hover, .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND:-webkit-autofill:active {
2505
+ transition: none;
2506
+ -webkit-text-fill-color: var(--ui-form-field-error--text-color, var(--ui-form-field-text-color, var(--gray-900))) !important;
2507
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error--background-color, var(--ui-form-field-background-color, var(--base-white))) inset;
2508
+ }
2509
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND:-webkit-autofill:focus {
2510
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error--background-color, var(--ui-form-field-background-color, var(--base-white))) inset;
2511
+ }
2512
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND:auto-fill, .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND:autofill {
2513
+ color: var(--ui-form-field-error--text-color, var(--ui-form-field-text-color, var(--gray-900))) !important;
2514
+ }
2515
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND::placeholder, .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND.TextareaField-module__placeholder___S7S5G {
2516
+ color: var(--ui-form-field-error-placeholder-color, var(--ui-form-field-placeholder-color, var(--gray-400)));
2517
+ }
2518
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__icon___a34Gf > svg * {
2519
+ stroke: var(--ui-form-field-error-icon-color, var(--ui-form-field-icon-color, var(--gray-400)));
2520
+ }
2521
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU {
2522
+ background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)));
2523
+ border: 1px solid var(--ui-form-field-error-border-color, var(--error-900));
2524
+ box-shadow: var(--ui-form-field-error-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
2525
+ caret: var(--ui-form-field-text-color, var(--gray-25));
2526
+ }
2527
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU {
2528
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
2529
+ }
2530
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__textSupport___yrTuq {
2531
+ caret: var(--ui-form-field-text-color, var(--gray-25));
2532
+ }
2533
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__textSupport___yrTuq {
2534
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
2535
+ }
2536
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND {
2537
+ background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)));
2538
+ caret: var(--ui-form-field-text-color, var(--gray-25));
2539
+ }
2540
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND {
2541
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
2542
+ }
2543
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND:-webkit-autofill, [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND:-webkit-autofill:hover, [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND:-webkit-autofill:active {
2544
+ transition: none;
2545
+ -webkit-text-fill-color: var(--ui-form-field-error--text-color, var(--ui-form-field-text-color, var(--gray-25))) !important;
2546
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error--background-color, var(--ui-form-field-background-color, var(--gray-950))) inset;
2547
+ }
2548
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND:-webkit-autofill:focus {
2549
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error--background-color, var(--ui-form-field-background-color, var(--gray-950))) inset;
2550
+ }
2551
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND:auto-fill, [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND:autofill {
2552
+ color: var(--ui-form-field-error--text-color, var(--ui-form-field-text-color, var(--gray-25))) !important;
2553
+ }
2554
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND::placeholder, [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__inputField___wzyND.TextareaField-module__placeholder___S7S5G {
2555
+ color: var(--ui-form-field-error-placeholder-color, var(--ui-form-field-placeholder-color, var(--gray-500)));
2556
+ }
2557
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU .TextareaField-module__icon___a34Gf > svg * {
2558
+ stroke: var(--ui-form-field-error-icon-color, var(--ui-form-field-icon-color, var(--gray-500)));
2559
+ }
2560
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus {
2561
+ background-color: var(--ui-form-field-error-focus-background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--base-white))));
2562
+ border: 1px solid var(--ui-form-field-error-focus-border-color, var(--error-400));
2563
+ box-shadow: var(--ui-form-field-error-focus-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
2564
+ caret: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)));
2565
+ }
2566
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus {
2567
+ color: var(--ui-form-field-error-focus-text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900))));
2568
+ }
2569
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__textSupport___yrTuq {
2570
+ caret: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)));
2571
+ }
2572
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__textSupport___yrTuq {
2573
+ color: var(--ui-form-field-error-focus-text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900))));
2574
+ }
2575
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND {
2576
+ background-color: var(--ui-form-field-error-focus-background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--base-white))));
2577
+ caret: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)));
2578
+ }
2579
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND {
2580
+ color: var(--ui-form-field-error-focus-text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900))));
2581
+ }
2582
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND:-webkit-autofill, .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND:-webkit-autofill:hover, .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND:-webkit-autofill:active {
2583
+ transition: none;
2584
+ -webkit-text-fill-color: var(--ui-form-field-error-focus--text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)))) !important;
2585
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error-focus--background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--base-white)))) inset;
2018
2586
  }
2019
- .TextareaField-module__textareaField___Vcg4L:disabled {
2020
- background-color: var(--ui-form-field-disabled-background-color, var(--gray-50));
2021
- border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-300));
2022
- color: var(--ui-form-field-disabled-text-color, var(--gray-500));
2587
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND:-webkit-autofill:focus {
2588
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error-focus--background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--base-white)))) inset;
2023
2589
  }
2024
- [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:disabled {
2025
- background-color: var(--ui-form-field-disabled-background-color, var(--gray-950));
2026
- border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-800));
2027
- color: var(--ui-form-field-disabled-text-color, var(--gray-25));
2590
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND:auto-fill, .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND:autofill {
2591
+ color: var(--ui-form-field-error-focus--text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)))) !important;
2028
2592
  }
2029
- .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU {
2030
- background-color: var(--ui-form-field-error-background-color, var(--base-white));
2031
- border: 1px solid var(--ui-form-field-error-border-color, var(--error-300));
2032
- box-shadow: var(--ui-form-field-error-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
2033
- color: var(--ui-form-field-error-text-color, var(--gray-900));
2593
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND::placeholder, .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND.TextareaField-module__placeholder___S7S5G {
2594
+ color: var(--ui-form-field-error-focus-placeholder-color, var(--ui-form-field-error-placeholder-color, var(--ui-form-field-placeholder-color, var(--gray-400))));
2034
2595
  }
2035
- [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU {
2036
- background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)));
2037
- border: 1px solid var(--ui-form-field-error-border-color, var(--error-900));
2038
- box-shadow: var(--ui-form-field-error-box-shadow, var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922)));
2039
- color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
2596
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__icon___a34Gf > svg * {
2597
+ stroke: var(--ui-form-field-error-focus-icon-color, var(--ui-form-field-error-icon-color, var(--ui-form-field-icon-color, var(--gray-400))));
2040
2598
  }
2041
- .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus {
2042
- background-color: var(--ui-form-field-error-focus-background-color, var(--base-white));
2043
- border: 1px solid var(--ui-form-field-error-focus-border-color, var(--error-400));
2599
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus {
2600
+ background-color: var(--ui-form-field-error-focus-background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950))));
2601
+ border: 1px solid var(--ui-form-field-error-focus-border-color, var(--error-700));
2044
2602
  box-shadow: var(--ui-form-field-error-focus-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
2045
- color: var(--ui-form-field-error-focus-text-color, var(--gray-900));
2603
+ caret: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
2046
2604
  }
2047
2605
  [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus {
2606
+ color: var(--ui-form-field-error-focus-text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25))));
2607
+ }
2608
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__textSupport___yrTuq {
2609
+ caret: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
2610
+ }
2611
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__textSupport___yrTuq {
2612
+ color: var(--ui-form-field-error-focus-text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25))));
2613
+ }
2614
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND {
2048
2615
  background-color: var(--ui-form-field-error-focus-background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950))));
2049
- border: 1px solid var(--ui-form-field-error-focus-border-color, var(--ui-form-field-error-border-color, var(--error-700)));
2050
- box-shadow: var(--ui-form-field-error-focus-box-shadow, var(--ui-form-field-error-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922)));
2051
- color: var(--ui-form-field-error-focus-text-color, var(--gray-25));
2616
+ caret: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
2617
+ }
2618
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND {
2619
+ color: var(--ui-form-field-error-focus-text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25))));
2620
+ }
2621
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND:-webkit-autofill, [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND:-webkit-autofill:hover, [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND:-webkit-autofill:active {
2622
+ transition: none;
2623
+ -webkit-text-fill-color: var(--ui-form-field-error-focus--text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)))) !important;
2624
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error-focus--background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)))) inset;
2625
+ }
2626
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND:-webkit-autofill:focus {
2627
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error-focus--background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)))) inset;
2628
+ }
2629
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND:auto-fill, [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND:autofill {
2630
+ color: var(--ui-form-field-error-focus--text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)))) !important;
2631
+ }
2632
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND::placeholder, [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__inputField___wzyND.TextareaField-module__placeholder___S7S5G {
2633
+ color: var(--ui-form-field-error-focus-placeholder-color, var(--ui-form-field-error-placeholder-color, var(--ui-form-field-placeholder-color, var(--gray-500))));
2634
+ }
2635
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus .TextareaField-module__icon___a34Gf > svg * {
2636
+ stroke: var(--ui-form-field-error-focus-icon-color, var(--ui-form-field-error-icon-color, var(--ui-form-field-icon-color, var(--gray-500))));
2052
2637
  }
2053
2638
  [data-theme=dark] .TextareaField-module__textareaField___Vcg4L {
2054
2639
  background-color: var(--ui-form-field-background-color, var(--gray-950));
@@ -2079,11 +2664,8 @@
2079
2664
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
2080
2665
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO {
2081
2666
  height: fit-content;
2082
- border: 1px solid var(--gray-300);
2083
- box-shadow: 0 1px 0 0 rgba(16, 24, 40, 0.0509803922);
2084
2667
  padding: 9px 11px;
2085
- border-radius: 8px;
2086
- background-color: var(--base-white);
2668
+ border-radius: var(--ui-form-field-border-radius, 8px);
2087
2669
  }
2088
2670
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO {
2089
2671
  display: flex;
@@ -2123,7 +2705,7 @@
2123
2705
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__text___cfGtj {
2124
2706
  font-size: 16px;
2125
2707
  line-height: 24px;
2126
- color: var(--gray-400);
2708
+ color: black;
2127
2709
  font-weight: 400;
2128
2710
  font-family: var(--golos);
2129
2711
  font-stretch: normal;
@@ -2152,9 +2734,6 @@
2152
2734
  align-items: center;
2153
2735
  justify-content: center;
2154
2736
  }
2155
- .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO .DateTimeFieldMask-module__xCloseButton___SiUGK > svg * {
2156
- stroke: var(--gray-400);
2157
- }
2158
2737
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO .DateTimeFieldMask-module__xCloseButton___SiUGK > svg {
2159
2738
  flex: none;
2160
2739
  width: 20px;
@@ -2168,19 +2747,131 @@
2168
2747
  stroke: var(--gray-500);
2169
2748
  }
2170
2749
  }
2750
+ .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO {
2751
+ background-color: var(--ui-form-field-background-color, var(--base-white));
2752
+ border: 1px solid var(--ui-form-field-border-color, var(--gray-300));
2753
+ box-shadow: var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
2754
+ }
2755
+ .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__icon___w5Oda > svg * {
2756
+ stroke: var(--ui-form-field-icon-color, var(--gray-400));
2757
+ }
2758
+ .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__text___cfGtj {
2759
+ caret: var(--gray-900);
2760
+ }
2761
+ .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__text___cfGtj {
2762
+ color: var(--ui-form-field-text-color, var(--gray-900));
2763
+ }
2764
+ .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO .DateTimeFieldMask-module__line___FNm37 > svg * {
2765
+ stroke: var(--ui-form-field-border-color, var(--gray-300));
2766
+ }
2767
+ .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO .DateTimeFieldMask-module__xCloseButton___SiUGK > svg * {
2768
+ stroke: var(--ui-form-field-icon-color, var(--gray-400));
2769
+ }
2770
+ [data-theme=dark] .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO {
2771
+ background-color: var(--ui-form-field-background-color, var(--gray-950));
2772
+ border: 1px solid var(--ui-form-field-border-color, var(--gray-800));
2773
+ box-shadow: var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
2774
+ }
2775
+ [data-theme=dark] .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__icon___w5Oda > svg * {
2776
+ stroke: var(--ui-form-field-icon-color, var(--gray-500));
2777
+ }
2778
+ [data-theme=dark] .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__text___cfGtj {
2779
+ caret: var(--gray-25);
2780
+ }
2781
+ [data-theme=dark] .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__text___cfGtj {
2782
+ color: var(--ui-form-field-text-color, var(--gray-25));
2783
+ }
2784
+ [data-theme=dark] .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO .DateTimeFieldMask-module__line___FNm37 > svg * {
2785
+ stroke: var(--ui-form-field-border-color, var(--gray-800));
2786
+ }
2787
+ [data-theme=dark] .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO .DateTimeFieldMask-module__xCloseButton___SiUGK > svg * {
2788
+ stroke: var(--ui-form-field-icon-color, var(--gray-500));
2789
+ }
2171
2790
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__isFocus___rZ3KJ {
2172
2791
  border: 1px solid var(--gray-400);
2173
2792
  }
2174
2793
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__isError___c1m4S {
2175
- border: 1px solid var(--error-300);
2176
- box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
2794
+ background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--base-white)));
2795
+ border: 1px solid var(--ui-form-field-error-border-color, var(--error-300));
2796
+ box-shadow: var(--ui-form-field-error-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
2797
+ }
2798
+ .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__isError___c1m4S .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__icon___w5Oda > svg * {
2799
+ stroke: var(--ui-form-field-error-icon-color, var(--ui-form-field-icon-color, var(--gray-400)));
2800
+ }
2801
+ .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__isError___c1m4S .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__text___cfGtj {
2802
+ caret: var(--ui-form-field-text-color, var(--gray-900));
2803
+ }
2804
+ .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__isError___c1m4S .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__text___cfGtj {
2805
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)));
2806
+ }
2807
+ .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__isError___c1m4S .DateTimeFieldMask-module__line___FNm37 > svg * {
2808
+ stroke: var(--ui-form-field-error-border-color, var(--error-300));
2809
+ }
2810
+ .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__isError___c1m4S .DateTimeFieldMask-module__xCloseButton___SiUGK > svg * {
2811
+ stroke: var(--ui-form-field-error-icon-color, var(--ui-form-field-icon-color, var(--gray-400)));
2812
+ }
2813
+ [data-theme=dark] .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__isError___c1m4S {
2814
+ background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)));
2815
+ border: 1px solid var(--ui-form-field-error-border-color, var(--error-900));
2816
+ box-shadow: var(--ui-form-field-error-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
2817
+ }
2818
+ [data-theme=dark] .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__isError___c1m4S .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__icon___w5Oda > svg * {
2819
+ stroke: var(--ui-form-field-error-icon-color, var(--ui-form-field-icon-color, var(--gray-500)));
2820
+ }
2821
+ [data-theme=dark] .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__isError___c1m4S .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__text___cfGtj {
2822
+ caret: var(--ui-form-field-text-color, var(--gray-25));
2823
+ }
2824
+ [data-theme=dark] .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__isError___c1m4S .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__text___cfGtj {
2825
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
2826
+ }
2827
+ [data-theme=dark] .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__isError___c1m4S .DateTimeFieldMask-module__line___FNm37 > svg * {
2828
+ stroke: var(--ui-form-field-error-border-color, var(--error-900));
2829
+ }
2830
+ [data-theme=dark] .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__isError___c1m4S .DateTimeFieldMask-module__xCloseButton___SiUGK > svg * {
2831
+ stroke: var(--ui-form-field-error-icon-color, var(--ui-form-field-icon-color, var(--gray-500)));
2177
2832
  }
2178
2833
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__isError___c1m4S.DateTimeFieldMask-module__isFocus___rZ3KJ {
2179
2834
  border: 1px solid var(--error-400);
2180
2835
  }
2181
2836
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__disabled___xrbuV {
2182
- border: 1px solid var(--gray-400);
2183
- background-color: var(--gray-50);
2837
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-50));
2838
+ border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-300));
2839
+ box-shadow: var(--ui-form-field-disabled-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
2840
+ }
2841
+ .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__disabled___xrbuV .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__icon___w5Oda > svg * {
2842
+ stroke: var(--ui-form-field-disabled-icon-color, var(--gray-400));
2843
+ }
2844
+ .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__disabled___xrbuV .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__text___cfGtj {
2845
+ caret: var(--gray-500);
2846
+ }
2847
+ .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__disabled___xrbuV .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__text___cfGtj {
2848
+ color: var(--ui-form-field-disabled-text-color, var(--gray-500));
2849
+ }
2850
+ .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__disabled___xrbuV .DateTimeFieldMask-module__line___FNm37 > svg * {
2851
+ stroke: var(--ui-form-field-disabled-border-color, var(--gray-300));
2852
+ }
2853
+ .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__disabled___xrbuV .DateTimeFieldMask-module__xCloseButton___SiUGK > svg * {
2854
+ stroke: var(--ui-form-field-disabled-icon-color, var(--gray-400));
2855
+ }
2856
+ [data-theme=dark] .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__disabled___xrbuV {
2857
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-950));
2858
+ border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-800));
2859
+ box-shadow: var(--ui-form-field-disabled-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
2860
+ }
2861
+ [data-theme=dark] .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__disabled___xrbuV .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__icon___w5Oda > svg * {
2862
+ stroke: var(--ui-form-field-disabled-icon-color, var(--gray-400));
2863
+ }
2864
+ [data-theme=dark] .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__disabled___xrbuV .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__text___cfGtj {
2865
+ caret: var(--gray-25);
2866
+ }
2867
+ [data-theme=dark] .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__disabled___xrbuV .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__text___cfGtj {
2868
+ color: var(--ui-form-field-disabled-text-color, var(--gray-25));
2869
+ }
2870
+ [data-theme=dark] .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__disabled___xrbuV .DateTimeFieldMask-module__line___FNm37 > svg * {
2871
+ stroke: var(--ui-form-field-disabled-border-color, var(--gray-800));
2872
+ }
2873
+ [data-theme=dark] .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__disabled___xrbuV .DateTimeFieldMask-module__xCloseButton___SiUGK > svg * {
2874
+ stroke: var(--ui-form-field-disabled-icon-color, var(--gray-400));
2184
2875
  }
2185
2876
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__widthFill___Zp5Bb {
2186
2877
  width: 100%;
@@ -2926,10 +3617,10 @@
2926
3617
  font-variant: normal;
2927
3618
  }
2928
3619
  @media (hover: hover) {
2929
- .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2:hover .Checkbox-module__text___bgxrk, .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ:hover .Checkbox-module__text___bgxrk {
3620
+ .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2 .Checkbox-module__text___bgxrk, .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ .Checkbox-module__text___bgxrk {
2930
3621
  color: var(--ui-checkbox-focus-text-color, var(--gray-900));
2931
3622
  }
2932
- .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2:hover .Checkbox-module__supportingText___BR8D6, .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ:hover .Checkbox-module__supportingText___BR8D6 {
3623
+ .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2 .Checkbox-module__supportingText___BR8D6, .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ .Checkbox-module__supportingText___BR8D6 {
2933
3624
  color: var(--ui-checkbox-focus-support-text-color, var(--gray-500));
2934
3625
  }
2935
3626
  }
@@ -2940,10 +3631,10 @@
2940
3631
  color: var(--ui-checkbox-active-support-text-color, var(--gray-500));
2941
3632
  }
2942
3633
  @media (hover: hover) {
2943
- .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm.Checkbox-module__focus___OeuC2:hover .Checkbox-module__text___bgxrk, .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm.Checkbox-module__hover___B2BYJ:hover .Checkbox-module__text___bgxrk {
3634
+ .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm.Checkbox-module__focus___OeuC2 .Checkbox-module__text___bgxrk, .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm.Checkbox-module__hover___B2BYJ .Checkbox-module__text___bgxrk {
2944
3635
  color: var(--ui-checkbox-active-focus-text-color, var(--gray-900));
2945
3636
  }
2946
- .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm.Checkbox-module__focus___OeuC2:hover .Checkbox-module__supportingText___BR8D6, .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm.Checkbox-module__hover___B2BYJ:hover .Checkbox-module__supportingText___BR8D6 {
3637
+ .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm.Checkbox-module__focus___OeuC2 .Checkbox-module__supportingText___BR8D6, .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm.Checkbox-module__hover___B2BYJ .Checkbox-module__supportingText___BR8D6 {
2947
3638
  color: var(--ui-checkbox-active-focus-support-text-color, var(--gray-500));
2948
3639
  }
2949
3640
  }
@@ -2964,10 +3655,10 @@
2964
3655
  color: var(--ui-checkbox-error-support-text-color, var(--error-400));
2965
3656
  }
2966
3657
  @media (hover: hover) {
2967
- .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2:hover .Checkbox-module__text___bgxrk, .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ:hover .Checkbox-module__text___bgxrk {
3658
+ .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2 .Checkbox-module__text___bgxrk, .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ .Checkbox-module__text___bgxrk {
2968
3659
  color: var(--ui-checkbox-error-focus-text-color, var(--gray-900));
2969
3660
  }
2970
- .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2:hover .Checkbox-module__supportingText___BR8D6, .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ:hover .Checkbox-module__supportingText___BR8D6 {
3661
+ .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2 .Checkbox-module__supportingText___BR8D6, .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ .Checkbox-module__supportingText___BR8D6 {
2971
3662
  color: var(--ui-checkbox-error-focus-support-text-color, var(--error-500));
2972
3663
  }
2973
3664
  }
@@ -2990,10 +3681,10 @@
2990
3681
  color: var(--ui-checkbox-support-text-color, var(--gray-500));
2991
3682
  }
2992
3683
  @media (hover: hover) {
2993
- [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2:hover .Checkbox-module__text___bgxrk, [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ:hover .Checkbox-module__text___bgxrk {
3684
+ [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2 .Checkbox-module__text___bgxrk, [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ .Checkbox-module__text___bgxrk {
2994
3685
  color: var(--ui-checkbox-focus-text-color, var(--gray-100));
2995
3686
  }
2996
- [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2:hover .Checkbox-module__supportingText___BR8D6, [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ:hover .Checkbox-module__supportingText___BR8D6 {
3687
+ [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2 .Checkbox-module__supportingText___BR8D6, [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ .Checkbox-module__supportingText___BR8D6 {
2997
3688
  color: var(--ui-checkbox-focus-support-text-color, var(--gray-400));
2998
3689
  }
2999
3690
  }
@@ -3004,10 +3695,10 @@
3004
3695
  color: var(--ui-checkbox-active-support-text-color, var(--gray-400));
3005
3696
  }
3006
3697
  @media (hover: hover) {
3007
- [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm.Checkbox-module__focus___OeuC2:hover .Checkbox-module__text___bgxrk, [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm.Checkbox-module__hover___B2BYJ:hover .Checkbox-module__text___bgxrk {
3698
+ [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm.Checkbox-module__focus___OeuC2 .Checkbox-module__text___bgxrk, [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm.Checkbox-module__hover___B2BYJ .Checkbox-module__text___bgxrk {
3008
3699
  color: var(--ui-checkbox-active-focus-text-color, var(--gray-100));
3009
3700
  }
3010
- [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm.Checkbox-module__focus___OeuC2:hover .Checkbox-module__supportingText___BR8D6, [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm.Checkbox-module__hover___B2BYJ:hover .Checkbox-module__supportingText___BR8D6 {
3701
+ [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm.Checkbox-module__focus___OeuC2 .Checkbox-module__supportingText___BR8D6, [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm.Checkbox-module__hover___B2BYJ .Checkbox-module__supportingText___BR8D6 {
3011
3702
  color: var(--ui-checkbox-active-focus-support-text-color, var(--gray-400));
3012
3703
  }
3013
3704
  }
@@ -3024,10 +3715,10 @@
3024
3715
  color: var(--ui-checkbox-error-support-text-color, var(--error-500));
3025
3716
  }
3026
3717
  @media (hover: hover) {
3027
- [data-theme=dark] .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2:hover .Checkbox-module__text___bgxrk, [data-theme=dark] .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ:hover .Checkbox-module__text___bgxrk {
3718
+ [data-theme=dark] .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2 .Checkbox-module__text___bgxrk, [data-theme=dark] .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ .Checkbox-module__text___bgxrk {
3028
3719
  color: var(--ui-checkbox-error-focus-text-color, var(--gray-100));
3029
3720
  }
3030
- [data-theme=dark] .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2:hover .Checkbox-module__supportingText___BR8D6, [data-theme=dark] .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ:hover .Checkbox-module__supportingText___BR8D6 {
3721
+ [data-theme=dark] .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2 .Checkbox-module__supportingText___BR8D6, [data-theme=dark] .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ .Checkbox-module__supportingText___BR8D6 {
3031
3722
  color: var(--ui-checkbox-error-focus-support-text-color, var(--error-500));
3032
3723
  }
3033
3724
  }
@@ -3583,7 +4274,7 @@
3583
4274
  color: var(--filter-tag-color-hover, var(--gray-800));
3584
4275
  }
3585
4276
  .FilterTag-module__main___YSBj8.FilterTag-module__active___rvj5m {
3586
- background-color: var(--filter-tag-bg-active, var(--primary-500));
4277
+ background-color: var(--filter-tag-bg-active, var(--primary-500, #475467));
3587
4278
  }
3588
4279
  .FilterTag-module__main___YSBj8.FilterTag-module__active___rvj5m {
3589
4280
  color: var(--filter-tag-color-active, var(--base-white));
@@ -4164,19 +4855,19 @@
4164
4855
  stroke: var(--ui-dropdown-item-check-icon-color, var(--primary-500));
4165
4856
  }
4166
4857
  @media (hover: hover) {
4167
- .DropdownItem-module__dropdownItem___N8ZNV:hover {
4858
+ .DropdownItem-module__dropdownItem___N8ZNV {
4168
4859
  background-color: var(--ui-dropdown-item-hover-background-color, var(--gray-100));
4169
4860
  }
4170
- .DropdownItem-module__dropdownItem___N8ZNV:hover .DropdownItem-module__text___ASNww {
4861
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__text___ASNww {
4171
4862
  color: var(--ui-dropdown-item-hover-text-color, var(--ui-dropdown-item-text-color, var(--gray-900)));
4172
4863
  }
4173
- .DropdownItem-module__dropdownItem___N8ZNV:hover .DropdownItem-module__supportText___UEw04 {
4864
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__supportText___UEw04 {
4174
4865
  color: var(--ui-dropdown-item-hover-support-text-color, var(--ui-dropdown-item-support-text-color, var(--gray-400)));
4175
4866
  }
4176
- .DropdownItem-module__dropdownItem___N8ZNV:hover .DropdownItem-module__showIcon___Dg7F4 > svg * {
4867
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 > svg * {
4177
4868
  stroke: var(--ui-dropdown-item-hover-show-icon-color, var(--ui-dropdown-item-show-icon-color, var(--gray-400)));
4178
4869
  }
4179
- .DropdownItem-module__dropdownItem___N8ZNV:hover .DropdownItem-module__check___e4EmQ > svg * {
4870
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ > svg * {
4180
4871
  stroke: var(--ui-dropdown-item-hover-check-icon-color, var(--ui-dropdown-item-check-icon-color, var(--primary-500)));
4181
4872
  }
4182
4873
  }
@@ -4200,19 +4891,19 @@
4200
4891
  stroke: var(--ui-dropdown-item-active-check-icon-color, var(--primary-500));
4201
4892
  }
4202
4893
  @media (hover: hover) {
4203
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover {
4894
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z {
4204
4895
  background-color: var(--ui-dropdown-item-active-hover-background-color, var(--primary-100));
4205
4896
  }
4206
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover .DropdownItem-module__text___ASNww {
4897
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__text___ASNww {
4207
4898
  color: var(--ui-dropdown-item-active-hover-text-color, var(--ui-dropdown-item-active-text-color, var(--gray-900)));
4208
4899
  }
4209
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover .DropdownItem-module__supportText___UEw04 {
4900
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__supportText___UEw04 {
4210
4901
  color: var(--ui-dropdown-item-active-hover-support-text-color, var(--ui-dropdown-item-active-support-text-color, var(--gray-400)));
4211
4902
  }
4212
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover .DropdownItem-module__showIcon___Dg7F4 > svg * {
4903
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__showIcon___Dg7F4 > svg * {
4213
4904
  stroke: var(--ui-dropdown-item-active-hover-show-icon-color, var(--ui-dropdown-item-active-show-icon-color, var(--gray-400)));
4214
4905
  }
4215
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover .DropdownItem-module__check___e4EmQ > svg * {
4906
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__check___e4EmQ > svg * {
4216
4907
  stroke: var(--ui-dropdown-item-active-hover-check-icon-color, var(--ui-dropdown-item-active-check-icon-color, var(--primary-500)));
4217
4908
  }
4218
4909
  }
@@ -4253,16 +4944,16 @@
4253
4944
  stroke: var(--ui-dropdown-item-show-icon-color, var(--gray-500));
4254
4945
  }
4255
4946
  @media (hover: hover) {
4256
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:hover {
4947
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV {
4257
4948
  background-color: var(--ui-dropdown-item-hover-background-color, var(--gray-800));
4258
4949
  }
4259
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:hover .DropdownItem-module__text___ASNww {
4950
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__text___ASNww {
4260
4951
  color: var(--ui-dropdown-item-hover-text-color, var(--ui-dropdown-item-text-color, var(--gray-200)));
4261
4952
  }
4262
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:hover .DropdownItem-module__supportText___UEw04 {
4953
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__supportText___UEw04 {
4263
4954
  color: var(--ui-dropdown-item-hover-support-text-color, var(--ui-dropdown-item-support-text-color, var(--gray-500)));
4264
4955
  }
4265
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:hover .DropdownItem-module__showIcon___Dg7F4 > svg * {
4956
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 > svg * {
4266
4957
  stroke: var(--ui-dropdown-item-hover-show-icon-color, var(--ui-dropdown-item-show-icon-color, var(--gray-500)));
4267
4958
  }
4268
4959
  }
@@ -4282,19 +4973,19 @@
4282
4973
  stroke: var(--ui-dropdown-item-active-check-icon-color, var(--primary-600));
4283
4974
  }
4284
4975
  @media (hover: hover) {
4285
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover {
4976
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z {
4286
4977
  background-color: var(--ui-dropdown-item-active-hover-background-color, var(--primary-900));
4287
4978
  }
4288
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover .DropdownItem-module__text___ASNww {
4979
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__text___ASNww {
4289
4980
  color: var(--ui-dropdown-item-active-hover-text-color, var(--ui-dropdown-item-active-text-color, var(--gray-200)));
4290
4981
  }
4291
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover .DropdownItem-module__supportText___UEw04 {
4982
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__supportText___UEw04 {
4292
4983
  color: var(--ui-dropdown-item-active-hover-support-text-color, var(--ui-dropdown-item-active-support-text-color, var(--primary-600)));
4293
4984
  }
4294
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover .DropdownItem-module__showIcon___Dg7F4 > svg * {
4985
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__showIcon___Dg7F4 > svg * {
4295
4986
  stroke: var(--ui-dropdown-item-active-hover-show-icon-color, var(--ui-dropdown-item-active-show-icon-color, var(--primary-600)));
4296
4987
  }
4297
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover .DropdownItem-module__check___e4EmQ > svg * {
4988
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__check___e4EmQ > svg * {
4298
4989
  stroke: var(--ui-dropdown-item-active-hover-check-icon-color, var(--ui-dropdown-item-active-check-icon-color, var(--primary-600)));
4299
4990
  }
4300
4991
  }
@@ -5853,7 +6544,6 @@
5853
6544
  /*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
5854
6545
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/formFields/FormField/styles/FormField.module.scss ***!
5855
6546
  \**********************************************************************************************************************************************************************************************************************************************************************************/
5856
- @charset "UTF-8";
5857
6547
  .FormField-module__flexField___ZJjFj {
5858
6548
  width: 100%;
5859
6549
  height: fit-content;
@@ -5862,50 +6552,13 @@
5862
6552
  border-radius: var(--ui-form-field-border-radius, 8px);
5863
6553
  gap: 12px;
5864
6554
  box-sizing: border-box;
5865
- background-color: var(--ui-form-field-background-color, var(--base-white));
5866
- border: 1px solid var(--ui-form-field-border-color, var(--gray-300));
5867
- box-shadow: var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
5868
6555
  transition: all ease-out 200ms;
5869
6556
  }
5870
- [data-theme=dark] .FormField-module__flexField___ZJjFj {
5871
- background-color: var(--ui-form-field-background-color, var(--gray-950));
5872
- border: 1px solid var(--ui-form-field-border-color, var(--gray-800));
5873
- }
5874
6557
  .FormField-module__flexField___ZJjFj {
5875
6558
  display: flex;
5876
6559
  align-items: center;
5877
6560
  justify-content: center;
5878
6561
  }
5879
- .FormField-module__flexField___ZJjFj .FormField-module__textSupport____FpIX {
5880
- font-size: 16px;
5881
- line-height: 24px;
5882
- color: var(--ui-form-field-placeholder-color, var(--gray-iron-500));
5883
- font-weight: 400;
5884
- font-family: var(--golos);
5885
- font-stretch: normal;
5886
- font-style: normal;
5887
- font-variant: normal;
5888
- }
5889
- .FormField-module__flexField___ZJjFj .FormField-module__textSupport____FpIX {
5890
- font-size: 16px;
5891
- line-height: 24px;
5892
- color: var(--ui-form-field-placeholder-color, var(--gray-400));
5893
- font-weight: 400;
5894
- font-family: var(--golos);
5895
- font-stretch: normal;
5896
- font-style: normal;
5897
- font-variant: normal;
5898
- }
5899
- [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__textSupport____FpIX {
5900
- font-size: 16px;
5901
- line-height: 24px;
5902
- color: var(--ui-form-field-placeholder-color, var(--gray-500));
5903
- font-weight: 400;
5904
- font-family: var(--golos);
5905
- font-stretch: normal;
5906
- font-style: normal;
5907
- font-variant: normal;
5908
- }
5909
6562
  .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS {
5910
6563
  flex: 1;
5911
6564
  min-width: 0;
@@ -5919,126 +6572,354 @@
5919
6572
  overflow: hidden;
5920
6573
  text-overflow: ellipsis;
5921
6574
  transition: -webkit-box-shadow ease-out 200ms;
5922
- /* Полный сброс стандартных стилей автозаполнения */
5923
- /* Для современных браузеров */
5924
- }
5925
- .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:-webkit-autofill, .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:-webkit-autofill:hover, .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:-webkit-autofill:active {
5926
- -webkit-text-fill-color: var(--ui-form-field-text-color, var(--gray-900)) !important;
5927
- -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-background-color, var(--base-white)) inset;
5928
- background-color: transparent !important;
5929
- caret-color: currentColor !important;
5930
- }
5931
- [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:-webkit-autofill, [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:-webkit-autofill:hover, [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:-webkit-autofill:active {
5932
- -webkit-text-fill-color: var(--ui-form-field-text-color, var(--gray-200)) !important;
5933
- -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-background-color, var(--gray-950)) inset;
5934
- }
5935
- .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:-webkit-autofill:focus {
5936
- -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus-background-color, var(--base-white)) inset;
5937
- }
5938
- [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:-webkit-autofill:focus {
5939
- -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus-background-color, var(--gray-950)) inset;
5940
- }
5941
- .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:auto-fill, .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:autofill {
5942
- color: var(--ui-form-field-text-color, var(--gray-900)) !important;
5943
- background-color: transparent !important;
5944
- box-shadow: 0 0 0 40rem transparent !important;
5945
- }
5946
- [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:auto-fill, [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:autofill {
5947
- color: var(--ui-form-field-text-color, var(--gray-25)) !important;
5948
6575
  }
5949
6576
  .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS {
5950
6577
  font-size: 16px;
5951
6578
  line-height: 24px;
5952
- color: var(--ui-form-field-text-color, var(--gray-900));
5953
6579
  font-weight: 400;
5954
6580
  font-family: var(--golos);
5955
- font-stretch: normal;
5956
- font-style: normal;
5957
- font-variant: normal;
5958
6581
  }
5959
6582
  .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS::placeholder, .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS.FormField-module__placeholder___AZ7d1 {
5960
6583
  font-size: 16px;
5961
6584
  line-height: 24px;
5962
- color: var(--ui-form-field-placeholder-color, var(--gray-400));
5963
6585
  font-weight: 400;
5964
6586
  font-family: var(--golos);
5965
- font-stretch: normal;
5966
- font-style: normal;
5967
- font-variant: normal;
5968
6587
  }
5969
- .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:read-only {
5970
- cursor: default;
6588
+ .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:read-only {
6589
+ cursor: default;
6590
+ }
6591
+ .FormField-module__flexField___ZJjFj .FormField-module__icon___NrcZo {
6592
+ padding: 2px 0;
6593
+ }
6594
+ .FormField-module__flexField___ZJjFj .FormField-module__icon___NrcZo {
6595
+ display: flex;
6596
+ align-items: center;
6597
+ justify-content: center;
6598
+ }
6599
+ .FormField-module__flexField___ZJjFj .FormField-module__icon___NrcZo > svg {
6600
+ width: 20px;
6601
+ height: 20px;
6602
+ flex: none;
6603
+ }
6604
+ .FormField-module__flexField___ZJjFj.FormField-module__pointer___hfvGg *, .FormField-module__flexField___ZJjFj.FormField-module__pointer___hfvGg .FormField-module__inputField___jIgwS {
6605
+ cursor: pointer;
6606
+ }
6607
+ .FormField-module__flexField___ZJjFj {
6608
+ background-color: var(--ui-form-field-background-color, var(--base-white));
6609
+ border: 1px solid var(--ui-form-field-border-color, var(--gray-300));
6610
+ box-shadow: var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
6611
+ caret: var(--gray-900);
6612
+ }
6613
+ .FormField-module__flexField___ZJjFj {
6614
+ color: var(--ui-form-field-text-color, var(--gray-900));
6615
+ }
6616
+ .FormField-module__flexField___ZJjFj .FormField-module__textSupport____FpIX {
6617
+ caret: var(--gray-900);
6618
+ }
6619
+ .FormField-module__flexField___ZJjFj .FormField-module__textSupport____FpIX {
6620
+ color: var(--ui-form-field-text-color, var(--gray-900));
6621
+ }
6622
+ .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS {
6623
+ background-color: var(--ui-form-field-background-color, var(--base-white));
6624
+ caret: var(--gray-900);
6625
+ }
6626
+ .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS {
6627
+ color: var(--ui-form-field-text-color, var(--gray-900));
6628
+ }
6629
+ .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:-webkit-autofill, .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:-webkit-autofill:hover, .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:-webkit-autofill:active {
6630
+ transition: none;
6631
+ -webkit-text-fill-color: var(--ui-form-field--text-color, var(--gray-900)) !important;
6632
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field--background-color, var(--base-white)) inset;
6633
+ }
6634
+ .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:-webkit-autofill:focus {
6635
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field--background-color, var(--base-white)) inset;
6636
+ }
6637
+ .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:auto-fill, .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:autofill {
6638
+ color: var(--ui-form-field--text-color, var(--gray-900)) !important;
6639
+ }
6640
+ .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS::placeholder, .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS.FormField-module__placeholder___AZ7d1 {
6641
+ color: var(--ui-form-field-placeholder-color, var(--gray-400));
6642
+ }
6643
+ .FormField-module__flexField___ZJjFj .FormField-module__icon___NrcZo > svg * {
6644
+ stroke: var(--ui-form-field-icon-color, var(--gray-400));
6645
+ }
6646
+ [data-theme=dark] .FormField-module__flexField___ZJjFj {
6647
+ background-color: var(--ui-form-field-background-color, var(--gray-950));
6648
+ border: 1px solid var(--ui-form-field-border-color, var(--gray-800));
6649
+ box-shadow: var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
6650
+ caret: var(--gray-25);
6651
+ }
6652
+ [data-theme=dark] .FormField-module__flexField___ZJjFj {
6653
+ color: var(--ui-form-field-text-color, var(--gray-25));
6654
+ }
6655
+ [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__textSupport____FpIX {
6656
+ caret: var(--gray-25);
6657
+ }
6658
+ [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__textSupport____FpIX {
6659
+ color: var(--ui-form-field-text-color, var(--gray-25));
6660
+ }
6661
+ [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS {
6662
+ background-color: var(--ui-form-field-background-color, var(--gray-950));
6663
+ caret: var(--gray-25);
6664
+ }
6665
+ [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS {
6666
+ color: var(--ui-form-field-text-color, var(--gray-25));
6667
+ }
6668
+ [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:-webkit-autofill, [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:-webkit-autofill:hover, [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:-webkit-autofill:active {
6669
+ transition: none;
6670
+ -webkit-text-fill-color: var(--ui-form-field--text-color, var(--gray-25)) !important;
6671
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field--background-color, var(--gray-950)) inset;
6672
+ }
6673
+ [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:-webkit-autofill:focus {
6674
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field--background-color, var(--gray-950)) inset;
6675
+ }
6676
+ [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:auto-fill, [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:autofill {
6677
+ color: var(--ui-form-field--text-color, var(--gray-25)) !important;
6678
+ }
6679
+ [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS::placeholder, [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS.FormField-module__placeholder___AZ7d1 {
6680
+ color: var(--ui-form-field-placeholder-color, var(--gray-500));
6681
+ }
6682
+ [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__icon___NrcZo > svg * {
6683
+ stroke: var(--ui-form-field-icon-color, var(--gray-500));
6684
+ }
6685
+ .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) {
6686
+ background-color: var(--ui-form-field-focus-background-color, var(--base-white));
6687
+ border: 1px solid var(--ui-form-field-focus-border-color, var(--gray-400));
6688
+ box-shadow: var(--ui-form-field-focus-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
6689
+ caret: var(--gray-900);
6690
+ }
6691
+ .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) {
6692
+ color: var(--ui-form-field-focus-text-color, var(--gray-900));
6693
+ }
6694
+ .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__textSupport____FpIX {
6695
+ caret: var(--gray-900);
6696
+ }
6697
+ .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__textSupport____FpIX {
6698
+ color: var(--ui-form-field-focus-text-color, var(--gray-900));
6699
+ }
6700
+ .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS {
6701
+ background-color: var(--ui-form-field-focus-background-color, var(--base-white));
6702
+ caret: var(--gray-900);
5971
6703
  }
5972
- .FormField-module__flexField___ZJjFj .FormField-module__icon___NrcZo {
5973
- padding: 2px 0;
6704
+ .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS {
6705
+ color: var(--ui-form-field-focus-text-color, var(--gray-900));
5974
6706
  }
5975
- .FormField-module__flexField___ZJjFj .FormField-module__icon___NrcZo {
5976
- display: flex;
5977
- align-items: center;
5978
- justify-content: center;
6707
+ .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:-webkit-autofill, .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:-webkit-autofill:hover, .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:-webkit-autofill:active {
6708
+ transition: none;
6709
+ -webkit-text-fill-color: var(--ui-form-field-focus--text-color, var(--gray-900)) !important;
6710
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus--background-color, var(--base-white)) inset;
5979
6711
  }
5980
- .FormField-module__flexField___ZJjFj .FormField-module__icon___NrcZo > svg * {
5981
- stroke: var(--gray-400);
6712
+ .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:-webkit-autofill:focus {
6713
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus--background-color, var(--base-white)) inset;
5982
6714
  }
5983
- .FormField-module__flexField___ZJjFj .FormField-module__icon___NrcZo > svg {
5984
- width: 20px;
5985
- height: 20px;
5986
- flex: none;
6715
+ .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:auto-fill, .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:autofill {
6716
+ color: var(--ui-form-field-focus--text-color, var(--gray-900)) !important;
5987
6717
  }
5988
- [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__icon___NrcZo > svg * {
5989
- stroke: var(--ui-form-field-placeholder-color, var(--gray-iron-500));
6718
+ .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS::placeholder, .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS.FormField-module__placeholder___AZ7d1 {
6719
+ color: var(--ui-form-field-focus-placeholder-color, var(--gray-400));
5990
6720
  }
5991
- .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) {
5992
- background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--base-white)));
5993
- border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-400)));
5994
- box-shadow: var(--ui-form-field-focus-box-shadow, var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922)));
5995
- color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-900)));
6721
+ .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__icon___NrcZo > svg * {
6722
+ stroke: var(--ui-form-field-focus-icon-color, var(--gray-400));
6723
+ }
6724
+ [data-theme=dark] .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) {
6725
+ background-color: var(--ui-form-field-focus-background-color, var(--gray-950));
6726
+ border: 1px solid var(--ui-form-field-focus-border-color, var(--gray-700));
6727
+ box-shadow: var(--ui-form-field-focus-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
6728
+ caret: var(--gray-25);
5996
6729
  }
5997
6730
  [data-theme=dark] .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) {
5998
- background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--gray-950)));
5999
- border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-700)));
6000
- box-shadow: var(--ui-form-field-focus-box-shadow, var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922)));
6001
- color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-25)));
6731
+ color: var(--ui-form-field-focus-text-color, var(--gray-25));
6732
+ }
6733
+ [data-theme=dark] .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__textSupport____FpIX {
6734
+ caret: var(--gray-25);
6735
+ }
6736
+ [data-theme=dark] .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__textSupport____FpIX {
6737
+ color: var(--ui-form-field-focus-text-color, var(--gray-25));
6738
+ }
6739
+ [data-theme=dark] .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS {
6740
+ background-color: var(--ui-form-field-focus-background-color, var(--gray-950));
6741
+ caret: var(--gray-25);
6742
+ }
6743
+ [data-theme=dark] .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS {
6744
+ color: var(--ui-form-field-focus-text-color, var(--gray-25));
6745
+ }
6746
+ [data-theme=dark] .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:-webkit-autofill, [data-theme=dark] .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:-webkit-autofill:hover, [data-theme=dark] .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:-webkit-autofill:active {
6747
+ transition: none;
6748
+ -webkit-text-fill-color: var(--ui-form-field-focus--text-color, var(--gray-25)) !important;
6749
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus--background-color, var(--gray-950)) inset;
6750
+ }
6751
+ [data-theme=dark] .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:-webkit-autofill:focus {
6752
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus--background-color, var(--gray-950)) inset;
6753
+ }
6754
+ [data-theme=dark] .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:auto-fill, [data-theme=dark] .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:autofill {
6755
+ color: var(--ui-form-field-focus--text-color, var(--gray-25)) !important;
6756
+ }
6757
+ [data-theme=dark] .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS::placeholder, [data-theme=dark] .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS.FormField-module__placeholder___AZ7d1 {
6758
+ color: var(--ui-form-field-focus-placeholder-color, var(--gray-500));
6759
+ }
6760
+ [data-theme=dark] .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__icon___NrcZo > svg * {
6761
+ stroke: var(--ui-form-field-focus-icon-color, var(--gray-500));
6002
6762
  }
6003
6763
  .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu {
6004
- background-color: var(--ui-form-field-error-background-color, var(--base-white));
6764
+ background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--base-white)));
6005
6765
  border: 1px solid var(--ui-form-field-error-border-color, var(--error-300));
6006
6766
  box-shadow: var(--ui-form-field-error-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
6007
- color: var(--ui-form-field-error-text-color, var(--gray-900));
6767
+ caret: var(--ui-form-field-text-color, var(--gray-900));
6768
+ }
6769
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu {
6770
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)));
6771
+ }
6772
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__textSupport____FpIX {
6773
+ caret: var(--ui-form-field-text-color, var(--gray-900));
6774
+ }
6775
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__textSupport____FpIX {
6776
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)));
6777
+ }
6778
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS {
6779
+ background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--base-white)));
6780
+ caret: var(--ui-form-field-text-color, var(--gray-900));
6781
+ }
6782
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS {
6783
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)));
6784
+ }
6785
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS:-webkit-autofill, .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS:-webkit-autofill:hover, .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS:-webkit-autofill:active {
6786
+ transition: none;
6787
+ -webkit-text-fill-color: var(--ui-form-field-error--text-color, var(--ui-form-field-text-color, var(--gray-900))) !important;
6788
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error--background-color, var(--ui-form-field-background-color, var(--base-white))) inset;
6789
+ }
6790
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS:-webkit-autofill:focus {
6791
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error--background-color, var(--ui-form-field-background-color, var(--base-white))) inset;
6792
+ }
6793
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS:auto-fill, .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS:autofill {
6794
+ color: var(--ui-form-field-error--text-color, var(--ui-form-field-text-color, var(--gray-900))) !important;
6795
+ }
6796
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS::placeholder, .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS.FormField-module__placeholder___AZ7d1 {
6797
+ color: var(--ui-form-field-error-placeholder-color, var(--ui-form-field-placeholder-color, var(--gray-400)));
6798
+ }
6799
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__icon___NrcZo > svg * {
6800
+ stroke: var(--ui-form-field-error-icon-color, var(--ui-form-field-icon-color, var(--gray-400)));
6008
6801
  }
6009
6802
  [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu {
6010
6803
  background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)));
6011
6804
  border: 1px solid var(--ui-form-field-error-border-color, var(--error-900));
6012
- box-shadow: var(--ui-form-field-error-box-shadow, var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922)));
6805
+ box-shadow: var(--ui-form-field-error-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
6806
+ caret: var(--ui-form-field-text-color, var(--gray-25));
6807
+ }
6808
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu {
6809
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
6810
+ }
6811
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__textSupport____FpIX {
6812
+ caret: var(--ui-form-field-text-color, var(--gray-25));
6813
+ }
6814
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__textSupport____FpIX {
6013
6815
  color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
6014
6816
  }
6817
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS {
6818
+ background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)));
6819
+ caret: var(--ui-form-field-text-color, var(--gray-25));
6820
+ }
6821
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS {
6822
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
6823
+ }
6824
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS:-webkit-autofill, [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS:-webkit-autofill:hover, [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS:-webkit-autofill:active {
6825
+ transition: none;
6826
+ -webkit-text-fill-color: var(--ui-form-field-error--text-color, var(--ui-form-field-text-color, var(--gray-25))) !important;
6827
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error--background-color, var(--ui-form-field-background-color, var(--gray-950))) inset;
6828
+ }
6829
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS:-webkit-autofill:focus {
6830
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error--background-color, var(--ui-form-field-background-color, var(--gray-950))) inset;
6831
+ }
6832
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS:auto-fill, [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS:autofill {
6833
+ color: var(--ui-form-field-error--text-color, var(--ui-form-field-text-color, var(--gray-25))) !important;
6834
+ }
6835
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS::placeholder, [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__inputField___jIgwS.FormField-module__placeholder___AZ7d1 {
6836
+ color: var(--ui-form-field-error-placeholder-color, var(--ui-form-field-placeholder-color, var(--gray-500)));
6837
+ }
6838
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__icon___NrcZo > svg * {
6839
+ stroke: var(--ui-form-field-error-icon-color, var(--ui-form-field-icon-color, var(--gray-500)));
6840
+ }
6015
6841
  .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) {
6016
- background-color: var(--ui-form-field-error-focus-background-color, var(--base-white));
6842
+ background-color: var(--ui-form-field-error-focus-background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--base-white))));
6017
6843
  border: 1px solid var(--ui-form-field-error-focus-border-color, var(--error-400));
6018
6844
  box-shadow: var(--ui-form-field-error-focus-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
6019
- color: var(--ui-form-field-error-focus-text-color, var(--gray-900));
6845
+ caret: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)));
6846
+ }
6847
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) {
6848
+ color: var(--ui-form-field-error-focus-text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900))));
6849
+ }
6850
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__textSupport____FpIX {
6851
+ caret: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)));
6852
+ }
6853
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__textSupport____FpIX {
6854
+ color: var(--ui-form-field-error-focus-text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900))));
6855
+ }
6856
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS {
6857
+ background-color: var(--ui-form-field-error-focus-background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--base-white))));
6858
+ caret: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)));
6859
+ }
6860
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS {
6861
+ color: var(--ui-form-field-error-focus-text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900))));
6862
+ }
6863
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:-webkit-autofill, .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:-webkit-autofill:hover, .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:-webkit-autofill:active {
6864
+ transition: none;
6865
+ -webkit-text-fill-color: var(--ui-form-field-error-focus--text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)))) !important;
6866
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error-focus--background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--base-white)))) inset;
6867
+ }
6868
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:-webkit-autofill:focus {
6869
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error-focus--background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--base-white)))) inset;
6870
+ }
6871
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:auto-fill, .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:autofill {
6872
+ color: var(--ui-form-field-error-focus--text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-900)))) !important;
6873
+ }
6874
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS::placeholder, .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS.FormField-module__placeholder___AZ7d1 {
6875
+ color: var(--ui-form-field-error-focus-placeholder-color, var(--ui-form-field-error-placeholder-color, var(--ui-form-field-placeholder-color, var(--gray-400))));
6876
+ }
6877
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__icon___NrcZo > svg * {
6878
+ stroke: var(--ui-form-field-error-focus-icon-color, var(--ui-form-field-error-icon-color, var(--ui-form-field-icon-color, var(--gray-400))));
6879
+ }
6880
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) {
6881
+ background-color: var(--ui-form-field-error-focus-background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950))));
6882
+ border: 1px solid var(--ui-form-field-error-focus-border-color, var(--error-700));
6883
+ box-shadow: var(--ui-form-field-error-focus-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
6884
+ caret: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
6020
6885
  }
6021
6886
  [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) {
6887
+ color: var(--ui-form-field-error-focus-text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25))));
6888
+ }
6889
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__textSupport____FpIX {
6890
+ caret: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
6891
+ }
6892
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__textSupport____FpIX {
6893
+ color: var(--ui-form-field-error-focus-text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25))));
6894
+ }
6895
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS {
6022
6896
  background-color: var(--ui-form-field-error-focus-background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950))));
6023
- border: 1px solid var(--ui-form-field-error-focus-border-color, var(--ui-form-field-error-border-color, var(--error-700)));
6024
- box-shadow: var(--ui-form-field-error-focus-box-shadow, var(--ui-form-field-error-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922)));
6025
- color: var(--ui-form-field-error-focus-text-color, var(--gray-25));
6897
+ caret: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
6026
6898
  }
6027
- .FormField-module__flexField___ZJjFj.FormField-module__pointer___hfvGg *, .FormField-module__flexField___ZJjFj.FormField-module__pointer___hfvGg .FormField-module__inputField___jIgwS {
6028
- cursor: pointer;
6899
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS {
6900
+ color: var(--ui-form-field-error-focus-text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25))));
6901
+ }
6902
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:-webkit-autofill, [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:-webkit-autofill:hover, [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:-webkit-autofill:active {
6903
+ transition: none;
6904
+ -webkit-text-fill-color: var(--ui-form-field-error-focus--text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)))) !important;
6905
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error-focus--background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)))) inset;
6906
+ }
6907
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:-webkit-autofill:focus {
6908
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-error-focus--background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)))) inset;
6909
+ }
6910
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:auto-fill, [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS:autofill {
6911
+ color: var(--ui-form-field-error-focus--text-color, var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)))) !important;
6912
+ }
6913
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS::placeholder, [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__inputField___jIgwS.FormField-module__placeholder___AZ7d1 {
6914
+ color: var(--ui-form-field-error-focus-placeholder-color, var(--ui-form-field-error-placeholder-color, var(--ui-form-field-placeholder-color, var(--gray-500))));
6915
+ }
6916
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) .FormField-module__icon___NrcZo > svg * {
6917
+ stroke: var(--ui-form-field-error-focus-icon-color, var(--ui-form-field-error-icon-color, var(--ui-form-field-icon-color, var(--gray-500))));
6029
6918
  }
6030
6919
  .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM {
6031
- background-color: var(--ui-form-field-disabled-background-color, var(--gray-50));
6032
- border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-300));
6033
- color: var(--ui-form-field-disabled-text-color, var(--gray-500));
6034
6920
  cursor: default;
6035
6921
  pointer-events: none;
6036
6922
  }
6037
- [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM {
6038
- background-color: var(--ui-form-field-disabled-background-color, var(--gray-950));
6039
- border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-800));
6040
- color: var(--ui-form-field-disabled-text-color, var(--gray-25));
6041
- }
6042
6923
  .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM * {
6043
6924
  cursor: default;
6044
6925
  }
@@ -6048,103 +6929,106 @@
6048
6929
  .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS {
6049
6930
  font-size: 16px;
6050
6931
  line-height: 24px;
6051
- color: var(--gray-500);
6052
6932
  font-weight: 400;
6053
6933
  font-family: var(--golos);
6054
- font-stretch: normal;
6055
- font-style: normal;
6056
- font-variant: normal;
6057
6934
  }
6058
- .FormField-module__flexField___ZJjFj.FormField-module__smallDisplay___Y3CBB, .FormField-module__flexField___ZJjFj.FormField-module__largeDisplay___u4OTy {
6059
- padding: 0;
6060
- border: none;
6061
- box-shadow: none;
6935
+ .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM {
6936
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-50));
6937
+ border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-300));
6938
+ box-shadow: var(--ui-form-field-disabled-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
6939
+ caret: var(--gray-500);
6062
6940
  }
6063
- .FormField-module__flexField___ZJjFj.FormField-module__smallDisplay___Y3CBB .FormField-module__inputField___jIgwS {
6064
- font-size: 16px;
6065
- line-height: 24px;
6066
- color: var(--gray-900);
6067
- font-weight: 400;
6068
- font-family: var(--golos);
6069
- font-stretch: normal;
6070
- font-style: normal;
6071
- font-variant: normal;
6941
+ .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM {
6942
+ color: var(--ui-form-field-disabled-text-color, var(--gray-500));
6072
6943
  }
6073
- .FormField-module__flexField___ZJjFj.FormField-module__largeDisplay___u4OTy .FormField-module__inputField___jIgwS {
6074
- font-size: 20px;
6075
- line-height: 24px;
6076
- color: var(--gray-900);
6077
- font-weight: 400;
6078
- font-family: var(--golos);
6079
- font-stretch: normal;
6080
- font-style: normal;
6081
- font-variant: normal;
6944
+ .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__textSupport____FpIX {
6945
+ caret: var(--gray-500);
6082
6946
  }
6083
- [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS {
6084
- caret-color: var(--ui-form-field-text-color, var(--gray-200));
6947
+ .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__textSupport____FpIX {
6948
+ color: var(--ui-form-field-disabled-text-color, var(--gray-500));
6085
6949
  }
6086
- [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS {
6087
- font-size: 16px;
6088
- line-height: 24px;
6089
- color: var(--ui-form-field-text-color, var(--gray-200));
6090
- font-weight: 400;
6091
- font-family: var(--golos);
6092
- font-stretch: normal;
6093
- font-style: normal;
6094
- font-variant: normal;
6950
+ .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS {
6951
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-50));
6952
+ caret: var(--gray-500);
6095
6953
  }
6096
- [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS::placeholder, [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS.FormField-module__placeholder___AZ7d1 {
6097
- font-size: 16px;
6098
- line-height: 24px;
6099
- color: var(--ui-form-field-placeholder-color, var(--gray-500));
6100
- font-weight: 400;
6101
- font-family: var(--golos);
6102
- font-stretch: normal;
6103
- font-style: normal;
6104
- font-variant: normal;
6954
+ .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS {
6955
+ color: var(--ui-form-field-disabled-text-color, var(--gray-500));
6105
6956
  }
6106
- [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__icon___NrcZo > svg * {
6107
- stroke: var(--ui-form-field-placeholder-color, var(--gray-iron-500));
6957
+ .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS:-webkit-autofill, .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS:-webkit-autofill:hover, .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS:-webkit-autofill:active {
6958
+ transition: none;
6959
+ -webkit-text-fill-color: var(--ui-form-field-disabled--text-color, var(--gray-500)) !important;
6960
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-disabled--background-color, var(--gray-50)) inset;
6108
6961
  }
6109
- [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__textSupport____FpIX {
6110
- font-size: 16px;
6111
- line-height: 24px;
6112
- color: var(--ui-form-field-placeholder-color, var(--gray-iron-500));
6113
- font-weight: 400;
6114
- font-family: var(--golos);
6115
- font-stretch: normal;
6116
- font-style: normal;
6117
- font-variant: normal;
6962
+ .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS:-webkit-autofill:focus {
6963
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-disabled--background-color, var(--gray-50)) inset;
6118
6964
  }
6119
- [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__dropdown___ymElW > svg * {
6120
- stroke: var(--gray-iron-500);
6965
+ .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS:auto-fill, .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS:autofill {
6966
+ color: var(--ui-form-field-disabled--text-color, var(--gray-500)) !important;
6121
6967
  }
6122
- [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__button___A8CtI.FormField-module__red___RlgTI > svg * {
6123
- stroke: var(--error-400);
6968
+ .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS::placeholder, .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS.FormField-module__placeholder___AZ7d1 {
6969
+ color: var(--ui-form-field-disabled-placeholder-color, transparent);
6124
6970
  }
6125
- [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__button___A8CtI.FormField-module__red___RlgTI:hover > svg * {
6126
- stroke: var(--error-500);
6971
+ .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__icon___NrcZo > svg * {
6972
+ stroke: var(--ui-form-field-disabled-icon-color, var(--gray-400));
6973
+ }
6974
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM {
6975
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-950));
6976
+ border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-800));
6977
+ box-shadow: var(--ui-form-field-disabled-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
6978
+ caret: var(--gray-25);
6127
6979
  }
6128
- [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__button___A8CtI.FormField-module__gray___MoYs5 > svg * {
6129
- stroke: var(--gray-iron-400);
6980
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM {
6981
+ color: var(--ui-form-field-disabled-text-color, var(--gray-25));
6130
6982
  }
6131
- [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__button___A8CtI.FormField-module__gray___MoYs5:hover > svg * {
6132
- stroke: var(--gray-iron-500);
6983
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__textSupport____FpIX {
6984
+ caret: var(--gray-25);
6985
+ }
6986
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__textSupport____FpIX {
6987
+ color: var(--ui-form-field-disabled-text-color, var(--gray-25));
6988
+ }
6989
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS {
6990
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-950));
6991
+ caret: var(--gray-25);
6992
+ }
6993
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS {
6994
+ color: var(--ui-form-field-disabled-text-color, var(--gray-25));
6995
+ }
6996
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS:-webkit-autofill, [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS:-webkit-autofill:hover, [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS:-webkit-autofill:active {
6997
+ transition: none;
6998
+ -webkit-text-fill-color: var(--ui-form-field-disabled--text-color, var(--gray-25)) !important;
6999
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-disabled--background-color, var(--gray-950)) inset;
6133
7000
  }
6134
- [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__smallDisplay___Y3CBB .FormField-module__inputField___jIgwS {
7001
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS:-webkit-autofill:focus {
7002
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-disabled--background-color, var(--gray-950)) inset;
7003
+ }
7004
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS:auto-fill, [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS:autofill {
7005
+ color: var(--ui-form-field-disabled--text-color, var(--gray-25)) !important;
7006
+ }
7007
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS::placeholder, [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS.FormField-module__placeholder___AZ7d1 {
7008
+ color: var(--ui-form-field-disabled-placeholder-color, transparent);
7009
+ }
7010
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__icon___NrcZo > svg * {
7011
+ stroke: var(--ui-form-field-disabled-icon-color, var(--gray-400));
7012
+ }
7013
+ .FormField-module__flexField___ZJjFj.FormField-module__smallDisplay___Y3CBB, .FormField-module__flexField___ZJjFj.FormField-module__largeDisplay___u4OTy {
7014
+ padding: 0;
7015
+ border: none;
7016
+ box-shadow: none;
7017
+ }
7018
+ .FormField-module__flexField___ZJjFj.FormField-module__smallDisplay___Y3CBB .FormField-module__inputField___jIgwS {
6135
7019
  font-size: 16px;
6136
7020
  line-height: 24px;
6137
- color: var(--gray-iron-25);
7021
+ color: var(--gray-900);
6138
7022
  font-weight: 400;
6139
7023
  font-family: var(--golos);
6140
7024
  font-stretch: normal;
6141
7025
  font-style: normal;
6142
7026
  font-variant: normal;
6143
7027
  }
6144
- [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__largeDisplay___u4OTy .FormField-module__inputField___jIgwS {
7028
+ .FormField-module__flexField___ZJjFj.FormField-module__largeDisplay___u4OTy .FormField-module__inputField___jIgwS {
6145
7029
  font-size: 20px;
6146
7030
  line-height: 24px;
6147
- color: var(--gray-iron-25);
7031
+ color: var(--gray-900);
6148
7032
  font-weight: 400;
6149
7033
  font-family: var(--golos);
6150
7034
  font-stretch: normal;
@@ -6403,52 +7287,6 @@
6403
7287
  font-style: normal;
6404
7288
  font-variant: normal;
6405
7289
  }
6406
- .TextareaField-module__textareaField___rTOmX:focus {
6407
- background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--base-white)));
6408
- border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-400)));
6409
- box-shadow: var(--ui-form-field-focus-box-shadow, var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922)));
6410
- color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-900)));
6411
- }
6412
- [data-theme=dark] .TextareaField-module__textareaField___rTOmX:focus {
6413
- background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--gray-950)));
6414
- border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-700)));
6415
- box-shadow: var(--ui-form-field-focus-box-shadow, var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922)));
6416
- color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-25)));
6417
- }
6418
- .TextareaField-module__textareaField___rTOmX:disabled {
6419
- background-color: var(--ui-form-field-disabled-background-color, var(--gray-50));
6420
- border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-300));
6421
- color: var(--ui-form-field-disabled-text-color, var(--gray-500));
6422
- }
6423
- [data-theme=dark] .TextareaField-module__textareaField___rTOmX:disabled {
6424
- background-color: var(--ui-form-field-disabled-background-color, var(--gray-950));
6425
- border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-800));
6426
- color: var(--ui-form-field-disabled-text-color, var(--gray-25));
6427
- }
6428
- .TextareaField-module__textareaField___rTOmX.TextareaField-module__isError___PNhRm {
6429
- background-color: var(--ui-form-field-error-background-color, var(--base-white));
6430
- border: 1px solid var(--ui-form-field-error-border-color, var(--error-300));
6431
- box-shadow: var(--ui-form-field-error-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
6432
- color: var(--ui-form-field-error-text-color, var(--gray-900));
6433
- }
6434
- [data-theme=dark] .TextareaField-module__textareaField___rTOmX.TextareaField-module__isError___PNhRm {
6435
- background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)));
6436
- border: 1px solid var(--ui-form-field-error-border-color, var(--error-900));
6437
- box-shadow: var(--ui-form-field-error-box-shadow, var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922)));
6438
- color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
6439
- }
6440
- .TextareaField-module__textareaField___rTOmX.TextareaField-module__isError___PNhRm:focus {
6441
- background-color: var(--ui-form-field-error-focus-background-color, var(--base-white));
6442
- border: 1px solid var(--ui-form-field-error-focus-border-color, var(--error-400));
6443
- box-shadow: var(--ui-form-field-error-focus-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
6444
- color: var(--ui-form-field-error-focus-text-color, var(--gray-900));
6445
- }
6446
- [data-theme=dark] .TextareaField-module__textareaField___rTOmX.TextareaField-module__isError___PNhRm:focus {
6447
- background-color: var(--ui-form-field-error-focus-background-color, var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950))));
6448
- border: 1px solid var(--ui-form-field-error-focus-border-color, var(--ui-form-field-error-border-color, var(--error-700)));
6449
- box-shadow: var(--ui-form-field-error-focus-box-shadow, var(--ui-form-field-error-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922)));
6450
- color: var(--ui-form-field-error-focus-text-color, var(--gray-25));
6451
- }
6452
7290
  [data-theme=dark] .TextareaField-module__textareaField___rTOmX {
6453
7291
  background-color: var(--ui-form-field-background-color, var(--gray-950));
6454
7292
  border: 1px solid var(--ui-form-field-border-color, var(--gray-800));
@@ -6534,24 +7372,27 @@
6534
7372
  display: flex;
6535
7373
  align-items: center;
6536
7374
  }
6537
- .Mask-module__main___UcP1p > svg * {
6538
- stroke: var(--gray-400);
6539
- }
6540
7375
  .Mask-module__main___UcP1p > svg {
6541
7376
  flex: none;
6542
7377
  width: 20px;
6543
7378
  height: 20px;
6544
7379
  }
7380
+ .Mask-module__main___UcP1p > svg * {
7381
+ stroke: var(--ui-form-field-icon-color, var(--gray-400));
7382
+ }
6545
7383
  .Mask-module__main___UcP1p, .Mask-module__main___UcP1p input::placeholder {
6546
7384
  font-size: 16px;
6547
7385
  line-height: 24px;
6548
- color: var(--gray-400);
7386
+ color: black;
6549
7387
  font-weight: 400;
6550
7388
  font-family: var(--golos);
6551
7389
  font-stretch: normal;
6552
7390
  font-style: normal;
6553
7391
  font-variant: normal;
6554
7392
  }
7393
+ .Mask-module__main___UcP1p, .Mask-module__main___UcP1p input::placeholder {
7394
+ color: var(--ui-form-field-placeholder-color, var(--gray-400));
7395
+ }
6555
7396
  .Mask-module__main___UcP1p input {
6556
7397
  flex: 1;
6557
7398
  min-width: 0;
@@ -6559,16 +7400,39 @@
6559
7400
  .Mask-module__main___UcP1p input {
6560
7401
  font-size: 16px;
6561
7402
  line-height: 24px;
6562
- color: var(--gray-900);
7403
+ color: black;
6563
7404
  font-weight: 400;
6564
7405
  font-family: var(--golos);
6565
7406
  font-stretch: normal;
6566
7407
  font-style: normal;
6567
7408
  font-variant: normal;
6568
7409
  }
7410
+ .Mask-module__main___UcP1p input {
7411
+ background-color: var(--ui-form-field-background-color, var(--base-white));
7412
+ caret: var(--gray-900);
7413
+ }
7414
+ .Mask-module__main___UcP1p input {
7415
+ color: var(--ui-form-field-text-color, var(--gray-900));
7416
+ }
6569
7417
  .Mask-module__main___UcP1p.Mask-module__divider___sB844 {
6570
7418
  padding: 0 0 0 11px;
6571
- border-left: 1px solid var(--gray-300);
7419
+ border-left: 1px solid var(--ui-form-field-border-color, var(--gray-300));
7420
+ }
7421
+ [data-theme=dark] .Mask-module__main___UcP1p > svg * {
7422
+ stroke: var(--ui-form-field-icon-color, var(--gray-500));
7423
+ }
7424
+ [data-theme=dark] .Mask-module__main___UcP1p.Mask-module__divider___sB844 {
7425
+ border-left: 1px solid var(--ui-form-field-border-color, var(--gray-800));
7426
+ }
7427
+ [data-theme=dark] .Mask-module__main___UcP1p, [data-theme=dark] .Mask-module__main___UcP1p input::placeholder {
7428
+ color: var(--ui-form-field-placeholder-color, var(--gray-500));
7429
+ }
7430
+ [data-theme=dark] .Mask-module__main___UcP1p input {
7431
+ background-color: var(--ui-form-field-background-color, var(--gray-950));
7432
+ caret: var(--base-white);
7433
+ }
7434
+ [data-theme=dark] .Mask-module__main___UcP1p input {
7435
+ color: var(--ui-form-field-text-color, var(--base-white));
6572
7436
  }
6573
7437
  /*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
6574
7438
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/formFields/FormDateRangeField/styles/FormDateRange.module.scss ***!
@@ -6577,12 +7441,15 @@
6577
7441
  width: 100%;
6578
7442
  height: fit-content;
6579
7443
  padding: 9px 11px;
6580
- border: 1px solid var(--gray-300);
6581
- background-color: var(--base-white);
6582
- border-radius: 8px;
7444
+ border-radius: var(--ui-form-field-border-radius, 8px);
6583
7445
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
6584
7446
  transition: border ease-out 200ms;
6585
7447
  }
7448
+ .FormDateRange-module__wrapper___Ysixt {
7449
+ background-color: var(--ui-form-field-background-color, var(--base-white));
7450
+ border: 1px solid var(--ui-form-field-border-color, var(--gray-300));
7451
+ box-shadow: var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
7452
+ }
6586
7453
  .FormDateRange-module__wrapper___Ysixt {
6587
7454
  display: flex;
6588
7455
  align-items: center;
@@ -6611,7 +7478,20 @@
6611
7478
  padding: 0;
6612
7479
  }
6613
7480
  .FormDateRange-module__wrapper___Ysixt.FormDateRange-module__error___rtYwO {
6614
- border: 1px solid var(--error-300);
7481
+ background-color: var(--ui-form-field-error-background-color, var(--base-white));
7482
+ border: 1px solid var(--ui-form-field-error-border-color, var(--error-300));
7483
+ }
7484
+ [data-theme=dark] .FormDateRange-module__wrapper___Ysixt {
7485
+ background-color: var(--ui-form-field-background-color, var(--gray-950));
7486
+ border: 1px solid var(--ui-form-field-border-color, var(--gray-800));
7487
+ box-shadow: var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
7488
+ }
7489
+ [data-theme=dark] .FormDateRange-module__wrapper___Ysixt.FormDateRange-module__error___rtYwO {
7490
+ border: 1px solid var(--error-800);
7491
+ }
7492
+ [data-theme=dark] .FormDateRange-module__wrapper___Ysixt.FormDateRange-module__error___rtYwO {
7493
+ background-color: var(--ui-form-field-error-background-color, var(--gray-950));
7494
+ border: 1px solid var(--ui-form-field-error-border-color, var(--error-800));
6615
7495
  }
6616
7496
  /*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
6617
7497
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/formFields/FormDateRangeField/styles/InputInnerButton.module.scss ***!